|
|
Line 1: |
Line 1: |
| + | __NOTOC__ |
| + | <partinfo>BBa_K3734001 short</partinfo> |
| + | |
| <html> | | <html> |
| | | |
| <head> | | <head> |
− | <meta charset="utf-8" />
| |
− | <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
| |
− | <meta name="csu_china" content="csu_china" />
| |
− | <title>Team:csu_china</title>
| |
− | <!-- Favicon-->
| |
− | <link rel="icon" type="image/x-icon" href="assets/favicon.ico" />
| |
− | <!-- Font Awesome icons (free version)-->
| |
− | <script src="https://use.fontawesome.com/releases/v5.15.3/js/all.js" crossorigin="anonymous"></script>
| |
− | <!-- Google fonts-->
| |
− | <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css" />
| |
− | <link href="https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700" rel="stylesheet" type="text/css" />
| |
− | <!-- Core theme CSS (includes Bootstrap)-->
| |
| | | |
− | <script src="http://code.jquery.com/jquery-latest.js"></script>
| |
− | <script src="https://2021.igem.org/wiki/index.php?title=Template:CSU_CHINA/JS/script&action=raw&ctype=text/javascript"></script>
| |
− | <script src="https://2021.igem.org/wiki/index.php?title=Template:CSU_CHINA/JS/scripts&action=raw&ctype=text/javascript"></script>
| |
| </head> | | </head> |
| | | |
| <body> | | <body> |
− | <style>
| + | <h2 class="pageContent-main__title"> |
− | .MathJax nobr>span.math>span {
| + | |
− | border-left-width: 0
| + | |
− | }
| + | |
− |
| + | |
− | ;
| + | |
− | html,
| + | |
− | body {
| + | |
− | font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
| + | |
− | font-size: 16px;
| + | |
− | word-spacing: 1px;
| + | |
− | -ms-text-size-adjust: 100%;
| + | |
− | -webkit-text-size-adjust: 100%;
| + | |
− | -moz-osx-font-smoothing: grayscale;
| + | |
− | -webkit-font-smoothing: antialiased;
| + | |
− | box-sizing: border-box;
| + | |
− | width: 100%;
| + | |
− | background-color: #fff;
| + | |
− | min-height: 100vh;
| + | |
− | padding: 0;
| + | |
− | margin: 0;
| + | |
− | }
| + | |
− |
| + | |
− | ::-webkit-scrollbar {
| + | |
− | display: none;
| + | |
− | }
| + | |
− |
| + | |
− | *,
| + | |
− | *:before,
| + | |
− | *:after {
| + | |
− | box-sizing: border-box;
| + | |
− | margin: 0;
| + | |
− | }
| + | |
− |
| + | |
− | :root {
| + | |
− | --primary: #074E9F;
| + | |
− | --primary-transparent: rgba(7, 78, 159, 0.5);
| + | |
− | --blue: #6DBFFF;
| + | |
− | --yellow: #FFC93C;
| + | |
− | --dark: #0d2b4d;
| + | |
− | --title-color: #004290;
| + | |
− | --text-color: #00244E;
| + | |
− | }
| + | |
− |
| + | |
− | #navbar {
| + | |
− | position: absolute;
| + | |
− | left: 0;
| + | |
− | top: 0;
| + | |
− | width: 100%;
| + | |
− | /* background-color: */
| + | |
− | background: var(--primary-transparent);
| + | |
− | backdrop-filter: blur(8px);
| + | |
− | -webkit-backdrop-filter: blur(8px);
| + | |
− | transition: all .3s;
| + | |
− | z-index: 999;
| + | |
− | }
| + | |
− |
| + | |
− | #navbar>.logo {
| + | |
− | width: 100%;
| + | |
− | padding: .5rem 0 0 0;
| + | |
− | text-align: center;
| + | |
− | }
| + | |
− |
| + | |
− | #collapse {
| + | |
− | padding: 0 3%;
| + | |
− | display: flex;
| + | |
− | flex-direction: row;
| + | |
− | transition: all .3s;
| + | |
− | }
| + | |
− |
| + | |
− | #content {
| + | |
− | width: 100%;
| + | |
− | padding: 0;
| + | |
− | margin: 0;
| + | |
− | }
| + | |
− |
| + | |
− | #top_title {
| + | |
− | display: none;
| + | |
− | }
| + | |
− |
| + | |
− | #collapse>.navbar-list {
| + | |
− | flex-shrink: 0;
| + | |
− | padding: .5rem;
| + | |
− | display: flex;
| + | |
− | flex-shrink: 0;
| + | |
− | text-align: center;
| + | |
− | flex-direction: row;
| + | |
− | vertical-align: center;
| + | |
− | align-items: center;
| + | |
− | text-align: center;
| + | |
− | justify-content: center;
| + | |
− | }
| + | |
− |
| + | |
− | #collapse>.mainlist {
| + | |
− | flex: 1;
| + | |
− | /* overflow-y: hidden;
| + | |
− | overflow-x: auto; */
| + | |
− | /* overflow: auto; */
| + | |
− | }
| + | |
− |
| + | |
− | #collapse>.navbar-list>.navbar-list__item {
| + | |
− | font-size: .9rem;
| + | |
− | line-height: 1.5rem;
| + | |
− | color: #ffffff;
| + | |
− | font-weight: bold;
| + | |
− | padding: .3rem 1rem;
| + | |
− | /* flex: 1; */
| + | |
− | text-decoration: none;
| + | |
− | margin: 0 .3rem;
| + | |
− | font-family: San Francisco Display;
| + | |
− | transition: all .3s;
| + | |
− | border-radius: 2rem;
| + | |
− | position: relative;
| + | |
− | cursor: pointer;
| + | |
− | }
| + | |
− |
| + | |
− | #collapse>.navbar-list>.navbar-list__item:hover {
| + | |
− | overflow: visible;
| + | |
− | }
| + | |
− |
| + | |
− | #collapse>.navbar-list>.navbar-list__item .navbar-list__menu {
| + | |
− | position: absolute;
| + | |
− | top: 2.2rem;
| + | |
− | background-color: #ffffff;
| + | |
− | border-radius: 5px;
| + | |
− | box-shadow: 0 3px 10px -2px rgba(0, 0, 0, 0.1);
| + | |
− | width: 10rem;
| + | |
− | left: calc(50% - 5rem);
| + | |
− | }
| + | |
− |
| + | |
− | #collapse>.navbar-list>.navbar-list__item .navbar-list__menuItem {
| + | |
− | padding: .5rem 1rem;
| + | |
− | color: #333;
| + | |
− | display: block;
| + | |
− | text-decoration: none;
| + | |
− | cursor: pointer;
| + | |
− | }
| + | |
− |
| + | |
− | #collapse>.navbar-list>.active,
| + | |
− | #collapse>.navbar-list>.navbar-list__item:hover {
| + | |
− | background-color: var(--yellow);
| + | |
− | color: var(--primary);
| + | |
− | }
| + | |
− |
| + | |
− | #collapse>.navbar-list>.teamname {
| + | |
− | font-size: 1.5rem;
| + | |
− | color: var(--yellow);
| + | |
− | }
| + | |
− |
| + | |
− | #logo {
| + | |
− | width: 2.5rem;
| + | |
− | height: 2.5rem;
| + | |
− | }
| + | |
− |
| + | |
− | #home {
| + | |
− | width: 100%;
| + | |
− | min-height: 100vh;
| + | |
− | background-color: #ffffff;
| + | |
− | display: flex;
| + | |
− | flex-direction: column;
| + | |
− | }
| + | |
− |
| + | |
− | #home>.pageHead {
| + | |
− | height: 80vh;
| + | |
− | width: 100%;
| + | |
− | position: relative;
| + | |
− | background-position-y: top;
| + | |
− | background-position-x: center;
| + | |
− | background-size: cover;
| + | |
− | background-image: url('/static/images/lab.png');
| + | |
− | display: flex;
| + | |
− | flex-direction: column;
| + | |
− | justify-content: flex-end;
| + | |
− | z-index: 0;
| + | |
− | }
| + | |
− |
| + | |
− | #home>.pageHead::before {
| + | |
− | content: "";
| + | |
− | position: absolute;
| + | |
− | top: 0;
| + | |
− | left: 0;
| + | |
− | width: 100%;
| + | |
− | height: 80vh;
| + | |
− | background-color: rgba(0, 36, 78, .5);
| + | |
− | z-index: -1;
| + | |
− | }
| + | |
− |
| + | |
− | #home>.pageHead>.pageHead-content {
| + | |
− | text-align: center;
| + | |
− | display: flex;
| + | |
− | flex-direction: column;
| + | |
− | }
| + | |
− |
| + | |
− | #home>.pageHead>.pageHead-content>.pageHead-content__title {
| + | |
− | font-size: 5rem;
| + | |
− | color: #ffffff;
| + | |
− | }
| + | |
− |
| + | |
− | #home>.pageHead>.pageHead-content>.pageHead-content__description {
| + | |
− | margin: 6rem 10% 4rem 10%;
| + | |
− | font-size: 1rem;
| + | |
− | color: #ffffff;
| + | |
− | }
| + | |
− |
| + | |
− | #home>.pageContent {
| + | |
− | display: flex;
| + | |
− | flex-direction: row;
| + | |
− | min-height: 60vh;
| + | |
− | }
| + | |
− |
| + | |
− | #home>.pageContent>.pageContent-side {
| + | |
− | width: 20%;
| + | |
− | max-width: 200px;
| + | |
− | flex-shrink: 0;
| + | |
− | }
| + | |
− |
| + | |
− | #navlist {
| + | |
− | background-color: var(--dark);
| + | |
− | padding: 2rem .5rem 4rem .5rem;
| + | |
− | min-height: 55vh;
| + | |
− | border-bottom-right-radius: 2rem;
| + | |
− | position: relative;
| + | |
− | text-align: center;
| + | |
− | display: flex;
| + | |
− | flex-direction: column;
| + | |
− | }
| + | |
− |
| + | |
− | #navlist>.pageContent-navlist__head {
| + | |
− | padding: 1rem 0 1rem 0;
| + | |
− | }
| + | |
− |
| + | |
− | #navlist>.pageContent-navlist__head>.logo {
| + | |
− | margin: 1rem auto;
| + | |
− | width: 3.5rem;
| + | |
− | height: 3.5rem;
| + | |
− | border-radius: 50%;
| + | |
− | background-color: #dfdfdf;
| + | |
− | }
| + | |
− |
| + | |
− | #navlist>.pageContent-navlist__head>.title {
| + | |
− | color: #ffffff;
| + | |
− | font-size: 1.5rem;
| + | |
− | font-weight: bold;
| + | |
− | }
| + | |
− |
| + | |
− | #navlist>.pageContent-navlist__item {
| + | |
− | color: #ffffff;
| + | |
− | font-size: 1rem;
| + | |
− | padding: .6rem .1rem;
| + | |
− | margin: .1rem 0;
| + | |
− | text-align: center;
| + | |
− | width: 100%;
| + | |
− | transition: all .3s;
| + | |
− | text-decoration: none;
| + | |
− | border-radius: 3px;
| + | |
− | cursor: pointer;
| + | |
− | }
| + | |
− |
| + | |
− | #navlist>.pageContent-navlist__item:hover,
| + | |
− | #navlist>.active {
| + | |
− | background-color: var(--yellow);
| + | |
− | color: var(--dark);
| + | |
− | }
| + | |
− |
| + | |
− | #pagecontent {
| + | |
− | padding: 2rem 5%;
| + | |
− | position: relative;
| + | |
− | flex-shrink: 0;
| + | |
− | flex: 1;
| + | |
− | max-width: 70%;
| + | |
− | }
| + | |
− |
| + | |
− | #pagecontent .pageContent-main__title {
| + | |
− | font-size: 2rem;
| + | |
− | line-height: 2.5rem;
| + | |
− | color: var(--dark);
| + | |
− | position: relative;
| + | |
− | display: block;
| + | |
− | width: 95%;
| + | |
− | margin: 3rem auto 2rem auto;
| + | |
− | }
| + | |
− |
| + | |
− | #pagecontent .pageContent-main__subtitle {
| + | |
− | font-size: 1.5rem;
| + | |
− | line-height: 2.5rem;
| + | |
− | color: var(--dark);
| + | |
− | position: relative;
| + | |
− | display: block;
| + | |
− | width: 95%;
| + | |
− | margin: 3rem auto 2rem auto;
| + | |
− | }
| + | |
− |
| + | |
− | #pagecontent .pageContent-main__title::after {
| + | |
− | content: "";
| + | |
− | position: absolute;
| + | |
− | width: 100%;
| + | |
− | height: 3px;
| + | |
− | background-color: var(--dark);
| + | |
− | left: 0;
| + | |
− | bottom: -1rem;
| + | |
− | }
| + | |
− |
| + | |
− | #pagecontent .pageContent-main__textBox {
| + | |
− | width: 90%;
| + | |
− | margin: 1rem 5% 3rem 5%;
| + | |
− | color: var(--text-color);
| + | |
− | font-size: 1rem;
| + | |
− | line-height: 1.5rem;
| + | |
− | }
| + | |
− |
| + | |
− | #pagecontent .pageContent-main__textBox p {
| + | |
− | margin-bottom: 1.1rem;
| + | |
− | font-size: 1.1rem;
| + | |
− | line-height: 1.8rem;
| + | |
− | }
| + | |
− |
| + | |
− | #pagecontent .pageContent-main__textBox .name {
| + | |
− | font-weight: bold;
| + | |
− | }
| + | |
− |
| + | |
− | #pagecontent .pageContent-main__textBox .image {
| + | |
− | width: 80%;
| + | |
− | margin: 2rem 10%;
| + | |
− | }
| + | |
− |
| + | |
− | .pageContent-side .mytoc {
| + | |
− | position: -webkit-sticky;
| + | |
− | position: sticky;
| + | |
− | top: 12rem;
| + | |
− | background: transparent;
| + | |
− | padding: 1.5rem;
| + | |
− | border: none;
| + | |
− | }
| + | |
− |
| + | |
− | .pageContent-side .mytoc .toc_list {
| + | |
− | font-size: .8rem;
| + | |
− | color: #888;
| + | |
− | line-height: 1.5rem;
| + | |
− | }
| + | |
− |
| + | |
− | .pageContent-side .mytoc .toc_list .toclist__item a {
| + | |
− | color: #888;
| + | |
− | text-decoration: none;
| + | |
− | }
| + | |
− |
| + | |
− | .pageContent-side .mytoc .toc_list .toclist__item a:hover {
| + | |
− | color: var(--primary)
| + | |
− | }
| + | |
− |
| + | |
− | @media screen and (max-width: 800px) {
| + | |
− | #home>.screen>#group1>.title {
| + | |
− | width: 100%;
| + | |
− | }
| + | |
− | #navbar>.logo {
| + | |
− | padding: 0.5rem 0;
| + | |
− | }
| + | |
− | #collapse {
| + | |
− | height: 0;
| + | |
− | }
| + | |
− | #home>.pageContent>.pageContent-side {
| + | |
− | display: none;
| + | |
− | }
| + | |
− | #home>.screen>#group1 {
| + | |
− | padding-top: 5vh;
| + | |
− | }
| + | |
− | #home>.pageContent>.pageContent-main>.profilelist>.profile {
| + | |
− | width: calc(100% / 3)
| + | |
− | }
| + | |
− | }
| + | |
− | </style>
| + | |
− | <!-- Navigation-->
| + | |
− | <nav class="navbar navbar-expand-lg navbar-dark fixed-top" id="mainNav">
| + | |
− | <div class="container">
| + | |
− | <a class="navbar-brand" href="https://2021.igem.org/Team:CSU_CHINA"><img src="https://2021.igem.org/wiki/images/f/f2/T--CSU_CHINA--nav_01.png" alt="..." /></a>
| + | |
− | <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
| + | |
− | Menu
| + | |
− | <i class="fas fa-bars ms-1"></i>
| + | |
− | </button>
| + | |
− | <div class="collapse navbar-collapse inner-navigation collapse" id="navbarResponsive">
| + | |
− | <ul class="navbar-nav text-uppercase ms-auto py-4 py-lg-0 nav-pills">
| + | |
− | <li class="nav-item">
| + | |
− | <a class="nav-link" href="https://2021.igem.org/Team:CSU_CHINA">Home</a>
| + | |
− | <!--needed-->
| + | |
− | </li>
| + | |
− | <li class="nav-item dropdown">
| + | |
− | <a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" data-hover="dropdown">Lab</a>
| + | |
− | <ul class="dropdown-menu">
| + | |
− | <li class="nav-item"><a class="nav-link" href="https://2021.igem.org/Team:CSU_CHINA/Lab_Notebook">Notebook</a></li>
| + | |
− | <!--judging form needed-->
| + | |
− | <li class="nav-item"><a class="nav-link" href="https://2021.igem.org/Team:CSU_CHINA/Experiments">Experiments</a></li>
| + | |
− | <!--judging form needed-->
| + | |
− | </ul>
| + | |
− | </li>
| + | |
− | <li class="nav-item dropdown">
| + | |
− | <a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" data-hover="dropdown">Parts</a>
| + | |
− | <ul class="dropdown-menu">
| + | |
− | <li class="nav-item"><a class="nav-link" href="https://2021.igem.org/Team:CSU_CHINA/Parts">Parts</a></li>
| + | |
− | <!--judging form needed-->
| + | |
− | <li class="nav-item"><a class="nav-link" href="https://2021.igem.org/Team:CSU_CHINA/Engineering">Engineering Success</a></li>
| + | |
− | <!--judging form needed-->
| + | |
− | <li class="nav-item"><a class="nav-link" href="https://2021.igem.org/Team:CSU_CHINA/Contribution">Contribution</a></li>
| + | |
− | <!--judging form needed-->
| + | |
− | <li class="nav-item"><a class="nav-link" href="https://2021.igem.org/Team:CSU_CHINA/Improve">Improve</a></li>
| + | |
− | <!--judging form needed-->
| + | |
− | | + | |
− | </ul>
| + | |
− | </li>
| + | |
− | <li class="nav-item dropdown">
| + | |
− | <a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" data-hover="dropdown">Project</a>
| + | |
− | <ul class="dropdown-menu">
| + | |
− | <li class="nav-item"><a class="nav-link" href="https://2021.igem.org/Team:CSU_CHINA/Description">Description</a></li>
| + | |
− | <!--judging form needed-->
| + | |
− | <li class="nav-item"><a class="nav-link" href="https://2021.igem.org/Team:CSU_CHINA/Safety">Safety</a></li>
| + | |
− | <!--judging form needed-->
| + | |
− | <li class="nav-item"><a class="nav-link" href="https://2021.igem.org/Team:CSU_CHINA/Results">Results</a></li>
| + | |
− | <!--needed-->
| + | |
− | <li class="nav-item"><a class="nav-link" href="https://2021.igem.org/Team:CSU_CHINA/Q&A">Q&A</a></li>
| + | |
− | <li class="nav-item"><a class="nav-link" href="https://2021.igem.org/Team:CSU_CHINA/Attributions">Attributions</a></li>
| + | |
− | <!--judging form needed-->
| + | |
− | </ul>
| + | |
− | <li class="nav-item dropdown">
| + | |
− | <a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" data-hover="dropdown">Model</a>
| + | |
− | <ul class="dropdown-menu">
| + | |
− | <li class="nav-item"><a class="nav-link" href="https://2021.igem.org/Team:CSU_CHINA/Visualization_Model">Visualization Model</a></li>
| + | |
− | <!--judging form needed-->
| + | |
− | <li class="nav-item"><a class="nav-link" href="https://2021.igem.org/Team:CSU_CHINA/ODE_Model">ODE Model</a></li>
| + | |
− | <!--judging form needed-->
| + | |
− | </ul>
| + | |
− | </li>
| + | |
− | <li class="nav-item dropdown">
| + | |
− | <a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" data-hover="dropdown">Team</a>
| + | |
− | <ul class="dropdown-menu">
| + | |
− | <li class="nav-item"><a class="nav-link" href="https://2021.igem.org/Team:CSU_CHINA/Members">Members</a></li>
| + | |
− | <!--needed-->
| + | |
− | <li class="nav-item"><a class="nav-link" href="https://2021.igem.org/Team:CSU_CHINA/Collaborations">Collaboration</a></li>
| + | |
− | <!--judging form needed-->
| + | |
− | <li class="nav-item"><a class="nav-link" href="https://2021.igem.org/Team:CSU_CHINA/Partnership">Partnership</a></li>
| + | |
− | <li class="nav-item"><a class="nav-link" href="https://2021.igem.org/Team:CSU_CHINA/Potential_Imporvement">Potential Imporvement</a></li>
| + | |
− | <li class="nav-item"><a class="nav-link" href="https://2021.igem.org/Team:CSU_CHINA/Implementation">Implementation</a></li>
| + | |
− | <!--judging form needed-->
| + | |
− | <li class="nav-item"><a class="nav-link" href="https://2021.igem.org/Team:CSU_CHINA/Notebook">Notebook</a></li>
| + | |
− | <!--judging form needed-->
| + | |
− | </ul>
| + | |
− | </li>
| + | |
− | <li class="nav-item dropdown">
| + | |
− | <a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" data-hover="dropdown">Human Practices</a>
| + | |
− | <ul class="dropdown-menu">
| + | |
− | <li class="nav-item"><a class="nav-link" href="https://2021.igem.org/Team:CSU_CHINA/Overview">Overview</a></li>
| + | |
− | <li class="nav-item"><a class="nav-link" href="https://2021.igem.org/Team:CSU_CHINA/Public_Engagement">Public Engagement</a></li>
| + | |
− | <li class="nav-item"><a class="nav-link" href="https://2021.igem.org/Team:CSU_CHINA/Human_Practices">Integrated Human Practices</a></li>
| + | |
− | <!--judging form needed-->
| + | |
− | <li class="nav-item"><a class="nav-link" href="https://2021.igem.org/Team:CSU_CHINA/Education">Education</a></li>
| + | |
− | <li class="nav-item"><a class="nav-link" href="https://2021.igem.org/Team:CSU_CHINA/Ethnic_and_Laws">Ethnic and Laws</a></li>
| + | |
− | <!--judging form needed-->
| + | |
− | | + | |
− | </ul>
| + | |
− | </li>
| + | |
− | <li class="nav-item">
| + | |
− | <a class="nav-link" href="https://igem.org/2021_Judging_Form?id=3734">Judging Form</a>
| + | |
− | <!--judging form needed-->
| + | |
− | </li>
| + | |
− | </ul>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </nav>
| + | |
− | <!-- Masthead-->
| + | |
− | <header class="masthead" id="msth">
| + | |
− | <script>
| + | |
− | var bg_img = ['https://2021.igem.org/wiki/images/5/57/T--CSU_CHINA--resultbg2.png', 'https://2021.igem.org/wiki/images/5/57/T--CSU_CHINA--resultbg2.png']; //put the url of the background of this page here, if more than 1, separate them with commas
| + | |
− | document.getElementById("msth").style.backgroundImage = "url(" + bg_img[Math.floor(Math.random() * (bg_img.length))] + ")";
| + | |
− | </script>
| + | |
− | <div class="container">
| + | |
− | <!-- <div class="masthead-heading text-uppercase">Results</div> put the name of the page here -->
| + | |
− | </div>
| + | |
− | </header>
| + | |
− | <!--content-->
| + | |
− | <div class="content-team" id="home">
| + | |
− | <div class="pageContent" style="padding-top: 4rem">
| + | |
− | <div class="pageContent-side" style="opacity: 0;"></div>
| + | |
− | <div class="pageContent-main" id="pagecontent">
| + | |
− | <h2 class="pageContent-main__title">
| + | |
| <!--put tile here, <h2>title</h2>, class="pageContent-main__title" means it is the main title--> | | <!--put tile here, <h2>title</h2>, class="pageContent-main__title" means it is the main title--> |
| CHREBP promoter | | CHREBP promoter |
Line 511: |
Line 19: |
| <div class="pageContent-main__textBox"> | | <div class="pageContent-main__textBox"> |
| <!--all the content must included in this div--> | | <!--all the content must included in this div--> |
− | | + | <p style="text-align: center;"> |
− | | + | <img width="400px" src="https://2021.igem.org/wiki/images/3/33/T--CSU_CHINA--tupian1.png"></p> |
− | <img class="image" src="https://2021.igem.org/wiki/images/3/33/T--CSU_CHINA--tupian1.png"> | + | |
| <!--put image's url here--> | | <!--put image's url here--> |
| <p style="width: 80%;text-align:center;font-size: .9rem; margin: -1rem auto 1rem auto; color: #888;">Fig.1 The model diagram of CHREBP-LUC</p> | | <p style="width: 80%;text-align:center;font-size: .9rem; margin: -1rem auto 1rem auto; color: #888;">Fig.1 The model diagram of CHREBP-LUC</p> |
Line 540: |
Line 47: |
| <p>CHERBP promoter is induced by glucose and the expression rises along with the raise of glucose concentration. | | <p>CHERBP promoter is induced by glucose and the expression rises along with the raise of glucose concentration. |
| </p> | | </p> |
− | <img width=400px higth=120px src="https://2021.igem.org/wiki/images/0/04/T--CSU_CHINA--tupian2.png"> | + | <p style="text-align: center;"> |
| + | <img width="400px" src="https://2021.igem.org/wiki/images/0/04/T--CSU_CHINA--tupian2.png"></p> |
| <!--put image's url here--> | | <!--put image's url here--> |
| <p style="width: 80%;text-align:center;font-size: .9rem; margin: -1rem auto 1rem auto; color: #888;">Fig.2 Electrophoretic diagram of CHREBP PCR product</p> | | <p style="width: 80%;text-align:center;font-size: .9rem; margin: -1rem auto 1rem auto; color: #888;">Fig.2 Electrophoretic diagram of CHREBP PCR product</p> |
− | <img class="image" src="https://2021.igem.org/wiki/images/6/6d/T--CSU_CHINA--tupian3.png"> | + | <p style="text-align: center;"> |
| + | <img width="400px" src="https://2021.igem.org/wiki/images/6/6d/T--CSU_CHINA--tupian3.png"></p> |
| <p style="width: 80%;text-align:center;font-size: .9rem; margin: -1rem auto 1rem auto; color: #888;">Fig.3 The expression level of inducible promoter CHREBP was respectively analyzed at 48h in 25mM, 5.6mm and 0mM glucose culture</p> | | <p style="width: 80%;text-align:center;font-size: .9rem; margin: -1rem auto 1rem auto; color: #888;">Fig.3 The expression level of inducible promoter CHREBP was respectively analyzed at 48h in 25mM, 5.6mm and 0mM glucose culture</p> |
| <p>To eliminate the effect of residual glucose in the medium during transmission, we have conducted experiments in a 72-hour group, the result fits our anticipations more. | | <p>To eliminate the effect of residual glucose in the medium during transmission, we have conducted experiments in a 72-hour group, the result fits our anticipations more. |
| </p> | | </p> |
− | <img class="image" src="https://2021.igem.org/wiki/images/f/f1/T--CSU_CHINA--tupian4.png"> | + | <p style="text-align: center;"> |
| + | <img width="400px" src="https://2021.igem.org/wiki/images/f/f1/T--CSU_CHINA--tupian4.png"></p> |
| <!--put image's url here--> | | <!--put image's url here--> |
| <p style="width: 80%;text-align:center;font-size: .9rem; margin: -1rem auto 1rem auto; color: #888;">Fig.4 The expression level of inducible promoter CHREBP was respectively analyzed at 72h in 25mM, 5.6mm and 0mM glucose culture</p> | | <p style="width: 80%;text-align:center;font-size: .9rem; margin: -1rem auto 1rem auto; color: #888;">Fig.4 The expression level of inducible promoter CHREBP was respectively analyzed at 72h in 25mM, 5.6mm and 0mM glucose culture</p> |
Line 572: |
Line 82: |
| </p> | | </p> |
| </div> | | </div> |
| + | </body> |
| + | </html> |
| + | <!-- --> |
| + | <span class='h3bb'>Sequence and Features</span> |
| + | <partinfo>BBa_K3734001 SequenceAndFeatures</partinfo> |
| | | |
| | | |
− | | + | <!-- Uncomment this to enable Functional Parameter display |
− | <h2 class="pageContent-main__title">
| + | ===Functional Parameters=== |
− | <!--put tile here, <h2>title</h2>, class="pageContent-main__title" means it is the main title-->
| + | <partinfo>BBa_K3734001 parameters</partinfo> |
− | GIP promoter
| + | <!-- --> |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <p>GIP promoter is anticipated in current literature that it can only be used in several certain types of cells like intestine cells, but we proved that it can function will in 293T cells which are usually used in labs.
| + | |
− | </p>
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 1.Pattern diagram
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <img class="image" src="https://2021.igem.org/wiki/images/8/87/T--CSU_CHINA--tupian5.png">
| + | |
− | <!--put image's url here-->
| + | |
− | <p style="width: 80%;text-align:center;font-size: .9rem; margin: -1rem auto 1rem auto; color: #888;">Fig.1 The model diagram of CHREBP-LUC</p>
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 2.Experiments
| + | |
− | </h2>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 2.1 Method
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <p>We use LUC as report gene, test its real-time luminescence value at 560nm wavelength with specific devices and detect the expression level under different glucose concentration.
| + | |
− | </p>
| + | |
− | <!--put text here, <p>content</p>-->
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 2.2 Result
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <p>GIP promoter is induced by glucose and the expression level rises along with the raise of glucose concentration.
| + | |
− | </p>
| + | |
− | <img class="image" src="https://2021.igem.org/wiki/images/5/59/T--CSU_CHINA--tupian6.png">
| + | |
− | <!--put image's url here-->
| + | |
− | <p style="width: 80%;text-align:center;font-size: .9rem; margin: -1rem auto 1rem auto; color: #888;">Fig.2 Changes of LUC expression over time after blue light irradiation with different glucose concentrations</p>
| + | |
− | <!--put text here, <p>content</p>-->
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 3.Caution
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <p>Use medium without glucose when paving in case of the effect caused by glucose residue
| + | |
− | </p>
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | Reference:
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <p>[1]Anthony T. Cheung,Bama Dayanandan,Jamie T. LewisGlucose-Dependent Insulin Release from Genetically Engineered K Cells[J].Science.2000,290:1959-1962
| + | |
− | </p>
| + | |
− | </div>
| + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | <h2 class="pageContent-main__title">
| + | |
− | <!--put tile here, <h2>title</h2>, class="pageContent-main__title" means it is the main title-->
| + | |
− | GI
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <p>GI is a photosensitive protein, under the exposure of 450nm blue light, its structure will alter and can form a dimer with LOV. We used GI as a part of our blue light switch.
| + | |
− | </p>
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 1.Pattern diagram
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <img class="image" src="https://2021.igem.org/wiki/images/8/87/T--CSU_CHINA--tupian5.png">
| + | |
− | <!--put image's url here-->
| + | |
− | <p style="width: 80%;text-align:center;font-size: .9rem; margin: -1rem auto 1rem auto; color: #888;">Fig.1 The model diagram of GIP-miR21T-GI-GAL4-4XmiR21TC</p>
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 2.Caution
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <p>The duration of the combination of GI and LOV after the blue light exposure will alter as the illuminate method and the intensity of the blue light differ. We used strong light for a 30min exposure and then use weak light for another
| + | |
− | 30min exposure.
| + | |
− | </p>
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | Reference:
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <p>[1]Masayuki Yazawa , Amir M Sadaghiani, Brian Hsueh.Induction of protein-protein interactions in live cells using light[J].Nat Biotechnol. 2009 Oct;27(10):941-5.
| + | |
− | </p>
| + | |
− | </div>
| + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | <h2 class="pageContent-main__title">
| + | |
− | <!--put tile here, <h2>title</h2>, class="pageContent-main__title" means it is the main title-->
| + | |
− | LOV
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <p>LOV is a photosensitive protein, the structure will alter under 450nm blue light exposure and form a dimer with GI. We used LOV as a part of our blue light switch.
| + | |
− | </p>
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 1.Pattern diagram
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <img class="image" src="https://2021.igem.org/wiki/images/f/f3/T--CSU_CHINA--tupian8.png">
| + | |
− | <!--put image's url here-->
| + | |
− | <p style="width: 80%;text-align:center;font-size: .9rem; margin: -1rem auto 1rem auto; color: #888;">Fig.1 The model diagram of LOV-VP16</p>
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 2.Caution
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <p>The duration of the combination of GI and LOV after the blue light exposure will alter as the illuminate method and the intensity of the blue light differ. We used strong light for a 30min exposure and then use weak light for another
| + | |
− | 30min exposure.
| + | |
− | </p>
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | Reference:
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <p>[1]Masayuki Yazawa , Amir M Sadaghiani, Brian Hsueh.Induction of protein-protein interactions in live cells using light[J].Nat Biotechnol. 2009 Oct;27(10):941-5.
| + | |
− | </p>
| + | |
− | </div>
| + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | <h2 class="pageContent-main__title">
| + | |
− | <!--put tile here, <h2>title</h2>, class="pageContent-main__title" means it is the main title-->
| + | |
− | GAL4
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <p>GAL4 is a common part in double yeast hybrid system. It can recognize and combine with UAS. Because GAL4 is originated from yeast cells, the activation domain can not work in mammalian cells. Therefore, we only used its combining domain
| + | |
− | and use it together with VP16 which is an activation domain comes from virus to realize the activation of downstream UAS transcription
| + | |
− | </p>
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 1.Pattern diagram
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <img class="image" src="https://2021.igem.org/wiki/images/8/87/T--CSU_CHINA--tupian5.png">
| + | |
− | <!--put image's url here-->
| + | |
− | <p style="width: 80%;text-align:center;font-size: .9rem; margin: -1rem auto 1rem auto; color: #888;">Fig.1 The model diagram of GIP-miR21T-GI-GAL4-4XmiR21T</p>
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 2.Caution
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <p>GAL4 combining domain is universal among eukaryotic cells, but the activation factor needs to be chosen differently according to the chassis creature.
| + | |
− | </p>
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | Reference:
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <p>[1]Chun Jeih Ryu , Charles E Whitehurst, Jianzhu Chen.Expression of Gal4-VP16 and Gal4-DNA binding domain under the control of the T lymphocyte-specific lck proximal promoter in transgenic mice[J].BMB Rep. 2008 Aug 31;41(8):575-80.
| + | |
− | </p>
| + | |
− | </div>
| + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | <h2 class="pageContent-main__title">
| + | |
− | <!--put tile here, <h2>title</h2>, class="pageContent-main__title" means it is the main title-->
| + | |
− | VP16
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <p>VP16 is a transcription activation factor, also commonly used in double yeast hybrid system. It can realize the activation of downstream UAS transcription. It is usually used together with GAL4 combining domain, which can recognize
| + | |
− | and combine with UAS, to locate UAS.
| + | |
− | </p>
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 1.Pattern diagram
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <img class="image" src="https://2021.igem.org/wiki/images/f/f3/T--CSU_CHINA--tupian8.png">
| + | |
− | <!--put image's url here-->
| + | |
− | <p style="width: 80%;text-align:center;font-size: .9rem; margin: -1rem auto 1rem auto; color: #888;">Fig.1 The model diagram of LOV-VP16</p>
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 2.Caution
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <p>GAL4 combining domain is universal among eukaryotic cells, but the activation factor needs to be chosen differently according to the chassis creature.
| + | |
− | </p>
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | Reference:
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <p>[1]Chun Jeih Ryu , Charles E Whitehurst, Jianzhu Chen.Expression of Gal4-VP16 and Gal4-DNA binding domain under the control of the T lymphocyte-specific lck proximal promoter in transgenic mice[J].BMB Rep. 2008 Aug 31;41(8):575-80.
| + | |
− | </p>
| + | |
− | </div>
| + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | <h2 class="pageContent-main__title">
| + | |
− | <!--put tile here, <h2>title</h2>, class="pageContent-main__title" means it is the main title-->
| + | |
− | INSR
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <p>Insulin receptor (INSR)is a membrane protein that bid to insulin, feel insullin concentration and activate the downstream MAPK phosphorylation pathway. We have designed a carrier CMV-INSR-EF1A-ZsGreen containing INSR to express INSR, and its expression can be characterized by the green fluorescent protein ZsGreen. Experiments have proved that INSR is successfully expressed in our engineering cells.
| + | |
− | </p>
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 1.Experiment
| + | |
− | </h2>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 1.1 Method
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <p>Observation of green fluorescent protein ZsGreen under laser confocal microscope.
| + | |
− | </p>
| + | |
− | <!--put text here, <p>content</p>-->
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 1.2 Result
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <img class="image" src="https://2021.igem.org/wiki/images/a/a7/T--CSU_CHINA--tupian11.png">
| + | |
− | <!--put image's url here-->
| + | |
− | <p style="width: 80%;text-align:center;font-size: .9rem; margin: -1rem auto 1rem auto; color: #888;">Fig.1 Electrophoretic diagram of INSR PCR product</p>
| + | |
− | <p>INSR is successfully expressed and working in cell 293T
| + | |
− | </p>
| + | |
− | <img class="image" src="https://2021.igem.org/wiki/images/e/ef/T--CSU_CHINA--tupian12.png">
| + | |
− | <!--put image's url here-->
| + | |
− | <p style="width: 80%;text-align:center;font-size: .9rem; margin: -1rem auto 1rem auto; color: #888;">Fig.2 Green fluorescence of INSR expression</p>
| + | |
− | <!--put text here, <p>content</p>-->
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 2.Caution
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <p>Because the INSR sequence is very long, it is difficult for DH5α receptor cells containing recombinant enzymes to meet the requirements during cloning, and receptor cells of recombinant enzymes may need to be removed.
| + | |
− | </p>
| + | |
− | </div>
| + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | <h2 class="pageContent-main__title">
| + | |
− | <!--put tile here, <h2>title</h2>, class="pageContent-main__title" means it is the main title-->
| + | |
− | TetR
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <p>TetR can be identified and combined with TRE, which is an important part of the Tet-off system. In the absence of tetracycline, TetR binds to TRE. When tetracycline exists, the binding of TetR and TRE will be blocked and the Tet-off system will be shut down.
| + | |
− | </p>
| + | |
− | <!--put text here, <p>content</p>-->
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 1.Pattern diagram
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <img class="image" src="https://2021.igem.org/wiki/images/d/d1/T--CSU_CHINA--tupian13.png">
| + | |
− | <!--put image's url here-->
| + | |
− | <p style="width: 80%;text-align:center;font-size: .9rem; margin: -1rem auto 1rem auto; color: #888;">Fig.1 The model diagram TetR-ELK</p>
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 2.Experiment
| + | |
− | </h2>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 2.1 Method
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <p>After TetR binds to TRE, phosphorylation ELK activates downstream reporting gene mCherry expression, and we observe the expression with laser confocal microscope.
| + | |
− | </p>
| + | |
− | <!--put text here, <p>content</p>-->
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 2.2 Results
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <img class="image" src="https://2021.igem.org/wiki/images/5/54/T--CSU_CHINA--tupian14.png">
| + | |
− | <!--put image's url here-->
| + | |
− | <p style="width: 80%;text-align:center;font-size: .9rem; margin: -1rem auto 1rem auto; color: #888;">Fig.2 Under Laser confocal microscopy, fluorescence of mCherry expression downstream of Tet-Off system</p>
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 3.Caution
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <p>If the green fluorescent protein is expressed too much, and if the green fluorescence is too strong, it may cause a series of colors. In order to ensure the accuracy of the experimental results, the level of noise reduction should
| + | |
− | be raised.
| + | |
− | </p>
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | Reference:
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <p>[1]Haifeng Ye, Mingqi Xie, Shuai Xue.Self-adjusting synthetic gene circuit for correcting insulin resistance[J].Nat Biomed Eng.2017 Jan;1(1):0005.
| + | |
− | </p>
| + | |
− | </div>
| + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | <h2 class="pageContent-main__title">
| + | |
− | <!--put tile here, <h2>title</h2>, class="pageContent-main__title" means it is the main title-->
| + | |
− | ELK
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <p>ELK is generally dormant, when INSR accepts insulin to activate the MAPK pathway, Elk is phosphated into an active state, which can activate the expression of the gene downstream TRE.
| + | |
− | </p>
| + | |
− | <!--put text here, <p>content</p>-->
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 1.Pattern diagram
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <img class="image" src="https://2021.igem.org/wiki/images/d/d1/T--CSU_CHINA--tupian13.png">
| + | |
− | <!--put image's url here-->
| + | |
− | <p style="width: 80%;text-align:center;font-size: .9rem; margin: -1rem auto 1rem auto; color: #888;">Fig.1 The model diagram TetR-ELK</p>
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 2.Experiments
| + | |
− | </h2>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 2.1 Method
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <p>We used Western Blot to detect phosphorylation of ERK1/ERK2 in the phosphorylation pathway with ERK antibodies.
| + | |
− | </p>
| + | |
− | <!--put text here, <p>content</p>-->
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 2.2 Results
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <img class="image" src="https://2021.igem.org/wiki/images/1/1f/T--CSU_CHINA--tupian16.png">
| + | |
− | <!--put image's url here-->
| + | |
− | <p style="width: 80%;text-align:center;font-size: .9rem; margin: -1rem auto 1rem auto; color: #888;">Fig.2 ERK phosphorylation changes with different insulin treatment</p>
| + | |
− | <img class="image" src="https://2021.igem.org/wiki/images/b/b3/T--CSU_CHINA--tupian17.png">
| + | |
− | <!--put image's url here-->
| + | |
− | <p style="width: 80%;text-align:center;font-size: .9rem; margin: -1rem auto 1rem auto; color: #888;">Fig.3 ERK phosphorylation changes with different insulin treatment</p>
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 3.Caution
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <p>Despite the length and the complication of phosphorylation pathway, the phosphorylation pathway of protein is a very short process, it is usually completed within minutes even seconds. The time of cracking the cells and collecting
| + | |
− | protein must be controlled precisely when detecting.
| + | |
− | </p>
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | Reference:
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <p>[1]Haifeng Ye, Mingqi Xie, Shuai Xue.Self-adjusting synthetic gene circuit for correcting insulin resistance[J].Nat Biomed Eng.2017 Jan;1(1):0005.
| + | |
− | </p>
| + | |
− | </div>
| + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | <h2 class="pageContent-main__title">
| + | |
− | <!--put tile here, <h2>title</h2>, class="pageContent-main__title" means it is the main title-->
| + | |
− | TRE
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <p>TRE is a DNA structure domain that combined with TetR. It is a part of Tet-off system. Our first purpose of using it is to make phosphated ELK1 to locate and activate the expression of downstream genes (miRNA). The second reason we
| + | |
− | used it is because of the Tet-off system consists of TetR and TRE can be blocked by tetracycline. Tetracycline will stop the combination between TetR and TRE, stop the system from working. This provides a mandatory brake system
| + | |
− | for our loop. We can make sure the security and prevent the hypoglycemia caused by abnormal feedback through exogenous tetracycline.
| + | |
− | </p>
| + | |
− | <!--put text here, <p>content</p>-->
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 1.Pattern diagram
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <img class="image" src="https://2021.igem.org/wiki/images/c/c0/T--CSU_CHINA--tupian18.png">
| + | |
− | <!--put image's url here-->
| + | |
− | <p style="width: 80%;text-align:center;font-size: .9rem; margin: -1rem auto 1rem auto; color: #888;">Fig.1 The model diagram of TRE's work</p>
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 2.Experiment
| + | |
− | </h2>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 2.1 Method
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <p>Phosphated ELK will activate the expression of downstream report gene mCherry after the combination of TRE and TetR. We used lase confocal microscope to observe the expression.
| + | |
− | </p>
| + | |
− | <!--put text here, <p>content</p>-->
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 2.2 Results
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <p>TRE works well.
| + | |
− | </p>
| + | |
− | <img class="image" src="https://2021.igem.org/wiki/images/5/54/T--CSU_CHINA--tupian14.png">
| + | |
− | <!--put image's url here-->
| + | |
− | <p style="width: 80%;text-align:center;font-size: .9rem; margin: -1rem auto 1rem auto; color: #888;">Fig.2 Under Laser confocal microscopy, fluorescence of mCherry expression downstream of Tet-Off system</p>
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 3.Caution
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <p>If the green fluorescent protein is expressed too much, and if the green fluorescence is too strong, it may cause a series of colors. In order to ensure the accuracy of the experimental results, the level of noise reduction should
| + | |
− | be raised.
| + | |
− | </p>
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | Reference:
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <p>[1]Haifeng Ye, Mingqi Xie, Shuai Xue.Self-adjusting synthetic gene circuit for correcting insulin resistance[J].Nat Biomed Eng.2017 Jan;1(1):0005.
| + | |
− | </p>
| + | |
− | </div>
| + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | <h2 class="pageContent-main__title">
| + | |
− | <!--put tile here, <h2>title</h2>, class="pageContent-main__title" means it is the main title-->
| + | |
− | mCherry
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <p>mCherry is a monomer red fluorescent protein. Experiments proved that when it is combined with exogenous protein on both C side and N side, the activity of fluorescent and the function of combined proteinare not effected and it can
| + | |
− | be used together with multi types of fluorescent proteins. Due to the phosphorylation pathway is relatively long, we have added mCherry at the bottom as report gene to prove that our pathway works and is regulated by insulin.
| + | |
− | </p>
| + | |
− | <!--put text here, <p>content</p>-->
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 1.Pattern diagram
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <img class="image" src="https://2021.igem.org/wiki/images/1/13/T--CSU_CHINA--tupian20.png">
| + | |
− | <!--put image's url here-->
| + | |
− | <p style="width: 80%;text-align:center;font-size: .9rem; margin: -1rem auto 1rem auto; color: #888;">Fig.1 The model diagram of TRE-mCherry-miR21</p>
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 2.Experiment
| + | |
− | </h2>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 2.1 Method
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <p>Phosphated ELK will activate the expression of downstream report gene mCherry after the combination of TRE and TetR. We used lase confocal microscope to observe the expression.
| + | |
− | </p>
| + | |
− | <!--put text here, <p>content</p>-->
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 2.2 Result
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <p>mCherry can be expressed and tested successfully
| + | |
− | </p>
| + | |
− | <img class="image" src="https://2021.igem.org/wiki/images/5/54/T--CSU_CHINA--tupian14.png">
| + | |
− | <!--put image's url here-->
| + | |
− | <p style="width: 80%;text-align:center;font-size: .9rem; margin: -1rem auto 1rem auto; color: #888;">Fig.2 Under Laser confocal microscopy, fluorescence of mCherry expression downstream of Tet-Off system</p>
| + | |
− | </div>
| + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | <h2 class="pageContent-main__title">
| + | |
− | <!--put tile here, <h2>title</h2>, class="pageContent-main__title" means it is the main title-->
| + | |
− | miR21
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <p>We used NO21 miRNA (miR21), it can not only suppress the expression of target gene by targeting miR21T, but also speed the degradation of mRNA up.
| + | |
− | </p>
| + | |
− | <!--put text here, <p>content</p>-->
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 1.Pattern diagram
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <img class="image" src="https://2021.igem.org/wiki/images/6/6d/T--CSU_CHINA--tupian22.png">
| + | |
− | <!--put image's url here-->
| + | |
− | <p style="width: 80%;text-align:center;font-size: .9rem; margin: -1rem auto 1rem auto; color: #888;">Fig.1 The model diagram of pG-super-miR21</p>
| + | |
− | <img class="image" src="https://2021.igem.org/wiki/images/1/13/T--CSU_CHINA--tupian20.png">
| + | |
− | <!--put image's url here-->
| + | |
− | <p style="width: 80%;text-align:center;font-size: .9rem; margin: -1rem auto 1rem auto; color: #888;">Fig.2 The model diagram of TRE-mCherry-miR21</p>
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 2.Experiment
| + | |
− | </h2>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 2.1 Method
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <p>We used LUC as report genes to reflect the level of expression through detecting luminescence value at 560nm wavelength and the error REN luminescence caused by the number of eliminated cells.
| + | |
− | </p>
| + | |
− | <!--put text here, <p>content</p>-->
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 2.2 Result
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <img class="image" src="https://2021.igem.org/wiki/images/4/44/T--CSU_CHINA--tupian24.png">
| + | |
− | <!--put image's url here-->
| + | |
− | <p style="width: 80%;text-align:center;font-size: .9rem; margin: -1rem auto 1rem auto; color: #888;">Fig.3 Electrophoretic diagram of miR21 PCR product</p>
| + | |
− | <p>At the time of the design experiment, the first 48-hour test reported that the gene LUC/REN ratio was reported, and miR21 inhibited 40% of the expression, but this was not ideal for our design.
| + | |
− | </p>
| + | |
− | <img class="image" src="https://2021.igem.org/wiki/images/5/51/T--CSU_CHINA--tupian25.png">
| + | |
− | <!--put image's url here-->
| + | |
− | <p style="width: 80%;text-align:center;font-size: .9rem; margin: -1rem auto 1rem auto; color: #888;">Fig.4 miR21 inhibited Luc expression 48h after transfection</p>
| + | |
− | <p>Considering that it may be the reason for the continuous accumulation of LUC expression, we did another 24-hour group, and the results proved that miR21 suppressed 90% of the expression, and the experimental results were very in line
| + | |
− | with our design requirements.
| + | |
− | </p>
| + | |
− | <img class="image" src="https://2021.igem.org/wiki/images/6/6d/T--CSU_CHINA--tupian3.png">
| + | |
− | <!--put image's url here-->
| + | |
− | <p style="width: 80%;text-align:center;font-size: .9rem; margin: -1rem auto 1rem auto; color: #888;">Fig.5 miR21 inhibited Luc expression 48h after transfection</p>
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 3.Caution
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <p>The miR21 we built is a full-length sequence with flank sequences, which requires precursors such as pre and pri to be sheared and folded and matured within the cell. At the beginning of the experiment, we were worried about its inhibition
| + | |
− | efficiency and built miR21-stemloop, but because its efficiency can reach 90%, which fully meets our requirements, we still use the full length. Interested iGEMers can further test it.
| + | |
− | </p>
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | Reference:
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <p>[1]Kai Zhang , Xue-Jiao Yang , Ting-Ting Zhang.In situ imaging and interfering Dicer-mediated cleavage process via a versatile molecular beacon probe.Anal ChimActa.2019Nov4;1079:146-152.
| + | |
− | </p>
| + | |
− | </div>
| + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | <h2 class="pageContent-main__title">
| + | |
− | <!--put tile here, <h2>title</h2>, class="pageContent-main__title" means it is the main title-->
| + | |
− | LUC
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <p>LUC is a reported gene in the luminescence system of fluorease. It comes from fireflies and characterizes the amount of gene expression in the target by detecting the luminescence value of its excited fluorescent hormone at a wavelength of 560nm. Let's take LUC after CHREBP promoter as an example to prove that LUC can complete the task of reporting genes well.
| + | |
− | </p>
| + | |
− | <!--put text here, <p>content</p>-->
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 1.Pattern diagram
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <img class="image" src="https://2021.igem.org/wiki/images/3/33/T--CSU_CHINA--tupian1.png">
| + | |
− | <!--put image's url here-->
| + | |
− | <p style="width: 80%;text-align:center;font-size: .9rem; margin: -1rem auto 1rem auto; color: #888;">Fig.1 The model diagram of CHREBP-LUC</p>
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 2.Experiments
| + | |
− | </h2>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 2.1 Method
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <p>We used LUC as report genes to reflect the level of expression through detecting luminescence value at 560nm wavelength and the error REN luminescence caused by the number of eliminated cells.
| + | |
− | </p>
| + | |
− | <!--put text here, <p>content</p>-->
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 2.2 Results
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <p>The experiments proved that LUC can complete the mission of being a report gene well.
| + | |
− | </p>
| + | |
− | <img class="image" src="https://2021.igem.org/wiki/images/6/6d/T--CSU_CHINA--tupian3.png">
| + | |
− | <!--put image's url here-->
| + | |
− | <p style="width: 80%;text-align:center;font-size: .9rem; margin: -1rem auto 1rem auto; color: #888;">Fig.2 The expression level of inducible promoter CHREBP was respectively analyzed at 48h in 25mM, 5.6mm and 0mM glucose culture</p>
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 3.Caution
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <p>Try to convert REN at the same time to adjust the errors caused by other factors such as different cell numbers and cell states caused by different culture conditions.
| + | |
− | </p>
| + | |
− | </div>
| + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | <h2 class="pageContent-main__title">
| + | |
− | <!--put tile here, <h2>title</h2>, class="pageContent-main__title" means it is the main title-->
| + | |
− | Insulin
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <p>We have proved that Insulin can be processed and secreted outside the cell in 293T cells.
| + | |
− | </p>
| + | |
− | <!--put text here, <p>content</p>-->
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 1.Pattern diagram
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <img class="image" src="https://2021.igem.org/wiki/images/f/f2/T--CSU_CHINA--tupian29.png">
| + | |
− | <!--put image's url here-->
| + | |
− | <p style="width: 80%;text-align:center;font-size: .9rem; margin: -1rem auto 1rem auto; color: #888;">Fig.1 The model diagram of 9XUAS-Insulin</p>
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 2.Experiment
| + | |
− | </h2>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 2.1 Method
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <p>In the experiment, we used an ELIAS kit specially designed to detect human mature insulin to detect cell eliquidation.
| + | |
− | </p>
| + | |
− | <!--put text here, <p>content</p>-->
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 2.2 Results
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <p>Insulin can be processed and secreted outside the cell in 293T cells.
| + | |
− | </p>
| + | |
− | <img class="image" src="https://2021.igem.org/wiki/images/5/58/T--CSU_CHINA--tupian30.png">
| + | |
− | <!--put image's url here-->
| + | |
− | <p style="width: 80%;text-align:center;font-size: .9rem; margin: -1rem auto 1rem auto; color: #888;">Fig.2 Standard curve of absorbance and insulin concentration</p>
| + | |
− | <img class="image" src="https://2021.igem.org/wiki/images/5/57/T--CSU_CHINA--tupian31.png">
| + | |
− | <!--put image's url here-->
| + | |
− | <p style="width: 80%;text-align:center;font-size: .9rem; margin: -1rem auto 1rem auto; color: #888;">Fig.3 Insulin concentration in supernatant after blue light irradiation and dark treatment respectively</p>
| + | |
− | <img class="image" src="https://2021.igem.org/wiki/images/6/6c/T--CSU_CHINA--tupian32.png">
| + | |
− | <!--put image's url here-->
| + | |
− | <p style="width: 80%;text-align:center;font-size: .9rem; margin: -1rem auto 1rem auto; color: #888;">Fig.4 Insulin concentration in supernatant (excluding insulin in medium) after blue light irradiation and dark treatment respectively</p>
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 3.Caution
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <p>Insulin is not suitable for long time preservation under the best culture temperature of cells (37℃). In the mean time, cells would also consume some of the expressed insulin. So the best tst time for Insulin is approximately 24 hours
| + | |
− | after transfection, it is relatively shorter than the test interval of LUC.
| + | |
− | </p>
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | Reference:
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <p>[1]Mingqi Xie, Haifeng Ye, Hui Wang.β-cell-mimetic designer cells provide closed-loop glycemic control[J].Science.2016 Dec 9;354(6317):1296-1301.
| + | |
− | </p>
| + | |
− | </div>
| + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | <h2 class="pageContent-main__title">
| + | |
− | <!--put tile here, <h2>title</h2>, class="pageContent-main__title" means it is the main title-->
| + | |
− | 9XUAS
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <p>UAS (BBa_K758003) is a piece of small DNA sequence that can be recognized and combined by GAL4 DBD. Team iGEM12_KIT-Kyoto repeated UAS 5 times when using it. In our design, considering of that the mutual effect of our blue light protein
| + | |
− | would reduce the efficiency and the whole pathway is relatively long, while the react time of our system should be as short as possible, we have made some alterations.
| + | |
− | </p>
| + | |
− | <p>Firstly, we have repeated the UAS before promoter for 9 times. The purpose of constructing 9XUAS-Ad-LUC (BBa_K3734032) and 9XUAS-Ad-insulin(BBa_K3734023) is to enhance the recognition and combination of GAL4 DBD, improve the efficiency
| + | |
− | of downstream target gene activation.
| + | |
− | </p>
| + | |
− | <p>Secondly, we have used Ad promoter as promoter to make it able to function in eukaryotic cells and improve the expression efficiency after the activation of VP16.
| + | |
− | </p>
| + | |
− | <!--put text here, <p>content</p>-->
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 1.Pattern diagram
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <img class="image" src="https://2021.igem.org/wiki/images/f/f2/T--CSU_CHINA--tupian29.png">
| + | |
− | <!--put image's url here-->
| + | |
− | <p style="width: 80%;text-align:center;font-size: .9rem; margin: -1rem auto 1rem auto; color: #888;">Fig.1 The model diagram of 9XUAS-Insulin</p>
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 2.Experiment
| + | |
− | </h2>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 2.1 Method
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <p>We use LUC as report genes to reflect the level of expression through detecting luminescence value at 560nm wavelength and the error REN luminescence caused by the number of eliminated cells.
| + | |
− | </p>
| + | |
− | <!--put text here, <p>content</p>-->
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 2.2 Result
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <p>We used the reporting gene LUC as the downstream target gene, and set up a positive control group and a negative control group. The results prove that the efficiency of our improved 9XUAS has been greatly improved, which can meet the
| + | |
− | requirements of short loop response.
| + | |
− | </p>
| + | |
− | <img class="image" src="https://2021.igem.org/wiki/images/e/eb/T--CSU_CHINA--tupian34.png">
| + | |
− | <!--put image's url here-->
| + | |
− | <p style="width: 80%;text-align:center;font-size: .9rem; margin: -1rem auto 1rem auto; color: #888;">Fig.2 Light controlled system testing experiment</p>
| + | |
− | <p>Then we changed the downstream target gene into insulin gene and proved that the insulin can be expressed, processed and secreted successfully and the efficiency of 9XUAS is high enough.
| + | |
− | </p>
| + | |
− | <img class="image" src="https://2021.igem.org/wiki/images/6/6c/T--CSU_CHINA--tupian32.png">
| + | |
− | <!--put image's url here-->
| + | |
− | <p style="width: 80%;text-align:center;font-size: .9rem; margin: -1rem auto 1rem auto; color: #888;">Fig.3: Insulin concentration in supernatant (excluding insulin in medium) after blue light irradiation and dark treatment respectively</p>
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 3.Caution
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <p>Because we have repeated UAS nine times, we should pay attention to avoiding duplicate fragments when designing primer. If you can't avoid duplicate clips, please note the times that UAS in PCR products has been repeated .
| + | |
− | </p>
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | Reference:
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <p>[1]Chun Jeih Ryu , Charles E Whitehurst, Jianzhu Chen.Expression of Gal4-VP16 and Gal4-DNA binding domain under the control of the T lymphocyte-specific lck proximal promoter in transgenic mice[J].BMB Rep. 2008 Aug 31;41(8):575-80.
| + | |
− | </p>
| + | |
− | </div>
| + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | <h2 class="pageContent-main__title">
| + | |
− | <!--put tile here, <h2>title</h2>, class="pageContent-main__title" means it is the main title-->
| + | |
− | GIP-miR21T-GI-GAL4-4XmiR21T
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <p>GIP-miR21T-GI-GAL4-4XmiR21T consists of glucose-induced promoter GIP, photosensitive protein GI, double yeast hybrid system components GAL4 and miR21T. It is regulated by both glucose concentration and blue light, which improves the safety of the whole system. At the same time, it is also suppressed by miR21 feedback, which makes the whole system form a closed loop and makes the reaction more sensitive.
| + | |
− | </p>
| + | |
− | <p>In order to increase the safety of patients' use, it may be difficult to achieve the expected goal of accurate regulation by relying on the regulation of blood glucose concentration alone, so we designed a pair of photosensitive proteins of GI (BBa_K3734004) and LOV (BBa_K3734006). Under blue light irradiation, the Protein structure changes and interacts with each other to form a GAL4-GI-LOV-VP16 quadruple, while GAL4 (BBa_K3734005) identifies and combines 9XUAS (BBa_K3734016), so that VP16 can activate the gene of downstream expression.
| + | |
− | </p>
| + | |
− | <!--put text here, <p>content</p>-->
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 1.Pattern diagram
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <img class="image" src="https://2021.igem.org/wiki/images/8/87/T--CSU_CHINA--tupian5.png">
| + | |
− | <!--put image's url here-->
| + | |
− | <p style="width: 80%;text-align:center;font-size: .9rem; margin: -1rem auto 1rem auto; color: #888;">Fig.1 The model diagram of GIP-miR21T-GI-GAL4-4XmiR21T</p>
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 2.Experiment
| + | |
− | </h2>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 2.1 Method
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <p>We used report gene LUC to represent the effect of GIP-miR21T-GI-GAL4-4XmiR21T
| + | |
− | </p>
| + | |
− | <!--put text here, <p>content</p>-->
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 2.2 Result
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <img class="image" src="https://2021.igem.org/wiki/images/3/37/T--CSU_CHINA--tupian37.png">
| + | |
− | <!--put image's url here-->
| + | |
− | <p style="width: 80%;text-align:center;font-size: .9rem; margin: -1rem auto 1rem auto; color: #888;">Fig.2 Light controlled system testing experiment</p>
| + | |
− | <img class="image" src="https://2021.igem.org/wiki/images/c/cd/T--CSU_CHINA--tupian38.png">
| + | |
− | <!--put image's url here-->
| + | |
− | <p style="width: 80%;text-align:center;font-size: .9rem; margin: -1rem auto 1rem auto; color: #888;">Fig.3 Expression level analysis under blue light irradiation and dark treatment</p>
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 3.Caution
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <p>The duration of GI and LOV after 450nm blue light exposure will vary with the irradiation method, intensity, etc. In the experiment, we adopted the method of irradiating strong light for 30 minutes first, and then low light for 30
| + | |
− | minutes. The GAL4 binding domain is universal in eukaryotic cells, but transcription activators (such as VP16) that cooperate with GAL4 need to be properly selected according to different chassis organisms.
| + | |
− | </p>
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | Reference:
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <p>[1]Chun Jeih Ryu , Charles E Whitehurst, Jianzhu Chen.Expression of Gal4-VP16 and Gal4-DNA binding domain under the control of the T lymphocyte-specific lck proximal promoter in transgenic mice[J].BMB Rep. 2008 Aug 31;41(8):575-80.
| + | |
− | </p>
| + | |
− | <p>[2]Masayuki Yazawa , Amir M Sadaghiani, Brian Hsueh.Induction of protein-protein interactions in live cells using light[J].Nat Biotechnol. 2009 Oct;27(10):941-5.
| + | |
− | </p>
| + | |
− | <p>[3]Kai Zhang , Xue-Jiao Yang , Ting-Ting Zhang.In situ imaging and interfering Dicer-mediated cleavage process via a versatile molecular beacon probe.Anal ChimActa.2019Nov4;1079:146-152.
| + | |
− | </p>
| + | |
− | </div>
| + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | <h2 class="pageContent-main__title">
| + | |
− | <!--put tile here, <h2>title</h2>, class="pageContent-main__title" means it is the main title-->
| + | |
− | LOV-VP16
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <p>GLOV is a photosensitive protein, the structure will alter under 450nm blue light exposure and form a dimer with GI. We used LOV as a part of our blue light switch. VP16 is a transcription activation factor, also commonly used in double
| + | |
− | yeast hybrid system. It can realize the activation of downstream UAS transcription. It is usually used together with GAL4 combining domain, which can recognize and combine with UAS, to locate UAS.
| + | |
− | </p>
| + | |
− | <!--put text here, <p>content</p>-->
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 1.Pattern diagram
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <img class="image" src="https://2021.igem.org/wiki/images/f/f3/T--CSU_CHINA--tupian8.png">
| + | |
− | <!--put image's url here-->
| + | |
− | <p style="width: 80%;text-align:center;font-size: .9rem; margin: -1rem auto 1rem auto; color: #888;">Fig.1 The model diagram of LOV-VP16</p>
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 2.Experiment
| + | |
− | </h2>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 2.1 Method
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <p>We used report gene LUC to represent the effect of LOV-IP16
| + | |
− | </p>
| + | |
− | <!--put text here, <p>content</p>-->
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 2.2 Result
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <img class="image" src="https://2021.igem.org/wiki/images/3/37/T--CSU_CHINA--tupian37.png">
| + | |
− | <!--put image's url here-->
| + | |
− | <p style="width: 80%;text-align:center;font-size: .9rem; margin: -1rem auto 1rem auto; color: #888;">Fig.2 Light controlled system testing experiment</p>
| + | |
− | <img class="image" src="https://2021.igem.org/wiki/images/c/cd/T--CSU_CHINA--tupian38.png">
| + | |
− | <!--put image's url here-->
| + | |
− | <p style="width: 80%;text-align:center;font-size: .9rem; margin: -1rem auto 1rem auto; color: #888;">Fig.3 Expression level analysis under blue light irradiation and dark treatment</p>
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 3.Caution
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <p>The duration of GI and LOV after 450nm blue light exposure will vary with the irradiation method, intensity, etc. In the experiment, we adopted the method of irradiating strong light for 30 minutes first, and then low light for 30
| + | |
− | minutes. The GAL4 binding domain is universal in eukaryotic cells, but transcription activators (such as VP16) that cooperate with GAL4 need to be properly selected according to different chassis organisms.
| + | |
− | </p>
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | Reference:
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <p>[1]Chun Jeih Ryu , Charles E Whitehurst, Jianzhu Chen.Expression of Gal4-VP16 and Gal4-DNA binding domain under the control of the T lymphocyte-specific lck proximal promoter in transgenic mice[J].BMB Rep. 2008 Aug 31;41(8):575-80.
| + | |
− | </p>
| + | |
− | <p>[2]Masayuki Yazawa , Amir M Sadaghiani, Brian Hsueh.Induction of protein-protein interactions in live cells using light[J].Nat Biotechnol. 2009 Oct;27(10):941-5.
| + | |
− | </p>
| + | |
− | </div>
| + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | <h2 class="pageContent-main__title">
| + | |
− | <!--put tile here, <h2>title</h2>, class="pageContent-main__title" means it is the main title-->
| + | |
− | 9XUAS-Ad-Insulin
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <p>UAS (BBa_K758003) is a piece of small DNA sequence that can be recognized and combined by GAL4 DBD. Team iGEM12_KIT-Kyoto repeated UAS 5 times when using it. In our design, considering of that the mutual effect of our blue light protein
| + | |
− | would reduce the efficiency and the whole pathway is relatively long, while the react time of our system should be as short as possible, we have made some alterations
| + | |
− | </p>
| + | |
− | <p>Firstly, we have repeated the UAS before promoter for 9 times. The purpose of constructing 9XUAS-Ad-LUC (BBa_K3734032) and 9XUAS-Ad-insulin(BBa_K3734023) is to enhance the recognition and combination of GAL4 DBD, improve the efficiency
| + | |
− | of downstream target gene activation.
| + | |
− | </p>
| + | |
− | <p>Secondly, we have used Ad promoter as promoter to make it able to function in eukaryotic cells and improve the expression efficiency after the activation of VP16
| + | |
− | </p>
| + | |
− | <!--put text here, <p>content</p>-->
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 1.Pattern diagram
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <img class="image" src="https://2021.igem.org/wiki/images/f/f2/T--CSU_CHINA--tupian29.png">
| + | |
− | <!--put image's url here-->
| + | |
− | <p style="width: 80%;text-align:center;font-size: .9rem; margin: -1rem auto 1rem auto; color: #888;">Fig.1 The model diagram of 9XUAS-Insulin</p>
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 2.Experiment
| + | |
− | </h2>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 2.1 Method
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <p>We used human mature insulin ELISA kits to detect the level of insulin secreted by engineering cells.
| + | |
− | </p>
| + | |
− | <!--put text here, <p>content</p>-->
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 2.2 Result
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <P>We use the gene of the downstream target with the insulin gene, and successfully proved that insulin can be successfully expressed, processed and secreted out of cells, and 9XUAS is efficient enough.</P>
| + | |
− | <img class="image" src="https://2021.igem.org/wiki/images/5/58/T--CSU_CHINA--tupian30.png">
| + | |
− | <!--put image's url here-->
| + | |
− | <p style="width: 80%;text-align:center;font-size: .9rem; margin: -1rem auto 1rem auto; color: #888;">Fig.2 Insulin and absorbance standard curve</p>
| + | |
− | <img class="image" src="https://2021.igem.org/wiki/images/6/6c/T--CSU_CHINA--tupian32.png">
| + | |
− | <!--put image's url here-->
| + | |
− | <p style="width: 80%;text-align:center;font-size: .9rem; margin: -1rem auto 1rem auto; color: #888;">Fig.3 Insulin concentration in supernatant (excluding insulin in medium) after blue light irradiation and dark treatment respectively</p>
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 3.Caution
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <p>Because we repeat UAS nine times, we should pay attention to avoiding duplicate fragments when designing primer. If you can't avoid duplicate clips, please note the times that UAS in PCR products has been repeated.Insulin is not suitable
| + | |
− | for long time preservation under the best culture temperature of cells (37℃). In the mean time, cells would also consume some of the expressed insulin. So the best tst time for Insulin is approximately 24 hours after transfection,
| + | |
− | it is relatively shorter than the test interval of LUC.
| + | |
− | </p>
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | Reference:
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <p>[1]Chun Jeih Ryu , Charles E Whitehurst, Jianzhu Chen.Expression of Gal4-VP16 and Gal4-DNA binding domain under the control of the T lymphocyte-specific lck proximal promoter in transgenic mice[J].BMB Rep. 2008 Aug 31;41(8):575-80.
| + | |
− | </p>
| + | |
− | <p>[2]Mingqi Xie, Haifeng Ye, Hui Wang.β-cell-mimetic designer cells provide closed-loop glycemic control[J].Science.2016 Dec 9;354(6317):1296-1301.
| + | |
− | </p>
| + | |
− | </div>
| + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | <h2 class="pageContent-main__title">
| + | |
− | <!--put tile here, <h2>title</h2>, class="pageContent-main__title" means it is the main title-->
| + | |
− | 9XUAS-Ad-LUC
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <p>UAS (BBa_K758003) is a piece of small DNA sequence that can be recognized and combined by GAL4 DBD. Team iGEM12_KIT-Kyoto repeated UAS 5 times when using it. In our design, considering of that the mutual effect of our blue light protein
| + | |
− | would reduce the efficiency and the whole pathway is relatively long, while the react time of our system should be as short as possible, we have made some alterations
| + | |
− | </p>
| + | |
− | <p>Firstly, we have repeated the UAS before promoter for 9 times. The purpose of constructing 9XUAS-Ad-LUC (BBa_K3734032) and 9XUAS-Ad-insulin(BBa_K3734023) is to enhance the recognition and combination of GAL4 DBD, improve the efficiency
| + | |
− | of downstream target gene activation.Firstly, we have repeated the UAS before promoter for 9 times. The purpose of constructing 9XUAS-Ad-LUC (BBa_K3734032) and 9XUAS-Ad-insulin(BBa_K3734023) is to enhance the recognition and combination
| + | |
− | of GAL4 DBD, improve the efficiency of downstream target gene activation.
| + | |
− | </p>
| + | |
− | <p>Secondly, we have used Ad promoter as promoter to make it able to function in eukaryotic cells and improve the expression efficiency after the activation of VP16
| + | |
− | </p>
| + | |
− | <!--put text here, <p>content</p>-->
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 1.Experiment
| + | |
− | </h2>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 1.1 Method
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <p>We used report gene LUC to represent the working status of 9XUAS-Ad</p>
| + | |
− | <!--put text here, <p>content</p>-->
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 1.2 Result
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <P>we used the reporting gene LUC as the downstream target gene, and set up a positive control group and a negative control group. The results prove that the efficiency of our improved 9XUAS has been greatly improved, which can meet the
| + | |
− | requirements of short loop response</P>
| + | |
− | <img class="image" src="https://2021.igem.org/wiki/images/e/eb/T--CSU_CHINA--tupian34.png">
| + | |
− | <!--put image's url here-->
| + | |
− | <p style="width: 80%;text-align:center;font-size: .9rem; margin: -1rem auto 1rem auto; color: #888;">Fig.1 Light controlled system testing experiment</p>
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 2.Caution
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <p>Because we repeat UAS nine times, we should pay attention to avoiding duplicate fragments when designing primer. If you can't avoid duplicate clips, please note the times that UAS in PCR products has been repeated.
| + | |
− | </p>
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | Reference:
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <p>[1]Chun Jeih Ryu , Charles E Whitehurst, Jianzhu Chen.Expression of Gal4-VP16 and Gal4-DNA binding domain under the control of the T lymphocyte-specific lck proximal promoter in transgenic mice[J].BMB Rep. 2008 Aug 31;41(8):575-80.
| + | |
− | </p>
| + | |
− | </div>
| + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | <h2 class="pageContent-main__title">
| + | |
− | <!--put tile here, <h2>title</h2>, class="pageContent-main__title" means it is the main title-->
| + | |
− | TetR-ELK
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <p>TetR can recognize and combine with TRE, it is a important part of Tet-off system. Without tetracycline, TetR can combine with TRE. With the presence of tetracycline, the combination of TetR and TRE will be blocked and the Tet-off
| + | |
− | system will be shut down. ELK is generally dormant, when INSR receive insulin and activate MAPK, ELK will be phophated and activated, then ELK is able activate expression of target gene downstream TRE.
| + | |
− | </p>
| + | |
− | <!--put text here, <p>content</p>-->
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 1.Pattern diagram
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <img class="image" src="https://2021.igem.org/wiki/images/d/d1/T--CSU_CHINA--tupian13.png">
| + | |
− | <!--put image's url here-->
| + | |
− | <p style="width: 80%;text-align:center;font-size: .9rem; margin: -1rem auto 1rem auto; color: #888;">Fig.1 The model diagram TetR-ELK</p>
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 2.Experiment
| + | |
− | </h2>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 2.1 Method
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <p>After TetR binds to TRE, phosphorylation ELK activates downstream reporting gene mCherry expression, and we observe the expression with laser confocal microscope.</p>>
| + | |
− | <p>We also use ERK antibodies to detect phosphorylation of ERK1/ERK2 in the phosphorylation pathway through Western Blot.
| + | |
− | </p>
| + | |
− | <!--put text here, <p>content</p>-->
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 2.2 Result
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <img class="image" src="https://2021.igem.org/wiki/images/5/54/T--CSU_CHINA--tupian14.png">
| + | |
− | <!--put image's url here-->
| + | |
− | <p style="width: 80%;text-align:center;font-size: .9rem; margin: -1rem auto 1rem auto; color: #888;">Fig.2 Under Laser confocal microscopy, fluorescence of mCherry expression downstream of Tet-Off system</p>
| + | |
− | <img class="image" src="https://2021.igem.org/wiki/images/1/1f/T--CSU_CHINA--tupian16.png">
| + | |
− | <!--put image's url here-->
| + | |
− | <p style="width: 80%;text-align:center;font-size: .9rem; margin: -1rem auto 1rem auto; color: #888;">Fig.3 ERK phosphorylation changes with different insulin treatment</p>
| + | |
− | <img class="image" src="https://2021.igem.org/wiki/images/5/54/T--CSU_CHINA--tupian49.png">
| + | |
− | <!--put image's url here-->
| + | |
− | <p style="width: 80%;text-align:center;font-size: .9rem; margin: -1rem auto 1rem auto; color: #888;">Fig.4 ERK phosphorylation changes with different insulin treatment</p>
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 3.Caution
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <p>Despite the length and the complication of phosphorylation pathway, the phosphorylation pathway of protein is a very short process, it is usually completed within minutes even seconds. The time of cracking the cells and collecting
| + | |
− | protein must be controlled precisely when detecting
| + | |
− | </p>
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | Reference:
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <p>[1]Haifeng Ye, Mingqi Xie, Shuai Xue.Self-adjusting synthetic gene circuit for correcting insulin resistance[J].Nat Biomed Eng.2017 Jan;1(1):0005.
| + | |
− | </p>
| + | |
− | </div>
| + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | <h2 class="pageContent-main__title">
| + | |
− | <!--put tile here, <h2>title</h2>, class="pageContent-main__title" means it is the main title-->
| + | |
− | TRE-mCherry-miR21
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <p>TRE is a DNA structure domain that combined with TetR. It is a part of Tet-off system. This system consists of TetR and TRE can be blocked by tetracycline. Tetracycline will block the combination right between TetR and TRE and stop
| + | |
− | the system from working
| + | |
− | </p>
| + | |
− | <p>mCherry is a monomer red fluorescent protein. Experiments proved that when it is combined with exogenous protein on both C side and N side, the activity of fluorescent and the function of combined proteinare not effected and it can
| + | |
− | be used together with multi types of fluorescent proteins. Due to the phosphorylation pathway is relatively long, we have added mCherry at the bottom as report gene to prove that our pathway works and is regulated by insulin.
| + | |
− | </p>
| + | |
− | <p>NO.21 miRNA (miR21) can not only suppress the expression of target gene by targeting miR21T, but also speed the degradation of mRNA up
| + | |
− | </p>
| + | |
− | <!--put text here, <p>content</p>-->
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 1.Pattern diagram
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <img class="image" src="https://2021.igem.org/wiki/images/1/13/T--CSU_CHINA--tupian20.png">
| + | |
− | <!--put image's url here-->
| + | |
− | <p style="width: 80%;text-align:center;font-size: .9rem; margin: -1rem auto 1rem auto; color: #888;">Fig.1 The model diagram of TRE-mCherry-miR21</p>
| + | |
− | <img class="image" src="https://2021.igem.org/wiki/images/c/c0/T--CSU_CHINA--tupian18.png">
| + | |
− | <!--put image's url here-->
| + | |
− | <p style="width: 80%;text-align:center;font-size: .9rem; margin: -1rem auto 1rem auto; color: #888;">Fig.2 The model diagram of TRE-mCherry-miR21’s work</p>
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 2.Experiment
| + | |
− | </h2>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 2.1 Method
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <p>Phosphated ELK will activate the expression of downstream report gene mCherry after the combination of TRE and TetR. We used lase confocal microscope to observe the expression</p>>
| + | |
− | <p>As for miR21, we used LUC as report genes to reflect the level of expression through detecting luminescence value at 560nm wavelength and the error REN luminescence caused by the number of eliminated cells
| + | |
− | </p>
| + | |
− | <!--put text here, <p>content</p>-->
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 2.2 Result
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <p>TRE-mCherry-miR21 works well.</p>
| + | |
− | <img class="image" src="https://2021.igem.org/wiki/images/5/54/T--CSU_CHINA--tupian14.png">
| + | |
− | <!--put image's url here-->
| + | |
− | <p style="width: 80%;text-align:center;font-size: .9rem; margin: -1rem auto 1rem auto; color: #888;">Fig.3 Under Laser confocal microscopy, fluorescence of mCherry expression downstream of Tet-Off system</p>
| + | |
− | <p>At the time of the design experiment, the first 48-hour test reported that the gene LUC/REN ratio was reported, and miR21 inhibited 40% of the expression, but this was not ideal for our design.</p>
| + | |
− | <img class="image" src="https://2021.igem.org/wiki/images/5/51/T--CSU_CHINA--tupian25.png">
| + | |
− | <!--put image's url here-->
| + | |
− | <p style="width: 80%;text-align:center;font-size: .9rem; margin: -1rem auto 1rem auto; color: #888;">Fig.4 miR21 inhibited Luc expression 48h after transfection</p>
| + | |
− | <p>Considering that it may be the reason for the continuous accumulation of LUC expression, we did another 24-hour group, and the results proved that miR21 suppressed 90% of the expression, and the experimental results were very in line
| + | |
− | with our design requirements.</p>
| + | |
− | <img class="image" src="https://2021.igem.org/wiki/images/b/be/T--CSU_CHINA--tupian26.png">
| + | |
− | <!--put image's url here-->
| + | |
− | <p style="width: 80%;text-align:center;font-size: .9rem; margin: -1rem auto 1rem auto; color: #888;">Fig.5 miR21 inhibited Luc expression 24h after transfection</p>
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 3.Caution
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <p>If the green fluorescent protein is expressed too much, and if the green fluorescence is too strong, it may cause a series of colors. In order to ensure the accuracy of the experimental results, the level of noise reduction should
| + | |
− | be raised.
| + | |
− | </p>
| + | |
− | <p>The miR21 we built is a full-length sequence with flank sequences, which requires precursors such as pre and pri to be sheared and folded and matured within the cell. At the beginning of the experiment, we were worried about its inhibition
| + | |
− | efficiency and built miR21-stemloop, but because its efficiency can reach 90%, which fully meets our requirements, we still use the full length. Interested iGEMers can further test it.</p>
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | Reference:
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <p>[1]Haifeng Ye, Mingqi Xie, Shuai Xue.Self-adjusting synthetic gene circuit for correcting insulin resistance[J].Nat Biomed Eng.2017 Jan;1(1):0005.
| + | |
− | </p>
| + | |
− | <p>[2]Kai Zhang , Xue-Jiao Yang , Ting-Ting Zhang.In situ imaging and interfering Dicer-mediated cleavage process via a versatile molecular beacon probe.Anal ChimActa.2019Nov4;1079:146-152.</p>
| + | |
− | </div>
| + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | <h2 class="pageContent-main__title">
| + | |
− | <!--put tile here, <h2>title</h2>, class="pageContent-main__title" means it is the main title-->
| + | |
− | CHREBP-LUC
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <p>In our experiment, the change of glucose concentration is an important switch of the work loop . CHREBP is only studied as a part of lipid metabolism in current literature. We used it as a glucose-induced promoter and achieved ideal
| + | |
− | result in cell 293T
| + | |
− | </p>
| + | |
− | <p>LUC is a reported gene in the luminescence system of fluorease. It comes from fireflies and characterizes the amount of gene expression in the target by detecting the luminescence value of its excited fluorescent hormone at a wavelength
| + | |
− | of 560nm.
| + | |
− | </p>
| + | |
− | <!--put text here, <p>content</p>-->
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 1.Pattern diagram
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <img class="image" src="https://2021.igem.org/wiki/images/3/33/T--CSU_CHINA--tupian1.png">
| + | |
− | <!--put image's url here-->
| + | |
− | <p style="width: 80%;text-align:center;font-size: .9rem; margin: -1rem auto 1rem auto; color: #888;">Fig.1 The model diagram of CHREBP-LUC</p>
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 2.Experiment
| + | |
− | </h2>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 2.1 Method
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <p>We used LUC as report genes to reflect the level of expression through detecting luminescence value at 560nm wavelength and the error REN luminescence caused by the number of eliminated cells</p>>
| + | |
− | <!--put text here, <p>content</p>-->
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 2.2 Result
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <p>CHERBP promoter is induced by glucose and the expression rises along with the raise of glucose concentration.</p>
| + | |
− | <p>TRE-mCherry-miR21 works well.</p>
| + | |
− | <img class="image" src="https://2021.igem.org/wiki/images/6/6d/T--CSU_CHINA--tupian3.png">
| + | |
− | <!--put image's url here-->
| + | |
− | <p style="width: 80%;text-align:center;font-size: .9rem; margin: -1rem auto 1rem auto; color: #888;">Fig.2 The expression level of inducible promoter CHREBP was respectively analyzed at 48h in 25mM, 5.6mm and 0mM glucose culture</p>
| + | |
− | <p>To eliminate the effect of residual glucose in the medium during transmission, we have conducted experiments in a 72-hour group, the result fits our anticipations more.</p>
| + | |
− | <img class="image" src="https://2021.igem.org/wiki/images/f/f1/T--CSU_CHINA--tupian4.png">
| + | |
− | <!--put image's url here-->
| + | |
− | <p style="width: 80%;text-align:center;font-size: .9rem; margin: -1rem auto 1rem auto; color: #888;">Fig.3 The expression level of inducible promoter CHREBP was respectively analyzed at 72h in 25mM, 5.6mm and 0mM glucose culture</p>
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 3.Caution
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <p>Because the INSR sequence is very long, it is difficult for DH5α receptor cells containing recombinant enzymes to meet the requirements during cloning, and receptor cells of recombinant enzymes may need to be removed.
| + | |
− | </p>
| + | |
− | <p>Meanwhile, we hope we can shorten the sequence to improve it although it is good enough. Try to convert REN at the same time to adjust the errors caused by other factors such as different cell numbers and cell states caused by different
| + | |
− | culture conditions when using LUC.</p>
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | Reference:
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <p>[1]Jian Meng, Ming Feng, Weibing Dong.Identification of HNF-4α as a key transcription factor to promote ChREBP expression in response to glucose[J].Sci Rep. 2016 Mar 31;6:23944.
| + | |
− | </p>
| + | |
− | </div>
| + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | <h2 class="pageContent-main__title">
| + | |
− | <!--put tile here, <h2>title</h2>, class="pageContent-main__title" means it is the main title-->
| + | |
− | miR21T-LUC-4XmiR21T
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <p>To prove miR21 can target miE21T and suppress the expression of the target gene, we have designed miR21T-LUC-4XmiR21T
| + | |
− | </p>
| + | |
− | <!--put text here, <p>content</p>-->
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 1.Pattern diagram
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <img class="image" src="https://2021.igem.org/wiki/images/5/59/T--CSU_CHINA--tupian58.png">
| + | |
− | <!--put image's url here-->
| + | |
− | <p style="width: 80%;text-align:center;font-size: .9rem; margin: -1rem auto 1rem auto; color: #888;">Fig.1 The model diagram of miR21T-LUC-4XmiR21T</p>
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 2.Experiment
| + | |
− | </h2>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 2.1 Method
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <p>We used LUC as report genes to reflect the level of expression through detecting luminescence value at 560nm wavelength and the error REN luminescence caused by the number of eliminated cells. In the mean time, we tested the level
| + | |
− | of mRNA expression through qPCR.</p>
| + | |
− | <!--put text here, <p>content</p>-->
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 2.2 Result
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <img class="image" src="https://2021.igem.org/wiki/images/8/86/T--CSU_CHINA--tupian59.png">
| + | |
− | <!--put image's url here-->
| + | |
− | <p style="width: 80%;text-align:center;font-size: .9rem; margin: -1rem auto 1rem auto; color: #888;">Fig.2 Electrophoretic diagram of miR21T-LUC-4XmiR21T PCR product</p>
| + | |
− | <p>At the time of the design experiment, the first 48-hour test reported that the gene LUC/REN ratio was reported, and miR21 inhibited 40% of the expression, but this was not ideal for our design.</p>
| + | |
− | <img class="image" src="https://2021.igem.org/wiki/images/5/51/T--CSU_CHINA--tupian25.png">
| + | |
− | <!--put image's url here-->
| + | |
− | <p style="width: 80%;text-align:center;font-size: .9rem; margin: -1rem auto 1rem auto; color: #888;">Fig.3 miR21 inhibited Luc expression 48h after transfection</p>
| + | |
− | | + | |
− | <p>Considering that it may be the reason for the continuous accumulation of LUC expression, we did another 24-hour group, and the results proved that miR21 suppressed 90% of the expression, and the experimental results were very in line
| + | |
− | with our design requirements.</p>
| + | |
− | <p>In the mean time, we have tested miR21 to speed up the degradation of mRNA through qPCR.</p>
| + | |
− | </div>
| + | |
− | <img class="image" src="https://2021.igem.org/wiki/images/b/be/T--CSU_CHINA--tupian26.png">
| + | |
− | <!--put image's url here-->
| + | |
− | <p style="width: 80%;text-align:center;font-size: .9rem; margin: -1rem auto 1rem auto; color: #888;">Fig.4 miR21 inhibited Luc expression 24h after transfection</p>
| + | |
− | <img class="image" src="https://2021.igem.org/wiki/images/f/f4/T--CSU_CHINA--tupian62.png">
| + | |
− | <!--put image's url here-->
| + | |
− | <p style="width: 80%;text-align:center;font-size: .9rem; margin: -1rem auto 1rem auto; color: #888;">Fig.5 miR21 promoted the mRNA degradation efficiency of LUC</p>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | 3.Caution
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <p>Because we have repeated mE21T for 4 times at 3’UTR area, we should avoid the repeated pieces when designing the primer. Please pay attention to how many times does miR21T have repeated in PCR outcome. Meanwhile, there is similar parts
| + | |
− | between miR21T and padrome structure, which should be paid attention to during the design</p>
| + | |
− | </div>
| + | |
− | <h2 class="pageContent-main__title pageContent-main__subtitle">
| + | |
− | <!--class="pageContent-main__title" means it is the sub title-->
| + | |
− | Reference:
| + | |
− | </h2>
| + | |
− | <div class="pageContent-main__textBox">
| + | |
− | <!--all the content must included in this div-->
| + | |
− | <p>[1]Kai Zhang , Xue-Jiao Yang , Ting-Ting Zhang.In situ imaging and interfering Dicer-mediated cleavage process via a versatile molecular beacon probe.Anal ChimActa.2019Nov4;1079:146-152.
| + | |
− | </p>
| + | |
− | </div>
| + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | </div>
| + | |
− | <div class="pageContent-side" style="padding-top: 4rem;">
| + | |
− | <div class="mytoc">
| + | |
− | <div class="toc_list" id="toclist"></div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <!-- Footer-->
| + | |
− | <footer class="footer py-4">
| + | |
− | <div class="container">
| + | |
− | <div class="row align-items-center">
| + | |
− | <div class="col-lg-4 text-lg-start">Copyright © Team:CSU_China All Rights Reserved</div>
| + | |
− | <div class="col-lg-4 my-3 my-lg-0">
| + | |
− | <a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-twitter"></i></a>
| + | |
− | <a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-facebook-f"></i></a>
| + | |
− | <a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-linkedin-in"></i></a>
| + | |
− | </div>
| + | |
− | <div class="col-lg-4 text-lg-end">
| + | |
− | <a class="link-dark text-decoration-none me-3" href="https://2021.igem.org/Template:CSU_CHINA/Privacy_Policy">Privacy Policy</a>
| + | |
− | <a class="link-dark text-decoration-none" href="https://2021.igem.org/Template:CSU_CHINA/Terms_of_Use">Terms of Use</a>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </footer>
| + | |
− | <!--NAV&TOC JS-->
| + | |
− | <script>
| + | |
− | $(document).ready(function() {
| + | |
− | dropdownOpen();
| + | |
− | });
| + | |
− | | + | |
− | function hasClass(element, cls) {
| + | |
− | return (' ' + element.className + ' ').indexOf(' ' + cls + ' ') > -1;
| + | |
− | }
| + | |
− | | + | |
− | function dropdownOpen() {
| + | |
− | var $dropdownLi = $('li.dropdown');
| + | |
− | $dropdownLi.mouseover(function() {
| + | |
− | $(this).addClass('open');
| + | |
− | }).mouseout(function() {
| + | |
− | $(this).removeClass('open');
| + | |
− | });
| + | |
− | }
| + | |
− | (window.onload = function() {
| + | |
− | createTOC('pagecontent')
| + | |
− | })
| + | |
− | | + | |
− | function createTOC(elementId) {
| + | |
− | | + | |
− | let titles = document.getElementById(elementId).getElementsByClassName('pageContent-main__title')
| + | |
− | let toc_list = document.getElementById('toclist')
| + | |
− | while (toc_list.firstChild) {
| + | |
− | let oldNode = toc_list.removeChild(toc_list.firstChild);
| + | |
− | oldNode = null;
| + | |
− | }
| + | |
− | for (let i in titles) {
| + | |
− | let text = titles[i].textContent.replace(/^(\s|\xA0)+|(\s|\xA0)+$/g, '');
| + | |
− | if (titles[i].className != 'pageContent-main__title') {
| + | |
− | text = " " + text;
| + | |
− | }
| + | |
− | titles[i].id = text
| + | |
− | if (!!text) {
| + | |
− | console.log(text)
| + | |
− | let toc_item = document.createElement('div')
| + | |
− | toc_item.setAttribute('class', 'toclist__item')
| + | |
− | let link = document.createElement('a')
| + | |
− | link.href = "#" + text
| + | |
− | let t = document.createTextNode(text)
| + | |
− | link.appendChild(t)
| + | |
− | toc_item.appendChild(link)
| + | |
− | toc_list.appendChild(toc_item)
| + | |
− | }
| + | |
− | }
| + | |
− | }
| + | |
− | </script>
| + | |
− | </body>
| + | |
− | <style>
| + | |
− | /*!
| + | |
− | * Start Bootstrap - Agency v7.0.5 (https://startbootstrap.com/theme/agency)
| + | |
− | * Copyright 2013-2021 Start Bootstrap
| + | |
− | * Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-agency/blob/master/LICENSE)
| + | |
− | */
| + | |
− | /*!
| + | |
− | * Bootstrap v5.0.2 (https://getbootstrap.com/)
| + | |
− | * Copyright 2011-2021 The Bootstrap Authors
| + | |
− | * Copyright 2011-2021 Twitter, Inc.
| + | |
− | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
| + | |
− | */
| + | |
− |
| + | |
− | :root {
| + | |
− | --primary: #074E9F;
| + | |
− | --primary-transparent: rgba(7, 78, 159, 0.5);
| + | |
− | --blue: #6DBFFF;
| + | |
− | --yellow: #FFC93C;
| + | |
− | --dark: #0d2b4d;
| + | |
− | --title-color: #004290;
| + | |
− | --text-color: #00244E;
| + | |
− | --bs-blue: #0d6efd;
| + | |
− | --bs-indigo: #6610f2;
| + | |
− | --bs-purple: #6f42c1;
| + | |
− | --bs-pink: #d63384;
| + | |
− | --bs-red: #dc3545;
| + | |
− | --bs-orange: #fd7e14;
| + | |
− | --bs-yellow: #ffc800;
| + | |
− | --bs-green: #198754;
| + | |
− | --bs-teal: #20c997;
| + | |
− | --bs-cyan: #0dcaf0;
| + | |
− | --bs-white: #fff;
| + | |
− | --bs-gray: #6c757d;
| + | |
− | --bs-gray-dark: #343a40;
| + | |
− | --bs-primary: #ffc800;
| + | |
− | --bs-secondary: #6c757d;
| + | |
− | --bs-success: #198754;
| + | |
− | --bs-info: #0dcaf0;
| + | |
− | --bs-warning: #ffc800;
| + | |
− | --bs-danger: #dc3545;
| + | |
− | --bs-light: #f8f9fa;
| + | |
− | --bs-dark: #212529;
| + | |
− | --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
| + | |
− | --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
| + | |
− | --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
| + | |
− | }
| + | |
− |
| + | |
− | *,
| + | |
− | *::before,
| + | |
− | *::after {
| + | |
− | box-sizing: border-box;
| + | |
− | }
| + | |
− |
| + | |
− | @media (prefers-reduced-motion: no-preference) {
| + | |
− | :root {
| + | |
− | scroll-behavior: smooth;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | body {
| + | |
− | margin: 0;
| + | |
− | font-family: "Roboto Slab", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
| + | |
− | font-size: 1rem;
| + | |
− | font-weight: 400;
| + | |
− | line-height: 1.5;
| + | |
− | color: #212529;
| + | |
− | background-color: #fff;
| + | |
− | -webkit-text-size-adjust: 100%;
| + | |
− | -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
| + | |
− | }
| + | |
− |
| + | |
− | hr {
| + | |
− | margin: 1rem 0;
| + | |
− | color: inherit;
| + | |
− | background-color: currentColor;
| + | |
− | border: 0;
| + | |
− | opacity: 0.25;
| + | |
− | }
| + | |
− |
| + | |
− | hr:not([size]) {
| + | |
− | height: 1px;
| + | |
− | }
| + | |
− |
| + | |
− | h6,
| + | |
− | .h6,
| + | |
− | h5,
| + | |
− | .h5,
| + | |
− | h4,
| + | |
− | .h4,
| + | |
− | h3,
| + | |
− | .h3,
| + | |
− | h2,
| + | |
− | .h2,
| + | |
− | h1,
| + | |
− | .h1 {
| + | |
− | margin-top: 0;
| + | |
− | margin-bottom: 0.5rem;
| + | |
− | font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
| + | |
− | font-weight: 700;
| + | |
− | line-height: 1.2;
| + | |
− | }
| + | |
− |
| + | |
− | h1,
| + | |
− | .h1 {
| + | |
− | font-size: calc(1.375rem + 1.5vw);
| + | |
− | }
| + | |
− |
| + | |
− | @media (min-width: 1200px) {
| + | |
− | h1,
| + | |
− | .h1 {
| + | |
− | font-size: 2.5rem;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | h2,
| + | |
− | .h2 {
| + | |
− | font-size: calc(1.325rem + 0.9vw);
| + | |
− | }
| + | |
− |
| + | |
− | @media (min-width: 1200px) {
| + | |
− | h2,
| + | |
− | .h2 {
| + | |
− | font-size: 2rem;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | h3,
| + | |
− | .h3 {
| + | |
− | font-size: calc(1.3rem + 0.6vw);
| + | |
− | }
| + | |
− |
| + | |
− | @media (min-width: 1200px) {
| + | |
− | h3,
| + | |
− | .h3 {
| + | |
− | font-size: 1.75rem;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | h4,
| + | |
− | .h4 {
| + | |
− | font-size: calc(1.275rem + 0.3vw);
| + | |
− | }
| + | |
− |
| + | |
− | @media (min-width: 1200px) {
| + | |
− | h4,
| + | |
− | .h4 {
| + | |
− | font-size: 1.5rem;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | h5,
| + | |
− | .h5 {
| + | |
− | font-size: 1.25rem;
| + | |
− | }
| + | |
− |
| + | |
− | h6,
| + | |
− | .h6 {
| + | |
− | font-size: 1rem;
| + | |
− | }
| + | |
− |
| + | |
− | p {
| + | |
− | margin-top: 0;
| + | |
− | margin-bottom: 1rem;
| + | |
− | }
| + | |
− |
| + | |
− | abbr[title],
| + | |
− | abbr[data-bs-original-title] {
| + | |
− | -webkit-text-decoration: underline dotted;
| + | |
− | text-decoration: underline dotted;
| + | |
− | cursor: help;
| + | |
− | -webkit-text-decoration-skip-ink: none;
| + | |
− | text-decoration-skip-ink: none;
| + | |
− | }
| + | |
− |
| + | |
− | address {
| + | |
− | margin-bottom: 1rem;
| + | |
− | font-style: normal;
| + | |
− | line-height: inherit;
| + | |
− | }
| + | |
− |
| + | |
− | ol,
| + | |
− | ul {
| + | |
− | padding-left: 2rem;
| + | |
− | }
| + | |
− |
| + | |
− | ol,
| + | |
− | ul,
| + | |
− | dl {
| + | |
− | margin-top: 0;
| + | |
− | margin-bottom: 1rem;
| + | |
− | }
| + | |
− |
| + | |
− | ol ol,
| + | |
− | ul ul,
| + | |
− | ol ul,
| + | |
− | ul ol {
| + | |
− | margin-bottom: 0;
| + | |
− | }
| + | |
− |
| + | |
− | dt {
| + | |
− | font-weight: 700;
| + | |
− | }
| + | |
− |
| + | |
− | dd {
| + | |
− | margin-bottom: 0.5rem;
| + | |
− | margin-left: 0;
| + | |
− | }
| + | |
− |
| + | |
− | blockquote {
| + | |
− | margin: 0 0 1rem;
| + | |
− | }
| + | |
− |
| + | |
− | b,
| + | |
− | strong {
| + | |
− | font-weight: bolder;
| + | |
− | }
| + | |
− |
| + | |
− | small,
| + | |
− | .small {
| + | |
− | font-size: 0.875em;
| + | |
− | }
| + | |
− |
| + | |
− | mark,
| + | |
− | .mark {
| + | |
− | padding: 0.2em;
| + | |
− | background-color: #fcf8e3;
| + | |
− | }
| + | |
− |
| + | |
− | sub,
| + | |
− | sup {
| + | |
− | position: relative;
| + | |
− | font-size: 0.75em;
| + | |
− | line-height: 0;
| + | |
− | vertical-align: baseline;
| + | |
− | }
| + | |
− |
| + | |
− | sub {
| + | |
− | bottom: -0.25em;
| + | |
− | }
| + | |
− |
| + | |
− | sup {
| + | |
− | top: -0.5em;
| + | |
− | }
| + | |
− |
| + | |
− | a {
| + | |
− | color: #ffc800;
| + | |
− | text-decoration: underline;
| + | |
− | }
| + | |
− |
| + | |
− | a:hover {
| + | |
− | color: #cca000;
| + | |
− | }
| + | |
− |
| + | |
− | a:not([href]):not([class]),
| + | |
− | a:not([href]):not([class]):hover {
| + | |
− | color: inherit;
| + | |
− | text-decoration: none;
| + | |
− | }
| + | |
− |
| + | |
− | pre,
| + | |
− | code,
| + | |
− | kbd,
| + | |
− | samp {
| + | |
− | font-family: var(--bs-font-monospace);
| + | |
− | font-size: 1em;
| + | |
− | direction: ltr/* rtl:ignore */
| + | |
− | ;
| + | |
− | unicode-bidi: bidi-override;
| + | |
− | }
| + | |
− |
| + | |
− | pre {
| + | |
− | display: block;
| + | |
− | margin-top: 0;
| + | |
− | margin-bottom: 1rem;
| + | |
− | overflow: auto;
| + | |
− | font-size: 0.875em;
| + | |
− | }
| + | |
− |
| + | |
− | pre code {
| + | |
− | font-size: inherit;
| + | |
− | color: inherit;
| + | |
− | word-break: normal;
| + | |
− | }
| + | |
− |
| + | |
− | code {
| + | |
− | font-size: 0.875em;
| + | |
− | color: #d63384;
| + | |
− | word-wrap: break-word;
| + | |
− | }
| + | |
− |
| + | |
− | a>code {
| + | |
− | color: inherit;
| + | |
− | }
| + | |
− |
| + | |
− | kbd {
| + | |
− | padding: 0.2rem 0.4rem;
| + | |
− | font-size: 0.875em;
| + | |
− | color: #fff;
| + | |
− | background-color: #212529;
| + | |
− | border-radius: 0.2rem;
| + | |
− | }
| + | |
− |
| + | |
− | kbd kbd {
| + | |
− | padding: 0;
| + | |
− | font-size: 1em;
| + | |
− | font-weight: 700;
| + | |
− | }
| + | |
− |
| + | |
− | figure {
| + | |
− | margin: 0 0 1rem;
| + | |
− | }
| + | |
− |
| + | |
− | img,
| + | |
− | svg {
| + | |
− | vertical-align: middle;
| + | |
− | }
| + | |
− |
| + | |
− | table {
| + | |
− | caption-side: bottom;
| + | |
− | border-collapse: collapse;
| + | |
− | }
| + | |
− |
| + | |
− | caption {
| + | |
− | padding-top: 0.5rem;
| + | |
− | padding-bottom: 0.5rem;
| + | |
− | color: #6c757d;
| + | |
− | text-align: left;
| + | |
− | }
| + | |
− |
| + | |
− | th {
| + | |
− | text-align: inherit;
| + | |
− | text-align: -webkit-match-parent;
| + | |
− | }
| + | |
− |
| + | |
− | thead,
| + | |
− | tbody,
| + | |
− | tfoot,
| + | |
− | tr,
| + | |
− | td,
| + | |
− | th {
| + | |
− | border-color: inherit;
| + | |
− | border-style: solid;
| + | |
− | border-width: 0;
| + | |
− | }
| + | |
− |
| + | |
− | label {
| + | |
− | display: inline-block;
| + | |
− | }
| + | |
− |
| + | |
− | button {
| + | |
− | border-radius: 0;
| + | |
− | }
| + | |
− |
| + | |
− | button:focus:not(:focus-visible) {
| + | |
− | outline: 0;
| + | |
− | }
| + | |
− |
| + | |
− | input,
| + | |
− | button,
| + | |
− | select,
| + | |
− | optgroup,
| + | |
− | textarea {
| + | |
− | margin: 0;
| + | |
− | font-family: inherit;
| + | |
− | font-size: inherit;
| + | |
− | line-height: inherit;
| + | |
− | }
| + | |
− |
| + | |
− | button,
| + | |
− | select {
| + | |
− | text-transform: none;
| + | |
− | }
| + | |
− |
| + | |
− | [role=button] {
| + | |
− | cursor: pointer;
| + | |
− | }
| + | |
− |
| + | |
− | select {
| + | |
− | word-wrap: normal;
| + | |
− | }
| + | |
− |
| + | |
− | select:disabled {
| + | |
− | opacity: 1;
| + | |
− | }
| + | |
− |
| + | |
− | [list]::-webkit-calendar-picker-indicator {
| + | |
− | display: none;
| + | |
− | }
| + | |
− |
| + | |
− | button,
| + | |
− | [type=button],
| + | |
− | [type=reset],
| + | |
− | [type=submit] {
| + | |
− | -webkit-appearance: button;
| + | |
− | }
| + | |
− |
| + | |
− | button:not(:disabled),
| + | |
− | [type=button]:not(:disabled),
| + | |
− | [type=reset]:not(:disabled),
| + | |
− | [type=submit]:not(:disabled) {
| + | |
− | cursor: pointer;
| + | |
− | }
| + | |
− |
| + | |
− | ::-moz-focus-inner {
| + | |
− | padding: 0;
| + | |
− | border-style: none;
| + | |
− | }
| + | |
− |
| + | |
− | textarea {
| + | |
− | resize: vertical;
| + | |
− | }
| + | |
− |
| + | |
− | fieldset {
| + | |
− | min-width: 0;
| + | |
− | padding: 0;
| + | |
− | margin: 0;
| + | |
− | border: 0;
| + | |
− | }
| + | |
− |
| + | |
− | legend {
| + | |
− | float: left;
| + | |
− | width: 100%;
| + | |
− | padding: 0;
| + | |
− | margin-bottom: 0.5rem;
| + | |
− | font-size: calc(1.275rem + 0.3vw);
| + | |
− | line-height: inherit;
| + | |
− | }
| + | |
− |
| + | |
− | @media (min-width: 1200px) {
| + | |
− | legend {
| + | |
− | font-size: 1.5rem;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | legend+* {
| + | |
− | clear: left;
| + | |
− | }
| + | |
− |
| + | |
− | ::-webkit-datetime-edit-fields-wrapper,
| + | |
− | ::-webkit-datetime-edit-text,
| + | |
− | ::-webkit-datetime-edit-minute,
| + | |
− | ::-webkit-datetime-edit-hour-field,
| + | |
− | ::-webkit-datetime-edit-day-field,
| + | |
− | ::-webkit-datetime-edit-month-field,
| + | |
− | ::-webkit-datetime-edit-year-field {
| + | |
− | padding: 0;
| + | |
− | }
| + | |
− |
| + | |
− | ::-webkit-inner-spin-button {
| + | |
− | height: auto;
| + | |
− | }
| + | |
− |
| + | |
− | [type=search] {
| + | |
− | outline-offset: -2px;
| + | |
− | -webkit-appearance: textfield;
| + | |
− | }
| + | |
− | /* rtl:raw:
| + | |
− | [type="tel"],
| + | |
− | [type="url"],
| + | |
− | [type="email"],
| + | |
− | [type="number"] {
| + | |
− | direction: ltr;
| + | |
− | }
| + | |
− | */
| + | |
− |
| + | |
− | ::-webkit-search-decoration {
| + | |
− | -webkit-appearance: none;
| + | |
− | }
| + | |
− |
| + | |
− | ::-webkit-color-swatch-wrapper {
| + | |
− | padding: 0;
| + | |
− | }
| + | |
− |
| + | |
− | ::file-selector-button {
| + | |
− | font: inherit;
| + | |
− | }
| + | |
− |
| + | |
− | ::-webkit-file-upload-button {
| + | |
− | font: inherit;
| + | |
− | -webkit-appearance: button;
| + | |
− | }
| + | |
− |
| + | |
− | output {
| + | |
− | display: inline-block;
| + | |
− | }
| + | |
− |
| + | |
− | iframe {
| + | |
− | border: 0;
| + | |
− | }
| + | |
− |
| + | |
− | summary {
| + | |
− | display: list-item;
| + | |
− | cursor: pointer;
| + | |
− | }
| + | |
− |
| + | |
− | progress {
| + | |
− | vertical-align: baseline;
| + | |
− | }
| + | |
− |
| + | |
− | [hidden] {
| + | |
− | display: none;
| + | |
− | }
| + | |
− |
| + | |
− | .lead {
| + | |
− | font-size: 1.25rem;
| + | |
− | font-weight: 300;
| + | |
− | }
| + | |
− |
| + | |
− | .display-1 {
| + | |
− | font-size: calc(1.625rem + 4.5vw);
| + | |
− | font-weight: 300;
| + | |
− | line-height: 1.2;
| + | |
− | }
| + | |
− |
| + | |
− | @media (min-width: 1200px) {
| + | |
− | .display-1 {
| + | |
− | font-size: 5rem;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | .display-2 {
| + | |
− | font-size: calc(1.575rem + 3.9vw);
| + | |
− | font-weight: 300;
| + | |
− | line-height: 1.2;
| + | |
− | }
| + | |
− |
| + | |
− | @media (min-width: 1200px) {
| + | |
− | .display-2 {
| + | |
− | font-size: 4.5rem;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | .display-3 {
| + | |
− | font-size: calc(1.525rem + 3.3vw);
| + | |
− | font-weight: 300;
| + | |
− | line-height: 1.2;
| + | |
− | }
| + | |
− |
| + | |
− | @media (min-width: 1200px) {
| + | |
− | .display-3 {
| + | |
− | font-size: 4rem;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | .display-4 {
| + | |
− | font-size: calc(1.475rem + 2.7vw);
| + | |
− | font-weight: 300;
| + | |
− | line-height: 1.2;
| + | |
− | }
| + | |
− |
| + | |
− | @media (min-width: 1200px) {
| + | |
− | .display-4 {
| + | |
− | font-size: 3.5rem;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | .display-5 {
| + | |
− | font-size: calc(1.425rem + 2.1vw);
| + | |
− | font-weight: 300;
| + | |
− | line-height: 1.2;
| + | |
− | }
| + | |
− |
| + | |
− | @media (min-width: 1200px) {
| + | |
− | .display-5 {
| + | |
− | font-size: 3rem;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | .display-6 {
| + | |
− | font-size: calc(1.375rem + 1.5vw);
| + | |
− | font-weight: 300;
| + | |
− | line-height: 1.2;
| + | |
− | }
| + | |
− |
| + | |
− | @media (min-width: 1200px) {
| + | |
− | .display-6 {
| + | |
− | font-size: 2.5rem;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | .list-unstyled {
| + | |
− | padding-left: 0;
| + | |
− | list-style: none;
| + | |
− | }
| + | |
− |
| + | |
− | .list-inline {
| + | |
− | padding-left: 0;
| + | |
− | list-style: none;
| + | |
− | }
| + | |
− |
| + | |
− | .list-inline-item {
| + | |
− | display: inline-block;
| + | |
− | }
| + | |
− |
| + | |
− | .list-inline-item:not(:last-child) {
| + | |
− | margin-right: 0.5rem;
| + | |
− | }
| + | |
− |
| + | |
− | .initialism {
| + | |
− | font-size: 0.875em;
| + | |
− | text-transform: uppercase;
| + | |
− | }
| + | |
− |
| + | |
− | .blockquote {
| + | |
− | margin-bottom: 1rem;
| + | |
− | font-size: 1.25rem;
| + | |
− | }
| + | |
− |
| + | |
− | .blockquote> :last-child {
| + | |
− | margin-bottom: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .blockquote-footer {
| + | |
− | margin-top: -1rem;
| + | |
− | margin-bottom: 1rem;
| + | |
− | font-size: 0.875em;
| + | |
− | color: #6c757d;
| + | |
− | }
| + | |
− |
| + | |
− | .blockquote-footer::before {
| + | |
− | content: "— ";
| + | |
− | }
| + | |
− |
| + | |
− | .img-fluid {
| + | |
− | max-width: 100%;
| + | |
− | height: auto;
| + | |
− | }
| + | |
− |
| + | |
− | .img-thumbnail {
| + | |
− | padding: 0.25rem;
| + | |
− | background-color: #fff;
| + | |
− | border: 1px solid #dee2e6;
| + | |
− | border-radius: 0.25rem;
| + | |
− | max-width: 100%;
| + | |
− | height: auto;
| + | |
− | }
| + | |
− |
| + | |
− | .figure {
| + | |
− | display: inline-block;
| + | |
− | }
| + | |
− |
| + | |
− | .figure-img {
| + | |
− | margin-bottom: 0.5rem;
| + | |
− | line-height: 1;
| + | |
− | }
| + | |
− |
| + | |
− | .figure-caption {
| + | |
− | font-size: 0.875em;
| + | |
− | color: #6c757d;
| + | |
− | }
| + | |
− |
| + | |
− | .container,
| + | |
− | .container-fluid,
| + | |
− | .container-xxl,
| + | |
− | .container-xl,
| + | |
− | .container-lg,
| + | |
− | .container-md,
| + | |
− | .container-sm {
| + | |
− | width: 100%;
| + | |
− | padding-right: var(--bs-gutter-x, 0.75rem);
| + | |
− | padding-left: var(--bs-gutter-x, 0.75rem);
| + | |
− | margin-right: auto;
| + | |
− | margin-left: auto;
| + | |
− | }
| + | |
− |
| + | |
− | @media (min-width: 576px) {
| + | |
− | .container-sm,
| + | |
− | .container {
| + | |
− | max-width: 540px;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | @media (min-width: 768px) {
| + | |
− | .container-md,
| + | |
− | .container-sm,
| + | |
− | .container {
| + | |
− | max-width: 720px;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | @media (min-width: 992px) {
| + | |
− | .container-lg,
| + | |
− | .container-md,
| + | |
− | .container-sm,
| + | |
− | .container {
| + | |
− | max-width: 960px;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | @media (min-width: 1200px) {
| + | |
− | .container-xl,
| + | |
− | .container-lg,
| + | |
− | .container-md,
| + | |
− | .container-sm,
| + | |
− | .container {
| + | |
− | max-width: 1140px;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | @media (min-width: 1400px) {
| + | |
− | .container-xxl,
| + | |
− | .container-xl,
| + | |
− | .container-lg,
| + | |
− | .container-md,
| + | |
− | .container-sm,
| + | |
− | .container {
| + | |
− | max-width: 1320px;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | .row {
| + | |
− | --bs-gutter-x: 1.5rem;
| + | |
− | --bs-gutter-y: 0;
| + | |
− | display: flex;
| + | |
− | flex-wrap: wrap;
| + | |
− | margin-top: calc(var(--bs-gutter-y) * -1);
| + | |
− | margin-right: calc(var(--bs-gutter-x) * -.5);
| + | |
− | margin-left: calc(var(--bs-gutter-x) * -.5);
| + | |
− | }
| + | |
− |
| + | |
− | .row>* {
| + | |
− | flex-shrink: 0;
| + | |
− | width: 100%;
| + | |
− | max-width: 100%;
| + | |
− | padding-right: calc(var(--bs-gutter-x) * .5);
| + | |
− | padding-left: calc(var(--bs-gutter-x) * .5);
| + | |
− | margin-top: var(--bs-gutter-y);
| + | |
− | }
| + | |
− |
| + | |
− | .col {
| + | |
− | flex: 1 0 0%;
| + | |
− | }
| + | |
− |
| + | |
− | .row-cols-auto>* {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: auto;
| + | |
− | }
| + | |
− |
| + | |
− | .row-cols-1>* {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 100%;
| + | |
− | }
| + | |
− |
| + | |
− | .row-cols-2>* {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 50%;
| + | |
− | }
| + | |
− |
| + | |
− | .row-cols-3>* {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 33.3333333333%;
| + | |
− | }
| + | |
− |
| + | |
− | .row-cols-4>* {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 25%;
| + | |
− | }
| + | |
− |
| + | |
− | .row-cols-5>* {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 20%;
| + | |
− | }
| + | |
− |
| + | |
− | .row-cols-6>* {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 16.6666666667%;
| + | |
− | }
| + | |
− |
| + | |
− | @media (min-width: 576px) {
| + | |
− | .col-sm {
| + | |
− | flex: 1 0 0%;
| + | |
− | }
| + | |
− | .row-cols-sm-auto>* {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: auto;
| + | |
− | }
| + | |
− | .row-cols-sm-1>* {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 100%;
| + | |
− | }
| + | |
− | .row-cols-sm-2>* {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 50%;
| + | |
− | }
| + | |
− | .row-cols-sm-3>* {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 33.3333333333%;
| + | |
− | }
| + | |
− | .row-cols-sm-4>* {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 25%;
| + | |
− | }
| + | |
− | .row-cols-sm-5>* {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 20%;
| + | |
− | }
| + | |
− | .row-cols-sm-6>* {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 16.6666666667%;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | @media (min-width: 768px) {
| + | |
− | .col-md {
| + | |
− | flex: 1 0 0%;
| + | |
− | }
| + | |
− | .row-cols-md-auto>* {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: auto;
| + | |
− | }
| + | |
− | .row-cols-md-1>* {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 100%;
| + | |
− | }
| + | |
− | .row-cols-md-2>* {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 50%;
| + | |
− | }
| + | |
− | .row-cols-md-3>* {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 33.3333333333%;
| + | |
− | }
| + | |
− | .row-cols-md-4>* {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 25%;
| + | |
− | }
| + | |
− | .row-cols-md-5>* {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 20%;
| + | |
− | }
| + | |
− | .row-cols-md-6>* {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 16.6666666667%;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | @media (min-width: 992px) {
| + | |
− | .col-lg {
| + | |
− | flex: 1 0 0%;
| + | |
− | }
| + | |
− | .row-cols-lg-auto>* {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: auto;
| + | |
− | }
| + | |
− | .row-cols-lg-1>* {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 100%;
| + | |
− | }
| + | |
− | .row-cols-lg-2>* {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 50%;
| + | |
− | }
| + | |
− | .row-cols-lg-3>* {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 33.3333333333%;
| + | |
− | }
| + | |
− | .row-cols-lg-4>* {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 25%;
| + | |
− | }
| + | |
− | .row-cols-lg-5>* {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 20%;
| + | |
− | }
| + | |
− | .row-cols-lg-6>* {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 16.6666666667%;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | @media (min-width: 1200px) {
| + | |
− | .col-xl {
| + | |
− | flex: 1 0 0%;
| + | |
− | }
| + | |
− | .row-cols-xl-auto>* {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: auto;
| + | |
− | }
| + | |
− | .row-cols-xl-1>* {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 100%;
| + | |
− | }
| + | |
− | .row-cols-xl-2>* {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 50%;
| + | |
− | }
| + | |
− | .row-cols-xl-3>* {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 33.3333333333%;
| + | |
− | }
| + | |
− | .row-cols-xl-4>* {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 25%;
| + | |
− | }
| + | |
− | .row-cols-xl-5>* {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 20%;
| + | |
− | }
| + | |
− | .row-cols-xl-6>* {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 16.6666666667%;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | @media (min-width: 1400px) {
| + | |
− | .col-xxl {
| + | |
− | flex: 1 0 0%;
| + | |
− | }
| + | |
− | .row-cols-xxl-auto>* {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: auto;
| + | |
− | }
| + | |
− | .row-cols-xxl-1>* {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 100%;
| + | |
− | }
| + | |
− | .row-cols-xxl-2>* {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 50%;
| + | |
− | }
| + | |
− | .row-cols-xxl-3>* {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 33.3333333333%;
| + | |
− | }
| + | |
− | .row-cols-xxl-4>* {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 25%;
| + | |
− | }
| + | |
− | .row-cols-xxl-5>* {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 20%;
| + | |
− | }
| + | |
− | .row-cols-xxl-6>* {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 16.6666666667%;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | .col-auto {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: auto;
| + | |
− | }
| + | |
− |
| + | |
− | .col-1 {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 8.33333333%;
| + | |
− | }
| + | |
− |
| + | |
− | .col-2 {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 16.66666667%;
| + | |
− | }
| + | |
− |
| + | |
− | .col-3 {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 25%;
| + | |
− | }
| + | |
− |
| + | |
− | .col-4 {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 33.33333333%;
| + | |
− | }
| + | |
− |
| + | |
− | .col-5 {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 41.66666667%;
| + | |
− | }
| + | |
− |
| + | |
− | .col-6 {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 50%;
| + | |
− | }
| + | |
− |
| + | |
− | .col-7 {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 58.33333333%;
| + | |
− | }
| + | |
− |
| + | |
− | .col-8 {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 66.66666667%;
| + | |
− | }
| + | |
− |
| + | |
− | .col-9 {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 75%;
| + | |
− | }
| + | |
− |
| + | |
− | .col-10 {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 83.33333333%;
| + | |
− | }
| + | |
− |
| + | |
− | .col-11 {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 91.66666667%;
| + | |
− | }
| + | |
− |
| + | |
− | .col-12 {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 100%;
| + | |
− | }
| + | |
− |
| + | |
− | .offset-1 {
| + | |
− | margin-left: 8.33333333%;
| + | |
− | }
| + | |
− |
| + | |
− | .offset-2 {
| + | |
− | margin-left: 16.66666667%;
| + | |
− | }
| + | |
− |
| + | |
− | .offset-3 {
| + | |
− | margin-left: 25%;
| + | |
− | }
| + | |
− |
| + | |
− | .offset-4 {
| + | |
− | margin-left: 33.33333333%;
| + | |
− | }
| + | |
− |
| + | |
− | .offset-5 {
| + | |
− | margin-left: 41.66666667%;
| + | |
− | }
| + | |
− |
| + | |
− | .offset-6 {
| + | |
− | margin-left: 50%;
| + | |
− | }
| + | |
− |
| + | |
− | .offset-7 {
| + | |
− | margin-left: 58.33333333%;
| + | |
− | }
| + | |
− |
| + | |
− | .offset-8 {
| + | |
− | margin-left: 66.66666667%;
| + | |
− | }
| + | |
− |
| + | |
− | .offset-9 {
| + | |
− | margin-left: 75%;
| + | |
− | }
| + | |
− |
| + | |
− | .offset-10 {
| + | |
− | margin-left: 83.33333333%;
| + | |
− | }
| + | |
− |
| + | |
− | .offset-11 {
| + | |
− | margin-left: 91.66666667%;
| + | |
− | }
| + | |
− |
| + | |
− | .g-0,
| + | |
− | .gx-0 {
| + | |
− | --bs-gutter-x: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .g-0,
| + | |
− | .gy-0 {
| + | |
− | --bs-gutter-y: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .g-1,
| + | |
− | .gx-1 {
| + | |
− | --bs-gutter-x: 0.25rem;
| + | |
− | }
| + | |
− |
| + | |
− | .g-1,
| + | |
− | .gy-1 {
| + | |
− | --bs-gutter-y: 0.25rem;
| + | |
− | }
| + | |
− |
| + | |
− | .g-2,
| + | |
− | .gx-2 {
| + | |
− | --bs-gutter-x: 0.5rem;
| + | |
− | }
| + | |
− |
| + | |
− | .g-2,
| + | |
− | .gy-2 {
| + | |
− | --bs-gutter-y: 0.5rem;
| + | |
− | }
| + | |
− |
| + | |
− | .g-3,
| + | |
− | .gx-3 {
| + | |
− | --bs-gutter-x: 1rem;
| + | |
− | }
| + | |
− |
| + | |
− | .g-3,
| + | |
− | .gy-3 {
| + | |
− | --bs-gutter-y: 1rem;
| + | |
− | }
| + | |
− |
| + | |
− | .g-4,
| + | |
− | .gx-4 {
| + | |
− | --bs-gutter-x: 1.5rem;
| + | |
− | }
| + | |
− |
| + | |
− | .g-4,
| + | |
− | .gy-4 {
| + | |
− | --bs-gutter-y: 1.5rem;
| + | |
− | }
| + | |
− |
| + | |
− | .g-5,
| + | |
− | .gx-5 {
| + | |
− | --bs-gutter-x: 3rem;
| + | |
− | }
| + | |
− |
| + | |
− | .g-5,
| + | |
− | .gy-5 {
| + | |
− | --bs-gutter-y: 3rem;
| + | |
− | }
| + | |
− |
| + | |
− | @media (min-width: 576px) {
| + | |
− | .col-sm-auto {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: auto;
| + | |
− | }
| + | |
− | .col-sm-1 {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 8.33333333%;
| + | |
− | }
| + | |
− | .col-sm-2 {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 16.66666667%;
| + | |
− | }
| + | |
− | .col-sm-3 {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 25%;
| + | |
− | }
| + | |
− | .col-sm-4 {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 33.33333333%;
| + | |
− | }
| + | |
− | .col-sm-5 {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 41.66666667%;
| + | |
− | }
| + | |
− | .col-sm-6 {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 50%;
| + | |
− | }
| + | |
− | .col-sm-7 {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 58.33333333%;
| + | |
− | }
| + | |
− | .col-sm-8 {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 66.66666667%;
| + | |
− | }
| + | |
− | .col-sm-9 {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 75%;
| + | |
− | }
| + | |
− | .col-sm-10 {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 83.33333333%;
| + | |
− | }
| + | |
− | .col-sm-11 {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 91.66666667%;
| + | |
− | }
| + | |
− | .col-sm-12 {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 100%;
| + | |
− | }
| + | |
− | .offset-sm-0 {
| + | |
− | margin-left: 0;
| + | |
− | }
| + | |
− | .offset-sm-1 {
| + | |
− | margin-left: 8.33333333%;
| + | |
− | }
| + | |
− | .offset-sm-2 {
| + | |
− | margin-left: 16.66666667%;
| + | |
− | }
| + | |
− | .offset-sm-3 {
| + | |
− | margin-left: 25%;
| + | |
− | }
| + | |
− | .offset-sm-4 {
| + | |
− | margin-left: 33.33333333%;
| + | |
− | }
| + | |
− | .offset-sm-5 {
| + | |
− | margin-left: 41.66666667%;
| + | |
− | }
| + | |
− | .offset-sm-6 {
| + | |
− | margin-left: 50%;
| + | |
− | }
| + | |
− | .offset-sm-7 {
| + | |
− | margin-left: 58.33333333%;
| + | |
− | }
| + | |
− | .offset-sm-8 {
| + | |
− | margin-left: 66.66666667%;
| + | |
− | }
| + | |
− | .offset-sm-9 {
| + | |
− | margin-left: 75%;
| + | |
− | }
| + | |
− | .offset-sm-10 {
| + | |
− | margin-left: 83.33333333%;
| + | |
− | }
| + | |
− | .offset-sm-11 {
| + | |
− | margin-left: 91.66666667%;
| + | |
− | }
| + | |
− | .g-sm-0,
| + | |
− | .gx-sm-0 {
| + | |
− | --bs-gutter-x: 0;
| + | |
− | }
| + | |
− | .g-sm-0,
| + | |
− | .gy-sm-0 {
| + | |
− | --bs-gutter-y: 0;
| + | |
− | }
| + | |
− | .g-sm-1,
| + | |
− | .gx-sm-1 {
| + | |
− | --bs-gutter-x: 0.25rem;
| + | |
− | }
| + | |
− | .g-sm-1,
| + | |
− | .gy-sm-1 {
| + | |
− | --bs-gutter-y: 0.25rem;
| + | |
− | }
| + | |
− | .g-sm-2,
| + | |
− | .gx-sm-2 {
| + | |
− | --bs-gutter-x: 0.5rem;
| + | |
− | }
| + | |
− | .g-sm-2,
| + | |
− | .gy-sm-2 {
| + | |
− | --bs-gutter-y: 0.5rem;
| + | |
− | }
| + | |
− | .g-sm-3,
| + | |
− | .gx-sm-3 {
| + | |
− | --bs-gutter-x: 1rem;
| + | |
− | }
| + | |
− | .g-sm-3,
| + | |
− | .gy-sm-3 {
| + | |
− | --bs-gutter-y: 1rem;
| + | |
− | }
| + | |
− | .g-sm-4,
| + | |
− | .gx-sm-4 {
| + | |
− | --bs-gutter-x: 1.5rem;
| + | |
− | }
| + | |
− | .g-sm-4,
| + | |
− | .gy-sm-4 {
| + | |
− | --bs-gutter-y: 1.5rem;
| + | |
− | }
| + | |
− | .g-sm-5,
| + | |
− | .gx-sm-5 {
| + | |
− | --bs-gutter-x: 3rem;
| + | |
− | }
| + | |
− | .g-sm-5,
| + | |
− | .gy-sm-5 {
| + | |
− | --bs-gutter-y: 3rem;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | @media (min-width: 768px) {
| + | |
− | .col-md-auto {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: auto;
| + | |
− | }
| + | |
− | .col-md-1 {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 8.33333333%;
| + | |
− | }
| + | |
− | .col-md-2 {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 16.66666667%;
| + | |
− | }
| + | |
− | .col-md-3 {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 25%;
| + | |
− | }
| + | |
− | .col-md-4 {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 33.33333333%;
| + | |
− | }
| + | |
− | .col-md-5 {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 41.66666667%;
| + | |
− | }
| + | |
− | .col-md-6 {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 50%;
| + | |
− | }
| + | |
− | .col-md-7 {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 58.33333333%;
| + | |
− | }
| + | |
− | .col-md-8 {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 66.66666667%;
| + | |
− | }
| + | |
− | .col-md-9 {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 75%;
| + | |
− | }
| + | |
− | .col-md-10 {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 83.33333333%;
| + | |
− | }
| + | |
− | .col-md-11 {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 91.66666667%;
| + | |
− | }
| + | |
− | .col-md-12 {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 100%;
| + | |
− | }
| + | |
− | .offset-md-0 {
| + | |
− | margin-left: 0;
| + | |
− | }
| + | |
− | .offset-md-1 {
| + | |
− | margin-left: 8.33333333%;
| + | |
− | }
| + | |
− | .offset-md-2 {
| + | |
− | margin-left: 16.66666667%;
| + | |
− | }
| + | |
− | .offset-md-3 {
| + | |
− | margin-left: 25%;
| + | |
− | }
| + | |
− | .offset-md-4 {
| + | |
− | margin-left: 33.33333333%;
| + | |
− | }
| + | |
− | .offset-md-5 {
| + | |
− | margin-left: 41.66666667%;
| + | |
− | }
| + | |
− | .offset-md-6 {
| + | |
− | margin-left: 50%;
| + | |
− | }
| + | |
− | .offset-md-7 {
| + | |
− | margin-left: 58.33333333%;
| + | |
− | }
| + | |
− | .offset-md-8 {
| + | |
− | margin-left: 66.66666667%;
| + | |
− | }
| + | |
− | .offset-md-9 {
| + | |
− | margin-left: 75%;
| + | |
− | }
| + | |
− | .offset-md-10 {
| + | |
− | margin-left: 83.33333333%;
| + | |
− | }
| + | |
− | .offset-md-11 {
| + | |
− | margin-left: 91.66666667%;
| + | |
− | }
| + | |
− | .g-md-0,
| + | |
− | .gx-md-0 {
| + | |
− | --bs-gutter-x: 0;
| + | |
− | }
| + | |
− | .g-md-0,
| + | |
− | .gy-md-0 {
| + | |
− | --bs-gutter-y: 0;
| + | |
− | }
| + | |
− | .g-md-1,
| + | |
− | .gx-md-1 {
| + | |
− | --bs-gutter-x: 0.25rem;
| + | |
− | }
| + | |
− | .g-md-1,
| + | |
− | .gy-md-1 {
| + | |
− | --bs-gutter-y: 0.25rem;
| + | |
− | }
| + | |
− | .g-md-2,
| + | |
− | .gx-md-2 {
| + | |
− | --bs-gutter-x: 0.5rem;
| + | |
− | }
| + | |
− | .g-md-2,
| + | |
− | .gy-md-2 {
| + | |
− | --bs-gutter-y: 0.5rem;
| + | |
− | }
| + | |
− | .g-md-3,
| + | |
− | .gx-md-3 {
| + | |
− | --bs-gutter-x: 1rem;
| + | |
− | }
| + | |
− | .g-md-3,
| + | |
− | .gy-md-3 {
| + | |
− | --bs-gutter-y: 1rem;
| + | |
− | }
| + | |
− | .g-md-4,
| + | |
− | .gx-md-4 {
| + | |
− | --bs-gutter-x: 1.5rem;
| + | |
− | }
| + | |
− | .g-md-4,
| + | |
− | .gy-md-4 {
| + | |
− | --bs-gutter-y: 1.5rem;
| + | |
− | }
| + | |
− | .g-md-5,
| + | |
− | .gx-md-5 {
| + | |
− | --bs-gutter-x: 3rem;
| + | |
− | }
| + | |
− | .g-md-5,
| + | |
− | .gy-md-5 {
| + | |
− | --bs-gutter-y: 3rem;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | @media (min-width: 992px) {
| + | |
− | .col-lg-auto {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: auto;
| + | |
− | }
| + | |
− | .col-lg-1 {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 8.33333333%;
| + | |
− | }
| + | |
− | .col-lg-11 {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 7.33333333%;
| + | |
− | }
| + | |
− | .col-lg-2 {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 16.66666667%;
| + | |
− | }
| + | |
− | .col-lg-3 {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 25%;
| + | |
− | }
| + | |
− | .col-lg-31 {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 22%;
| + | |
− | }
| + | |
− | .col-lg-4 {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 33.33333333%;
| + | |
− | }
| + | |
− | .col-lg-5 {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 41.66666667%;
| + | |
− | }
| + | |
− | .col-lg-6 {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 50%;
| + | |
− | }
| + | |
− | .col-lg-7 {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 58.33333333%;
| + | |
− | }
| + | |
− | .col-lg-8 {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 66.66666667%;
| + | |
− | }
| + | |
− | .col-lg-9 {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 75%;
| + | |
− | }
| + | |
− | .col-lg-10 {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 83.33333333%;
| + | |
− | }
| + | |
− | .col-lg-11 {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 91.66666667%;
| + | |
− | }
| + | |
− | .col-lg-12 {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 100%;
| + | |
− | }
| + | |
− | .offset-lg-0 {
| + | |
− | margin-left: 0;
| + | |
− | }
| + | |
− | .offset-lg-1 {
| + | |
− | margin-left: 8.33333333%;
| + | |
− | }
| + | |
− | .offset-lg-2 {
| + | |
− | margin-left: 16.66666667%;
| + | |
− | }
| + | |
− | .offset-lg-3 {
| + | |
− | margin-left: 25%;
| + | |
− | }
| + | |
− | .offset-lg-4 {
| + | |
− | margin-left: 33.33333333%;
| + | |
− | }
| + | |
− | .offset-lg-5 {
| + | |
− | margin-left: 41.66666667%;
| + | |
− | }
| + | |
− | .offset-lg-6 {
| + | |
− | margin-left: 50%;
| + | |
− | }
| + | |
− | .offset-lg-7 {
| + | |
− | margin-left: 58.33333333%;
| + | |
− | }
| + | |
− | .offset-lg-8 {
| + | |
− | margin-left: 66.66666667%;
| + | |
− | }
| + | |
− | .offset-lg-9 {
| + | |
− | margin-left: 75%;
| + | |
− | }
| + | |
− | .offset-lg-10 {
| + | |
− | margin-left: 83.33333333%;
| + | |
− | }
| + | |
− | .offset-lg-11 {
| + | |
− | margin-left: 91.66666667%;
| + | |
− | }
| + | |
− | .g-lg-0,
| + | |
− | .gx-lg-0 {
| + | |
− | --bs-gutter-x: 0;
| + | |
− | }
| + | |
− | .g-lg-0,
| + | |
− | .gy-lg-0 {
| + | |
− | --bs-gutter-y: 0;
| + | |
− | }
| + | |
− | .g-lg-1,
| + | |
− | .gx-lg-1 {
| + | |
− | --bs-gutter-x: 0.25rem;
| + | |
− | }
| + | |
− | .g-lg-1,
| + | |
− | .gy-lg-1 {
| + | |
− | --bs-gutter-y: 0.25rem;
| + | |
− | }
| + | |
− | .g-lg-2,
| + | |
− | .gx-lg-2 {
| + | |
− | --bs-gutter-x: 0.5rem;
| + | |
− | }
| + | |
− | .g-lg-2,
| + | |
− | .gy-lg-2 {
| + | |
− | --bs-gutter-y: 0.5rem;
| + | |
− | }
| + | |
− | .g-lg-3,
| + | |
− | .gx-lg-3 {
| + | |
− | --bs-gutter-x: 1rem;
| + | |
− | }
| + | |
− | .g-lg-3,
| + | |
− | .gy-lg-3 {
| + | |
− | --bs-gutter-y: 1rem;
| + | |
− | }
| + | |
− | .g-lg-4,
| + | |
− | .gx-lg-4 {
| + | |
− | --bs-gutter-x: 1.5rem;
| + | |
− | }
| + | |
− | .g-lg-4,
| + | |
− | .gy-lg-4 {
| + | |
− | --bs-gutter-y: 1.5rem;
| + | |
− | }
| + | |
− | .g-lg-5,
| + | |
− | .gx-lg-5 {
| + | |
− | --bs-gutter-x: 3rem;
| + | |
− | }
| + | |
− | .g-lg-5,
| + | |
− | .gy-lg-5 {
| + | |
− | --bs-gutter-y: 3rem;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | @media (min-width: 1200px) {
| + | |
− | .col-xl-auto {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: auto;
| + | |
− | }
| + | |
− | .col-xl-1 {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 8.33333333%;
| + | |
− | }
| + | |
− | .col-xl-2 {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 16.66666667%;
| + | |
− | }
| + | |
− | .col-xl-3 {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 25%;
| + | |
− | }
| + | |
− | .col-xl-4 {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 33.33333333%;
| + | |
− | }
| + | |
− | .col-xl-5 {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 41.66666667%;
| + | |
− | }
| + | |
− | .col-xl-6 {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 50%;
| + | |
− | }
| + | |
− | .col-xl-7 {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 58.33333333%;
| + | |
− | }
| + | |
− | .col-xl-8 {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 66.66666667%;
| + | |
− | }
| + | |
− | .col-xl-9 {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 75%;
| + | |
− | }
| + | |
− | .col-xl-10 {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 83.33333333%;
| + | |
− | }
| + | |
− | .col-xl-11 {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 91.66666667%;
| + | |
− | }
| + | |
− | .col-xl-12 {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 100%;
| + | |
− | }
| + | |
− | .offset-xl-0 {
| + | |
− | margin-left: 0;
| + | |
− | }
| + | |
− | .offset-xl-1 {
| + | |
− | margin-left: 8.33333333%;
| + | |
− | }
| + | |
− | .offset-xl-2 {
| + | |
− | margin-left: 16.66666667%;
| + | |
− | }
| + | |
− | .offset-xl-3 {
| + | |
− | margin-left: 25%;
| + | |
− | }
| + | |
− | .offset-xl-4 {
| + | |
− | margin-left: 33.33333333%;
| + | |
− | }
| + | |
− | .offset-xl-5 {
| + | |
− | margin-left: 41.66666667%;
| + | |
− | }
| + | |
− | .offset-xl-6 {
| + | |
− | margin-left: 50%;
| + | |
− | }
| + | |
− | .offset-xl-7 {
| + | |
− | margin-left: 58.33333333%;
| + | |
− | }
| + | |
− | .offset-xl-8 {
| + | |
− | margin-left: 66.66666667%;
| + | |
− | }
| + | |
− | .offset-xl-9 {
| + | |
− | margin-left: 75%;
| + | |
− | }
| + | |
− | .offset-xl-10 {
| + | |
− | margin-left: 83.33333333%;
| + | |
− | }
| + | |
− | .offset-xl-11 {
| + | |
− | margin-left: 91.66666667%;
| + | |
− | }
| + | |
− | .g-xl-0,
| + | |
− | .gx-xl-0 {
| + | |
− | --bs-gutter-x: 0;
| + | |
− | }
| + | |
− | .g-xl-0,
| + | |
− | .gy-xl-0 {
| + | |
− | --bs-gutter-y: 0;
| + | |
− | }
| + | |
− | .g-xl-1,
| + | |
− | .gx-xl-1 {
| + | |
− | --bs-gutter-x: 0.25rem;
| + | |
− | }
| + | |
− | .g-xl-1,
| + | |
− | .gy-xl-1 {
| + | |
− | --bs-gutter-y: 0.25rem;
| + | |
− | }
| + | |
− | .g-xl-2,
| + | |
− | .gx-xl-2 {
| + | |
− | --bs-gutter-x: 0.5rem;
| + | |
− | }
| + | |
− | .g-xl-2,
| + | |
− | .gy-xl-2 {
| + | |
− | --bs-gutter-y: 0.5rem;
| + | |
− | }
| + | |
− | .g-xl-3,
| + | |
− | .gx-xl-3 {
| + | |
− | --bs-gutter-x: 1rem;
| + | |
− | }
| + | |
− | .g-xl-3,
| + | |
− | .gy-xl-3 {
| + | |
− | --bs-gutter-y: 1rem;
| + | |
− | }
| + | |
− | .g-xl-4,
| + | |
− | .gx-xl-4 {
| + | |
− | --bs-gutter-x: 1.5rem;
| + | |
− | }
| + | |
− | .g-xl-4,
| + | |
− | .gy-xl-4 {
| + | |
− | --bs-gutter-y: 1.5rem;
| + | |
− | }
| + | |
− | .g-xl-5,
| + | |
− | .gx-xl-5 {
| + | |
− | --bs-gutter-x: 3rem;
| + | |
− | }
| + | |
− | .g-xl-5,
| + | |
− | .gy-xl-5 {
| + | |
− | --bs-gutter-y: 3rem;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | @media (min-width: 1400px) {
| + | |
− | .col-xxl-auto {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: auto;
| + | |
− | }
| + | |
− | .col-xxl-1 {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 8.33333333%;
| + | |
− | }
| + | |
− | .col-xxl-2 {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 16.66666667%;
| + | |
− | }
| + | |
− | .col-xxl-3 {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 25%;
| + | |
− | }
| + | |
− | .col-xxl-4 {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 33.33333333%;
| + | |
− | }
| + | |
− | .col-xxl-5 {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 41.66666667%;
| + | |
− | }
| + | |
− | .col-xxl-6 {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 50%;
| + | |
− | }
| + | |
− | .col-xxl-7 {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 58.33333333%;
| + | |
− | }
| + | |
− | .col-xxl-8 {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 66.66666667%;
| + | |
− | }
| + | |
− | .col-xxl-9 {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 75%;
| + | |
− | }
| + | |
− | .col-xxl-10 {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 83.33333333%;
| + | |
− | }
| + | |
− | .col-xxl-11 {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 91.66666667%;
| + | |
− | }
| + | |
− | .col-xxl-12 {
| + | |
− | flex: 0 0 auto;
| + | |
− | width: 100%;
| + | |
− | }
| + | |
− | .offset-xxl-0 {
| + | |
− | margin-left: 0;
| + | |
− | }
| + | |
− | .offset-xxl-1 {
| + | |
− | margin-left: 8.33333333%;
| + | |
− | }
| + | |
− | .offset-xxl-2 {
| + | |
− | margin-left: 16.66666667%;
| + | |
− | }
| + | |
− | .offset-xxl-3 {
| + | |
− | margin-left: 25%;
| + | |
− | }
| + | |
− | .offset-xxl-4 {
| + | |
− | margin-left: 33.33333333%;
| + | |
− | }
| + | |
− | .offset-xxl-5 {
| + | |
− | margin-left: 41.66666667%;
| + | |
− | }
| + | |
− | .offset-xxl-6 {
| + | |
− | margin-left: 50%;
| + | |
− | }
| + | |
− | .offset-xxl-7 {
| + | |
− | margin-left: 58.33333333%;
| + | |
− | }
| + | |
− | .offset-xxl-8 {
| + | |
− | margin-left: 66.66666667%;
| + | |
− | }
| + | |
− | .offset-xxl-9 {
| + | |
− | margin-left: 75%;
| + | |
− | }
| + | |
− | .offset-xxl-10 {
| + | |
− | margin-left: 83.33333333%;
| + | |
− | }
| + | |
− | .offset-xxl-11 {
| + | |
− | margin-left: 91.66666667%;
| + | |
− | }
| + | |
− | .g-xxl-0,
| + | |
− | .gx-xxl-0 {
| + | |
− | --bs-gutter-x: 0;
| + | |
− | }
| + | |
− | .g-xxl-0,
| + | |
− | .gy-xxl-0 {
| + | |
− | --bs-gutter-y: 0;
| + | |
− | }
| + | |
− | .g-xxl-1,
| + | |
− | .gx-xxl-1 {
| + | |
− | --bs-gutter-x: 0.25rem;
| + | |
− | }
| + | |
− | .g-xxl-1,
| + | |
− | .gy-xxl-1 {
| + | |
− | --bs-gutter-y: 0.25rem;
| + | |
− | }
| + | |
− | .g-xxl-2,
| + | |
− | .gx-xxl-2 {
| + | |
− | --bs-gutter-x: 0.5rem;
| + | |
− | }
| + | |
− | .g-xxl-2,
| + | |
− | .gy-xxl-2 {
| + | |
− | --bs-gutter-y: 0.5rem;
| + | |
− | }
| + | |
− | .g-xxl-3,
| + | |
− | .gx-xxl-3 {
| + | |
− | --bs-gutter-x: 1rem;
| + | |
− | }
| + | |
− | .g-xxl-3,
| + | |
− | .gy-xxl-3 {
| + | |
− | --bs-gutter-y: 1rem;
| + | |
− | }
| + | |
− | .g-xxl-4,
| + | |
− | .gx-xxl-4 {
| + | |
− | --bs-gutter-x: 1.5rem;
| + | |
− | }
| + | |
− | .g-xxl-4,
| + | |
− | .gy-xxl-4 {
| + | |
− | --bs-gutter-y: 1.5rem;
| + | |
− | }
| + | |
− | .g-xxl-5,
| + | |
− | .gx-xxl-5 {
| + | |
− | --bs-gutter-x: 3rem;
| + | |
− | }
| + | |
− | .g-xxl-5,
| + | |
− | .gy-xxl-5 {
| + | |
− | --bs-gutter-y: 3rem;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | .table {
| + | |
− | --bs-table-bg: transparent;
| + | |
− | --bs-table-accent-bg: transparent;
| + | |
− | --bs-table-striped-color: #212529;
| + | |
− | --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
| + | |
− | --bs-table-active-color: #212529;
| + | |
− | --bs-table-active-bg: rgba(0, 0, 0, 0.1);
| + | |
− | --bs-table-hover-color: #212529;
| + | |
− | --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
| + | |
− | width: 100%;
| + | |
− | margin-bottom: 1rem;
| + | |
− | color: #212529;
| + | |
− | vertical-align: top;
| + | |
− | border-color: #dee2e6;
| + | |
− | }
| + | |
− |
| + | |
− | .table> :not(caption)>*>* {
| + | |
− | padding: 0.5rem 0.5rem;
| + | |
− | background-color: var(--bs-table-bg);
| + | |
− | border-bottom-width: 1px;
| + | |
− | box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
| + | |
− | }
| + | |
− |
| + | |
− | .table>tbody {
| + | |
− | vertical-align: inherit;
| + | |
− | }
| + | |
− |
| + | |
− | .table>thead {
| + | |
− | vertical-align: bottom;
| + | |
− | }
| + | |
− |
| + | |
− | .table> :not(:last-child)> :last-child>* {
| + | |
− | border-bottom-color: currentColor;
| + | |
− | }
| + | |
− |
| + | |
− | .caption-top {
| + | |
− | caption-side: top;
| + | |
− | }
| + | |
− |
| + | |
− | .table-sm> :not(caption)>*>* {
| + | |
− | padding: 0.25rem 0.25rem;
| + | |
− | }
| + | |
− |
| + | |
− | .table-bordered> :not(caption)>* {
| + | |
− | border-width: 1px 0;
| + | |
− | }
| + | |
− |
| + | |
− | .table-bordered> :not(caption)>*>* {
| + | |
− | border-width: 0 1px;
| + | |
− | }
| + | |
− |
| + | |
− | .table-borderless> :not(caption)>*>* {
| + | |
− | border-bottom-width: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .table-striped>tbody>tr:nth-of-type(odd) {
| + | |
− | --bs-table-accent-bg: var(--bs-table-striped-bg);
| + | |
− | color: var(--bs-table-striped-color);
| + | |
− | }
| + | |
− |
| + | |
− | .table-active {
| + | |
− | --bs-table-accent-bg: var(--bs-table-active-bg);
| + | |
− | color: var(--bs-table-active-color);
| + | |
− | }
| + | |
− |
| + | |
− | .table-hover>tbody>tr:hover {
| + | |
− | --bs-table-accent-bg: var(--bs-table-hover-bg);
| + | |
− | color: var(--bs-table-hover-color);
| + | |
− | }
| + | |
− |
| + | |
− | .table-primary {
| + | |
− | --bs-table-bg: #fff4cc;
| + | |
− | --bs-table-striped-bg: #f2e8c2;
| + | |
− | --bs-table-striped-color: #000;
| + | |
− | --bs-table-active-bg: #e6dcb8;
| + | |
− | --bs-table-active-color: #000;
| + | |
− | --bs-table-hover-bg: #ece2bd;
| + | |
− | --bs-table-hover-color: #000;
| + | |
− | color: #000;
| + | |
− | border-color: #e6dcb8;
| + | |
− | }
| + | |
− |
| + | |
− | .table-secondary {
| + | |
− | --bs-table-bg: #e2e3e5;
| + | |
− | --bs-table-striped-bg: #d7d8da;
| + | |
− | --bs-table-striped-color: #000;
| + | |
− | --bs-table-active-bg: #cbccce;
| + | |
− | --bs-table-active-color: #fff;
| + | |
− | --bs-table-hover-bg: #d1d2d4;
| + | |
− | --bs-table-hover-color: #fff;
| + | |
− | color: #000;
| + | |
− | border-color: #cbccce;
| + | |
− | }
| + | |
− |
| + | |
− | .table-success {
| + | |
− | --bs-table-bg: #d1e7dd;
| + | |
− | --bs-table-striped-bg: #c7dbd2;
| + | |
− | --bs-table-striped-color: #000;
| + | |
− | --bs-table-active-bg: #bcd0c7;
| + | |
− | --bs-table-active-color: #fff;
| + | |
− | --bs-table-hover-bg: #c1d6cc;
| + | |
− | --bs-table-hover-color: #fff;
| + | |
− | color: #000;
| + | |
− | border-color: #bcd0c7;
| + | |
− | }
| + | |
− |
| + | |
− | .table-info {
| + | |
− | --bs-table-bg: #cff4fc;
| + | |
− | --bs-table-striped-bg: #c5e8ef;
| + | |
− | --bs-table-striped-color: #000;
| + | |
− | --bs-table-active-bg: #badce3;
| + | |
− | --bs-table-active-color: #000;
| + | |
− | --bs-table-hover-bg: #bfe2e9;
| + | |
− | --bs-table-hover-color: #000;
| + | |
− | color: #000;
| + | |
− | border-color: #badce3;
| + | |
− | }
| + | |
− |
| + | |
− | .table-warning {
| + | |
− | --bs-table-bg: #fff4cc;
| + | |
− | --bs-table-striped-bg: #f2e8c2;
| + | |
− | --bs-table-striped-color: #000;
| + | |
− | --bs-table-active-bg: #e6dcb8;
| + | |
− | --bs-table-active-color: #000;
| + | |
− | --bs-table-hover-bg: #ece2bd;
| + | |
− | --bs-table-hover-color: #000;
| + | |
− | color: #000;
| + | |
− | border-color: #e6dcb8;
| + | |
− | }
| + | |
− |
| + | |
− | .table-danger {
| + | |
− | --bs-table-bg: #f8d7da;
| + | |
− | --bs-table-striped-bg: #eccccf;
| + | |
− | --bs-table-striped-color: #000;
| + | |
− | --bs-table-active-bg: #dfc2c4;
| + | |
− | --bs-table-active-color: #fff;
| + | |
− | --bs-table-hover-bg: #e5c7ca;
| + | |
− | --bs-table-hover-color: #fff;
| + | |
− | color: #000;
| + | |
− | border-color: #dfc2c4;
| + | |
− | }
| + | |
− |
| + | |
− | .table-light {
| + | |
− | --bs-table-bg: #f8f9fa;
| + | |
− | --bs-table-striped-bg: #ecedee;
| + | |
− | --bs-table-striped-color: #000;
| + | |
− | --bs-table-active-bg: #dfe0e1;
| + | |
− | --bs-table-active-color: #000;
| + | |
− | --bs-table-hover-bg: #e5e6e7;
| + | |
− | --bs-table-hover-color: #000;
| + | |
− | color: #000;
| + | |
− | border-color: #dfe0e1;
| + | |
− | }
| + | |
− |
| + | |
− | .table-dark {
| + | |
− | --bs-table-bg: #212529;
| + | |
− | --bs-table-striped-bg: #2c3034;
| + | |
− | --bs-table-striped-color: #fff;
| + | |
− | --bs-table-active-bg: #373b3e;
| + | |
− | --bs-table-active-color: #fff;
| + | |
− | --bs-table-hover-bg: #323539;
| + | |
− | --bs-table-hover-color: #fff;
| + | |
− | color: #fff;
| + | |
− | border-color: #373b3e;
| + | |
− | }
| + | |
− |
| + | |
− | .table-responsive {
| + | |
− | overflow-x: auto;
| + | |
− | -webkit-overflow-scrolling: touch;
| + | |
− | }
| + | |
− |
| + | |
− | @media (max-width: 575.98px) {
| + | |
− | .table-responsive-sm {
| + | |
− | overflow-x: auto;
| + | |
− | -webkit-overflow-scrolling: touch;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | @media (max-width: 767.98px) {
| + | |
− | .table-responsive-md {
| + | |
− | overflow-x: auto;
| + | |
− | -webkit-overflow-scrolling: touch;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | @media (max-width: 991.98px) {
| + | |
− | .table-responsive-lg {
| + | |
− | overflow-x: auto;
| + | |
− | -webkit-overflow-scrolling: touch;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | @media (max-width: 1199.98px) {
| + | |
− | .table-responsive-xl {
| + | |
− | overflow-x: auto;
| + | |
− | -webkit-overflow-scrolling: touch;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | @media (max-width: 1399.98px) {
| + | |
− | .table-responsive-xxl {
| + | |
− | overflow-x: auto;
| + | |
− | -webkit-overflow-scrolling: touch;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | .form-label {
| + | |
− | margin-bottom: 0.5rem;
| + | |
− | }
| + | |
− |
| + | |
− | .col-form-label {
| + | |
− | padding-top: calc(0.375rem + 1px);
| + | |
− | padding-bottom: calc(0.375rem + 1px);
| + | |
− | margin-bottom: 0;
| + | |
− | font-size: inherit;
| + | |
− | line-height: 1.5;
| + | |
− | }
| + | |
− |
| + | |
− | .col-form-label-lg {
| + | |
− | padding-top: calc(0.5rem + 1px);
| + | |
− | padding-bottom: calc(0.5rem + 1px);
| + | |
− | font-size: 1.25rem;
| + | |
− | }
| + | |
− |
| + | |
− | .col-form-label-sm {
| + | |
− | padding-top: calc(0.25rem + 1px);
| + | |
− | padding-bottom: calc(0.25rem + 1px);
| + | |
− | font-size: 0.875rem;
| + | |
− | }
| + | |
− |
| + | |
− | .form-text {
| + | |
− | margin-top: 0.25rem;
| + | |
− | font-size: 0.875em;
| + | |
− | color: #6c757d;
| + | |
− | }
| + | |
− |
| + | |
− | .form-control {
| + | |
− | display: block;
| + | |
− | width: 100%;
| + | |
− | padding: 0.375rem 0.75rem;
| + | |
− | font-size: 1rem;
| + | |
− | font-weight: 400;
| + | |
− | line-height: 1.5;
| + | |
− | color: #212529;
| + | |
− | background-color: #fff;
| + | |
− | background-clip: padding-box;
| + | |
− | border: 1px solid #ced4da;
| + | |
− | -webkit-appearance: none;
| + | |
− | -moz-appearance: none;
| + | |
− | appearance: none;
| + | |
− | border-radius: 0.25rem;
| + | |
− | transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
| + | |
− | }
| + | |
− |
| + | |
− | @media (prefers-reduced-motion: reduce) {
| + | |
− | .form-control {
| + | |
− | transition: none;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | .form-control[type=file] {
| + | |
− | overflow: hidden;
| + | |
− | }
| + | |
− |
| + | |
− | .form-control[type=file]:not(:disabled):not([readonly]) {
| + | |
− | cursor: pointer;
| + | |
− | }
| + | |
− |
| + | |
− | .form-control:focus {
| + | |
− | color: #212529;
| + | |
− | background-color: #fff;
| + | |
− | border-color: #ffe480;
| + | |
− | outline: 0;
| + | |
− | box-shadow: 0 0 0 0.25rem rgba(255, 200, 0, 0.25);
| + | |
− | }
| + | |
− |
| + | |
− | .form-control::-webkit-date-and-time-value {
| + | |
− | height: 1.5em;
| + | |
− | }
| + | |
− |
| + | |
− | .form-control::-moz-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;
| + | |
− | }
| + | |
− |
| + | |
− | .form-control::file-selector-button {
| + | |
− | padding: 0.375rem 0.75rem;
| + | |
− | margin: -0.375rem -0.75rem;
| + | |
− | -webkit-margin-end: 0.75rem;
| + | |
− | margin-inline-end: 0.75rem;
| + | |
− | color: #212529;
| + | |
− | background-color: #e9ecef;
| + | |
− | pointer-events: none;
| + | |
− | border-color: inherit;
| + | |
− | border-style: solid;
| + | |
− | border-width: 0;
| + | |
− | border-inline-end-width: 1px;
| + | |
− | border-radius: 0;
| + | |
− | transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
| + | |
− | }
| + | |
− |
| + | |
− | @media (prefers-reduced-motion: reduce) {
| + | |
− | .form-control::file-selector-button {
| + | |
− | transition: none;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | .form-control:hover:not(:disabled):not([readonly])::file-selector-button {
| + | |
− | background-color: #dde0e3;
| + | |
− | }
| + | |
− |
| + | |
− | .form-control::-webkit-file-upload-button {
| + | |
− | padding: 0.375rem 0.75rem;
| + | |
− | margin: -0.375rem -0.75rem;
| + | |
− | -webkit-margin-end: 0.75rem;
| + | |
− | margin-inline-end: 0.75rem;
| + | |
− | color: #212529;
| + | |
− | background-color: #e9ecef;
| + | |
− | pointer-events: none;
| + | |
− | border-color: inherit;
| + | |
− | border-style: solid;
| + | |
− | border-width: 0;
| + | |
− | border-inline-end-width: 1px;
| + | |
− | border-radius: 0;
| + | |
− | -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
| + | |
− | transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
| + | |
− | }
| + | |
− |
| + | |
− | @media (prefers-reduced-motion: reduce) {
| + | |
− | .form-control::-webkit-file-upload-button {
| + | |
− | -webkit-transition: none;
| + | |
− | transition: none;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
| + | |
− | background-color: #dde0e3;
| + | |
− | }
| + | |
− |
| + | |
− | .form-control-plaintext {
| + | |
− | display: block;
| + | |
− | width: 100%;
| + | |
− | padding: 0.375rem 0;
| + | |
− | margin-bottom: 0;
| + | |
− | line-height: 1.5;
| + | |
− | color: #212529;
| + | |
− | background-color: transparent;
| + | |
− | border: solid transparent;
| + | |
− | border-width: 1px 0;
| + | |
− | }
| + | |
− |
| + | |
− | .form-control-plaintext.form-control-sm,
| + | |
− | .form-control-plaintext.form-control-lg {
| + | |
− | padding-right: 0;
| + | |
− | padding-left: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .form-control-sm {
| + | |
− | min-height: calc(1.5em + (0.5rem + 2px));
| + | |
− | padding: 0.25rem 0.5rem;
| + | |
− | font-size: 0.875rem;
| + | |
− | border-radius: 0.2rem;
| + | |
− | }
| + | |
− |
| + | |
− | .form-control-sm::file-selector-button {
| + | |
− | padding: 0.25rem 0.5rem;
| + | |
− | margin: -0.25rem -0.5rem;
| + | |
− | -webkit-margin-end: 0.5rem;
| + | |
− | margin-inline-end: 0.5rem;
| + | |
− | }
| + | |
− |
| + | |
− | .form-control-sm::-webkit-file-upload-button {
| + | |
− | padding: 0.25rem 0.5rem;
| + | |
− | margin: -0.25rem -0.5rem;
| + | |
− | -webkit-margin-end: 0.5rem;
| + | |
− | margin-inline-end: 0.5rem;
| + | |
− | }
| + | |
− |
| + | |
− | .form-control-lg {
| + | |
− | min-height: calc(1.5em + (1rem + 2px));
| + | |
− | padding: 0.5rem 1rem;
| + | |
− | font-size: 1.25rem;
| + | |
− | border-radius: 0.3rem;
| + | |
− | }
| + | |
− |
| + | |
− | .form-control-lg::file-selector-button {
| + | |
− | padding: 0.5rem 1rem;
| + | |
− | margin: -0.5rem -1rem;
| + | |
− | -webkit-margin-end: 1rem;
| + | |
− | margin-inline-end: 1rem;
| + | |
− | }
| + | |
− |
| + | |
− | .form-control-lg::-webkit-file-upload-button {
| + | |
− | padding: 0.5rem 1rem;
| + | |
− | margin: -0.5rem -1rem;
| + | |
− | -webkit-margin-end: 1rem;
| + | |
− | margin-inline-end: 1rem;
| + | |
− | }
| + | |
− |
| + | |
− | textarea.form-control {
| + | |
− | min-height: calc(1.5em + (0.75rem + 2px));
| + | |
− | }
| + | |
− |
| + | |
− | textarea.form-control-sm {
| + | |
− | min-height: calc(1.5em + (0.5rem + 2px));
| + | |
− | }
| + | |
− |
| + | |
− | textarea.form-control-lg {
| + | |
− | min-height: calc(1.5em + (1rem + 2px));
| + | |
− | }
| + | |
− |
| + | |
− | .form-control-color {
| + | |
− | max-width: 3rem;
| + | |
− | height: auto;
| + | |
− | padding: 0.375rem;
| + | |
− | }
| + | |
− |
| + | |
− | .form-control-color:not(:disabled):not([readonly]) {
| + | |
− | cursor: pointer;
| + | |
− | }
| + | |
− |
| + | |
− | .form-control-color::-moz-color-swatch {
| + | |
− | height: 1.5em;
| + | |
− | border-radius: 0.25rem;
| + | |
− | }
| + | |
− |
| + | |
− | .form-control-color::-webkit-color-swatch {
| + | |
− | height: 1.5em;
| + | |
− | border-radius: 0.25rem;
| + | |
− | }
| + | |
− |
| + | |
− | .form-select {
| + | |
− | display: block;
| + | |
− | width: 100%;
| + | |
− | padding: 0.375rem 2.25rem 0.375rem 0.75rem;
| + | |
− | -moz-padding-start: calc(0.75rem - 3px);
| + | |
− | font-size: 1rem;
| + | |
− | font-weight: 400;
| + | |
− | line-height: 1.5;
| + | |
− | color: #212529;
| + | |
− | background-color: #fff;
| + | |
− | background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
| + | |
− | background-repeat: no-repeat;
| + | |
− | background-position: right 0.75rem center;
| + | |
− | background-size: 16px 12px;
| + | |
− | border: 1px solid #ced4da;
| + | |
− | border-radius: 0.25rem;
| + | |
− | transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
| + | |
− | -webkit-appearance: none;
| + | |
− | -moz-appearance: none;
| + | |
− | appearance: none;
| + | |
− | }
| + | |
− |
| + | |
− | @media (prefers-reduced-motion: reduce) {
| + | |
− | .form-select {
| + | |
− | transition: none;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | .form-select:focus {
| + | |
− | border-color: #ffe480;
| + | |
− | outline: 0;
| + | |
− | box-shadow: 0 0 0 0.25rem rgba(255, 200, 0, 0.25);
| + | |
− | }
| + | |
− |
| + | |
− | .form-select[multiple],
| + | |
− | .form-select[size]:not([size="1"]) {
| + | |
− | padding-right: 0.75rem;
| + | |
− | background-image: none;
| + | |
− | }
| + | |
− |
| + | |
− | .form-select:disabled {
| + | |
− | background-color: #e9ecef;
| + | |
− | }
| + | |
− |
| + | |
− | .form-select:-moz-focusring {
| + | |
− | color: transparent;
| + | |
− | text-shadow: 0 0 0 #212529;
| + | |
− | }
| + | |
− |
| + | |
− | .form-select-sm {
| + | |
− | padding-top: 0.25rem;
| + | |
− | padding-bottom: 0.25rem;
| + | |
− | padding-left: 0.5rem;
| + | |
− | font-size: 0.875rem;
| + | |
− | }
| + | |
− |
| + | |
− | .form-select-lg {
| + | |
− | padding-top: 0.5rem;
| + | |
− | padding-bottom: 0.5rem;
| + | |
− | padding-left: 1rem;
| + | |
− | font-size: 1.25rem;
| + | |
− | }
| + | |
− |
| + | |
− | .form-check {
| + | |
− | display: block;
| + | |
− | min-height: 1.5rem;
| + | |
− | padding-left: 1.5em;
| + | |
− | margin-bottom: 0.125rem;
| + | |
− | }
| + | |
− |
| + | |
− | .form-check .form-check-input {
| + | |
− | float: left;
| + | |
− | margin-left: -1.5em;
| + | |
− | }
| + | |
− |
| + | |
− | .form-check-input {
| + | |
− | width: 1em;
| + | |
− | height: 1em;
| + | |
− | margin-top: 0.25em;
| + | |
− | vertical-align: top;
| + | |
− | background-color: #fff;
| + | |
− | background-repeat: no-repeat;
| + | |
− | background-position: center;
| + | |
− | background-size: contain;
| + | |
− | border: 1px solid rgba(0, 0, 0, 0.25);
| + | |
− | -webkit-appearance: none;
| + | |
− | -moz-appearance: none;
| + | |
− | appearance: none;
| + | |
− | -webkit-print-color-adjust: exact;
| + | |
− | color-adjust: exact;
| + | |
− | }
| + | |
− |
| + | |
− | .form-check-input[type=checkbox] {
| + | |
− | border-radius: 0.25em;
| + | |
− | }
| + | |
− |
| + | |
− | .form-check-input[type=radio] {
| + | |
− | border-radius: 50%;
| + | |
− | }
| + | |
− |
| + | |
− | .form-check-input:active {
| + | |
− | filter: brightness(90%);
| + | |
− | }
| + | |
− |
| + | |
− | .form-check-input:focus {
| + | |
− | border-color: #ffe480;
| + | |
− | outline: 0;
| + | |
− | box-shadow: 0 0 0 0.25rem rgba(255, 200, 0, 0.25);
| + | |
− | }
| + | |
− |
| + | |
− | .form-check-input:checked {
| + | |
− | background-color: #ffc800;
| + | |
− | border-color: #ffc800;
| + | |
− | }
| + | |
− |
| + | |
− | .form-check-input:checked[type=checkbox] {
| + | |
− | background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
| + | |
− | }
| + | |
− |
| + | |
− | .form-check-input:checked[type=radio] {
| + | |
− | background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
| + | |
− | }
| + | |
− |
| + | |
− | .form-check-input[type=checkbox]:indeterminate {
| + | |
− | background-color: #ffc800;
| + | |
− | border-color: #ffc800;
| + | |
− | background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
| + | |
− | }
| + | |
− |
| + | |
− | .form-check-input:disabled {
| + | |
− | pointer-events: none;
| + | |
− | filter: none;
| + | |
− | opacity: 0.5;
| + | |
− | }
| + | |
− |
| + | |
− | .form-check-input[disabled]~.form-check-label,
| + | |
− | .form-check-input:disabled~.form-check-label {
| + | |
− | opacity: 0.5;
| + | |
− | }
| + | |
− |
| + | |
− | .form-switch {
| + | |
− | padding-left: 2.5em;
| + | |
− | }
| + | |
− |
| + | |
− | .form-switch .form-check-input {
| + | |
− | width: 2em;
| + | |
− | margin-left: -2.5em;
| + | |
− | background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
| + | |
− | background-position: left center;
| + | |
− | border-radius: 2em;
| + | |
− | transition: background-position 0.15s ease-in-out;
| + | |
− | }
| + | |
− |
| + | |
− | @media (prefers-reduced-motion: reduce) {
| + | |
− | .form-switch .form-check-input {
| + | |
− | transition: none;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | .form-switch .form-check-input:focus {
| + | |
− | background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffe480'/%3e%3c/svg%3e");
| + | |
− | }
| + | |
− |
| + | |
− | .form-switch .form-check-input:checked {
| + | |
− | background-position: right center;
| + | |
− | background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
| + | |
− | }
| + | |
− |
| + | |
− | .form-check-inline {
| + | |
− | display: inline-block;
| + | |
− | margin-right: 1rem;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-check {
| + | |
− | position: absolute;
| + | |
− | clip: rect(0, 0, 0, 0);
| + | |
− | pointer-events: none;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-check[disabled]+.btn,
| + | |
− | .btn-check:disabled+.btn {
| + | |
− | pointer-events: none;
| + | |
− | filter: none;
| + | |
− | opacity: 0.65;
| + | |
− | }
| + | |
− |
| + | |
− | .form-range {
| + | |
− | width: 100%;
| + | |
− | height: 1.5rem;
| + | |
− | padding: 0;
| + | |
− | background-color: transparent;
| + | |
− | -webkit-appearance: none;
| + | |
− | -moz-appearance: none;
| + | |
− | appearance: none;
| + | |
− | }
| + | |
− |
| + | |
− | .form-range:focus {
| + | |
− | outline: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .form-range:focus::-webkit-slider-thumb {
| + | |
− | box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(255, 200, 0, 0.25);
| + | |
− | }
| + | |
− |
| + | |
− | .form-range:focus::-moz-range-thumb {
| + | |
− | box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(255, 200, 0, 0.25);
| + | |
− | }
| + | |
− |
| + | |
− | .form-range::-moz-focus-outer {
| + | |
− | border: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .form-range::-webkit-slider-thumb {
| + | |
− | width: 1rem;
| + | |
− | height: 1rem;
| + | |
− | margin-top: -0.25rem;
| + | |
− | background-color: #ffc800;
| + | |
− | border: 0;
| + | |
− | border-radius: 1rem;
| + | |
− | -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
| + | |
− | transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
| + | |
− | -webkit-appearance: none;
| + | |
− | appearance: none;
| + | |
− | }
| + | |
− |
| + | |
− | @media (prefers-reduced-motion: reduce) {
| + | |
− | .form-range::-webkit-slider-thumb {
| + | |
− | -webkit-transition: none;
| + | |
− | transition: none;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | .form-range::-webkit-slider-thumb:active {
| + | |
− | background-color: #ffefb3;
| + | |
− | }
| + | |
− |
| + | |
− | .form-range::-webkit-slider-runnable-track {
| + | |
− | width: 100%;
| + | |
− | height: 0.5rem;
| + | |
− | color: transparent;
| + | |
− | cursor: pointer;
| + | |
− | background-color: #dee2e6;
| + | |
− | border-color: transparent;
| + | |
− | border-radius: 1rem;
| + | |
− | }
| + | |
− |
| + | |
− | .form-range::-moz-range-thumb {
| + | |
− | width: 1rem;
| + | |
− | height: 1rem;
| + | |
− | background-color: #ffc800;
| + | |
− | border: 0;
| + | |
− | border-radius: 1rem;
| + | |
− | -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
| + | |
− | transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
| + | |
− | -moz-appearance: none;
| + | |
− | appearance: none;
| + | |
− | }
| + | |
− |
| + | |
− | @media (prefers-reduced-motion: reduce) {
| + | |
− | .form-range::-moz-range-thumb {
| + | |
− | -moz-transition: none;
| + | |
− | transition: none;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | .form-range::-moz-range-thumb:active {
| + | |
− | background-color: #ffefb3;
| + | |
− | }
| + | |
− |
| + | |
− | .form-range::-moz-range-track {
| + | |
− | width: 100%;
| + | |
− | height: 0.5rem;
| + | |
− | color: transparent;
| + | |
− | cursor: pointer;
| + | |
− | background-color: #dee2e6;
| + | |
− | border-color: transparent;
| + | |
− | border-radius: 1rem;
| + | |
− | }
| + | |
− |
| + | |
− | .form-range:disabled {
| + | |
− | pointer-events: none;
| + | |
− | }
| + | |
− |
| + | |
− | .form-range:disabled::-webkit-slider-thumb {
| + | |
− | background-color: #adb5bd;
| + | |
− | }
| + | |
− |
| + | |
− | .form-range:disabled::-moz-range-thumb {
| + | |
− | background-color: #adb5bd;
| + | |
− | }
| + | |
− |
| + | |
− | .form-floating {
| + | |
− | position: relative;
| + | |
− | }
| + | |
− |
| + | |
− | .form-floating>.form-control,
| + | |
− | .form-floating>.form-select {
| + | |
− | height: calc(3.5rem + 2px);
| + | |
− | line-height: 1.25;
| + | |
− | }
| + | |
− |
| + | |
− | .form-floating>label {
| + | |
− | position: absolute;
| + | |
− | top: 0;
| + | |
− | left: 0;
| + | |
− | height: 100%;
| + | |
− | padding: 1rem 0.75rem;
| + | |
− | pointer-events: none;
| + | |
− | border: 1px solid transparent;
| + | |
− | transform-origin: 0 0;
| + | |
− | transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
| + | |
− | }
| + | |
− |
| + | |
− | @media (prefers-reduced-motion: reduce) {
| + | |
− | .form-floating>label {
| + | |
− | transition: none;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | .form-floating>.form-control {
| + | |
− | padding: 1rem 0.75rem;
| + | |
− | }
| + | |
− |
| + | |
− | .form-floating>.form-control::-moz-placeholder {
| + | |
− | color: transparent;
| + | |
− | }
| + | |
− |
| + | |
− | .form-floating>.form-control:-ms-input-placeholder {
| + | |
− | color: transparent;
| + | |
− | }
| + | |
− |
| + | |
− | .form-floating>.form-control::placeholder {
| + | |
− | color: transparent;
| + | |
− | }
| + | |
− |
| + | |
− | .form-floating>.form-control:not(:-moz-placeholder-shown) {
| + | |
− | padding-top: 1.625rem;
| + | |
− | padding-bottom: 0.625rem;
| + | |
− | }
| + | |
− |
| + | |
− | .form-floating>.form-control:not(:-ms-input-placeholder) {
| + | |
− | padding-top: 1.625rem;
| + | |
− | padding-bottom: 0.625rem;
| + | |
− | }
| + | |
− |
| + | |
− | .form-floating>.form-control:focus,
| + | |
− | .form-floating>.form-control:not(:placeholder-shown) {
| + | |
− | padding-top: 1.625rem;
| + | |
− | padding-bottom: 0.625rem;
| + | |
− | }
| + | |
− |
| + | |
− | .form-floating>.form-control:-webkit-autofill {
| + | |
− | padding-top: 1.625rem;
| + | |
− | padding-bottom: 0.625rem;
| + | |
− | }
| + | |
− |
| + | |
− | .form-floating>.form-select {
| + | |
− | padding-top: 1.625rem;
| + | |
− | padding-bottom: 0.625rem;
| + | |
− | }
| + | |
− |
| + | |
− | .form-floating>.form-control:not(:-moz-placeholder-shown)~label {
| + | |
− | opacity: 0.65;
| + | |
− | transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
| + | |
− | }
| + | |
− |
| + | |
− | .form-floating>.form-control:not(:-ms-input-placeholder)~label {
| + | |
− | opacity: 0.65;
| + | |
− | transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
| + | |
− | }
| + | |
− |
| + | |
− | .form-floating>.form-control:focus~label,
| + | |
− | .form-floating>.form-control:not(:placeholder-shown)~label,
| + | |
− | .form-floating>.form-select~label {
| + | |
− | opacity: 0.65;
| + | |
− | transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
| + | |
− | }
| + | |
− |
| + | |
− | .form-floating>.form-control:-webkit-autofill~label {
| + | |
− | opacity: 0.65;
| + | |
− | transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
| + | |
− | }
| + | |
− |
| + | |
− | .input-group {
| + | |
− | position: relative;
| + | |
− | display: flex;
| + | |
− | flex-wrap: wrap;
| + | |
− | align-items: stretch;
| + | |
− | width: 100%;
| + | |
− | }
| + | |
− |
| + | |
− | .input-group>.form-control,
| + | |
− | .input-group>.form-select {
| + | |
− | position: relative;
| + | |
− | flex: 1 1 auto;
| + | |
− | width: 1%;
| + | |
− | min-width: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .input-group>.form-control:focus,
| + | |
− | .input-group>.form-select:focus {
| + | |
− | z-index: 3;
| + | |
− | }
| + | |
− |
| + | |
− | .input-group .btn {
| + | |
− | position: relative;
| + | |
− | z-index: 2;
| + | |
− | }
| + | |
− |
| + | |
− | .input-group .btn:focus {
| + | |
− | z-index: 3;
| + | |
− | }
| + | |
− |
| + | |
− | .input-group-text {
| + | |
− | display: flex;
| + | |
− | align-items: center;
| + | |
− | padding: 0.375rem 0.75rem;
| + | |
− | font-size: 1rem;
| + | |
− | font-weight: 400;
| + | |
− | line-height: 1.5;
| + | |
− | color: #212529;
| + | |
− | text-align: center;
| + | |
− | white-space: nowrap;
| + | |
− | background-color: #e9ecef;
| + | |
− | border: 1px solid #ced4da;
| + | |
− | border-radius: 0.25rem;
| + | |
− | }
| + | |
− |
| + | |
− | .input-group-lg>.form-control,
| + | |
− | .input-group-lg>.form-select,
| + | |
− | .input-group-lg>.input-group-text,
| + | |
− | .input-group-lg>.btn {
| + | |
− | padding: 0.5rem 1rem;
| + | |
− | font-size: 1.25rem;
| + | |
− | border-radius: 0.3rem;
| + | |
− | }
| + | |
− |
| + | |
− | .input-group-sm>.form-control,
| + | |
− | .input-group-sm>.form-select,
| + | |
− | .input-group-sm>.input-group-text,
| + | |
− | .input-group-sm>.btn {
| + | |
− | padding: 0.25rem 0.5rem;
| + | |
− | font-size: 0.875rem;
| + | |
− | border-radius: 0.2rem;
| + | |
− | }
| + | |
− |
| + | |
− | .input-group-lg>.form-select,
| + | |
− | .input-group-sm>.form-select {
| + | |
− | padding-right: 3rem;
| + | |
− | }
| + | |
− |
| + | |
− | .input-group:not(.has-validation)> :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),
| + | |
− | .input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3) {
| + | |
− | border-top-right-radius: 0;
| + | |
− | border-bottom-right-radius: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .input-group.has-validation> :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu),
| + | |
− | .input-group.has-validation>.dropdown-toggle:nth-last-child(n+4) {
| + | |
− | border-top-right-radius: 0;
| + | |
− | border-bottom-right-radius: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .input-group> :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
| + | |
− | margin-left: -1px;
| + | |
− | border-top-left-radius: 0;
| + | |
− | border-bottom-left-radius: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .valid-feedback {
| + | |
− | display: none;
| + | |
− | width: 100%;
| + | |
− | margin-top: 0.25rem;
| + | |
− | font-size: 0.875em;
| + | |
− | color: #198754;
| + | |
− | }
| + | |
− |
| + | |
− | .valid-tooltip {
| + | |
− | position: absolute;
| + | |
− | top: 100%;
| + | |
− | z-index: 5;
| + | |
− | display: none;
| + | |
− | max-width: 100%;
| + | |
− | padding: 0.25rem 0.5rem;
| + | |
− | margin-top: 0.1rem;
| + | |
− | font-size: 0.875rem;
| + | |
− | color: #fff;
| + | |
− | background-color: rgba(25, 135, 84, 0.9);
| + | |
− | border-radius: 0.25rem;
| + | |
− | }
| + | |
− |
| + | |
− | .was-validated :valid~.valid-feedback,
| + | |
− | .was-validated :valid~.valid-tooltip,
| + | |
− | .is-valid~.valid-feedback,
| + | |
− | .is-valid~.valid-tooltip {
| + | |
− | display: block;
| + | |
− | }
| + | |
− |
| + | |
− | .was-validated .form-control:valid,
| + | |
− | .form-control.is-valid {
| + | |
− | border-color: #198754;
| + | |
− | padding-right: calc(1.5em + 0.75rem);
| + | |
− | background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
| + | |
− | background-repeat: no-repeat;
| + | |
− | background-position: right calc(0.375em + 0.1875rem) center;
| + | |
− | background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
| + | |
− | }
| + | |
− |
| + | |
− | .was-validated .form-control:valid:focus,
| + | |
− | .form-control.is-valid:focus {
| + | |
− | border-color: #198754;
| + | |
− | box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
| + | |
− | }
| + | |
− |
| + | |
− | .was-validated textarea.form-control:valid,
| + | |
− | textarea.form-control.is-valid {
| + | |
− | padding-right: calc(1.5em + 0.75rem);
| + | |
− | background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
| + | |
− | }
| + | |
− |
| + | |
− | .was-validated .form-select:valid,
| + | |
− | .form-select.is-valid {
| + | |
− | border-color: #198754;
| + | |
− | }
| + | |
− |
| + | |
− | .was-validated .form-select:valid:not([multiple]):not([size]),
| + | |
− | .was-validated .form-select:valid:not([multiple])[size="1"],
| + | |
− | .form-select.is-valid:not([multiple]):not([size]),
| + | |
− | .form-select.is-valid:not([multiple])[size="1"] {
| + | |
− | padding-right: 4.125rem;
| + | |
− | background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
| + | |
− | background-position: right 0.75rem center, center right 2.25rem;
| + | |
− | background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
| + | |
− | }
| + | |
− |
| + | |
− | .was-validated .form-select:valid:focus,
| + | |
− | .form-select.is-valid:focus {
| + | |
− | border-color: #198754;
| + | |
− | box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
| + | |
− | }
| + | |
− |
| + | |
− | .was-validated .form-check-input:valid,
| + | |
− | .form-check-input.is-valid {
| + | |
− | border-color: #198754;
| + | |
− | }
| + | |
− |
| + | |
− | .was-validated .form-check-input:valid:checked,
| + | |
− | .form-check-input.is-valid:checked {
| + | |
− | background-color: #198754;
| + | |
− | }
| + | |
− |
| + | |
− | .was-validated .form-check-input:valid:focus,
| + | |
− | .form-check-input.is-valid:focus {
| + | |
− | box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
| + | |
− | }
| + | |
− |
| + | |
− | .was-validated .form-check-input:valid~.form-check-label,
| + | |
− | .form-check-input.is-valid~.form-check-label {
| + | |
− | color: #198754;
| + | |
− | }
| + | |
− |
| + | |
− | .form-check-inline .form-check-input~.valid-feedback {
| + | |
− | margin-left: 0.5em;
| + | |
− | }
| + | |
− |
| + | |
− | .was-validated .input-group .form-control:valid,
| + | |
− | .input-group .form-control.is-valid,
| + | |
− | .was-validated .input-group .form-select:valid,
| + | |
− | .input-group .form-select.is-valid {
| + | |
− | z-index: 1;
| + | |
− | }
| + | |
− |
| + | |
− | .was-validated .input-group .form-control:valid:focus,
| + | |
− | .input-group .form-control.is-valid:focus,
| + | |
− | .was-validated .input-group .form-select:valid:focus,
| + | |
− | .input-group .form-select.is-valid:focus {
| + | |
− | z-index: 3;
| + | |
− | }
| + | |
− |
| + | |
− | .invalid-feedback {
| + | |
− | display: none;
| + | |
− | width: 100%;
| + | |
− | margin-top: 0.25rem;
| + | |
− | font-size: 0.875em;
| + | |
− | color: #dc3545;
| + | |
− | }
| + | |
− |
| + | |
− | .invalid-tooltip {
| + | |
− | position: absolute;
| + | |
− | top: 100%;
| + | |
− | z-index: 5;
| + | |
− | display: none;
| + | |
− | max-width: 100%;
| + | |
− | padding: 0.25rem 0.5rem;
| + | |
− | margin-top: 0.1rem;
| + | |
− | font-size: 0.875rem;
| + | |
− | color: #fff;
| + | |
− | background-color: rgba(220, 53, 69, 0.9);
| + | |
− | border-radius: 0.25rem;
| + | |
− | }
| + | |
− |
| + | |
− | .was-validated :invalid~.invalid-feedback,
| + | |
− | .was-validated :invalid~.invalid-tooltip,
| + | |
− | .is-invalid~.invalid-feedback,
| + | |
− | .is-invalid~.invalid-tooltip {
| + | |
− | display: block;
| + | |
− | }
| + | |
− |
| + | |
− | .was-validated .form-control:invalid,
| + | |
− | .form-control.is-invalid {
| + | |
− | border-color: #dc3545;
| + | |
− | padding-right: calc(1.5em + 0.75rem);
| + | |
− | background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
| + | |
− | background-repeat: no-repeat;
| + | |
− | background-position: right calc(0.375em + 0.1875rem) center;
| + | |
− | background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
| + | |
− | }
| + | |
− |
| + | |
− | .was-validated .form-control:invalid:focus,
| + | |
− | .form-control.is-invalid:focus {
| + | |
− | border-color: #dc3545;
| + | |
− | box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
| + | |
− | }
| + | |
− |
| + | |
− | .was-validated textarea.form-control:invalid,
| + | |
− | textarea.form-control.is-invalid {
| + | |
− | padding-right: calc(1.5em + 0.75rem);
| + | |
− | background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
| + | |
− | }
| + | |
− |
| + | |
− | .was-validated .form-select:invalid,
| + | |
− | .form-select.is-invalid {
| + | |
− | border-color: #dc3545;
| + | |
− | }
| + | |
− |
| + | |
− | .was-validated .form-select:invalid:not([multiple]):not([size]),
| + | |
− | .was-validated .form-select:invalid:not([multiple])[size="1"],
| + | |
− | .form-select.is-invalid:not([multiple]):not([size]),
| + | |
− | .form-select.is-invalid:not([multiple])[size="1"] {
| + | |
− | padding-right: 4.125rem;
| + | |
− | background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
| + | |
− | background-position: right 0.75rem center, center right 2.25rem;
| + | |
− | background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
| + | |
− | }
| + | |
− |
| + | |
− | .was-validated .form-select:invalid:focus,
| + | |
− | .form-select.is-invalid:focus {
| + | |
− | border-color: #dc3545;
| + | |
− | box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
| + | |
− | }
| + | |
− |
| + | |
− | .was-validated .form-check-input:invalid,
| + | |
− | .form-check-input.is-invalid {
| + | |
− | border-color: #dc3545;
| + | |
− | }
| + | |
− |
| + | |
− | .was-validated .form-check-input:invalid:checked,
| + | |
− | .form-check-input.is-invalid:checked {
| + | |
− | background-color: #dc3545;
| + | |
− | }
| + | |
− |
| + | |
− | .was-validated .form-check-input:invalid:focus,
| + | |
− | .form-check-input.is-invalid:focus {
| + | |
− | box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
| + | |
− | }
| + | |
− |
| + | |
− | .was-validated .form-check-input:invalid~.form-check-label,
| + | |
− | .form-check-input.is-invalid~.form-check-label {
| + | |
− | color: #dc3545;
| + | |
− | }
| + | |
− |
| + | |
− | .form-check-inline .form-check-input~.invalid-feedback {
| + | |
− | margin-left: 0.5em;
| + | |
− | }
| + | |
− |
| + | |
− | .was-validated .input-group .form-control:invalid,
| + | |
− | .input-group .form-control.is-invalid,
| + | |
− | .was-validated .input-group .form-select:invalid,
| + | |
− | .input-group .form-select.is-invalid {
| + | |
− | z-index: 2;
| + | |
− | }
| + | |
− |
| + | |
− | .was-validated .input-group .form-control:invalid:focus,
| + | |
− | .input-group .form-control.is-invalid:focus,
| + | |
− | .was-validated .input-group .form-select:invalid:focus,
| + | |
− | .input-group .form-select.is-invalid:focus {
| + | |
− | z-index: 3;
| + | |
− | }
| + | |
− |
| + | |
− | .btn {
| + | |
− | display: inline-block;
| + | |
− | font-weight: 400;
| + | |
− | line-height: 1.5;
| + | |
− | color: #212529;
| + | |
− | text-align: center;
| + | |
− | text-decoration: none;
| + | |
− | vertical-align: middle;
| + | |
− | cursor: pointer;
| + | |
− | -webkit-user-select: none;
| + | |
− | -moz-user-select: none;
| + | |
− | -ms-user-select: none;
| + | |
− | user-select: none;
| + | |
− | background-color: transparent;
| + | |
− | border: 1px solid transparent;
| + | |
− | padding: 0.375rem 0.75rem;
| + | |
− | font-size: 1rem;
| + | |
− | border-radius: 0.25rem;
| + | |
− | transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
| + | |
− | }
| + | |
− |
| + | |
− | @media (prefers-reduced-motion: reduce) {
| + | |
− | .btn {
| + | |
− | transition: none;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | .btn:hover {
| + | |
− | color: #212529;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-check:focus+.btn,
| + | |
− | .btn:focus {
| + | |
− | outline: 0;
| + | |
− | box-shadow: 0 0 0 0.25rem rgba(255, 200, 0, 0.25);
| + | |
− | }
| + | |
− |
| + | |
− | .btn:disabled,
| + | |
− | .btn.disabled,
| + | |
− | fieldset:disabled .btn {
| + | |
− | pointer-events: none;
| + | |
− | opacity: 0.65;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-primary {
| + | |
− | color: #fff;
| + | |
− | background-color: #ffc800;
| + | |
− | border-color: #ffc800;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-primary:hover {
| + | |
− | color: #fff;
| + | |
− | background-color: #d9aa00;
| + | |
− | border-color: #cca000;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-check:focus+.btn-primary,
| + | |
− | .btn-primary:focus {
| + | |
− | color: #fff;
| + | |
− | background-color: #d9aa00;
| + | |
− | border-color: #cca000;
| + | |
− | box-shadow: 0 0 0 0.25rem rgba(255, 208, 38, 0.5);
| + | |
− | }
| + | |
− |
| + | |
− | .btn-check:checked+.btn-primary,
| + | |
− | .btn-check:active+.btn-primary,
| + | |
− | .btn-primary:active,
| + | |
− | .btn-primary.active,
| + | |
− | .show>.btn-primary.dropdown-toggle {
| + | |
− | color: #fff;
| + | |
− | background-color: #cca000;
| + | |
− | border-color: #bf9600;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-check:checked+.btn-primary:focus,
| + | |
− | .btn-check:active+.btn-primary:focus,
| + | |
− | .btn-primary:active:focus,
| + | |
− | .btn-primary.active:focus,
| + | |
− | .show>.btn-primary.dropdown-toggle:focus {
| + | |
− | box-shadow: 0 0 0 0.25rem rgba(255, 208, 38, 0.5);
| + | |
− | }
| + | |
− |
| + | |
− | .btn-primary:disabled,
| + | |
− | .btn-primary.disabled {
| + | |
− | color: #fff;
| + | |
− | background-color: #ffc800;
| + | |
− | border-color: #ffc800;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-secondary {
| + | |
− | color: #fff;
| + | |
− | background-color: #6c757d;
| + | |
− | border-color: #6c757d;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-secondary:hover {
| + | |
− | color: #fff;
| + | |
− | background-color: #5c636a;
| + | |
− | border-color: #565e64;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-check:focus+.btn-secondary,
| + | |
− | .btn-secondary:focus {
| + | |
− | color: #fff;
| + | |
− | background-color: #5c636a;
| + | |
− | border-color: #565e64;
| + | |
− | box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5);
| + | |
− | }
| + | |
− |
| + | |
− | .btn-check:checked+.btn-secondary,
| + | |
− | .btn-check:active+.btn-secondary,
| + | |
− | .btn-secondary:active,
| + | |
− | .btn-secondary.active,
| + | |
− | .show>.btn-secondary.dropdown-toggle {
| + | |
− | color: #fff;
| + | |
− | background-color: #565e64;
| + | |
− | border-color: #51585e;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-check:checked+.btn-secondary:focus,
| + | |
− | .btn-check:active+.btn-secondary:focus,
| + | |
− | .btn-secondary:active:focus,
| + | |
− | .btn-secondary.active:focus,
| + | |
− | .show>.btn-secondary.dropdown-toggle:focus {
| + | |
− | box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5);
| + | |
− | }
| + | |
− |
| + | |
− | .btn-secondary:disabled,
| + | |
− | .btn-secondary.disabled {
| + | |
− | color: #fff;
| + | |
− | background-color: #6c757d;
| + | |
− | border-color: #6c757d;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-success {
| + | |
− | color: #fff;
| + | |
− | background-color: #198754;
| + | |
− | border-color: #198754;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-success:hover {
| + | |
− | color: #fff;
| + | |
− | background-color: #157347;
| + | |
− | border-color: #146c43;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-check:focus+.btn-success,
| + | |
− | .btn-success:focus {
| + | |
− | color: #fff;
| + | |
− | background-color: #157347;
| + | |
− | border-color: #146c43;
| + | |
− | box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5);
| + | |
− | }
| + | |
− |
| + | |
− | .btn-check:checked+.btn-success,
| + | |
− | .btn-check:active+.btn-success,
| + | |
− | .btn-success:active,
| + | |
− | .btn-success.active,
| + | |
− | .show>.btn-success.dropdown-toggle {
| + | |
− | color: #fff;
| + | |
− | background-color: #146c43;
| + | |
− | border-color: #13653f;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-check:checked+.btn-success:focus,
| + | |
− | .btn-check:active+.btn-success:focus,
| + | |
− | .btn-success:active:focus,
| + | |
− | .btn-success.active:focus,
| + | |
− | .show>.btn-success.dropdown-toggle:focus {
| + | |
− | box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5);
| + | |
− | }
| + | |
− |
| + | |
− | .btn-success:disabled,
| + | |
− | .btn-success.disabled {
| + | |
− | color: #fff;
| + | |
− | background-color: #198754;
| + | |
− | border-color: #198754;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-info {
| + | |
− | color: #fff;
| + | |
− | background-color: #0dcaf0;
| + | |
− | border-color: #0dcaf0;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-info:hover {
| + | |
− | color: #fff;
| + | |
− | background-color: #0baccc;
| + | |
− | border-color: #0aa2c0;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-check:focus+.btn-info,
| + | |
− | .btn-info:focus {
| + | |
− | color: #fff;
| + | |
− | background-color: #0baccc;
| + | |
− | border-color: #0aa2c0;
| + | |
− | box-shadow: 0 0 0 0.25rem rgba(49, 210, 242, 0.5);
| + | |
− | }
| + | |
− |
| + | |
− | .btn-check:checked+.btn-info,
| + | |
− | .btn-check:active+.btn-info,
| + | |
− | .btn-info:active,
| + | |
− | .btn-info.active,
| + | |
− | .show>.btn-info.dropdown-toggle {
| + | |
− | color: #fff;
| + | |
− | background-color: #0aa2c0;
| + | |
− | border-color: #0a98b4;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-check:checked+.btn-info:focus,
| + | |
− | .btn-check:active+.btn-info:focus,
| + | |
− | .btn-info:active:focus,
| + | |
− | .btn-info.active:focus,
| + | |
− | .show>.btn-info.dropdown-toggle:focus {
| + | |
− | box-shadow: 0 0 0 0.25rem rgba(49, 210, 242, 0.5);
| + | |
− | }
| + | |
− |
| + | |
− | .btn-info:disabled,
| + | |
− | .btn-info.disabled {
| + | |
− | color: #fff;
| + | |
− | background-color: #0dcaf0;
| + | |
− | border-color: #0dcaf0;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-warning {
| + | |
− | color: #fff;
| + | |
− | background-color: #ffc800;
| + | |
− | border-color: #ffc800;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-warning:hover {
| + | |
− | color: #fff;
| + | |
− | background-color: #d9aa00;
| + | |
− | border-color: #cca000;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-check:focus+.btn-warning,
| + | |
− | .btn-warning:focus {
| + | |
− | color: #fff;
| + | |
− | background-color: #d9aa00;
| + | |
− | border-color: #cca000;
| + | |
− | box-shadow: 0 0 0 0.25rem rgba(255, 208, 38, 0.5);
| + | |
− | }
| + | |
− |
| + | |
− | .btn-check:checked+.btn-warning,
| + | |
− | .btn-check:active+.btn-warning,
| + | |
− | .btn-warning:active,
| + | |
− | .btn-warning.active,
| + | |
− | .show>.btn-warning.dropdown-toggle {
| + | |
− | color: #fff;
| + | |
− | background-color: #cca000;
| + | |
− | border-color: #bf9600;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-check:checked+.btn-warning:focus,
| + | |
− | .btn-check:active+.btn-warning:focus,
| + | |
− | .btn-warning:active:focus,
| + | |
− | .btn-warning.active:focus,
| + | |
− | .show>.btn-warning.dropdown-toggle:focus {
| + | |
− | box-shadow: 0 0 0 0.25rem rgba(255, 208, 38, 0.5);
| + | |
− | }
| + | |
− |
| + | |
− | .btn-warning:disabled,
| + | |
− | .btn-warning.disabled {
| + | |
− | color: #fff;
| + | |
− | background-color: #ffc800;
| + | |
− | border-color: #ffc800;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-danger {
| + | |
− | color: #fff;
| + | |
− | background-color: #dc3545;
| + | |
− | border-color: #dc3545;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-danger:hover {
| + | |
− | color: #fff;
| + | |
− | background-color: #bb2d3b;
| + | |
− | border-color: #b02a37;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-check:focus+.btn-danger,
| + | |
− | .btn-danger:focus {
| + | |
− | color: #fff;
| + | |
− | background-color: #bb2d3b;
| + | |
− | border-color: #b02a37;
| + | |
− | box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5);
| + | |
− | }
| + | |
− |
| + | |
− | .btn-check:checked+.btn-danger,
| + | |
− | .btn-check:active+.btn-danger,
| + | |
− | .btn-danger:active,
| + | |
− | .btn-danger.active,
| + | |
− | .show>.btn-danger.dropdown-toggle {
| + | |
− | color: #fff;
| + | |
− | background-color: #b02a37;
| + | |
− | border-color: #a52834;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-check:checked+.btn-danger:focus,
| + | |
− | .btn-check:active+.btn-danger:focus,
| + | |
− | .btn-danger:active:focus,
| + | |
− | .btn-danger.active:focus,
| + | |
− | .show>.btn-danger.dropdown-toggle:focus {
| + | |
− | box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5);
| + | |
− | }
| + | |
− |
| + | |
− | .btn-danger:disabled,
| + | |
− | .btn-danger.disabled {
| + | |
− | color: #fff;
| + | |
− | background-color: #dc3545;
| + | |
− | border-color: #dc3545;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-light {
| + | |
− | color: #000;
| + | |
− | background-color: #f8f9fa;
| + | |
− | border-color: #f8f9fa;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-light:hover {
| + | |
− | color: #000;
| + | |
− | background-color: #f9fafb;
| + | |
− | border-color: #f9fafb;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-check:focus+.btn-light,
| + | |
− | .btn-light:focus {
| + | |
− | color: #000;
| + | |
− | background-color: #f9fafb;
| + | |
− | border-color: #f9fafb;
| + | |
− | box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5);
| + | |
− | }
| + | |
− |
| + | |
− | .btn-check:checked+.btn-light,
| + | |
− | .btn-check:active+.btn-light,
| + | |
− | .btn-light:active,
| + | |
− | .btn-light.active,
| + | |
− | .show>.btn-light.dropdown-toggle {
| + | |
− | color: #000;
| + | |
− | background-color: #f9fafb;
| + | |
− | border-color: #f9fafb;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-check:checked+.btn-light:focus,
| + | |
− | .btn-check:active+.btn-light:focus,
| + | |
− | .btn-light:active:focus,
| + | |
− | .btn-light.active:focus,
| + | |
− | .show>.btn-light.dropdown-toggle:focus {
| + | |
− | box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5);
| + | |
− | }
| + | |
− |
| + | |
− | .btn-light:disabled,
| + | |
− | .btn-light.disabled {
| + | |
− | color: #000;
| + | |
− | background-color: #f8f9fa;
| + | |
− | border-color: #f8f9fa;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-dark {
| + | |
− | color: #fff;
| + | |
− | background-color: #212529;
| + | |
− | border-color: #212529;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-dark:hover {
| + | |
− | color: #fff;
| + | |
− | background-color: #1c1f23;
| + | |
− | border-color: #1a1e21;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-check:focus+.btn-dark,
| + | |
− | .btn-dark:focus {
| + | |
− | color: #fff;
| + | |
− | background-color: #1c1f23;
| + | |
− | border-color: #1a1e21;
| + | |
− | box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5);
| + | |
− | }
| + | |
− |
| + | |
− | .btn-check:checked+.btn-dark,
| + | |
− | .btn-check:active+.btn-dark,
| + | |
− | .btn-dark:active,
| + | |
− | .btn-dark.active,
| + | |
− | .show>.btn-dark.dropdown-toggle {
| + | |
− | color: #fff;
| + | |
− | background-color: #1a1e21;
| + | |
− | border-color: #191c1f;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-check:checked+.btn-dark:focus,
| + | |
− | .btn-check:active+.btn-dark:focus,
| + | |
− | .btn-dark:active:focus,
| + | |
− | .btn-dark.active:focus,
| + | |
− | .show>.btn-dark.dropdown-toggle:focus {
| + | |
− | box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5);
| + | |
− | }
| + | |
− |
| + | |
− | .btn-dark:disabled,
| + | |
− | .btn-dark.disabled {
| + | |
− | color: #fff;
| + | |
− | background-color: #212529;
| + | |
− | border-color: #212529;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-outline-primary {
| + | |
− | color: #ffc800;
| + | |
− | border-color: #ffc800;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-outline-primary:hover {
| + | |
− | color: #fff;
| + | |
− | background-color: #ffc800;
| + | |
− | border-color: #ffc800;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-check:focus+.btn-outline-primary,
| + | |
− | .btn-outline-primary:focus {
| + | |
− | box-shadow: 0 0 0 0.25rem rgba(255, 200, 0, 0.5);
| + | |
− | }
| + | |
− |
| + | |
− | .btn-check:checked+.btn-outline-primary,
| + | |
− | .btn-check:active+.btn-outline-primary,
| + | |
− | .btn-outline-primary:active,
| + | |
− | .btn-outline-primary.active,
| + | |
− | .btn-outline-primary.dropdown-toggle.show {
| + | |
− | color: #fff;
| + | |
− | background-color: #ffc800;
| + | |
− | border-color: #ffc800;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-check:checked+.btn-outline-primary:focus,
| + | |
− | .btn-check:active+.btn-outline-primary:focus,
| + | |
− | .btn-outline-primary:active:focus,
| + | |
− | .btn-outline-primary.active:focus,
| + | |
− | .btn-outline-primary.dropdown-toggle.show:focus {
| + | |
− | box-shadow: 0 0 0 0.25rem rgba(255, 200, 0, 0.5);
| + | |
− | }
| + | |
− |
| + | |
− | .btn-outline-primary:disabled,
| + | |
− | .btn-outline-primary.disabled {
| + | |
− | color: #ffc800;
| + | |
− | background-color: transparent;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-outline-secondary {
| + | |
− | color: #6c757d;
| + | |
− | border-color: #6c757d;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-outline-secondary:hover {
| + | |
− | color: #fff;
| + | |
− | background-color: #6c757d;
| + | |
− | border-color: #6c757d;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-check:focus+.btn-outline-secondary,
| + | |
− | .btn-outline-secondary:focus {
| + | |
− | box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5);
| + | |
− | }
| + | |
− |
| + | |
− | .btn-check:checked+.btn-outline-secondary,
| + | |
− | .btn-check:active+.btn-outline-secondary,
| + | |
− | .btn-outline-secondary:active,
| + | |
− | .btn-outline-secondary.active,
| + | |
− | .btn-outline-secondary.dropdown-toggle.show {
| + | |
− | color: #fff;
| + | |
− | background-color: #6c757d;
| + | |
− | border-color: #6c757d;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-check:checked+.btn-outline-secondary:focus,
| + | |
− | .btn-check:active+.btn-outline-secondary:focus,
| + | |
− | .btn-outline-secondary:active:focus,
| + | |
− | .btn-outline-secondary.active:focus,
| + | |
− | .btn-outline-secondary.dropdown-toggle.show:focus {
| + | |
− | box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5);
| + | |
− | }
| + | |
− |
| + | |
− | .btn-outline-secondary:disabled,
| + | |
− | .btn-outline-secondary.disabled {
| + | |
− | color: #6c757d;
| + | |
− | background-color: transparent;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-outline-success {
| + | |
− | color: #198754;
| + | |
− | border-color: #198754;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-outline-success:hover {
| + | |
− | color: #fff;
| + | |
− | background-color: #198754;
| + | |
− | border-color: #198754;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-check:focus+.btn-outline-success,
| + | |
− | .btn-outline-success:focus {
| + | |
− | box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5);
| + | |
− | }
| + | |
− |
| + | |
− | .btn-check:checked+.btn-outline-success,
| + | |
− | .btn-check:active+.btn-outline-success,
| + | |
− | .btn-outline-success:active,
| + | |
− | .btn-outline-success.active,
| + | |
− | .btn-outline-success.dropdown-toggle.show {
| + | |
− | color: #fff;
| + | |
− | background-color: #198754;
| + | |
− | border-color: #198754;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-check:checked+.btn-outline-success:focus,
| + | |
− | .btn-check:active+.btn-outline-success:focus,
| + | |
− | .btn-outline-success:active:focus,
| + | |
− | .btn-outline-success.active:focus,
| + | |
− | .btn-outline-success.dropdown-toggle.show:focus {
| + | |
− | box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5);
| + | |
− | }
| + | |
− |
| + | |
− | .btn-outline-success:disabled,
| + | |
− | .btn-outline-success.disabled {
| + | |
− | color: #198754;
| + | |
− | background-color: transparent;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-outline-info {
| + | |
− | color: #0dcaf0;
| + | |
− | border-color: #0dcaf0;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-outline-info:hover {
| + | |
− | color: #fff;
| + | |
− | background-color: #0dcaf0;
| + | |
− | border-color: #0dcaf0;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-check:focus+.btn-outline-info,
| + | |
− | .btn-outline-info:focus {
| + | |
− | box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5);
| + | |
− | }
| + | |
− |
| + | |
− | .btn-check:checked+.btn-outline-info,
| + | |
− | .btn-check:active+.btn-outline-info,
| + | |
− | .btn-outline-info:active,
| + | |
− | .btn-outline-info.active,
| + | |
− | .btn-outline-info.dropdown-toggle.show {
| + | |
− | color: #fff;
| + | |
− | background-color: #0dcaf0;
| + | |
− | border-color: #0dcaf0;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-check:checked+.btn-outline-info:focus,
| + | |
− | .btn-check:active+.btn-outline-info:focus,
| + | |
− | .btn-outline-info:active:focus,
| + | |
− | .btn-outline-info.active:focus,
| + | |
− | .btn-outline-info.dropdown-toggle.show:focus {
| + | |
− | box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5);
| + | |
− | }
| + | |
− |
| + | |
− | .btn-outline-info:disabled,
| + | |
− | .btn-outline-info.disabled {
| + | |
− | color: #0dcaf0;
| + | |
− | background-color: transparent;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-outline-warning {
| + | |
− | color: #ffc800;
| + | |
− | border-color: #ffc800;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-outline-warning:hover {
| + | |
− | color: #fff;
| + | |
− | background-color: #ffc800;
| + | |
− | border-color: #ffc800;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-check:focus+.btn-outline-warning,
| + | |
− | .btn-outline-warning:focus {
| + | |
− | box-shadow: 0 0 0 0.25rem rgba(255, 200, 0, 0.5);
| + | |
− | }
| + | |
− |
| + | |
− | .btn-check:checked+.btn-outline-warning,
| + | |
− | .btn-check:active+.btn-outline-warning,
| + | |
− | .btn-outline-warning:active,
| + | |
− | .btn-outline-warning.active,
| + | |
− | .btn-outline-warning.dropdown-toggle.show {
| + | |
− | color: #fff;
| + | |
− | background-color: #ffc800;
| + | |
− | border-color: #ffc800;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-check:checked+.btn-outline-warning:focus,
| + | |
− | .btn-check:active+.btn-outline-warning:focus,
| + | |
− | .btn-outline-warning:active:focus,
| + | |
− | .btn-outline-warning.active:focus,
| + | |
− | .btn-outline-warning.dropdown-toggle.show:focus {
| + | |
− | box-shadow: 0 0 0 0.25rem rgba(255, 200, 0, 0.5);
| + | |
− | }
| + | |
− |
| + | |
− | .btn-outline-warning:disabled,
| + | |
− | .btn-outline-warning.disabled {
| + | |
− | color: #ffc800;
| + | |
− | background-color: transparent;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-outline-danger {
| + | |
− | color: #dc3545;
| + | |
− | border-color: #dc3545;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-outline-danger:hover {
| + | |
− | color: #fff;
| + | |
− | background-color: #dc3545;
| + | |
− | border-color: #dc3545;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-check:focus+.btn-outline-danger,
| + | |
− | .btn-outline-danger:focus {
| + | |
− | box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5);
| + | |
− | }
| + | |
− |
| + | |
− | .btn-check:checked+.btn-outline-danger,
| + | |
− | .btn-check:active+.btn-outline-danger,
| + | |
− | .btn-outline-danger:active,
| + | |
− | .btn-outline-danger.active,
| + | |
− | .btn-outline-danger.dropdown-toggle.show {
| + | |
− | color: #fff;
| + | |
− | background-color: #dc3545;
| + | |
− | border-color: #dc3545;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-check:checked+.btn-outline-danger:focus,
| + | |
− | .btn-check:active+.btn-outline-danger:focus,
| + | |
− | .btn-outline-danger:active:focus,
| + | |
− | .btn-outline-danger.active:focus,
| + | |
− | .btn-outline-danger.dropdown-toggle.show:focus {
| + | |
− | box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5);
| + | |
− | }
| + | |
− |
| + | |
− | .btn-outline-danger:disabled,
| + | |
− | .btn-outline-danger.disabled {
| + | |
− | color: #dc3545;
| + | |
− | background-color: transparent;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-outline-light {
| + | |
− | color: #f8f9fa;
| + | |
− | border-color: #f8f9fa;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-outline-light:hover {
| + | |
− | color: #000;
| + | |
− | background-color: #f8f9fa;
| + | |
− | border-color: #f8f9fa;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-check:focus+.btn-outline-light,
| + | |
− | .btn-outline-light:focus {
| + | |
− | box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5);
| + | |
− | }
| + | |
− |
| + | |
− | .btn-check:checked+.btn-outline-light,
| + | |
− | .btn-check:active+.btn-outline-light,
| + | |
− | .btn-outline-light:active,
| + | |
− | .btn-outline-light.active,
| + | |
− | .btn-outline-light.dropdown-toggle.show {
| + | |
− | color: #000;
| + | |
− | background-color: #f8f9fa;
| + | |
− | border-color: #f8f9fa;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-check:checked+.btn-outline-light:focus,
| + | |
− | .btn-check:active+.btn-outline-light:focus,
| + | |
− | .btn-outline-light:active:focus,
| + | |
− | .btn-outline-light.active:focus,
| + | |
− | .btn-outline-light.dropdown-toggle.show:focus {
| + | |
− | box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5);
| + | |
− | }
| + | |
− |
| + | |
− | .btn-outline-light:disabled,
| + | |
− | .btn-outline-light.disabled {
| + | |
− | color: #f8f9fa;
| + | |
− | background-color: transparent;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-outline-dark {
| + | |
− | color: #212529;
| + | |
− | border-color: #212529;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-outline-dark:hover {
| + | |
− | color: #fff;
| + | |
− | background-color: #212529;
| + | |
− | border-color: #212529;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-check:focus+.btn-outline-dark,
| + | |
− | .btn-outline-dark:focus {
| + | |
− | box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5);
| + | |
− | }
| + | |
− |
| + | |
− | .btn-check:checked+.btn-outline-dark,
| + | |
− | .btn-check:active+.btn-outline-dark,
| + | |
− | .btn-outline-dark:active,
| + | |
− | .btn-outline-dark.active,
| + | |
− | .btn-outline-dark.dropdown-toggle.show {
| + | |
− | color: #fff;
| + | |
− | background-color: #212529;
| + | |
− | border-color: #212529;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-check:checked+.btn-outline-dark:focus,
| + | |
− | .btn-check:active+.btn-outline-dark:focus,
| + | |
− | .btn-outline-dark:active:focus,
| + | |
− | .btn-outline-dark.active:focus,
| + | |
− | .btn-outline-dark.dropdown-toggle.show:focus {
| + | |
− | box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5);
| + | |
− | }
| + | |
− |
| + | |
− | .btn-outline-dark:disabled,
| + | |
− | .btn-outline-dark.disabled {
| + | |
− | color: #212529;
| + | |
− | background-color: transparent;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-link {
| + | |
− | font-weight: 400;
| + | |
− | color: #ffc800;
| + | |
− | text-decoration: underline;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-link:hover {
| + | |
− | color: #cca000;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-link:disabled,
| + | |
− | .btn-link.disabled {
| + | |
− | color: #6c757d;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-lg,
| + | |
− | .btn-group-lg>.btn {
| + | |
− | padding: 0.5rem 1rem;
| + | |
− | font-size: 1.25rem;
| + | |
− | border-radius: 0.3rem;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-sm,
| + | |
− | .btn-group-sm>.btn {
| + | |
− | padding: 0.25rem 0.5rem;
| + | |
− | font-size: 0.875rem;
| + | |
− | border-radius: 0.2rem;
| + | |
− | }
| + | |
− |
| + | |
− | .fade {
| + | |
− | transition: opacity 0.15s linear;
| + | |
− | }
| + | |
− |
| + | |
− | @media (prefers-reduced-motion: reduce) {
| + | |
− | .fade {
| + | |
− | transition: none;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | .fade:not(.show) {
| + | |
− | opacity: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .collapse:not(.show) {
| + | |
− | display: none;
| + | |
− | }
| + | |
− |
| + | |
− | .collapsing {
| + | |
− | height: 0;
| + | |
− | overflow: hidden;
| + | |
− | transition: height 0.35s ease;
| + | |
− | }
| + | |
− |
| + | |
− | @media (prefers-reduced-motion: reduce) {
| + | |
− | .collapsing {
| + | |
− | transition: none;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | .dropup,
| + | |
− | .dropend,
| + | |
− | .dropdown,
| + | |
− | .dropstart {
| + | |
− | position: relative;
| + | |
− | }
| + | |
− |
| + | |
− | .dropdown-toggle {
| + | |
− | white-space: nowrap;
| + | |
− | }
| + | |
− |
| + | |
− | .dropdown-toggle::after {
| + | |
− | display: inline-block;
| + | |
− | margin-left: 0.255em;
| + | |
− | vertical-align: 0.255em;
| + | |
− | content: "";
| + | |
− | border-top: 0.3em solid;
| + | |
− | border-right: 0.3em solid transparent;
| + | |
− | border-bottom: 0;
| + | |
− | border-left: 0.3em solid transparent;
| + | |
− | }
| + | |
− |
| + | |
− | .dropdown-toggle:empty::after {
| + | |
− | margin-left: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .dropdown-menu {
| + | |
− | position: absolute;
| + | |
− | z-index: 1000;
| + | |
− | display: none;
| + | |
− | min-width: 10rem;
| + | |
− | padding: 0.5rem 0;
| + | |
− | margin: 0;
| + | |
− | font-size: 1rem;
| + | |
− | color: #212529;
| + | |
− | text-align: left;
| + | |
− | list-style: none;
| + | |
− | background-color: rgba(0, 0, 0, 0.25);
| + | |
− | background-clip: padding-box;
| + | |
− | border: 1px solid rgba(0, 0, 0, 0.15);
| + | |
− | border-radius: 0.25rem;
| + | |
− | }
| + | |
− |
| + | |
− | .dropdown-menu.pull-right {
| + | |
− | right: 0;
| + | |
− | left: auto;
| + | |
− | }
| + | |
− |
| + | |
− | .dropdown-menu .divider {
| + | |
− | height: 1px;
| + | |
− | margin: 9px 0;
| + | |
− | overflow: hidden;
| + | |
− | background-color: #e5e5e5;
| + | |
− | }
| + | |
− |
| + | |
− | .dropdown-menu>li>a {
| + | |
− | display: block;
| + | |
− | padding: 3px 20px;
| + | |
− | clear: both;
| + | |
− | font-weight: 400;
| + | |
− | line-height: 1.42857143;
| + | |
− | color: #333;
| + | |
− | white-space: nowrap;
| + | |
− | }
| + | |
− |
| + | |
− | .dropdown-menu>li>a:hover,
| + | |
− | .dropdown-menu>li>a:focus {
| + | |
− | color: #262626;
| + | |
− | text-decoration: none;
| + | |
− | background-color: #f5f5f5;
| + | |
− | }
| + | |
− |
| + | |
− | .dropdown-menu>.active>a,
| + | |
− | .dropdown-menu>.active>a:hover,
| + | |
− | .dropdown-menu>.active>a:focus {
| + | |
− | color: #fff;
| + | |
− | text-decoration: none;
| + | |
− | background-color: #428bca;
| + | |
− | outline: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .dropdown-menu>.disabled>a,
| + | |
− | .dropdown-menu>.disabled>a:hover,
| + | |
− | .dropdown-menu>.disabled>a:focus {
| + | |
− | color: #777;
| + | |
− | }
| + | |
− |
| + | |
− | .dropdown-menu>.disabled>a:hover,
| + | |
− | .dropdown-menu>.disabled>a:focus {
| + | |
− | text-decoration: none;
| + | |
− | cursor: not-allowed;
| + | |
− | background-color: transparent;
| + | |
− | background-image: none;
| + | |
− | filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
| + | |
− | }
| + | |
− |
| + | |
− | .open>.dropdown-menu {
| + | |
− | display: block;
| + | |
− | }
| + | |
− |
| + | |
− | .open>a {
| + | |
− | outline: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .dropdown-menu-right {
| + | |
− | right: 0;
| + | |
− | left: auto;
| + | |
− | }
| + | |
− |
| + | |
− | .dropdown-menu-left {
| + | |
− | right: auto;
| + | |
− | left: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .dropdown-header {
| + | |
− | display: block;
| + | |
− | padding: 3px 20px;
| + | |
− | font-size: 12px;
| + | |
− | line-height: 1.42857143;
| + | |
− | color: #777;
| + | |
− | white-space: nowrap;
| + | |
− | }
| + | |
− |
| + | |
− | .dropdown-backdrop {
| + | |
− | position: fixed;
| + | |
− | top: 0;
| + | |
− | right: 0;
| + | |
− | bottom: 0;
| + | |
− | left: 0;
| + | |
− | z-index: 990;
| + | |
− | }
| + | |
− |
| + | |
− | .pull-right>.dropdown-menu {
| + | |
− | right: 0;
| + | |
− | left: auto;
| + | |
− | }
| + | |
− |
| + | |
− | .dropup .caret,
| + | |
− | .navbar-fixed-bottom .dropdown .caret {
| + | |
− | content: "";
| + | |
− | border-top: 0;
| + | |
− | border-bottom: 4px solid;
| + | |
− | }
| + | |
− |
| + | |
− | .dropup .dropdown-menu,
| + | |
− | .navbar-fixed-bottom .dropdown .dropdown-menu {
| + | |
− | top: auto;
| + | |
− | bottom: 100%;
| + | |
− | margin-bottom: 1px;
| + | |
− | }
| + | |
− |
| + | |
− | @media (min-width: 768px) {
| + | |
− | .navbar-right .dropdown-menu {
| + | |
− | right: 0;
| + | |
− | left: auto;
| + | |
− | }
| + | |
− | .navbar-right .dropdown-menu-left {
| + | |
− | right: auto;
| + | |
− | left: 0;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | @media (min-width: 576px) {
| + | |
− | .dropdown-menu-sm-start {
| + | |
− | --bs-position: start;
| + | |
− | }
| + | |
− | .dropdown-menu-sm-start[data-bs-popper] {
| + | |
− | right: auto;
| + | |
− | left: 0;
| + | |
− | }
| + | |
− | .dropdown-menu-sm-end {
| + | |
− | --bs-position: end;
| + | |
− | }
| + | |
− | .dropdown-menu-sm-end[data-bs-popper] {
| + | |
− | right: 0;
| + | |
− | left: auto;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | @media (min-width: 768px) {
| + | |
− | .dropdown-menu-md-start {
| + | |
− | --bs-position: start;
| + | |
− | }
| + | |
− | .dropdown-menu-md-start[data-bs-popper] {
| + | |
− | right: auto;
| + | |
− | left: 0;
| + | |
− | }
| + | |
− | .dropdown-menu-md-end {
| + | |
− | --bs-position: end;
| + | |
− | }
| + | |
− | .dropdown-menu-md-end[data-bs-popper] {
| + | |
− | right: 0;
| + | |
− | left: auto;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | @media (min-width: 992px) {
| + | |
− | .dropdown-menu-lg-start {
| + | |
− | --bs-position: start;
| + | |
− | }
| + | |
− | .dropdown-menu-lg-start[data-bs-popper] {
| + | |
− | right: auto;
| + | |
− | left: 0;
| + | |
− | }
| + | |
− | .dropdown-menu-lg-end {
| + | |
− | --bs-position: end;
| + | |
− | }
| + | |
− | .dropdown-menu-lg-end[data-bs-popper] {
| + | |
− | right: 0;
| + | |
− | left: auto;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | @media (min-width: 1200px) {
| + | |
− | .dropdown-menu-xl-start {
| + | |
− | --bs-position: start;
| + | |
− | }
| + | |
− | .dropdown-menu-xl-start[data-bs-popper] {
| + | |
− | right: auto;
| + | |
− | left: 0;
| + | |
− | }
| + | |
− | .dropdown-menu-xl-end {
| + | |
− | --bs-position: end;
| + | |
− | }
| + | |
− | .dropdown-menu-xl-end[data-bs-popper] {
| + | |
− | right: 0;
| + | |
− | left: auto;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | @media (min-width: 1400px) {
| + | |
− | .dropdown-menu-xxl-start {
| + | |
− | --bs-position: start;
| + | |
− | }
| + | |
− | .dropdown-menu-xxl-start[data-bs-popper] {
| + | |
− | right: auto;
| + | |
− | left: 0;
| + | |
− | }
| + | |
− | .dropdown-menu-xxl-end {
| + | |
− | --bs-position: end;
| + | |
− | }
| + | |
− | .dropdown-menu-xxl-end[data-bs-popper] {
| + | |
− | right: 0;
| + | |
− | left: auto;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | .dropup .dropdown-menu[data-bs-popper] {
| + | |
− | top: auto;
| + | |
− | bottom: 100%;
| + | |
− | margin-top: 0;
| + | |
− | margin-bottom: 0.125rem;
| + | |
− | }
| + | |
− |
| + | |
− | .dropup .dropdown-toggle::after {
| + | |
− | display: inline-block;
| + | |
− | margin-left: 0.255em;
| + | |
− | vertical-align: 0.255em;
| + | |
− | content: "";
| + | |
− | border-top: 0;
| + | |
− | border-right: 0.3em solid transparent;
| + | |
− | border-bottom: 0.3em solid;
| + | |
− | border-left: 0.3em solid transparent;
| + | |
− | }
| + | |
− |
| + | |
− | .dropup .dropdown-toggle:empty::after {
| + | |
− | margin-left: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .dropend .dropdown-menu[data-bs-popper] {
| + | |
− | top: 0;
| + | |
− | right: auto;
| + | |
− | left: 100%;
| + | |
− | margin-top: 0;
| + | |
− | margin-left: 0.125rem;
| + | |
− | }
| + | |
− |
| + | |
− | .dropend .dropdown-toggle::after {
| + | |
− | display: inline-block;
| + | |
− | margin-left: 0.255em;
| + | |
− | vertical-align: 0.255em;
| + | |
− | content: "";
| + | |
− | border-top: 0.3em solid transparent;
| + | |
− | border-right: 0;
| + | |
− | border-bottom: 0.3em solid transparent;
| + | |
− | border-left: 0.3em solid;
| + | |
− | }
| + | |
− |
| + | |
− | .dropend .dropdown-toggle:empty::after {
| + | |
− | margin-left: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .dropend .dropdown-toggle::after {
| + | |
− | vertical-align: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .dropstart .dropdown-menu[data-bs-popper] {
| + | |
− | top: 0;
| + | |
− | right: 100%;
| + | |
− | left: auto;
| + | |
− | margin-top: 0;
| + | |
− | margin-right: 0.125rem;
| + | |
− | }
| + | |
− |
| + | |
− | .dropstart .dropdown-toggle::after {
| + | |
− | display: inline-block;
| + | |
− | margin-left: 0.255em;
| + | |
− | vertical-align: 0.255em;
| + | |
− | content: "";
| + | |
− | }
| + | |
− |
| + | |
− | .dropstart .dropdown-toggle::after {
| + | |
− | display: none;
| + | |
− | }
| + | |
− |
| + | |
− | .dropstart .dropdown-toggle::before {
| + | |
− | display: inline-block;
| + | |
− | margin-right: 0.255em;
| + | |
− | vertical-align: 0.255em;
| + | |
− | content: "";
| + | |
− | border-top: 0.3em solid transparent;
| + | |
− | border-right: 0.3em solid;
| + | |
− | border-bottom: 0.3em solid transparent;
| + | |
− | }
| + | |
− |
| + | |
− | .dropstart .dropdown-toggle:empty::after {
| + | |
− | margin-left: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .dropstart .dropdown-toggle::before {
| + | |
− | vertical-align: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .dropdown-divider {
| + | |
− | height: 0;
| + | |
− | margin: 0.5rem 0;
| + | |
− | overflow: hidden;
| + | |
− | border-top: 1px solid rgba(0, 0, 0, 0.15);
| + | |
− | }
| + | |
− |
| + | |
− | .dropdown-item {
| + | |
− | display: block;
| + | |
− | width: 100%;
| + | |
− | padding: 0.25rem 1rem;
| + | |
− | clear: both;
| + | |
− | font-weight: 400;
| + | |
− | color: #212529;
| + | |
− | text-align: inherit;
| + | |
− | text-decoration: none;
| + | |
− | white-space: nowrap;
| + | |
− | background-color: transparent;
| + | |
− | border: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .dropdown-item:hover,
| + | |
− | .dropdown-item:focus {
| + | |
− | color: #1e2125;
| + | |
− | background-color: #e9ecef;
| + | |
− | }
| + | |
− |
| + | |
− | .dropdown-item.active,
| + | |
− | .dropdown-item:active {
| + | |
− | color: #fff;
| + | |
− | text-decoration: none;
| + | |
− | background-color: #ffc800;
| + | |
− | }
| + | |
− |
| + | |
− | .dropdown-item.disabled,
| + | |
− | .dropdown-item:disabled {
| + | |
− | color: #adb5bd;
| + | |
− | pointer-events: none;
| + | |
− | background-color: transparent;
| + | |
− | }
| + | |
− |
| + | |
− | .dropdown-menu.show {
| + | |
− | display: block;
| + | |
− | }
| + | |
− |
| + | |
− | .dropdown-header {
| + | |
− | display: block;
| + | |
− | padding: 0.5rem 1rem;
| + | |
− | margin-bottom: 0;
| + | |
− | font-size: 0.875rem;
| + | |
− | color: #6c757d;
| + | |
− | white-space: nowrap;
| + | |
− | }
| + | |
− |
| + | |
− | .dropdown-item-text {
| + | |
− | display: block;
| + | |
− | padding: 0.25rem 1rem;
| + | |
− | color: #212529;
| + | |
− | }
| + | |
− |
| + | |
− | .dropdown-menu-dark {
| + | |
− | color: #dee2e6;
| + | |
− | background-color: #343a40;
| + | |
− | border-color: rgba(0, 0, 0, 0.15);
| + | |
− | }
| + | |
− |
| + | |
− | .dropdown-menu-dark .dropdown-item {
| + | |
− | color: #dee2e6;
| + | |
− | }
| + | |
− |
| + | |
− | .dropdown-menu-dark .dropdown-item:hover,
| + | |
− | .dropdown-menu-dark .dropdown-item:focus {
| + | |
− | color: #fff;
| + | |
− | background-color: rgba(255, 255, 255, 0.15);
| + | |
− | }
| + | |
− |
| + | |
− | .dropdown-menu-dark .dropdown-item.active,
| + | |
− | .dropdown-menu-dark .dropdown-item:active {
| + | |
− | color: #fff;
| + | |
− | background-color: #ffc800;
| + | |
− | }
| + | |
− |
| + | |
− | .dropdown-menu-dark .dropdown-item.disabled,
| + | |
− | .dropdown-menu-dark .dropdown-item:disabled {
| + | |
− | color: #adb5bd;
| + | |
− | }
| + | |
− |
| + | |
− | .dropdown-menu-dark .dropdown-divider {
| + | |
− | border-color: rgba(0, 0, 0, 0.15);
| + | |
− | }
| + | |
− |
| + | |
− | .dropdown-menu-dark .dropdown-item-text {
| + | |
− | color: #dee2e6;
| + | |
− | }
| + | |
− |
| + | |
− | .dropdown-menu-dark .dropdown-header {
| + | |
− | color: #adb5bd;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-group,
| + | |
− | .btn-group-vertical {
| + | |
− | position: relative;
| + | |
− | display: inline-flex;
| + | |
− | vertical-align: middle;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-group>.btn,
| + | |
− | .btn-group-vertical>.btn {
| + | |
− | position: relative;
| + | |
− | flex: 1 1 auto;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-group>.btn-check:checked+.btn,
| + | |
− | .btn-group>.btn-check:focus+.btn,
| + | |
− | .btn-group>.btn:hover,
| + | |
− | .btn-group>.btn:focus,
| + | |
− | .btn-group>.btn:active,
| + | |
− | .btn-group>.btn.active,
| + | |
− | .btn-group-vertical>.btn-check:checked+.btn,
| + | |
− | .btn-group-vertical>.btn-check:focus+.btn,
| + | |
− | .btn-group-vertical>.btn:hover,
| + | |
− | .btn-group-vertical>.btn:focus,
| + | |
− | .btn-group-vertical>.btn:active,
| + | |
− | .btn-group-vertical>.btn.active {
| + | |
− | z-index: 1;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-toolbar {
| + | |
− | display: flex;
| + | |
− | flex-wrap: wrap;
| + | |
− | justify-content: flex-start;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-toolbar .input-group {
| + | |
− | width: auto;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-group>.btn:not(:first-child),
| + | |
− | .btn-group>.btn-group:not(:first-child) {
| + | |
− | margin-left: -1px;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-group>.btn:not(:last-child):not(.dropdown-toggle),
| + | |
− | .btn-group>.btn-group:not(:last-child)>.btn {
| + | |
− | border-top-right-radius: 0;
| + | |
− | border-bottom-right-radius: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-group>.btn:nth-child(n+3),
| + | |
− | .btn-group> :not(.btn-check)+.btn,
| + | |
− | .btn-group>.btn-group:not(:first-child)>.btn {
| + | |
− | border-top-left-radius: 0;
| + | |
− | border-bottom-left-radius: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .dropdown-toggle-split {
| + | |
− | padding-right: 0.5625rem;
| + | |
− | padding-left: 0.5625rem;
| + | |
− | }
| + | |
− |
| + | |
− | .dropdown-toggle-split::after,
| + | |
− | .dropup .dropdown-toggle-split::after,
| + | |
− | .dropend .dropdown-toggle-split::after {
| + | |
− | margin-left: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .dropstart .dropdown-toggle-split::before {
| + | |
− | margin-right: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-sm+.dropdown-toggle-split,
| + | |
− | .btn-group-sm>.btn+.dropdown-toggle-split {
| + | |
− | padding-right: 0.375rem;
| + | |
− | padding-left: 0.375rem;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-lg+.dropdown-toggle-split,
| + | |
− | .btn-group-lg>.btn+.dropdown-toggle-split {
| + | |
− | padding-right: 0.75rem;
| + | |
− | padding-left: 0.75rem;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-group-vertical {
| + | |
− | flex-direction: column;
| + | |
− | align-items: flex-start;
| + | |
− | justify-content: center;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-group-vertical>.btn,
| + | |
− | .btn-group-vertical>.btn-group {
| + | |
− | width: 100%;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-group-vertical>.btn:not(:first-child),
| + | |
− | .btn-group-vertical>.btn-group:not(:first-child) {
| + | |
− | margin-top: -1px;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle),
| + | |
− | .btn-group-vertical>.btn-group:not(:last-child)>.btn {
| + | |
− | border-bottom-right-radius: 0;
| + | |
− | border-bottom-left-radius: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-group-vertical>.btn~.btn,
| + | |
− | .btn-group-vertical>.btn-group:not(:first-child)>.btn {
| + | |
− | border-top-left-radius: 0;
| + | |
− | border-top-right-radius: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .nav {
| + | |
− | display: flex;
| + | |
− | flex-wrap: wrap;
| + | |
− | padding-left: 0;
| + | |
− | margin-bottom: 0;
| + | |
− | list-style: none;
| + | |
− | }
| + | |
− |
| + | |
− | .nav-link {
| + | |
− | display: block;
| + | |
− | padding: 0.5rem 1rem;
| + | |
− | color: #ffc800;
| + | |
− | text-decoration: none;
| + | |
− | transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
| + | |
− | }
| + | |
− |
| + | |
− | @media (prefers-reduced-motion: reduce) {
| + | |
− | .nav-link {
| + | |
− | transition: none;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | .nav-link:hover,
| + | |
− | .nav-link:focus {
| + | |
− | color: #cca000;
| + | |
− | }
| + | |
− |
| + | |
− | .nav-link.disabled {
| + | |
− | color: #6c757d;
| + | |
− | pointer-events: none;
| + | |
− | cursor: default;
| + | |
− | }
| + | |
− |
| + | |
− | .nav-tabs {
| + | |
− | border-bottom: 1px solid #dee2e6;
| + | |
− | }
| + | |
− |
| + | |
− | .nav-tabs .nav-link {
| + | |
− | margin-bottom: -1px;
| + | |
− | background: none;
| + | |
− | border: 1px solid transparent;
| + | |
− | border-top-left-radius: 0.25rem;
| + | |
− | border-top-right-radius: 0.25rem;
| + | |
− | }
| + | |
− |
| + | |
− | .nav-tabs .nav-link:hover,
| + | |
− | .nav-tabs .nav-link:focus {
| + | |
− | border-color: #e9ecef #e9ecef #dee2e6;
| + | |
− | isolation: isolate;
| + | |
− | }
| + | |
− |
| + | |
− | .nav-tabs .nav-link.disabled {
| + | |
− | color: #6c757d;
| + | |
− | background-color: transparent;
| + | |
− | border-color: transparent;
| + | |
− | }
| + | |
− |
| + | |
− | .nav-tabs .nav-link.active,
| + | |
− | .nav-tabs .nav-item.show .nav-link {
| + | |
− | color: #495057;
| + | |
− | background-color: #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 {
| + | |
− | background: none;
| + | |
− | border: 0;
| + | |
− | border-radius: 0.25rem;
| + | |
− | }
| + | |
− |
| + | |
− | .nav-pills .nav-link.active,
| + | |
− | .nav-pills .show>.nav-link {
| + | |
− | color: #fff;
| + | |
− | background-color: #ffc800;
| + | |
− | }
| + | |
− |
| + | |
− | .nav-fill>.nav-link,
| + | |
− | .nav-fill .nav-item {
| + | |
− | flex: 1 1 auto;
| + | |
− | text-align: center;
| + | |
− | }
| + | |
− |
| + | |
− | .nav-justified>.nav-link,
| + | |
− | .nav-justified .nav-item {
| + | |
− | flex-basis: 0;
| + | |
− | flex-grow: 1;
| + | |
− | text-align: center;
| + | |
− | }
| + | |
− |
| + | |
− | .nav-fill .nav-item .nav-link,
| + | |
− | .nav-justified .nav-item .nav-link {
| + | |
− | width: 100%;
| + | |
− | }
| + | |
− |
| + | |
− | .tab-content>.tab-pane {
| + | |
− | display: none;
| + | |
− | }
| + | |
− |
| + | |
− | .tab-content>.active {
| + | |
− | display: block;
| + | |
− | }
| + | |
− |
| + | |
− | .navbar {
| + | |
− | position: relative;
| + | |
− | display: flex;
| + | |
− | flex-wrap: wrap;
| + | |
− | align-items: center;
| + | |
− | justify-content: space-between;
| + | |
− | padding-top: 0.5rem;
| + | |
− | padding-bottom: 0.5rem;
| + | |
− | }
| + | |
− |
| + | |
− | .navbar>.container,
| + | |
− | .navbar>.container-fluid,
| + | |
− | .navbar>.container-sm,
| + | |
− | .navbar>.container-md,
| + | |
− | .navbar>.container-lg,
| + | |
− | .navbar>.container-xl,
| + | |
− | .navbar>.container-xxl {
| + | |
− | display: flex;
| + | |
− | flex-wrap: inherit;
| + | |
− | align-items: center;
| + | |
− | justify-content: space-between;
| + | |
− | }
| + | |
− |
| + | |
− | .navbar-brand {
| + | |
− | padding-top: 0.3125rem;
| + | |
− | padding-bottom: 0.3125rem;
| + | |
− | margin-right: 1rem;
| + | |
− | font-size: 1.25rem;
| + | |
− | text-decoration: none;
| + | |
− | white-space: nowrap;
| + | |
− | }
| + | |
− |
| + | |
− | .navbar-nav {
| + | |
− | display: flex;
| + | |
− | flex-direction: column;
| + | |
− | padding-left: 0;
| + | |
− | margin-bottom: 0;
| + | |
− | list-style: none;
| + | |
− | }
| + | |
− |
| + | |
− | .navbar-nav .nav-link {
| + | |
− | padding-right: 0;
| + | |
− | padding-left: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .navbar-nav .dropdown-menu {
| + | |
− | position: static;
| + | |
− | }
| + | |
− |
| + | |
− | .navbar-text {
| + | |
− | padding-top: 0.5rem;
| + | |
− | padding-bottom: 0.5rem;
| + | |
− | }
| + | |
− |
| + | |
− | .navbar-collapse {
| + | |
− | flex-basis: 100%;
| + | |
− | flex-grow: 1;
| + | |
− | align-items: center;
| + | |
− | }
| + | |
− |
| + | |
− | .navbar-toggler {
| + | |
− | padding: 0.25rem 0.75rem;
| + | |
− | font-size: 1.25rem;
| + | |
− | line-height: 1;
| + | |
− | background-color: transparent;
| + | |
− | border: 1px solid transparent;
| + | |
− | border-radius: 0.25rem;
| + | |
− | transition: box-shadow 0.15s ease-in-out;
| + | |
− | }
| + | |
− |
| + | |
− | @media (prefers-reduced-motion: reduce) {
| + | |
− | .navbar-toggler {
| + | |
− | transition: none;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | .navbar-toggler:hover {
| + | |
− | text-decoration: none;
| + | |
− | }
| + | |
− |
| + | |
− | .navbar-toggler:focus {
| + | |
− | text-decoration: none;
| + | |
− | outline: 0;
| + | |
− | box-shadow: 0 0 0 0.25rem;
| + | |
− | }
| + | |
− |
| + | |
− | .navbar-toggler-icon {
| + | |
− | display: inline-block;
| + | |
− | width: 1.5em;
| + | |
− | height: 1.5em;
| + | |
− | vertical-align: middle;
| + | |
− | background-repeat: no-repeat;
| + | |
− | background-position: center;
| + | |
− | background-size: 100%;
| + | |
− | }
| + | |
− |
| + | |
− | .navbar-nav-scroll {
| + | |
− | max-height: var(--bs-scroll-height, 75vh);
| + | |
− | overflow-y: auto;
| + | |
− | }
| + | |
− |
| + | |
− | @media (min-width: 576px) {
| + | |
− | .navbar-expand-sm {
| + | |
− | flex-wrap: nowrap;
| + | |
− | justify-content: flex-start;
| + | |
− | }
| + | |
− | .navbar-expand-sm .navbar-nav {
| + | |
− | flex-direction: row;
| + | |
− | }
| + | |
− | .navbar-expand-sm .navbar-nav .dropdown-menu {
| + | |
− | position: absolute;
| + | |
− | }
| + | |
− | .navbar-expand-sm .navbar-nav .nav-link {
| + | |
− | padding-right: 0.5rem;
| + | |
− | padding-left: 0.5rem;
| + | |
− | }
| + | |
− | .navbar-expand-sm .navbar-nav-scroll {
| + | |
− | overflow: visible;
| + | |
− | }
| + | |
− | .navbar-expand-sm .navbar-collapse {
| + | |
− | display: flex;
| + | |
− | flex-basis: auto;
| + | |
− | }
| + | |
− | .navbar-expand-sm .navbar-toggler {
| + | |
− | display: none;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | @media (min-width: 768px) {
| + | |
− | .navbar-expand-md {
| + | |
− | flex-wrap: nowrap;
| + | |
− | justify-content: flex-start;
| + | |
− | }
| + | |
− | .navbar-expand-md .navbar-nav {
| + | |
− | flex-direction: row;
| + | |
− | }
| + | |
− | .navbar-expand-md .navbar-nav .dropdown-menu {
| + | |
− | position: absolute;
| + | |
− | }
| + | |
− | .navbar-expand-md .navbar-nav .nav-link {
| + | |
− | padding-right: 0.5rem;
| + | |
− | padding-left: 0.5rem;
| + | |
− | }
| + | |
− | .navbar-expand-md .navbar-nav-scroll {
| + | |
− | overflow: visible;
| + | |
− | }
| + | |
− | .navbar-expand-md .navbar-collapse {
| + | |
− | display: flex;
| + | |
− | flex-basis: auto;
| + | |
− | }
| + | |
− | .navbar-expand-md .navbar-toggler {
| + | |
− | display: none;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | @media (min-width: 992px) {
| + | |
− | .navbar-expand-lg {
| + | |
− | flex-wrap: nowrap;
| + | |
− | justify-content: flex-start;
| + | |
− | }
| + | |
− | .navbar-expand-lg .navbar-nav {
| + | |
− | flex-direction: row;
| + | |
− | }
| + | |
− | .navbar-expand-lg .navbar-nav .dropdown-menu {
| + | |
− | position: absolute;
| + | |
− | }
| + | |
− | .navbar-expand-lg .navbar-nav .nav-link {
| + | |
− | padding-right: 0.5rem;
| + | |
− | padding-left: 0.5rem;
| + | |
− | }
| + | |
− | .navbar-expand-lg .navbar-nav-scroll {
| + | |
− | overflow: visible;
| + | |
− | }
| + | |
− | .navbar-expand-lg .navbar-collapse {
| + | |
− | display: flex;
| + | |
− | flex-basis: auto;
| + | |
− | }
| + | |
− | .navbar-expand-lg .navbar-toggler {
| + | |
− | display: none;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | @media (min-width: 1200px) {
| + | |
− | .navbar-expand-xl {
| + | |
− | flex-wrap: nowrap;
| + | |
− | justify-content: flex-start;
| + | |
− | }
| + | |
− | .navbar-expand-xl .navbar-nav {
| + | |
− | flex-direction: row;
| + | |
− | }
| + | |
− | .navbar-expand-xl .navbar-nav .dropdown-menu {
| + | |
− | position: absolute;
| + | |
− | }
| + | |
− | .navbar-expand-xl .navbar-nav .nav-link {
| + | |
− | padding-right: 0.5rem;
| + | |
− | padding-left: 0.5rem;
| + | |
− | }
| + | |
− | .navbar-expand-xl .navbar-nav-scroll {
| + | |
− | overflow: visible;
| + | |
− | }
| + | |
− | .navbar-expand-xl .navbar-collapse {
| + | |
− | display: flex;
| + | |
− | flex-basis: auto;
| + | |
− | }
| + | |
− | .navbar-expand-xl .navbar-toggler {
| + | |
− | display: none;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | @media (min-width: 1400px) {
| + | |
− | .navbar-expand-xxl {
| + | |
− | flex-wrap: nowrap;
| + | |
− | justify-content: flex-start;
| + | |
− | }
| + | |
− | .navbar-expand-xxl .navbar-nav {
| + | |
− | flex-direction: row;
| + | |
− | }
| + | |
− | .navbar-expand-xxl .navbar-nav .dropdown-menu {
| + | |
− | position: absolute;
| + | |
− | }
| + | |
− | .navbar-expand-xxl .navbar-nav .nav-link {
| + | |
− | padding-right: 0.5rem;
| + | |
− | padding-left: 0.5rem;
| + | |
− | }
| + | |
− | .navbar-expand-xxl .navbar-nav-scroll {
| + | |
− | overflow: visible;
| + | |
− | }
| + | |
− | .navbar-expand-xxl .navbar-collapse {
| + | |
− | display: flex;
| + | |
− | flex-basis: auto;
| + | |
− | }
| + | |
− | .navbar-expand-xxl .navbar-toggler {
| + | |
− | display: none;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | .navbar-expand {
| + | |
− | flex-wrap: nowrap;
| + | |
− | justify-content: flex-start;
| + | |
− | }
| + | |
− |
| + | |
− | .navbar-expand .navbar-nav {
| + | |
− | flex-direction: row;
| + | |
− | }
| + | |
− |
| + | |
− | .navbar-expand .navbar-nav .dropdown-menu {
| + | |
− | position: absolute;
| + | |
− | }
| + | |
− |
| + | |
− | .navbar-expand .navbar-nav .nav-link {
| + | |
− | padding-right: 0.5rem;
| + | |
− | padding-left: 0.5rem;
| + | |
− | }
| + | |
− |
| + | |
− | .navbar-expand .navbar-nav-scroll {
| + | |
− | overflow: visible;
| + | |
− | }
| + | |
− |
| + | |
− | .navbar-expand .navbar-collapse {
| + | |
− | display: flex;
| + | |
− | flex-basis: auto;
| + | |
− | }
| + | |
− |
| + | |
− | .navbar-expand .navbar-toggler {
| + | |
− | display: none;
| + | |
− | }
| + | |
− |
| + | |
− | .navbar-light .navbar-brand {
| + | |
− | color: rgba(0, 0, 0, 0.9);
| + | |
− | }
| + | |
− |
| + | |
− | .navbar-light .navbar-brand:hover,
| + | |
− | .navbar-light .navbar-brand:focus {
| + | |
− | color: rgba(0, 0, 0, 0.9);
| + | |
− | }
| + | |
− |
| + | |
− | .navbar-light .navbar-nav .nav-link {
| + | |
− | color: rgba(0, 0, 0, 0.55);
| + | |
− | }
| + | |
− |
| + | |
− | .navbar-light .navbar-nav .nav-link:hover,
| + | |
− | .navbar-light .navbar-nav .nav-link:focus {
| + | |
− | color: rgba(0, 0, 0, 0.7);
| + | |
− | }
| + | |
− |
| + | |
− | .navbar-light .navbar-nav .nav-link.disabled {
| + | |
− | color: rgba(0, 0, 0, 0.3);
| + | |
− | }
| + | |
− |
| + | |
− | .navbar-light .navbar-nav .show>.nav-link,
| + | |
− | .navbar-light .navbar-nav .nav-link.active {
| + | |
− | color: rgba(0, 0, 0, 0.9);
| + | |
− | }
| + | |
− |
| + | |
− | .navbar-light .navbar-toggler {
| + | |
− | color: rgba(0, 0, 0, 0.55);
| + | |
− | border-color: rgba(0, 0, 0, 0.1);
| + | |
− | }
| + | |
− |
| + | |
− | .navbar-light .navbar-toggler-icon {
| + | |
− | background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
| + | |
− | }
| + | |
− |
| + | |
− | .navbar-light .navbar-text {
| + | |
− | color: rgba(0, 0, 0, 0.55);
| + | |
− | }
| + | |
− |
| + | |
− | .navbar-light .navbar-text a,
| + | |
− | .navbar-light .navbar-text a:hover,
| + | |
− | .navbar-light .navbar-text a:focus {
| + | |
− | color: rgba(0, 0, 0, 0.9);
| + | |
− | }
| + | |
− |
| + | |
− | .navbar-dark .navbar-brand {
| + | |
− | color: #fff;
| + | |
− | }
| + | |
− |
| + | |
− | .navbar-dark .navbar-brand:hover,
| + | |
− | .navbar-dark .navbar-brand:focus {
| + | |
− | color: #fff;
| + | |
− | }
| + | |
− |
| + | |
− | .navbar-dark .navbar-nav .nav-link {
| + | |
− | color: rgba(255, 255, 255, 0.55);
| + | |
− | }
| + | |
− |
| + | |
− | .navbar-dark .navbar-nav .nav-link:hover,
| + | |
− | .navbar-dark .navbar-nav .nav-link:focus {
| + | |
− | color: rgba(255, 255, 255, 0.75);
| + | |
− | }
| + | |
− |
| + | |
− | .navbar-dark .navbar-nav .nav-link.disabled {
| + | |
− | color: rgba(255, 255, 255, 0.25);
| + | |
− | }
| + | |
− |
| + | |
− | .navbar-dark .navbar-nav .show>.nav-link,
| + | |
− | .navbar-dark .navbar-nav .nav-link.active {
| + | |
− | color: #fff;
| + | |
− | }
| + | |
− |
| + | |
− | .navbar-dark .navbar-toggler {
| + | |
− | color: rgba(255, 255, 255, 0.55);
| + | |
− | border-color: rgba(255, 255, 255, 0.1);
| + | |
− | }
| + | |
− |
| + | |
− | .navbar-dark .navbar-toggler-icon {
| + | |
− | background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
| + | |
− | }
| + | |
− |
| + | |
− | .navbar-dark .navbar-text {
| + | |
− | color: rgba(255, 255, 255, 0.55);
| + | |
− | }
| + | |
− |
| + | |
− | .navbar-dark .navbar-text a,
| + | |
− | .navbar-dark .navbar-text a:hover,
| + | |
− | .navbar-dark .navbar-text a:focus {
| + | |
− | color: #fff;
| + | |
− | }
| + | |
− |
| + | |
− | .card {
| + | |
− | position: relative;
| + | |
− | display: flex;
| + | |
− | flex-direction: column;
| + | |
− | min-width: 0;
| + | |
− | word-wrap: break-word;
| + | |
− | background-color: #fff;
| + | |
− | background-clip: border-box;
| + | |
− | border: 1px solid rgba(0, 0, 0, 0.125);
| + | |
− | border-radius: 0.25rem;
| + | |
− | }
| + | |
− |
| + | |
− | .card>hr {
| + | |
− | margin-right: 0;
| + | |
− | margin-left: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .card>.list-group {
| + | |
− | border-top: inherit;
| + | |
− | border-bottom: inherit;
| + | |
− | }
| + | |
− |
| + | |
− | .card>.list-group:first-child {
| + | |
− | border-top-width: 0;
| + | |
− | border-top-left-radius: calc(0.25rem - 1px);
| + | |
− | border-top-right-radius: calc(0.25rem - 1px);
| + | |
− | }
| + | |
− |
| + | |
− | .card>.list-group:last-child {
| + | |
− | border-bottom-width: 0;
| + | |
− | border-bottom-right-radius: calc(0.25rem - 1px);
| + | |
− | border-bottom-left-radius: calc(0.25rem - 1px);
| + | |
− | }
| + | |
− |
| + | |
− | .card>.card-header+.list-group,
| + | |
− | .card>.list-group+.card-footer {
| + | |
− | border-top: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .card-body {
| + | |
− | flex: 1 1 auto;
| + | |
− | padding: 1rem 1rem;
| + | |
− | }
| + | |
− |
| + | |
− | .card-title {
| + | |
− | margin-bottom: 0.5rem;
| + | |
− | }
| + | |
− |
| + | |
− | .card-subtitle {
| + | |
− | margin-top: -0.25rem;
| + | |
− | margin-bottom: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .card-text:last-child {
| + | |
− | margin-bottom: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .card-link:hover {
| + | |
− | text-decoration: none;
| + | |
− | }
| + | |
− |
| + | |
− | .card-link+.card-link {
| + | |
− | margin-left: 1rem;
| + | |
− | }
| + | |
− |
| + | |
− | .card-header {
| + | |
− | padding: 0.5rem 1rem;
| + | |
− | margin-bottom: 0;
| + | |
− | background-color: rgba(0, 0, 0, 0.03);
| + | |
− | border-bottom: 1px solid rgba(0, 0, 0, 0.125);
| + | |
− | }
| + | |
− |
| + | |
− | .card-header:first-child {
| + | |
− | border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
| + | |
− | }
| + | |
− |
| + | |
− | .card-footer {
| + | |
− | padding: 0.5rem 1rem;
| + | |
− | background-color: rgba(0, 0, 0, 0.03);
| + | |
− | border-top: 1px solid rgba(0, 0, 0, 0.125);
| + | |
− | }
| + | |
− |
| + | |
− | .card-footer:last-child {
| + | |
− | border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
| + | |
− | }
| + | |
− |
| + | |
− | .card-header-tabs {
| + | |
− | margin-right: -0.5rem;
| + | |
− | margin-bottom: -0.5rem;
| + | |
− | margin-left: -0.5rem;
| + | |
− | border-bottom: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .card-header-pills {
| + | |
− | margin-right: -0.5rem;
| + | |
− | margin-left: -0.5rem;
| + | |
− | }
| + | |
− |
| + | |
− | .card-img-overlay {
| + | |
− | position: absolute;
| + | |
− | top: 0;
| + | |
− | right: 0;
| + | |
− | bottom: 0;
| + | |
− | left: 0;
| + | |
− | padding: 1rem;
| + | |
− | border-radius: calc(0.25rem - 1px);
| + | |
− | }
| + | |
− |
| + | |
− | .card-img,
| + | |
− | .card-img-top,
| + | |
− | .card-img-bottom {
| + | |
− | width: 100%;
| + | |
− | }
| + | |
− |
| + | |
− | .card-img,
| + | |
− | .card-img-top {
| + | |
− | border-top-left-radius: calc(0.25rem - 1px);
| + | |
− | border-top-right-radius: calc(0.25rem - 1px);
| + | |
− | }
| + | |
− |
| + | |
− | .card-img,
| + | |
− | .card-img-bottom {
| + | |
− | border-bottom-right-radius: calc(0.25rem - 1px);
| + | |
− | border-bottom-left-radius: calc(0.25rem - 1px);
| + | |
− | }
| + | |
− |
| + | |
− | .card-group>.card {
| + | |
− | margin-bottom: 0.75rem;
| + | |
− | }
| + | |
− |
| + | |
− | @media (min-width: 576px) {
| + | |
− | .card-group {
| + | |
− | display: flex;
| + | |
− | flex-flow: row wrap;
| + | |
− | }
| + | |
− | .card-group>.card {
| + | |
− | flex: 1 0 0%;
| + | |
− | margin-bottom: 0;
| + | |
− | }
| + | |
− | .card-group>.card+.card {
| + | |
− | margin-left: 0;
| + | |
− | border-left: 0;
| + | |
− | }
| + | |
− | .card-group>.card:not(:last-child) {
| + | |
− | border-top-right-radius: 0;
| + | |
− | border-bottom-right-radius: 0;
| + | |
− | }
| + | |
− | .card-group>.card:not(:last-child) .card-img-top,
| + | |
− | .card-group>.card:not(:last-child) .card-header {
| + | |
− | border-top-right-radius: 0;
| + | |
− | }
| + | |
− | .card-group>.card:not(:last-child) .card-img-bottom,
| + | |
− | .card-group>.card:not(:last-child) .card-footer {
| + | |
− | border-bottom-right-radius: 0;
| + | |
− | }
| + | |
− | .card-group>.card:not(:first-child) {
| + | |
− | border-top-left-radius: 0;
| + | |
− | border-bottom-left-radius: 0;
| + | |
− | }
| + | |
− | .card-group>.card:not(:first-child) .card-img-top,
| + | |
− | .card-group>.card:not(:first-child) .card-header {
| + | |
− | border-top-left-radius: 0;
| + | |
− | }
| + | |
− | .card-group>.card:not(:first-child) .card-img-bottom,
| + | |
− | .card-group>.card:not(:first-child) .card-footer {
| + | |
− | border-bottom-left-radius: 0;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | .accordion-button {
| + | |
− | position: relative;
| + | |
− | display: flex;
| + | |
− | align-items: center;
| + | |
− | width: 100%;
| + | |
− | padding: 1rem 1.25rem;
| + | |
− | font-size: 1rem;
| + | |
− | color: #212529;
| + | |
− | text-align: left;
| + | |
− | background-color: #fff;
| + | |
− | border: 0;
| + | |
− | border-radius: 0;
| + | |
− | overflow-anchor: none;
| + | |
− | transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
| + | |
− | }
| + | |
− |
| + | |
− | @media (prefers-reduced-motion: reduce) {
| + | |
− | .accordion-button {
| + | |
− | transition: none;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | .accordion-button:not(.collapsed) {
| + | |
− | color: #e6b400;
| + | |
− | background-color: #fffae6;
| + | |
− | box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
| + | |
− | }
| + | |
− |
| + | |
− | .accordion-button:not(.collapsed)::after {
| + | |
− | background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23e6b400'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
| + | |
− | transform: rotate(-180deg);
| + | |
− | }
| + | |
− |
| + | |
− | .accordion-button::after {
| + | |
− | flex-shrink: 0;
| + | |
− | width: 1.25rem;
| + | |
− | height: 1.25rem;
| + | |
− | margin-left: auto;
| + | |
− | content: "";
| + | |
− | background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
| + | |
− | background-repeat: no-repeat;
| + | |
− | background-size: 1.25rem;
| + | |
− | transition: transform 0.2s ease-in-out;
| + | |
− | }
| + | |
− |
| + | |
− | @media (prefers-reduced-motion: reduce) {
| + | |
− | .accordion-button::after {
| + | |
− | transition: none;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | .accordion-button:hover {
| + | |
− | z-index: 2;
| + | |
− | }
| + | |
− |
| + | |
− | .accordion-button:focus {
| + | |
− | z-index: 3;
| + | |
− | border-color: #ffe480;
| + | |
− | outline: 0;
| + | |
− | box-shadow: 0 0 0 0.25rem rgba(255, 200, 0, 0.25);
| + | |
− | }
| + | |
− |
| + | |
− | .accordion-header {
| + | |
− | margin-bottom: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .accordion-item {
| + | |
− | background-color: #fff;
| + | |
− | border: 1px solid rgba(0, 0, 0, 0.125);
| + | |
− | }
| + | |
− |
| + | |
− | .accordion-item:first-of-type {
| + | |
− | border-top-left-radius: 0.25rem;
| + | |
− | border-top-right-radius: 0.25rem;
| + | |
− | }
| + | |
− |
| + | |
− | .accordion-item:first-of-type .accordion-button {
| + | |
− | border-top-left-radius: calc(0.25rem - 1px);
| + | |
− | border-top-right-radius: calc(0.25rem - 1px);
| + | |
− | }
| + | |
− |
| + | |
− | .accordion-item:not(:first-of-type) {
| + | |
− | border-top: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .accordion-item:last-of-type {
| + | |
− | border-bottom-right-radius: 0.25rem;
| + | |
− | border-bottom-left-radius: 0.25rem;
| + | |
− | }
| + | |
− |
| + | |
− | .accordion-item:last-of-type .accordion-button.collapsed {
| + | |
− | border-bottom-right-radius: calc(0.25rem - 1px);
| + | |
− | border-bottom-left-radius: calc(0.25rem - 1px);
| + | |
− | }
| + | |
− |
| + | |
− | .accordion-item:last-of-type .accordion-collapse {
| + | |
− | border-bottom-right-radius: 0.25rem;
| + | |
− | border-bottom-left-radius: 0.25rem;
| + | |
− | }
| + | |
− |
| + | |
− | .accordion-body {
| + | |
− | padding: 1rem 1.25rem;
| + | |
− | }
| + | |
− |
| + | |
− | .accordion-flush .accordion-collapse {
| + | |
− | border-width: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .accordion-flush .accordion-item {
| + | |
− | border-right: 0;
| + | |
− | border-left: 0;
| + | |
− | border-radius: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .accordion-flush .accordion-item:first-child {
| + | |
− | border-top: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .accordion-flush .accordion-item:last-child {
| + | |
− | border-bottom: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .accordion-flush .accordion-item .accordion-button {
| + | |
− | border-radius: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .breadcrumb {
| + | |
− | display: flex;
| + | |
− | flex-wrap: wrap;
| + | |
− | padding: 0 0;
| + | |
− | margin-bottom: 1rem;
| + | |
− | list-style: none;
| + | |
− | }
| + | |
− |
| + | |
− | .breadcrumb-item+.breadcrumb-item {
| + | |
− | padding-left: 0.5rem;
| + | |
− | }
| + | |
− |
| + | |
− | .breadcrumb-item+.breadcrumb-item::before {
| + | |
− | float: left;
| + | |
− | padding-right: 0.5rem;
| + | |
− | color: #6c757d;
| + | |
− | content: var(--bs-breadcrumb-divider, "/")/* rtl: var(--bs-breadcrumb-divider, "/") */
| + | |
− | ;
| + | |
− | }
| + | |
− |
| + | |
− | .breadcrumb-item.active {
| + | |
− | color: #6c757d;
| + | |
− | }
| + | |
− |
| + | |
− | .pagination {
| + | |
− | display: flex;
| + | |
− | padding-left: 0;
| + | |
− | list-style: none;
| + | |
− | }
| + | |
− |
| + | |
− | .page-link {
| + | |
− | position: relative;
| + | |
− | display: block;
| + | |
− | color: #ffc800;
| + | |
− | text-decoration: none;
| + | |
− | background-color: #fff;
| + | |
− | border: 1px solid #dee2e6;
| + | |
− | transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
| + | |
− | }
| + | |
− |
| + | |
− | @media (prefers-reduced-motion: reduce) {
| + | |
− | .page-link {
| + | |
− | transition: none;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | .page-link:hover {
| + | |
− | z-index: 2;
| + | |
− | color: #cca000;
| + | |
− | background-color: #e9ecef;
| + | |
− | border-color: #dee2e6;
| + | |
− | }
| + | |
− |
| + | |
− | .page-link:focus {
| + | |
− | z-index: 3;
| + | |
− | color: #cca000;
| + | |
− | background-color: #e9ecef;
| + | |
− | outline: 0;
| + | |
− | box-shadow: 0 0 0 0.25rem rgba(255, 200, 0, 0.25);
| + | |
− | }
| + | |
− |
| + | |
− | .page-item:not(:first-child) .page-link {
| + | |
− | margin-left: -1px;
| + | |
− | }
| + | |
− |
| + | |
− | .page-item.active .page-link {
| + | |
− | z-index: 3;
| + | |
− | color: #fff;
| + | |
− | background-color: #ffc800;
| + | |
− | border-color: #ffc800;
| + | |
− | }
| + | |
− |
| + | |
− | .page-item.disabled .page-link {
| + | |
− | color: #6c757d;
| + | |
− | pointer-events: none;
| + | |
− | background-color: #fff;
| + | |
− | border-color: #dee2e6;
| + | |
− | }
| + | |
− |
| + | |
− | .page-link {
| + | |
− | padding: 0.375rem 0.75rem;
| + | |
− | }
| + | |
− |
| + | |
− | .page-item:first-child .page-link {
| + | |
− | border-top-left-radius: 0.25rem;
| + | |
− | border-bottom-left-radius: 0.25rem;
| + | |
− | }
| + | |
− |
| + | |
− | .page-item:last-child .page-link {
| + | |
− | border-top-right-radius: 0.25rem;
| + | |
− | border-bottom-right-radius: 0.25rem;
| + | |
− | }
| + | |
− |
| + | |
− | .pagination-lg .page-link {
| + | |
− | padding: 0.75rem 1.5rem;
| + | |
− | font-size: 1.25rem;
| + | |
− | }
| + | |
− |
| + | |
− | .pagination-lg .page-item:first-child .page-link {
| + | |
− | border-top-left-radius: 0.3rem;
| + | |
− | border-bottom-left-radius: 0.3rem;
| + | |
− | }
| + | |
− |
| + | |
− | .pagination-lg .page-item:last-child .page-link {
| + | |
− | border-top-right-radius: 0.3rem;
| + | |
− | border-bottom-right-radius: 0.3rem;
| + | |
− | }
| + | |
− |
| + | |
− | .pagination-sm .page-link {
| + | |
− | padding: 0.25rem 0.5rem;
| + | |
− | font-size: 0.875rem;
| + | |
− | }
| + | |
− |
| + | |
− | .pagination-sm .page-item:first-child .page-link {
| + | |
− | border-top-left-radius: 0.2rem;
| + | |
− | border-bottom-left-radius: 0.2rem;
| + | |
− | }
| + | |
− |
| + | |
− | .pagination-sm .page-item:last-child .page-link {
| + | |
− | border-top-right-radius: 0.2rem;
| + | |
− | border-bottom-right-radius: 0.2rem;
| + | |
− | }
| + | |
− |
| + | |
− | .badge {
| + | |
− | display: inline-block;
| + | |
− | padding: 0.35em 0.65em;
| + | |
− | font-size: 0.75em;
| + | |
− | font-weight: 700;
| + | |
− | line-height: 1;
| + | |
− | color: #fff;
| + | |
− | text-align: center;
| + | |
− | white-space: nowrap;
| + | |
− | vertical-align: baseline;
| + | |
− | border-radius: 0.25rem;
| + | |
− | }
| + | |
− |
| + | |
− | .badge:empty {
| + | |
− | display: none;
| + | |
− | }
| + | |
− |
| + | |
− | .btn .badge {
| + | |
− | position: relative;
| + | |
− | top: -1px;
| + | |
− | }
| + | |
− |
| + | |
− | .alert {
| + | |
− | position: relative;
| + | |
− | padding: 1rem 1rem;
| + | |
− | margin-bottom: 1rem;
| + | |
− | border: 1px solid transparent;
| + | |
− | border-radius: 0.25rem;
| + | |
− | }
| + | |
− |
| + | |
− | .alert-heading {
| + | |
− | color: inherit;
| + | |
− | }
| + | |
− |
| + | |
− | .alert-link {
| + | |
− | font-weight: 700;
| + | |
− | }
| + | |
− |
| + | |
− | .alert-dismissible {
| + | |
− | padding-right: 3rem;
| + | |
− | }
| + | |
− |
| + | |
− | .alert-dismissible .btn-close {
| + | |
− | position: absolute;
| + | |
− | top: 0;
| + | |
− | right: 0;
| + | |
− | z-index: 2;
| + | |
− | padding: 1.25rem 1rem;
| + | |
− | }
| + | |
− |
| + | |
− | .alert-primary {
| + | |
− | color: #997800;
| + | |
− | background-color: #fff4cc;
| + | |
− | border-color: #ffefb3;
| + | |
− | }
| + | |
− |
| + | |
− | .alert-primary .alert-link {
| + | |
− | color: #7a6000;
| + | |
− | }
| + | |
− |
| + | |
− | .alert-secondary {
| + | |
− | color: #41464b;
| + | |
− | background-color: #e2e3e5;
| + | |
− | border-color: #d3d6d8;
| + | |
− | }
| + | |
− |
| + | |
− | .alert-secondary .alert-link {
| + | |
− | color: #34383c;
| + | |
− | }
| + | |
− |
| + | |
− | .alert-success {
| + | |
− | color: #0f5132;
| + | |
− | background-color: #d1e7dd;
| + | |
− | border-color: #badbcc;
| + | |
− | }
| + | |
− |
| + | |
− | .alert-success .alert-link {
| + | |
− | color: #0c4128;
| + | |
− | }
| + | |
− |
| + | |
− | .alert-info {
| + | |
− | color: #087990;
| + | |
− | background-color: #cff4fc;
| + | |
− | border-color: #b6effb;
| + | |
− | }
| + | |
− |
| + | |
− | .alert-info .alert-link {
| + | |
− | color: #066173;
| + | |
− | }
| + | |
− |
| + | |
− | .alert-warning {
| + | |
− | color: #997800;
| + | |
− | background-color: #fff4cc;
| + | |
− | border-color: #ffefb3;
| + | |
− | }
| + | |
− |
| + | |
− | .alert-warning .alert-link {
| + | |
− | color: #7a6000;
| + | |
− | }
| + | |
− |
| + | |
− | .alert-danger {
| + | |
− | color: #842029;
| + | |
− | background-color: #f8d7da;
| + | |
− | border-color: #f5c2c7;
| + | |
− | }
| + | |
− |
| + | |
− | .alert-danger .alert-link {
| + | |
− | color: #6a1a21;
| + | |
− | }
| + | |
− |
| + | |
− | .alert-light {
| + | |
− | color: #959596;
| + | |
− | background-color: #fefefe;
| + | |
− | border-color: #fdfdfe;
| + | |
− | }
| + | |
− |
| + | |
− | .alert-light .alert-link {
| + | |
− | color: #777778;
| + | |
− | }
| + | |
− |
| + | |
− | .alert-dark {
| + | |
− | color: #141619;
| + | |
− | background-color: #d3d3d4;
| + | |
− | border-color: #bcbebf;
| + | |
− | }
| + | |
− |
| + | |
− | .alert-dark .alert-link {
| + | |
− | color: #101214;
| + | |
− | }
| + | |
− |
| + | |
− | @-webkit-keyframes progress-bar-stripes {
| + | |
− | 0% {
| + | |
− | background-position-x: 1rem;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | @keyframes progress-bar-stripes {
| + | |
− | 0% {
| + | |
− | background-position-x: 1rem;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | .progress {
| + | |
− | display: flex;
| + | |
− | height: 1rem;
| + | |
− | overflow: hidden;
| + | |
− | font-size: 0.75rem;
| + | |
− | background-color: #e9ecef;
| + | |
− | border-radius: 0.25rem;
| + | |
− | }
| + | |
− |
| + | |
− | .progress-bar {
| + | |
− | display: flex;
| + | |
− | flex-direction: column;
| + | |
− | justify-content: center;
| + | |
− | overflow: hidden;
| + | |
− | color: #fff;
| + | |
− | text-align: center;
| + | |
− | white-space: nowrap;
| + | |
− | background-color: #ffc800;
| + | |
− | transition: width 0.6s ease;
| + | |
− | }
| + | |
− |
| + | |
− | @media (prefers-reduced-motion: reduce) {
| + | |
− | .progress-bar {
| + | |
− | transition: none;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | .progress-bar-striped {
| + | |
− | background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
| + | |
− | background-size: 1rem 1rem;
| + | |
− | }
| + | |
− |
| + | |
− | .progress-bar-animated {
| + | |
− | -webkit-animation: 1s linear infinite progress-bar-stripes;
| + | |
− | animation: 1s linear infinite progress-bar-stripes;
| + | |
− | }
| + | |
− |
| + | |
− | @media (prefers-reduced-motion: reduce) {
| + | |
− | .progress-bar-animated {
| + | |
− | -webkit-animation: none;
| + | |
− | animation: none;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | .list-group {
| + | |
− | display: flex;
| + | |
− | flex-direction: column;
| + | |
− | padding-left: 0;
| + | |
− | margin-bottom: 0;
| + | |
− | border-radius: 0.25rem;
| + | |
− | }
| + | |
− |
| + | |
− | .list-group-numbered {
| + | |
− | list-style-type: none;
| + | |
− | counter-reset: section;
| + | |
− | }
| + | |
− |
| + | |
− | .list-group-numbered>li::before {
| + | |
− | content: counters(section, ".") ". ";
| + | |
− | counter-increment: section;
| + | |
− | }
| + | |
− |
| + | |
− | .list-group-item-action {
| + | |
− | width: 100%;
| + | |
− | color: #495057;
| + | |
− | text-align: inherit;
| + | |
− | }
| + | |
− |
| + | |
− | .list-group-item-action:hover,
| + | |
− | .list-group-item-action:focus {
| + | |
− | z-index: 1;
| + | |
− | color: #495057;
| + | |
− | text-decoration: none;
| + | |
− | background-color: #f8f9fa;
| + | |
− | }
| + | |
− |
| + | |
− | .list-group-item-action:active {
| + | |
− | color: #212529;
| + | |
− | background-color: #e9ecef;
| + | |
− | }
| + | |
− |
| + | |
− | .list-group-item {
| + | |
− | position: relative;
| + | |
− | display: block;
| + | |
− | padding: 0.5rem 1rem;
| + | |
− | color: #212529;
| + | |
− | text-decoration: none;
| + | |
− | background-color: #fff;
| + | |
− | border: 1px solid rgba(0, 0, 0, 0.125);
| + | |
− | }
| + | |
− |
| + | |
− | .list-group-item:first-child {
| + | |
− | border-top-left-radius: inherit;
| + | |
− | border-top-right-radius: inherit;
| + | |
− | }
| + | |
− |
| + | |
− | .list-group-item:last-child {
| + | |
− | border-bottom-right-radius: inherit;
| + | |
− | border-bottom-left-radius: inherit;
| + | |
− | }
| + | |
− |
| + | |
− | .list-group-item.disabled,
| + | |
− | .list-group-item:disabled {
| + | |
− | color: #6c757d;
| + | |
− | pointer-events: none;
| + | |
− | background-color: #fff;
| + | |
− | }
| + | |
− |
| + | |
− | .list-group-item.active {
| + | |
− | z-index: 2;
| + | |
− | color: #fff;
| + | |
− | background-color: #ffc800;
| + | |
− | border-color: #ffc800;
| + | |
− | }
| + | |
− |
| + | |
− | .list-group-item+.list-group-item {
| + | |
− | border-top-width: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .list-group-item+.list-group-item.active {
| + | |
− | margin-top: -1px;
| + | |
− | border-top-width: 1px;
| + | |
− | }
| + | |
− |
| + | |
− | .list-group-horizontal {
| + | |
− | flex-direction: row;
| + | |
− | }
| + | |
− |
| + | |
− | .list-group-horizontal>.list-group-item:first-child {
| + | |
− | border-bottom-left-radius: 0.25rem;
| + | |
− | border-top-right-radius: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .list-group-horizontal>.list-group-item:last-child {
| + | |
− | border-top-right-radius: 0.25rem;
| + | |
− | border-bottom-left-radius: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .list-group-horizontal>.list-group-item.active {
| + | |
− | margin-top: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .list-group-horizontal>.list-group-item+.list-group-item {
| + | |
− | border-top-width: 1px;
| + | |
− | border-left-width: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .list-group-horizontal>.list-group-item+.list-group-item.active {
| + | |
− | margin-left: -1px;
| + | |
− | border-left-width: 1px;
| + | |
− | }
| + | |
− |
| + | |
− | @media (min-width: 576px) {
| + | |
− | .list-group-horizontal-sm {
| + | |
− | flex-direction: row;
| + | |
− | }
| + | |
− | .list-group-horizontal-sm>.list-group-item:first-child {
| + | |
− | border-bottom-left-radius: 0.25rem;
| + | |
− | border-top-right-radius: 0;
| + | |
− | }
| + | |
− | .list-group-horizontal-sm>.list-group-item:last-child {
| + | |
− | border-top-right-radius: 0.25rem;
| + | |
− | border-bottom-left-radius: 0;
| + | |
− | }
| + | |
− | .list-group-horizontal-sm>.list-group-item.active {
| + | |
− | margin-top: 0;
| + | |
− | }
| + | |
− | .list-group-horizontal-sm>.list-group-item+.list-group-item {
| + | |
− | border-top-width: 1px;
| + | |
− | border-left-width: 0;
| + | |
− | }
| + | |
− | .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
| + | |
− | margin-left: -1px;
| + | |
− | border-left-width: 1px;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | @media (min-width: 768px) {
| + | |
− | .list-group-horizontal-md {
| + | |
− | flex-direction: row;
| + | |
− | }
| + | |
− | .list-group-horizontal-md>.list-group-item:first-child {
| + | |
− | border-bottom-left-radius: 0.25rem;
| + | |
− | border-top-right-radius: 0;
| + | |
− | }
| + | |
− | .list-group-horizontal-md>.list-group-item:last-child {
| + | |
− | border-top-right-radius: 0.25rem;
| + | |
− | border-bottom-left-radius: 0;
| + | |
− | }
| + | |
− | .list-group-horizontal-md>.list-group-item.active {
| + | |
− | margin-top: 0;
| + | |
− | }
| + | |
− | .list-group-horizontal-md>.list-group-item+.list-group-item {
| + | |
− | border-top-width: 1px;
| + | |
− | border-left-width: 0;
| + | |
− | }
| + | |
− | .list-group-horizontal-md>.list-group-item+.list-group-item.active {
| + | |
− | margin-left: -1px;
| + | |
− | border-left-width: 1px;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | @media (min-width: 992px) {
| + | |
− | .list-group-horizontal-lg {
| + | |
− | flex-direction: row;
| + | |
− | }
| + | |
− | .list-group-horizontal-lg>.list-group-item:first-child {
| + | |
− | border-bottom-left-radius: 0.25rem;
| + | |
− | border-top-right-radius: 0;
| + | |
− | }
| + | |
− | .list-group-horizontal-lg>.list-group-item:last-child {
| + | |
− | border-top-right-radius: 0.25rem;
| + | |
− | border-bottom-left-radius: 0;
| + | |
− | }
| + | |
− | .list-group-horizontal-lg>.list-group-item.active {
| + | |
− | margin-top: 0;
| + | |
− | }
| + | |
− | .list-group-horizontal-lg>.list-group-item+.list-group-item {
| + | |
− | border-top-width: 1px;
| + | |
− | border-left-width: 0;
| + | |
− | }
| + | |
− | .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
| + | |
− | margin-left: -1px;
| + | |
− | border-left-width: 1px;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | @media (min-width: 1200px) {
| + | |
− | .list-group-horizontal-xl {
| + | |
− | flex-direction: row;
| + | |
− | }
| + | |
− | .list-group-horizontal-xl>.list-group-item:first-child {
| + | |
− | border-bottom-left-radius: 0.25rem;
| + | |
− | border-top-right-radius: 0;
| + | |
− | }
| + | |
− | .list-group-horizontal-xl>.list-group-item:last-child {
| + | |
− | border-top-right-radius: 0.25rem;
| + | |
− | border-bottom-left-radius: 0;
| + | |
− | }
| + | |
− | .list-group-horizontal-xl>.list-group-item.active {
| + | |
− | margin-top: 0;
| + | |
− | }
| + | |
− | .list-group-horizontal-xl>.list-group-item+.list-group-item {
| + | |
− | border-top-width: 1px;
| + | |
− | border-left-width: 0;
| + | |
− | }
| + | |
− | .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
| + | |
− | margin-left: -1px;
| + | |
− | border-left-width: 1px;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | @media (min-width: 1400px) {
| + | |
− | .list-group-horizontal-xxl {
| + | |
− | flex-direction: row;
| + | |
− | }
| + | |
− | .list-group-horizontal-xxl>.list-group-item:first-child {
| + | |
− | border-bottom-left-radius: 0.25rem;
| + | |
− | border-top-right-radius: 0;
| + | |
− | }
| + | |
− | .list-group-horizontal-xxl>.list-group-item:last-child {
| + | |
− | border-top-right-radius: 0.25rem;
| + | |
− | border-bottom-left-radius: 0;
| + | |
− | }
| + | |
− | .list-group-horizontal-xxl>.list-group-item.active {
| + | |
− | margin-top: 0;
| + | |
− | }
| + | |
− | .list-group-horizontal-xxl>.list-group-item+.list-group-item {
| + | |
− | border-top-width: 1px;
| + | |
− | border-left-width: 0;
| + | |
− | }
| + | |
− | .list-group-horizontal-xxl>.list-group-item+.list-group-item.active {
| + | |
− | margin-left: -1px;
| + | |
− | border-left-width: 1px;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | .list-group-flush {
| + | |
− | border-radius: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .list-group-flush>.list-group-item {
| + | |
− | border-width: 0 0 1px;
| + | |
− | }
| + | |
− |
| + | |
− | .list-group-flush>.list-group-item:last-child {
| + | |
− | border-bottom-width: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .list-group-item-primary {
| + | |
− | color: #997800;
| + | |
− | background-color: #fff4cc;
| + | |
− | }
| + | |
− |
| + | |
− | .list-group-item-primary.list-group-item-action:hover,
| + | |
− | .list-group-item-primary.list-group-item-action:focus {
| + | |
− | color: #997800;
| + | |
− | background-color: #e6dcb8;
| + | |
− | }
| + | |
− |
| + | |
− | .list-group-item-primary.list-group-item-action.active {
| + | |
− | color: #fff;
| + | |
− | background-color: #997800;
| + | |
− | border-color: #997800;
| + | |
− | }
| + | |
− |
| + | |
− | .list-group-item-secondary {
| + | |
− | color: #41464b;
| + | |
− | background-color: #e2e3e5;
| + | |
− | }
| + | |
− |
| + | |
− | .list-group-item-secondary.list-group-item-action:hover,
| + | |
− | .list-group-item-secondary.list-group-item-action:focus {
| + | |
− | color: #41464b;
| + | |
− | background-color: #cbccce;
| + | |
− | }
| + | |
− |
| + | |
− | .list-group-item-secondary.list-group-item-action.active {
| + | |
− | color: #fff;
| + | |
− | background-color: #41464b;
| + | |
− | border-color: #41464b;
| + | |
− | }
| + | |
− |
| + | |
− | .list-group-item-success {
| + | |
− | color: #0f5132;
| + | |
− | background-color: #d1e7dd;
| + | |
− | }
| + | |
− |
| + | |
− | .list-group-item-success.list-group-item-action:hover,
| + | |
− | .list-group-item-success.list-group-item-action:focus {
| + | |
− | color: #0f5132;
| + | |
− | background-color: #bcd0c7;
| + | |
− | }
| + | |
− |
| + | |
− | .list-group-item-success.list-group-item-action.active {
| + | |
− | color: #fff;
| + | |
− | background-color: #0f5132;
| + | |
− | border-color: #0f5132;
| + | |
− | }
| + | |
− |
| + | |
− | .list-group-item-info {
| + | |
− | color: #087990;
| + | |
− | background-color: #cff4fc;
| + | |
− | }
| + | |
− |
| + | |
− | .list-group-item-info.list-group-item-action:hover,
| + | |
− | .list-group-item-info.list-group-item-action:focus {
| + | |
− | color: #087990;
| + | |
− | background-color: #badce3;
| + | |
− | }
| + | |
− |
| + | |
− | .list-group-item-info.list-group-item-action.active {
| + | |
− | color: #fff;
| + | |
− | background-color: #087990;
| + | |
− | border-color: #087990;
| + | |
− | }
| + | |
− |
| + | |
− | .list-group-item-warning {
| + | |
− | color: #997800;
| + | |
− | background-color: #fff4cc;
| + | |
− | }
| + | |
− |
| + | |
− | .list-group-item-warning.list-group-item-action:hover,
| + | |
− | .list-group-item-warning.list-group-item-action:focus {
| + | |
− | color: #997800;
| + | |
− | background-color: #e6dcb8;
| + | |
− | }
| + | |
− |
| + | |
− | .list-group-item-warning.list-group-item-action.active {
| + | |
− | color: #fff;
| + | |
− | background-color: #997800;
| + | |
− | border-color: #997800;
| + | |
− | }
| + | |
− |
| + | |
− | .list-group-item-danger {
| + | |
− | color: #842029;
| + | |
− | background-color: #f8d7da;
| + | |
− | }
| + | |
− |
| + | |
− | .list-group-item-danger.list-group-item-action:hover,
| + | |
− | .list-group-item-danger.list-group-item-action:focus {
| + | |
− | color: #842029;
| + | |
− | background-color: #dfc2c4;
| + | |
− | }
| + | |
− |
| + | |
− | .list-group-item-danger.list-group-item-action.active {
| + | |
− | color: #fff;
| + | |
− | background-color: #842029;
| + | |
− | border-color: #842029;
| + | |
− | }
| + | |
− |
| + | |
− | .list-group-item-light {
| + | |
− | color: #959596;
| + | |
− | background-color: #fefefe;
| + | |
− | }
| + | |
− |
| + | |
− | .list-group-item-light.list-group-item-action:hover,
| + | |
− | .list-group-item-light.list-group-item-action:focus {
| + | |
− | color: #959596;
| + | |
− | background-color: #e5e5e5;
| + | |
− | }
| + | |
− |
| + | |
− | .list-group-item-light.list-group-item-action.active {
| + | |
− | color: #fff;
| + | |
− | background-color: #959596;
| + | |
− | border-color: #959596;
| + | |
− | }
| + | |
− |
| + | |
− | .list-group-item-dark {
| + | |
− | color: #141619;
| + | |
− | background-color: #d3d3d4;
| + | |
− | }
| + | |
− |
| + | |
− | .list-group-item-dark.list-group-item-action:hover,
| + | |
− | .list-group-item-dark.list-group-item-action:focus {
| + | |
− | color: #141619;
| + | |
− | background-color: #bebebf;
| + | |
− | }
| + | |
− |
| + | |
− | .list-group-item-dark.list-group-item-action.active {
| + | |
− | color: #fff;
| + | |
− | background-color: #141619;
| + | |
− | border-color: #141619;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-close {
| + | |
− | box-sizing: content-box;
| + | |
− | width: 1em;
| + | |
− | height: 1em;
| + | |
− | padding: 0.25em 0.25em;
| + | |
− | color: #000;
| + | |
− | background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
| + | |
− | border: 0;
| + | |
− | border-radius: 0.25rem;
| + | |
− | opacity: 0.5;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-close:hover {
| + | |
− | color: #000;
| + | |
− | text-decoration: none;
| + | |
− | opacity: 0.75;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-close:focus {
| + | |
− | outline: 0;
| + | |
− | box-shadow: 0 0 0 0.25rem rgba(255, 200, 0, 0.25);
| + | |
− | opacity: 1;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-close:disabled,
| + | |
− | .btn-close.disabled {
| + | |
− | pointer-events: none;
| + | |
− | -webkit-user-select: none;
| + | |
− | -moz-user-select: none;
| + | |
− | -ms-user-select: none;
| + | |
− | user-select: none;
| + | |
− | opacity: 0.25;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-close-white {
| + | |
− | filter: invert(1) grayscale(100%) brightness(200%);
| + | |
− | }
| + | |
− |
| + | |
− | .toast {
| + | |
− | width: 350px;
| + | |
− | max-width: 100%;
| + | |
− | font-size: 0.875rem;
| + | |
− | pointer-events: auto;
| + | |
− | background-color: rgba(255, 255, 255, 0.85);
| + | |
− | background-clip: padding-box;
| + | |
− | border: 1px solid rgba(0, 0, 0, 0.1);
| + | |
− | box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
| + | |
− | border-radius: 0.25rem;
| + | |
− | }
| + | |
− |
| + | |
− | .toast:not(.showing):not(.show) {
| + | |
− | opacity: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .toast.hide {
| + | |
− | display: none;
| + | |
− | }
| + | |
− |
| + | |
− | .toast-container {
| + | |
− | width: -webkit-max-content;
| + | |
− | width: -moz-max-content;
| + | |
− | width: max-content;
| + | |
− | max-width: 100%;
| + | |
− | pointer-events: none;
| + | |
− | }
| + | |
− |
| + | |
− | .toast-container> :not(:last-child) {
| + | |
− | margin-bottom: 0.75rem;
| + | |
− | }
| + | |
− |
| + | |
− | .toast-header {
| + | |
− | display: flex;
| + | |
− | align-items: center;
| + | |
− | padding: 0.5rem 0.75rem;
| + | |
− | color: #6c757d;
| + | |
− | background-color: rgba(255, 255, 255, 0.85);
| + | |
− | background-clip: padding-box;
| + | |
− | border-bottom: 1px solid rgba(0, 0, 0, 0.05);
| + | |
− | border-top-left-radius: calc(0.25rem - 1px);
| + | |
− | border-top-right-radius: calc(0.25rem - 1px);
| + | |
− | }
| + | |
− |
| + | |
− | .toast-header .btn-close {
| + | |
− | margin-right: -0.375rem;
| + | |
− | margin-left: 0.75rem;
| + | |
− | }
| + | |
− |
| + | |
− | .toast-body {
| + | |
− | padding: 0.75rem;
| + | |
− | word-wrap: break-word;
| + | |
− | }
| + | |
− |
| + | |
− | .modal {
| + | |
− | position: fixed;
| + | |
− | top: 0;
| + | |
− | left: 0;
| + | |
− | z-index: 1060;
| + | |
− | display: none;
| + | |
− | width: 100%;
| + | |
− | height: 100%;
| + | |
− | overflow-x: hidden;
| + | |
− | overflow-y: auto;
| + | |
− | outline: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .modal-dialog {
| + | |
− | position: relative;
| + | |
− | width: auto;
| + | |
− | margin: 0.5rem;
| + | |
− | pointer-events: none;
| + | |
− | }
| + | |
− |
| + | |
− | .modal.fade .modal-dialog {
| + | |
− | transition: transform 0.3s ease-out;
| + | |
− | transform: translate(0, -50px);
| + | |
− | }
| + | |
− |
| + | |
− | @media (prefers-reduced-motion: reduce) {
| + | |
− | .modal.fade .modal-dialog {
| + | |
− | transition: none;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | .modal.show .modal-dialog {
| + | |
− | transform: none;
| + | |
− | }
| + | |
− |
| + | |
− | .modal.modal-static .modal-dialog {
| + | |
− | transform: scale(1.02);
| + | |
− | }
| + | |
− |
| + | |
− | .modal-dialog-scrollable {
| + | |
− | height: calc(100% - 1rem);
| + | |
− | }
| + | |
− |
| + | |
− | .modal-dialog-scrollable .modal-content {
| + | |
− | max-height: 100%;
| + | |
− | overflow: hidden;
| + | |
− | }
| + | |
− |
| + | |
− | .modal-dialog-scrollable .modal-body {
| + | |
− | overflow-y: auto;
| + | |
− | }
| + | |
− |
| + | |
− | .modal-dialog-centered {
| + | |
− | display: flex;
| + | |
− | align-items: center;
| + | |
− | min-height: calc(100% - 1rem);
| + | |
− | }
| + | |
− |
| + | |
− | .modal-content {
| + | |
− | position: relative;
| + | |
− | display: flex;
| + | |
− | flex-direction: column;
| + | |
− | width: 100%;
| + | |
− | pointer-events: auto;
| + | |
− | background-color: #fff;
| + | |
− | background-clip: padding-box;
| + | |
− | border: 1px solid rgba(0, 0, 0, 0.2);
| + | |
− | border-radius: 0.3rem;
| + | |
− | outline: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .modal-backdrop {
| + | |
− | position: fixed;
| + | |
− | top: 0;
| + | |
− | left: 0;
| + | |
− | z-index: 1040;
| + | |
− | width: 100vw;
| + | |
− | height: 100vh;
| + | |
− | background-color: #000;
| + | |
− | }
| + | |
− |
| + | |
− | .modal-backdrop.fade {
| + | |
− | opacity: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .modal-backdrop.show {
| + | |
− | opacity: 0.5;
| + | |
− | }
| + | |
− |
| + | |
− | .modal-header {
| + | |
− | display: flex;
| + | |
− | flex-shrink: 0;
| + | |
− | align-items: center;
| + | |
− | justify-content: space-between;
| + | |
− | padding: 1rem 1rem;
| + | |
− | border-bottom: 1px solid #dee2e6;
| + | |
− | border-top-left-radius: calc(0.3rem - 1px);
| + | |
− | border-top-right-radius: calc(0.3rem - 1px);
| + | |
− | }
| + | |
− |
| + | |
− | .modal-header .btn-close {
| + | |
− | padding: 0.5rem 0.5rem;
| + | |
− | margin: -0.5rem -0.5rem -0.5rem auto;
| + | |
− | }
| + | |
− |
| + | |
− | .modal-title {
| + | |
− | margin-bottom: 0;
| + | |
− | line-height: 1.5;
| + | |
− | }
| + | |
− |
| + | |
− | .modal-body {
| + | |
− | position: relative;
| + | |
− | flex: 1 1 auto;
| + | |
− | padding: 1rem;
| + | |
− | }
| + | |
− |
| + | |
− | .modal-footer {
| + | |
− | display: flex;
| + | |
− | flex-wrap: wrap;
| + | |
− | flex-shrink: 0;
| + | |
− | align-items: center;
| + | |
− | justify-content: flex-end;
| + | |
− | padding: 0.75rem;
| + | |
− | border-top: 1px solid #dee2e6;
| + | |
− | border-bottom-right-radius: calc(0.3rem - 1px);
| + | |
− | border-bottom-left-radius: calc(0.3rem - 1px);
| + | |
− | }
| + | |
− |
| + | |
− | .modal-footer>* {
| + | |
− | margin: 0.25rem;
| + | |
− | }
| + | |
− |
| + | |
− | @media (min-width: 576px) {
| + | |
− | .modal-dialog {
| + | |
− | max-width: 500px;
| + | |
− | margin: 1.75rem auto;
| + | |
− | }
| + | |
− | .modal-dialog-scrollable {
| + | |
− | height: calc(100% - 3.5rem);
| + | |
− | }
| + | |
− | .modal-dialog-centered {
| + | |
− | min-height: calc(100% - 3.5rem);
| + | |
− | }
| + | |
− | .modal-sm {
| + | |
− | max-width: 300px;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | @media (min-width: 992px) {
| + | |
− | .modal-lg,
| + | |
− | .modal-xl {
| + | |
− | max-width: 800px;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | @media (min-width: 1200px) {
| + | |
− | .modal-xl {
| + | |
− | max-width: 1140px;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | .modal-fullscreen {
| + | |
− | width: 100vw;
| + | |
− | max-width: none;
| + | |
− | height: 100%;
| + | |
− | margin: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .modal-fullscreen .modal-content {
| + | |
− | height: 100%;
| + | |
− | border: 0;
| + | |
− | border-radius: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .modal-fullscreen .modal-header {
| + | |
− | border-radius: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .modal-fullscreen .modal-body {
| + | |
− | overflow-y: auto;
| + | |
− | }
| + | |
− |
| + | |
− | .modal-fullscreen .modal-footer {
| + | |
− | border-radius: 0;
| + | |
− | }
| + | |
− |
| + | |
− | @media (max-width: 575.98px) {
| + | |
− | .modal-fullscreen-sm-down {
| + | |
− | width: 100vw;
| + | |
− | max-width: none;
| + | |
− | height: 100%;
| + | |
− | margin: 0;
| + | |
− | }
| + | |
− | .modal-fullscreen-sm-down .modal-content {
| + | |
− | height: 100%;
| + | |
− | border: 0;
| + | |
− | border-radius: 0;
| + | |
− | }
| + | |
− | .modal-fullscreen-sm-down .modal-header {
| + | |
− | border-radius: 0;
| + | |
− | }
| + | |
− | .modal-fullscreen-sm-down .modal-body {
| + | |
− | overflow-y: auto;
| + | |
− | }
| + | |
− | .modal-fullscreen-sm-down .modal-footer {
| + | |
− | border-radius: 0;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | @media (max-width: 767.98px) {
| + | |
− | .modal-fullscreen-md-down {
| + | |
− | width: 100vw;
| + | |
− | max-width: none;
| + | |
− | height: 100%;
| + | |
− | margin: 0;
| + | |
− | }
| + | |
− | .modal-fullscreen-md-down .modal-content {
| + | |
− | height: 100%;
| + | |
− | border: 0;
| + | |
− | border-radius: 0;
| + | |
− | }
| + | |
− | .modal-fullscreen-md-down .modal-header {
| + | |
− | border-radius: 0;
| + | |
− | }
| + | |
− | .modal-fullscreen-md-down .modal-body {
| + | |
− | overflow-y: auto;
| + | |
− | }
| + | |
− | .modal-fullscreen-md-down .modal-footer {
| + | |
− | border-radius: 0;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | @media (max-width: 991.98px) {
| + | |
− | .modal-fullscreen-lg-down {
| + | |
− | width: 100vw;
| + | |
− | max-width: none;
| + | |
− | height: 100%;
| + | |
− | margin: 0;
| + | |
− | }
| + | |
− | .modal-fullscreen-lg-down .modal-content {
| + | |
− | height: 100%;
| + | |
− | border: 0;
| + | |
− | border-radius: 0;
| + | |
− | }
| + | |
− | .modal-fullscreen-lg-down .modal-header {
| + | |
− | border-radius: 0;
| + | |
− | }
| + | |
− | .modal-fullscreen-lg-down .modal-body {
| + | |
− | overflow-y: auto;
| + | |
− | }
| + | |
− | .modal-fullscreen-lg-down .modal-footer {
| + | |
− | border-radius: 0;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | @media (max-width: 1199.98px) {
| + | |
− | .modal-fullscreen-xl-down {
| + | |
− | width: 100vw;
| + | |
− | max-width: none;
| + | |
− | height: 100%;
| + | |
− | margin: 0;
| + | |
− | }
| + | |
− | .modal-fullscreen-xl-down .modal-content {
| + | |
− | height: 100%;
| + | |
− | border: 0;
| + | |
− | border-radius: 0;
| + | |
− | }
| + | |
− | .modal-fullscreen-xl-down .modal-header {
| + | |
− | border-radius: 0;
| + | |
− | }
| + | |
− | .modal-fullscreen-xl-down .modal-body {
| + | |
− | overflow-y: auto;
| + | |
− | }
| + | |
− | .modal-fullscreen-xl-down .modal-footer {
| + | |
− | border-radius: 0;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | @media (max-width: 1399.98px) {
| + | |
− | .modal-fullscreen-xxl-down {
| + | |
− | width: 100vw;
| + | |
− | max-width: none;
| + | |
− | height: 100%;
| + | |
− | margin: 0;
| + | |
− | }
| + | |
− | .modal-fullscreen-xxl-down .modal-content {
| + | |
− | height: 100%;
| + | |
− | border: 0;
| + | |
− | border-radius: 0;
| + | |
− | }
| + | |
− | .modal-fullscreen-xxl-down .modal-header {
| + | |
− | border-radius: 0;
| + | |
− | }
| + | |
− | .modal-fullscreen-xxl-down .modal-body {
| + | |
− | overflow-y: auto;
| + | |
− | }
| + | |
− | .modal-fullscreen-xxl-down .modal-footer {
| + | |
− | border-radius: 0;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | .tooltip {
| + | |
− | position: absolute;
| + | |
− | z-index: 1080;
| + | |
− | display: block;
| + | |
− | margin: 0;
| + | |
− | font-family: "Roboto Slab", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
| + | |
− | font-style: normal;
| + | |
− | font-weight: 400;
| + | |
− | line-height: 1.5;
| + | |
− | text-align: left;
| + | |
− | text-align: start;
| + | |
− | text-decoration: none;
| + | |
− | text-shadow: none;
| + | |
− | text-transform: none;
| + | |
− | letter-spacing: normal;
| + | |
− | word-break: normal;
| + | |
− | word-spacing: normal;
| + | |
− | white-space: normal;
| + | |
− | line-break: auto;
| + | |
− | font-size: 0.875rem;
| + | |
− | word-wrap: break-word;
| + | |
− | opacity: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .tooltip.show {
| + | |
− | opacity: 0.9;
| + | |
− | }
| + | |
− |
| + | |
− | .tooltip .tooltip-arrow {
| + | |
− | position: absolute;
| + | |
− | display: block;
| + | |
− | width: 0.8rem;
| + | |
− | height: 0.4rem;
| + | |
− | }
| + | |
− |
| + | |
− | .tooltip .tooltip-arrow::before {
| + | |
− | position: absolute;
| + | |
− | content: "";
| + | |
− | border-color: transparent;
| + | |
− | border-style: solid;
| + | |
− | }
| + | |
− |
| + | |
− | .bs-tooltip-top,
| + | |
− | .bs-tooltip-auto[data-popper-placement^=top] {
| + | |
− | padding: 0.4rem 0;
| + | |
− | }
| + | |
− |
| + | |
− | .bs-tooltip-top .tooltip-arrow,
| + | |
− | .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
| + | |
− | bottom: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .bs-tooltip-top .tooltip-arrow::before,
| + | |
− | .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
| + | |
− | top: -1px;
| + | |
− | border-width: 0.4rem 0.4rem 0;
| + | |
− | border-top-color: #000;
| + | |
− | }
| + | |
− |
| + | |
− | .bs-tooltip-end,
| + | |
− | .bs-tooltip-auto[data-popper-placement^=right] {
| + | |
− | padding: 0 0.4rem;
| + | |
− | }
| + | |
− |
| + | |
− | .bs-tooltip-end .tooltip-arrow,
| + | |
− | .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
| + | |
− | left: 0;
| + | |
− | width: 0.4rem;
| + | |
− | height: 0.8rem;
| + | |
− | }
| + | |
− |
| + | |
− | .bs-tooltip-end .tooltip-arrow::before,
| + | |
− | .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
| + | |
− | right: -1px;
| + | |
− | border-width: 0.4rem 0.4rem 0.4rem 0;
| + | |
− | border-right-color: #000;
| + | |
− | }
| + | |
− |
| + | |
− | .bs-tooltip-bottom,
| + | |
− | .bs-tooltip-auto[data-popper-placement^=bottom] {
| + | |
− | padding: 0.4rem 0;
| + | |
− | }
| + | |
− |
| + | |
− | .bs-tooltip-bottom .tooltip-arrow,
| + | |
− | .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
| + | |
− | top: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .bs-tooltip-bottom .tooltip-arrow::before,
| + | |
− | .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
| + | |
− | bottom: -1px;
| + | |
− | border-width: 0 0.4rem 0.4rem;
| + | |
− | border-bottom-color: #000;
| + | |
− | }
| + | |
− |
| + | |
− | .bs-tooltip-start,
| + | |
− | .bs-tooltip-auto[data-popper-placement^=left] {
| + | |
− | padding: 0 0.4rem;
| + | |
− | }
| + | |
− |
| + | |
− | .bs-tooltip-start .tooltip-arrow,
| + | |
− | .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
| + | |
− | right: 0;
| + | |
− | width: 0.4rem;
| + | |
− | height: 0.8rem;
| + | |
− | }
| + | |
− |
| + | |
− | .bs-tooltip-start .tooltip-arrow::before,
| + | |
− | .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
| + | |
− | left: -1px;
| + | |
− | border-width: 0.4rem 0 0.4rem 0.4rem;
| + | |
− | border-left-color: #000;
| + | |
− | }
| + | |
− |
| + | |
− | .tooltip-inner {
| + | |
− | max-width: 200px;
| + | |
− | padding: 0.25rem 0.5rem;
| + | |
− | color: #fff;
| + | |
− | text-align: center;
| + | |
− | background-color: #000;
| + | |
− | border-radius: 0.25rem;
| + | |
− | }
| + | |
− |
| + | |
− | .popover {
| + | |
− | position: absolute;
| + | |
− | top: 0;
| + | |
− | left: 0/* rtl:ignore */
| + | |
− | ;
| + | |
− | z-index: 1070;
| + | |
− | display: block;
| + | |
− | max-width: 276px;
| + | |
− | font-family: "Roboto Slab", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
| + | |
− | font-style: normal;
| + | |
− | font-weight: 400;
| + | |
− | line-height: 1.5;
| + | |
− | text-align: left;
| + | |
− | text-align: start;
| + | |
− | text-decoration: none;
| + | |
− | text-shadow: none;
| + | |
− | text-transform: none;
| + | |
− | letter-spacing: normal;
| + | |
− | word-break: normal;
| + | |
− | word-spacing: normal;
| + | |
− | white-space: normal;
| + | |
− | line-break: auto;
| + | |
− | font-size: 0.875rem;
| + | |
− | word-wrap: break-word;
| + | |
− | background-color: #fff;
| + | |
− | background-clip: padding-box;
| + | |
− | border: 1px solid rgba(0, 0, 0, 0.2);
| + | |
− | border-radius: 0.3rem;
| + | |
− | }
| + | |
− |
| + | |
− | .popover .popover-arrow {
| + | |
− | position: absolute;
| + | |
− | display: block;
| + | |
− | width: 1rem;
| + | |
− | height: 0.5rem;
| + | |
− | }
| + | |
− |
| + | |
− | .popover .popover-arrow::before,
| + | |
− | .popover .popover-arrow::after {
| + | |
− | position: absolute;
| + | |
− | display: block;
| + | |
− | content: "";
| + | |
− | border-color: transparent;
| + | |
− | border-style: solid;
| + | |
− | }
| + | |
− |
| + | |
− | .bs-popover-top>.popover-arrow,
| + | |
− | .bs-popover-auto[data-popper-placement^=top]>.popover-arrow {
| + | |
− | bottom: calc(-0.5rem - 1px);
| + | |
− | }
| + | |
− |
| + | |
− | .bs-popover-top>.popover-arrow::before,
| + | |
− | .bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before {
| + | |
− | bottom: 0;
| + | |
− | border-width: 0.5rem 0.5rem 0;
| + | |
− | border-top-color: rgba(0, 0, 0, 0.25);
| + | |
− | }
| + | |
− |
| + | |
− | .bs-popover-top>.popover-arrow::after,
| + | |
− | .bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after {
| + | |
− | bottom: 1px;
| + | |
− | border-width: 0.5rem 0.5rem 0;
| + | |
− | border-top-color: #fff;
| + | |
− | }
| + | |
− |
| + | |
− | .bs-popover-end>.popover-arrow,
| + | |
− | .bs-popover-auto[data-popper-placement^=right]>.popover-arrow {
| + | |
− | left: calc(-0.5rem - 1px);
| + | |
− | width: 0.5rem;
| + | |
− | height: 1rem;
| + | |
− | }
| + | |
− |
| + | |
− | .bs-popover-end>.popover-arrow::before,
| + | |
− | .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before {
| + | |
− | left: 0;
| + | |
− | border-width: 0.5rem 0.5rem 0.5rem 0;
| + | |
− | border-right-color: rgba(0, 0, 0, 0.25);
| + | |
− | }
| + | |
− |
| + | |
− | .bs-popover-end>.popover-arrow::after,
| + | |
− | .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after {
| + | |
− | left: 1px;
| + | |
− | border-width: 0.5rem 0.5rem 0.5rem 0;
| + | |
− | border-right-color: #fff;
| + | |
− | }
| + | |
− |
| + | |
− | .bs-popover-bottom>.popover-arrow,
| + | |
− | .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow {
| + | |
− | top: calc(-0.5rem - 1px);
| + | |
− | }
| + | |
− |
| + | |
− | .bs-popover-bottom>.popover-arrow::before,
| + | |
− | .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before {
| + | |
− | top: 0;
| + | |
− | border-width: 0 0.5rem 0.5rem 0.5rem;
| + | |
− | border-bottom-color: rgba(0, 0, 0, 0.25);
| + | |
− | }
| + | |
− |
| + | |
− | .bs-popover-bottom>.popover-arrow::after,
| + | |
− | .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after {
| + | |
− | top: 1px;
| + | |
− | border-width: 0 0.5rem 0.5rem 0.5rem;
| + | |
− | border-bottom-color: #fff;
| + | |
− | }
| + | |
− |
| + | |
− | .bs-popover-bottom .popover-header::before,
| + | |
− | .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
| + | |
− | position: absolute;
| + | |
− | top: 0;
| + | |
− | left: 50%;
| + | |
− | display: block;
| + | |
− | width: 1rem;
| + | |
− | margin-left: -0.5rem;
| + | |
− | content: "";
| + | |
− | border-bottom: 1px solid #f0f0f0;
| + | |
− | }
| + | |
− |
| + | |
− | .bs-popover-start>.popover-arrow,
| + | |
− | .bs-popover-auto[data-popper-placement^=left]>.popover-arrow {
| + | |
− | right: calc(-0.5rem - 1px);
| + | |
− | width: 0.5rem;
| + | |
− | height: 1rem;
| + | |
− | }
| + | |
− |
| + | |
− | .bs-popover-start>.popover-arrow::before,
| + | |
− | .bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before {
| + | |
− | right: 0;
| + | |
− | border-width: 0.5rem 0 0.5rem 0.5rem;
| + | |
− | border-left-color: rgba(0, 0, 0, 0.25);
| + | |
− | }
| + | |
− |
| + | |
− | .bs-popover-start>.popover-arrow::after,
| + | |
− | .bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after {
| + | |
− | right: 1px;
| + | |
− | border-width: 0.5rem 0 0.5rem 0.5rem;
| + | |
− | border-left-color: #fff;
| + | |
− | }
| + | |
− |
| + | |
− | .popover-header {
| + | |
− | padding: 0.5rem 1rem;
| + | |
− | margin-bottom: 0;
| + | |
− | font-size: 1rem;
| + | |
− | background-color: #f0f0f0;
| + | |
− | border-bottom: 1px solid rgba(0, 0, 0, 0.2);
| + | |
− | border-top-left-radius: calc(0.3rem - 1px);
| + | |
− | border-top-right-radius: calc(0.3rem - 1px);
| + | |
− | }
| + | |
− |
| + | |
− | .popover-header:empty {
| + | |
− | display: none;
| + | |
− | }
| + | |
− |
| + | |
− | .popover-body {
| + | |
− | padding: 1rem 1rem;
| + | |
− | color: #212529;
| + | |
− | }
| + | |
− |
| + | |
− | .carousel {
| + | |
− | position: relative;
| + | |
− | }
| + | |
− |
| + | |
− | .carousel.pointer-event {
| + | |
− | touch-action: pan-y;
| + | |
− | }
| + | |
− |
| + | |
− | .carousel-inner {
| + | |
− | position: relative;
| + | |
− | width: 100%;
| + | |
− | overflow: hidden;
| + | |
− | }
| + | |
− |
| + | |
− | .carousel-inner::after {
| + | |
− | display: block;
| + | |
− | clear: both;
| + | |
− | content: "";
| + | |
− | }
| + | |
− |
| + | |
− | .carousel-item {
| + | |
− | position: relative;
| + | |
− | display: none;
| + | |
− | float: left;
| + | |
− | width: 100%;
| + | |
− | margin-right: -100%;
| + | |
− | -webkit-backface-visibility: hidden;
| + | |
− | backface-visibility: hidden;
| + | |
− | transition: transform 0.6s ease-in-out;
| + | |
− | }
| + | |
− |
| + | |
− | @media (prefers-reduced-motion: reduce) {
| + | |
− | .carousel-item {
| + | |
− | transition: none;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | .carousel-item.active,
| + | |
− | .carousel-item-next,
| + | |
− | .carousel-item-prev {
| + | |
− | display: block;
| + | |
− | }
| + | |
− | /* rtl:begin:ignore */
| + | |
− |
| + | |
− | .carousel-item-next:not(.carousel-item-start),
| + | |
− | .active.carousel-item-end {
| + | |
− | transform: translateX(100%);
| + | |
− | }
| + | |
− |
| + | |
− | .carousel-item-prev:not(.carousel-item-end),
| + | |
− | .active.carousel-item-start {
| + | |
− | transform: translateX(-100%);
| + | |
− | }
| + | |
− | /* rtl:end:ignore */
| + | |
− |
| + | |
− | .carousel-fade .carousel-item {
| + | |
− | opacity: 0;
| + | |
− | transition-property: opacity;
| + | |
− | transform: none;
| + | |
− | }
| + | |
− |
| + | |
− | .carousel-fade .carousel-item.active,
| + | |
− | .carousel-fade .carousel-item-next.carousel-item-start,
| + | |
− | .carousel-fade .carousel-item-prev.carousel-item-end {
| + | |
− | z-index: 1;
| + | |
− | opacity: 1;
| + | |
− | }
| + | |
− |
| + | |
− | .carousel-fade .active.carousel-item-start,
| + | |
− | .carousel-fade .active.carousel-item-end {
| + | |
− | z-index: 0;
| + | |
− | opacity: 0;
| + | |
− | transition: opacity 0s 0.6s;
| + | |
− | }
| + | |
− |
| + | |
− | @media (prefers-reduced-motion: reduce) {
| + | |
− | .carousel-fade .active.carousel-item-start,
| + | |
− | .carousel-fade .active.carousel-item-end {
| + | |
− | transition: none;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | .carousel-control-prev,
| + | |
− | .carousel-control-next {
| + | |
− | position: absolute;
| + | |
− | top: 0;
| + | |
− | bottom: 0;
| + | |
− | z-index: 1;
| + | |
− | display: flex;
| + | |
− | align-items: center;
| + | |
− | justify-content: center;
| + | |
− | width: 15%;
| + | |
− | padding: 0;
| + | |
− | color: #fff;
| + | |
− | text-align: center;
| + | |
− | background: none;
| + | |
− | border: 0;
| + | |
− | opacity: 0.5;
| + | |
− | transition: opacity 0.15s ease;
| + | |
− | }
| + | |
− |
| + | |
− | @media (prefers-reduced-motion: reduce) {
| + | |
− | .carousel-control-prev,
| + | |
− | .carousel-control-next {
| + | |
− | transition: none;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | .carousel-control-prev:hover,
| + | |
− | .carousel-control-prev:focus,
| + | |
− | .carousel-control-next:hover,
| + | |
− | .carousel-control-next:focus {
| + | |
− | color: #fff;
| + | |
− | text-decoration: none;
| + | |
− | outline: 0;
| + | |
− | opacity: 0.9;
| + | |
− | }
| + | |
− |
| + | |
− | .carousel-control-prev {
| + | |
− | left: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .carousel-control-next {
| + | |
− | right: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .carousel-control-prev-icon,
| + | |
− | .carousel-control-next-icon {
| + | |
− | display: inline-block;
| + | |
− | width: 2rem;
| + | |
− | height: 2rem;
| + | |
− | background-repeat: no-repeat;
| + | |
− | background-position: 50%;
| + | |
− | background-size: 100% 100%;
| + | |
− | }
| + | |
− | /* rtl:options: {
| + | |
− | "autoRename": true,
| + | |
− | "stringMap":[ {
| + | |
− | "name" : "prev-next",
| + | |
− | "search" : "prev",
| + | |
− | "replace" : "next"
| + | |
− | } ]
| + | |
− | } */
| + | |
− |
| + | |
− | .carousel-control-prev-icon {
| + | |
− | background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
| + | |
− | }
| + | |
− |
| + | |
− | .carousel-control-next-icon {
| + | |
− | background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
| + | |
− | }
| + | |
− |
| + | |
− | .carousel-indicators {
| + | |
− | position: absolute;
| + | |
− | right: 0;
| + | |
− | bottom: 0;
| + | |
− | left: 0;
| + | |
− | z-index: 2;
| + | |
− | display: flex;
| + | |
− | justify-content: center;
| + | |
− | padding: 0;
| + | |
− | margin-right: 15%;
| + | |
− | margin-bottom: 1rem;
| + | |
− | margin-left: 15%;
| + | |
− | list-style: none;
| + | |
− | }
| + | |
− |
| + | |
− | .carousel-indicators [data-bs-target] {
| + | |
− | box-sizing: content-box;
| + | |
− | flex: 0 1 auto;
| + | |
− | width: 30px;
| + | |
− | height: 3px;
| + | |
− | padding: 0;
| + | |
− | margin-right: 3px;
| + | |
− | margin-left: 3px;
| + | |
− | text-indent: -999px;
| + | |
− | cursor: pointer;
| + | |
− | background-color: #fff;
| + | |
− | background-clip: padding-box;
| + | |
− | border: 0;
| + | |
− | border-top: 10px solid transparent;
| + | |
− | border-bottom: 10px solid transparent;
| + | |
− | opacity: 0.5;
| + | |
− | transition: opacity 0.6s ease;
| + | |
− | }
| + | |
− |
| + | |
− | @media (prefers-reduced-motion: reduce) {
| + | |
− | .carousel-indicators [data-bs-target] {
| + | |
− | transition: none;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | .carousel-indicators .active {
| + | |
− | opacity: 1;
| + | |
− | }
| + | |
− |
| + | |
− | .carousel-caption {
| + | |
− | position: absolute;
| + | |
− | right: 15%;
| + | |
− | bottom: 1.25rem;
| + | |
− | left: 15%;
| + | |
− | padding-top: 1.25rem;
| + | |
− | padding-bottom: 1.25rem;
| + | |
− | color: #fff;
| + | |
− | text-align: center;
| + | |
− | }
| + | |
− |
| + | |
− | .carousel-dark .carousel-control-prev-icon,
| + | |
− | .carousel-dark .carousel-control-next-icon {
| + | |
− | filter: invert(1) grayscale(100);
| + | |
− | }
| + | |
− |
| + | |
− | .carousel-dark .carousel-indicators [data-bs-target] {
| + | |
− | background-color: #000;
| + | |
− | }
| + | |
− |
| + | |
− | .carousel-dark .carousel-caption {
| + | |
− | color: #000;
| + | |
− | }
| + | |
− |
| + | |
− | @-webkit-keyframes spinner-border {
| + | |
− | to {
| + | |
− | transform: rotate(360deg)/* rtl:ignore */
| + | |
− | ;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | @keyframes spinner-border {
| + | |
− | to {
| + | |
− | transform: rotate(360deg)/* rtl:ignore */
| + | |
− | ;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | .spinner-border {
| + | |
− | display: inline-block;
| + | |
− | width: 2rem;
| + | |
− | height: 2rem;
| + | |
− | vertical-align: -0.125em;
| + | |
− | border: 0.25em solid currentColor;
| + | |
− | border-right-color: transparent;
| + | |
− | border-radius: 50%;
| + | |
− | -webkit-animation: 0.75s linear infinite spinner-border;
| + | |
− | animation: 0.75s linear infinite spinner-border;
| + | |
− | }
| + | |
− |
| + | |
− | .spinner-border-sm {
| + | |
− | width: 1rem;
| + | |
− | height: 1rem;
| + | |
− | border-width: 0.2em;
| + | |
− | }
| + | |
− |
| + | |
− | @-webkit-keyframes spinner-grow {
| + | |
− | 0% {
| + | |
− | transform: scale(0);
| + | |
− | }
| + | |
− | 50% {
| + | |
− | opacity: 1;
| + | |
− | transform: none;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | @keyframes spinner-grow {
| + | |
− | 0% {
| + | |
− | transform: scale(0);
| + | |
− | }
| + | |
− | 50% {
| + | |
− | opacity: 1;
| + | |
− | transform: none;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | .spinner-grow {
| + | |
− | display: inline-block;
| + | |
− | width: 2rem;
| + | |
− | height: 2rem;
| + | |
− | vertical-align: -0.125em;
| + | |
− | background-color: currentColor;
| + | |
− | border-radius: 50%;
| + | |
− | opacity: 0;
| + | |
− | -webkit-animation: 0.75s linear infinite spinner-grow;
| + | |
− | animation: 0.75s linear infinite spinner-grow;
| + | |
− | }
| + | |
− |
| + | |
− | .spinner-grow-sm {
| + | |
− | width: 1rem;
| + | |
− | height: 1rem;
| + | |
− | }
| + | |
− |
| + | |
− | @media (prefers-reduced-motion: reduce) {
| + | |
− | .spinner-border,
| + | |
− | .spinner-grow {
| + | |
− | -webkit-animation-duration: 1.5s;
| + | |
− | animation-duration: 1.5s;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | .offcanvas {
| + | |
− | position: fixed;
| + | |
− | bottom: 0;
| + | |
− | z-index: 1050;
| + | |
− | display: flex;
| + | |
− | flex-direction: column;
| + | |
− | max-width: 100%;
| + | |
− | visibility: hidden;
| + | |
− | background-color: #fff;
| + | |
− | background-clip: padding-box;
| + | |
− | outline: 0;
| + | |
− | transition: transform 0.3s ease-in-out;
| + | |
− | }
| + | |
− |
| + | |
− | @media (prefers-reduced-motion: reduce) {
| + | |
− | .offcanvas {
| + | |
− | transition: none;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | .offcanvas-header {
| + | |
− | display: flex;
| + | |
− | align-items: center;
| + | |
− | justify-content: space-between;
| + | |
− | padding: 1rem 1rem;
| + | |
− | }
| + | |
− |
| + | |
− | .offcanvas-header .btn-close {
| + | |
− | padding: 0.5rem 0.5rem;
| + | |
− | margin-top: -0.5rem;
| + | |
− | margin-right: -0.5rem;
| + | |
− | margin-bottom: -0.5rem;
| + | |
− | }
| + | |
− |
| + | |
− | .offcanvas-title {
| + | |
− | margin-bottom: 0;
| + | |
− | line-height: 1.5;
| + | |
− | }
| + | |
− |
| + | |
− | .offcanvas-body {
| + | |
− | flex-grow: 1;
| + | |
− | padding: 1rem 1rem;
| + | |
− | overflow-y: auto;
| + | |
− | }
| + | |
− |
| + | |
− | .offcanvas-start {
| + | |
− | top: 0;
| + | |
− | left: 0;
| + | |
− | width: 400px;
| + | |
− | border-right: 1px solid rgba(0, 0, 0, 0.2);
| + | |
− | transform: translateX(-100%);
| + | |
− | }
| + | |
− |
| + | |
− | .offcanvas-end {
| + | |
− | top: 0;
| + | |
− | right: 0;
| + | |
− | width: 400px;
| + | |
− | border-left: 1px solid rgba(0, 0, 0, 0.2);
| + | |
− | transform: translateX(100%);
| + | |
− | }
| + | |
− |
| + | |
− | .offcanvas-top {
| + | |
− | top: 0;
| + | |
− | right: 0;
| + | |
− | left: 0;
| + | |
− | height: 30vh;
| + | |
− | max-height: 100%;
| + | |
− | border-bottom: 1px solid rgba(0, 0, 0, 0.2);
| + | |
− | transform: translateY(-100%);
| + | |
− | }
| + | |
− |
| + | |
− | .offcanvas-bottom {
| + | |
− | right: 0;
| + | |
− | left: 0;
| + | |
− | height: 30vh;
| + | |
− | max-height: 100%;
| + | |
− | border-top: 1px solid rgba(0, 0, 0, 0.2);
| + | |
− | transform: translateY(100%);
| + | |
− | }
| + | |
− |
| + | |
− | .offcanvas.show {
| + | |
− | transform: none;
| + | |
− | }
| + | |
− |
| + | |
− | .clearfix::after {
| + | |
− | display: block;
| + | |
− | clear: both;
| + | |
− | content: "";
| + | |
− | }
| + | |
− |
| + | |
− | .link-primary {
| + | |
− | color: #ffc800;
| + | |
− | }
| + | |
− |
| + | |
− | .link-primary:hover,
| + | |
− | .link-primary:focus {
| + | |
− | color: #cca000;
| + | |
− | }
| + | |
− |
| + | |
− | .link-secondary {
| + | |
− | color: #6c757d;
| + | |
− | }
| + | |
− |
| + | |
− | .link-secondary:hover,
| + | |
− | .link-secondary:focus {
| + | |
− | color: #565e64;
| + | |
− | }
| + | |
− |
| + | |
− | .link-success {
| + | |
− | color: #198754;
| + | |
− | }
| + | |
− |
| + | |
− | .link-success:hover,
| + | |
− | .link-success:focus {
| + | |
− | color: #146c43;
| + | |
− | }
| + | |
− |
| + | |
− | .link-info {
| + | |
− | color: #0dcaf0;
| + | |
− | }
| + | |
− |
| + | |
− | .link-info:hover,
| + | |
− | .link-info:focus {
| + | |
− | color: #0aa2c0;
| + | |
− | }
| + | |
− |
| + | |
− | .link-warning {
| + | |
− | color: #ffc800;
| + | |
− | }
| + | |
− |
| + | |
− | .link-warning:hover,
| + | |
− | .link-warning:focus {
| + | |
− | color: #cca000;
| + | |
− | }
| + | |
− |
| + | |
− | .link-danger {
| + | |
− | color: #dc3545;
| + | |
− | }
| + | |
− |
| + | |
− | .link-danger:hover,
| + | |
− | .link-danger:focus {
| + | |
− | color: #b02a37;
| + | |
− | }
| + | |
− |
| + | |
− | .link-light {
| + | |
− | color: #f8f9fa;
| + | |
− | }
| + | |
− |
| + | |
− | .link-light:hover,
| + | |
− | .link-light:focus {
| + | |
− | color: #f9fafb;
| + | |
− | }
| + | |
− |
| + | |
− | .link-dark {
| + | |
− | color: #212529;
| + | |
− | }
| + | |
− |
| + | |
− | .link-dark:hover,
| + | |
− | .link-dark:focus {
| + | |
− | color: #1a1e21;
| + | |
− | }
| + | |
− |
| + | |
− | .ratio {
| + | |
− | position: relative;
| + | |
− | width: 100%;
| + | |
− | }
| + | |
− |
| + | |
− | .ratio::before {
| + | |
− | display: block;
| + | |
− | padding-top: var(--bs-aspect-ratio);
| + | |
− | content: "";
| + | |
− | }
| + | |
− |
| + | |
− | .ratio>* {
| + | |
− | position: absolute;
| + | |
− | top: 0;
| + | |
− | left: 0;
| + | |
− | width: 100%;
| + | |
− | height: 100%;
| + | |
− | }
| + | |
− |
| + | |
− | .ratio-1x1 {
| + | |
− | --bs-aspect-ratio: 100%;
| + | |
− | }
| + | |
− |
| + | |
− | .ratio-4x3 {
| + | |
− | --bs-aspect-ratio: calc(3 / 4 * 100%);
| + | |
− | }
| + | |
− |
| + | |
− | .ratio-16x9 {
| + | |
− | --bs-aspect-ratio: calc(9 / 16 * 100%);
| + | |
− | }
| + | |
− |
| + | |
− | .ratio-21x9 {
| + | |
− | --bs-aspect-ratio: calc(9 / 21 * 100%);
| + | |
− | }
| + | |
− |
| + | |
− | .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;
| + | |
− | }
| + | |
− |
| + | |
− | .sticky-top {
| + | |
− | position: sticky;
| + | |
− | top: 0;
| + | |
− | z-index: 1020;
| + | |
− | }
| + | |
− |
| + | |
− | @media (min-width: 576px) {
| + | |
− | .sticky-sm-top {
| + | |
− | position: sticky;
| + | |
− | top: 0;
| + | |
− | z-index: 1020;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | @media (min-width: 768px) {
| + | |
− | .sticky-md-top {
| + | |
− | position: sticky;
| + | |
− | top: 0;
| + | |
− | z-index: 1020;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | @media (min-width: 992px) {
| + | |
− | .sticky-lg-top {
| + | |
− | position: sticky;
| + | |
− | top: 0;
| + | |
− | z-index: 1020;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | @media (min-width: 1200px) {
| + | |
− | .sticky-xl-top {
| + | |
− | position: sticky;
| + | |
− | top: 0;
| + | |
− | z-index: 1020;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | @media (min-width: 1400px) {
| + | |
− | .sticky-xxl-top {
| + | |
− | position: sticky;
| + | |
− | top: 0;
| + | |
− | z-index: 1020;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | .visually-hidden,
| + | |
− | .visually-hidden-focusable:not(:focus):not(:focus-within) {
| + | |
− | position: absolute;
| + | |
− | width: 1px;
| + | |
− | height: 1px;
| + | |
− | padding: 0;
| + | |
− | margin: -1px;
| + | |
− | overflow: hidden;
| + | |
− | clip: rect(0, 0, 0, 0);
| + | |
− | white-space: nowrap;
| + | |
− | border: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .stretched-link::after {
| + | |
− | position: absolute;
| + | |
− | top: 0;
| + | |
− | right: 0;
| + | |
− | bottom: 0;
| + | |
− | left: 0;
| + | |
− | z-index: 1;
| + | |
− | content: "";
| + | |
− | }
| + | |
− |
| + | |
− | .text-truncate {
| + | |
− | overflow: hidden;
| + | |
− | text-overflow: ellipsis;
| + | |
− | white-space: nowrap;
| + | |
− | }
| + | |
− |
| + | |
− | .align-baseline {
| + | |
− | vertical-align: baseline;
| + | |
− | }
| + | |
− |
| + | |
− | .align-top {
| + | |
− | vertical-align: top;
| + | |
− | }
| + | |
− |
| + | |
− | .align-middle {
| + | |
− | vertical-align: middle;
| + | |
− | }
| + | |
− |
| + | |
− | .align-bottom {
| + | |
− | vertical-align: bottom;
| + | |
− | }
| + | |
− |
| + | |
− | .align-text-bottom {
| + | |
− | vertical-align: text-bottom;
| + | |
− | }
| + | |
− |
| + | |
− | .align-text-top {
| + | |
− | vertical-align: text-top;
| + | |
− | }
| + | |
− |
| + | |
− | .float-start {
| + | |
− | float: left;
| + | |
− | }
| + | |
− |
| + | |
− | .float-end {
| + | |
− | float: right;
| + | |
− | }
| + | |
− |
| + | |
− | .float-none {
| + | |
− | float: none;
| + | |
− | }
| + | |
− |
| + | |
− | .overflow-auto {
| + | |
− | overflow: auto;
| + | |
− | }
| + | |
− |
| + | |
− | .overflow-hidden {
| + | |
− | overflow: hidden;
| + | |
− | }
| + | |
− |
| + | |
− | .overflow-visible {
| + | |
− | overflow: visible;
| + | |
− | }
| + | |
− |
| + | |
− | .overflow-scroll {
| + | |
− | overflow: scroll;
| + | |
− | }
| + | |
− |
| + | |
− | .d-inline {
| + | |
− | display: inline;
| + | |
− | }
| + | |
− |
| + | |
− | .d-inline-block {
| + | |
− | display: inline-block;
| + | |
− | }
| + | |
− |
| + | |
− | .d-block {
| + | |
− | display: block;
| + | |
− | }
| + | |
− |
| + | |
− | .d-grid {
| + | |
− | display: grid;
| + | |
− | }
| + | |
− |
| + | |
− | .d-table {
| + | |
− | display: table;
| + | |
− | }
| + | |
− |
| + | |
− | .d-table-row {
| + | |
− | display: table-row;
| + | |
− | }
| + | |
− |
| + | |
− | .d-table-cell {
| + | |
− | display: table-cell;
| + | |
− | }
| + | |
− |
| + | |
− | .d-flex {
| + | |
− | display: flex;
| + | |
− | }
| + | |
− |
| + | |
− | .d-inline-flex {
| + | |
− | display: inline-flex;
| + | |
− | }
| + | |
− |
| + | |
− | .d-none {
| + | |
− | display: none;
| + | |
− | }
| + | |
− |
| + | |
− | .shadow {
| + | |
− | box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
| + | |
− | }
| + | |
− |
| + | |
− | .shadow-sm {
| + | |
− | box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
| + | |
− | }
| + | |
− |
| + | |
− | .shadow-lg {
| + | |
− | box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
| + | |
− | }
| + | |
− |
| + | |
− | .shadow-none {
| + | |
− | box-shadow: none;
| + | |
− | }
| + | |
− |
| + | |
− | .position-static {
| + | |
− | position: static;
| + | |
− | }
| + | |
− |
| + | |
− | .position-relative {
| + | |
− | position: relative;
| + | |
− | }
| + | |
− |
| + | |
− | .position-absolute {
| + | |
− | position: absolute;
| + | |
− | }
| + | |
− |
| + | |
− | .position-fixed {
| + | |
− | position: fixed;
| + | |
− | }
| + | |
− |
| + | |
− | .position-sticky {
| + | |
− | position: sticky;
| + | |
− | }
| + | |
− |
| + | |
− | .top-0 {
| + | |
− | top: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .top-50 {
| + | |
− | top: 50%;
| + | |
− | }
| + | |
− |
| + | |
− | .top-100 {
| + | |
− | top: 100%;
| + | |
− | }
| + | |
− |
| + | |
− | .bottom-0 {
| + | |
− | bottom: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .bottom-50 {
| + | |
− | bottom: 50%;
| + | |
− | }
| + | |
− |
| + | |
− | .bottom-100 {
| + | |
− | bottom: 100%;
| + | |
− | }
| + | |
− |
| + | |
− | .start-0 {
| + | |
− | left: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .start-50 {
| + | |
− | left: 50%;
| + | |
− | }
| + | |
− |
| + | |
− | .start-100 {
| + | |
− | left: 100%;
| + | |
− | }
| + | |
− |
| + | |
− | .end-0 {
| + | |
− | right: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .end-50 {
| + | |
− | right: 50%;
| + | |
− | }
| + | |
− |
| + | |
− | .end-100 {
| + | |
− | right: 100%;
| + | |
− | }
| + | |
− |
| + | |
− | .translate-middle {
| + | |
− | transform: translate(-50%, -50%);
| + | |
− | }
| + | |
− |
| + | |
− | .translate-middle-x {
| + | |
− | transform: translateX(-50%);
| + | |
− | }
| + | |
− |
| + | |
− | .translate-middle-y {
| + | |
− | transform: translateY(-50%);
| + | |
− | }
| + | |
− |
| + | |
− | .border {
| + | |
− | border: 1px solid #dee2e6;
| + | |
− | }
| + | |
− |
| + | |
− | .border-0 {
| + | |
− | border: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .border-top {
| + | |
− | border-top: 1px solid #dee2e6;
| + | |
− | }
| + | |
− |
| + | |
− | .border-top-0 {
| + | |
− | border-top: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .border-end {
| + | |
− | border-right: 1px solid #dee2e6;
| + | |
− | }
| + | |
− |
| + | |
− | .border-end-0 {
| + | |
− | border-right: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .border-bottom {
| + | |
− | border-bottom: 1px solid #dee2e6;
| + | |
− | }
| + | |
− |
| + | |
− | .border-bottom-0 {
| + | |
− | border-bottom: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .border-start {
| + | |
− | border-left: 1px solid #dee2e6;
| + | |
− | }
| + | |
− |
| + | |
− | .border-start-0 {
| + | |
− | border-left: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .border-primary {
| + | |
− | border-color: #ffc800;
| + | |
− | }
| + | |
− |
| + | |
− | .border-secondary {
| + | |
− | border-color: #6c757d;
| + | |
− | }
| + | |
− |
| + | |
− | .border-success {
| + | |
− | border-color: #198754;
| + | |
− | }
| + | |
− |
| + | |
− | .border-info {
| + | |
− | border-color: #0dcaf0;
| + | |
− | }
| + | |
− |
| + | |
− | .border-warning {
| + | |
− | border-color: #ffc800;
| + | |
− | }
| + | |
− |
| + | |
− | .border-danger {
| + | |
− | border-color: #dc3545;
| + | |
− | }
| + | |
− |
| + | |
− | .border-light {
| + | |
− | border-color: #f8f9fa;
| + | |
− | }
| + | |
− |
| + | |
− | .border-dark {
| + | |
− | border-color: #212529;
| + | |
− | }
| + | |
− |
| + | |
− | .border-white {
| + | |
− | border-color: #fff;
| + | |
− | }
| + | |
− |
| + | |
− | .border-1 {
| + | |
− | border-width: 1px;
| + | |
− | }
| + | |
− |
| + | |
− | .border-2 {
| + | |
− | border-width: 2px;
| + | |
− | }
| + | |
− |
| + | |
− | .border-3 {
| + | |
− | border-width: 3px;
| + | |
− | }
| + | |
− |
| + | |
− | .border-4 {
| + | |
− | border-width: 4px;
| + | |
− | }
| + | |
− |
| + | |
− | .border-5 {
| + | |
− | border-width: 5px;
| + | |
− | }
| + | |
− |
| + | |
− | .w-25 {
| + | |
− | width: 25%;
| + | |
− | }
| + | |
− |
| + | |
− | .w-50 {
| + | |
− | width: 50%;
| + | |
− | }
| + | |
− |
| + | |
− | .w-75 {
| + | |
− | width: 75%;
| + | |
− | }
| + | |
− |
| + | |
− | .w-100 {
| + | |
− | width: 100%;
| + | |
− | }
| + | |
− |
| + | |
− | .w-auto {
| + | |
− | width: auto;
| + | |
− | }
| + | |
− |
| + | |
− | .mw-100 {
| + | |
− | max-width: 100%;
| + | |
− | }
| + | |
− |
| + | |
− | .vw-100 {
| + | |
− | width: 100vw;
| + | |
− | }
| + | |
− |
| + | |
− | .min-vw-100 {
| + | |
− | min-width: 100vw;
| + | |
− | }
| + | |
− |
| + | |
− | .h-25 {
| + | |
− | height: 25%;
| + | |
− | }
| + | |
− |
| + | |
− | .h-50 {
| + | |
− | height: 50%;
| + | |
− | }
| + | |
− |
| + | |
− | .h-75 {
| + | |
− | height: 75%;
| + | |
− | }
| + | |
− |
| + | |
− | .h-100 {
| + | |
− | height: 100%;
| + | |
− | }
| + | |
− |
| + | |
− | .h-auto {
| + | |
− | height: auto;
| + | |
− | }
| + | |
− |
| + | |
− | .mh-100 {
| + | |
− | max-height: 100%;
| + | |
− | }
| + | |
− |
| + | |
− | .vh-100 {
| + | |
− | height: 100vh;
| + | |
− | }
| + | |
− |
| + | |
− | .min-vh-100 {
| + | |
− | min-height: 100vh;
| + | |
− | }
| + | |
− |
| + | |
− | .flex-fill {
| + | |
− | flex: 1 1 auto;
| + | |
− | }
| + | |
− |
| + | |
− | .flex-row {
| + | |
− | flex-direction: row;
| + | |
− | }
| + | |
− |
| + | |
− | .flex-column {
| + | |
− | flex-direction: column;
| + | |
− | }
| + | |
− |
| + | |
− | .flex-row-reverse {
| + | |
− | flex-direction: row-reverse;
| + | |
− | }
| + | |
− |
| + | |
− | .flex-column-reverse {
| + | |
− | flex-direction: column-reverse;
| + | |
− | }
| + | |
− |
| + | |
− | .flex-grow-0 {
| + | |
− | flex-grow: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .flex-grow-1 {
| + | |
− | flex-grow: 1;
| + | |
− | }
| + | |
− |
| + | |
− | .flex-shrink-0 {
| + | |
− | flex-shrink: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .flex-shrink-1 {
| + | |
− | flex-shrink: 1;
| + | |
− | }
| + | |
− |
| + | |
− | .flex-wrap {
| + | |
− | flex-wrap: wrap;
| + | |
− | }
| + | |
− |
| + | |
− | .flex-nowrap {
| + | |
− | flex-wrap: nowrap;
| + | |
− | }
| + | |
− |
| + | |
− | .flex-wrap-reverse {
| + | |
− | flex-wrap: wrap-reverse;
| + | |
− | }
| + | |
− |
| + | |
− | .gap-0 {
| + | |
− | gap: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .gap-1 {
| + | |
− | gap: 0.25rem;
| + | |
− | }
| + | |
− |
| + | |
− | .gap-2 {
| + | |
− | gap: 0.5rem;
| + | |
− | }
| + | |
− |
| + | |
− | .gap-3 {
| + | |
− | gap: 1rem;
| + | |
− | }
| + | |
− |
| + | |
− | .gap-4 {
| + | |
− | gap: 1.5rem;
| + | |
− | }
| + | |
− |
| + | |
− | .gap-5 {
| + | |
− | gap: 3rem;
| + | |
− | }
| + | |
− |
| + | |
− | .justify-content-start {
| + | |
− | justify-content: flex-start;
| + | |
− | }
| + | |
− |
| + | |
− | .justify-content-end {
| + | |
− | justify-content: flex-end;
| + | |
− | }
| + | |
− |
| + | |
− | .justify-content-center {
| + | |
− | justify-content: center;
| + | |
− | }
| + | |
− |
| + | |
− | .justify-content-between {
| + | |
− | justify-content: space-between;
| + | |
− | }
| + | |
− |
| + | |
− | .justify-content-around {
| + | |
− | justify-content: space-around;
| + | |
− | }
| + | |
− |
| + | |
− | .justify-content-evenly {
| + | |
− | justify-content: space-evenly;
| + | |
− | }
| + | |
− |
| + | |
− | .align-items-start {
| + | |
− | align-items: flex-start;
| + | |
− | }
| + | |
− |
| + | |
− | .align-items-end {
| + | |
− | align-items: flex-end;
| + | |
− | }
| + | |
− |
| + | |
− | .align-items-center {
| + | |
− | align-items: center;
| + | |
− | }
| + | |
− |
| + | |
− | .align-items-baseline {
| + | |
− | align-items: baseline;
| + | |
− | }
| + | |
− |
| + | |
− | .align-items-stretch {
| + | |
− | align-items: stretch;
| + | |
− | }
| + | |
− |
| + | |
− | .align-content-start {
| + | |
− | align-content: flex-start;
| + | |
− | }
| + | |
− |
| + | |
− | .align-content-end {
| + | |
− | align-content: flex-end;
| + | |
− | }
| + | |
− |
| + | |
− | .align-content-center {
| + | |
− | align-content: center;
| + | |
− | }
| + | |
− |
| + | |
− | .align-content-between {
| + | |
− | align-content: space-between;
| + | |
− | }
| + | |
− |
| + | |
− | .align-content-around {
| + | |
− | align-content: space-around;
| + | |
− | }
| + | |
− |
| + | |
− | .align-content-stretch {
| + | |
− | align-content: stretch;
| + | |
− | }
| + | |
− |
| + | |
− | .align-self-auto {
| + | |
− | align-self: auto;
| + | |
− | }
| + | |
− |
| + | |
− | .align-self-start {
| + | |
− | align-self: flex-start;
| + | |
− | }
| + | |
− |
| + | |
− | .align-self-end {
| + | |
− | align-self: flex-end;
| + | |
− | }
| + | |
− |
| + | |
− | .align-self-center {
| + | |
− | align-self: center;
| + | |
− | }
| + | |
− |
| + | |
− | .align-self-baseline {
| + | |
− | align-self: baseline;
| + | |
− | }
| + | |
− |
| + | |
− | .align-self-stretch {
| + | |
− | align-self: stretch;
| + | |
− | }
| + | |
− |
| + | |
− | .order-first {
| + | |
− | order: -1;
| + | |
− | }
| + | |
− |
| + | |
− | .order-0 {
| + | |
− | order: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .order-1 {
| + | |
− | order: 1;
| + | |
− | }
| + | |
− |
| + | |
− | .order-2 {
| + | |
− | order: 2;
| + | |
− | }
| + | |
− |
| + | |
− | .order-3 {
| + | |
− | order: 3;
| + | |
− | }
| + | |
− |
| + | |
− | .order-4 {
| + | |
− | order: 4;
| + | |
− | }
| + | |
− |
| + | |
− | .order-5 {
| + | |
− | order: 5;
| + | |
− | }
| + | |
− |
| + | |
− | .order-last {
| + | |
− | order: 6;
| + | |
− | }
| + | |
− |
| + | |
− | .m-0 {
| + | |
− | margin: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .m-1 {
| + | |
− | margin: 0.25rem;
| + | |
− | }
| + | |
− |
| + | |
− | .m-2 {
| + | |
− | margin: 0.5rem;
| + | |
− | }
| + | |
− |
| + | |
− | .m-3 {
| + | |
− | margin: 1rem;
| + | |
− | }
| + | |
− |
| + | |
− | .m-4 {
| + | |
− | margin: 1.5rem;
| + | |
− | }
| + | |
− |
| + | |
− | .m-5 {
| + | |
− | margin: 3rem;
| + | |
− | }
| + | |
− |
| + | |
− | .m-auto {
| + | |
− | margin: auto;
| + | |
− | }
| + | |
− |
| + | |
− | .mx-0 {
| + | |
− | margin-right: 0;
| + | |
− | margin-left: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .mx-1 {
| + | |
− | margin-right: 0.25rem;
| + | |
− | margin-left: 0.25rem;
| + | |
− | }
| + | |
− |
| + | |
− | .mx-2 {
| + | |
− | margin-right: 0.5rem;
| + | |
− | margin-left: 0.5rem;
| + | |
− | }
| + | |
− |
| + | |
− | .mx-3 {
| + | |
− | margin-right: 1rem;
| + | |
− | margin-left: 1rem;
| + | |
− | }
| + | |
− |
| + | |
− | .mx-4 {
| + | |
− | margin-right: 1.5rem;
| + | |
− | margin-left: 1.5rem;
| + | |
− | }
| + | |
− |
| + | |
− | .mx-5 {
| + | |
− | margin-right: 3rem;
| + | |
− | margin-left: 3rem;
| + | |
− | }
| + | |
− |
| + | |
− | .mx-auto {
| + | |
− | margin-right: auto;
| + | |
− | margin-left: auto;
| + | |
− | }
| + | |
− |
| + | |
− | .my-0 {
| + | |
− | margin-top: 0;
| + | |
− | margin-bottom: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .my-1 {
| + | |
− | margin-top: 0.25rem;
| + | |
− | margin-bottom: 0.25rem;
| + | |
− | }
| + | |
− |
| + | |
− | .my-2 {
| + | |
− | margin-top: 0.5rem;
| + | |
− | margin-bottom: 0.5rem;
| + | |
− | }
| + | |
− |
| + | |
− | .my-3 {
| + | |
− | margin-top: 1rem;
| + | |
− | margin-bottom: 1rem;
| + | |
− | }
| + | |
− |
| + | |
− | .my-4 {
| + | |
− | margin-top: 1.5rem;
| + | |
− | margin-bottom: 1.5rem;
| + | |
− | }
| + | |
− |
| + | |
− | .my-5 {
| + | |
− | margin-top: 3rem;
| + | |
− | margin-bottom: 3rem;
| + | |
− | }
| + | |
− |
| + | |
− | .my-auto {
| + | |
− | margin-top: auto;
| + | |
− | margin-bottom: auto;
| + | |
− | }
| + | |
− |
| + | |
− | .mt-0 {
| + | |
− | margin-top: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .mt-1 {
| + | |
− | margin-top: 0.25rem;
| + | |
− | }
| + | |
− |
| + | |
− | .mt-2 {
| + | |
− | margin-top: 0.5rem;
| + | |
− | }
| + | |
− |
| + | |
− | .mt-3 {
| + | |
− | margin-top: 1rem;
| + | |
− | }
| + | |
− |
| + | |
− | .mt-4 {
| + | |
− | margin-top: 1.5rem;
| + | |
− | }
| + | |
− |
| + | |
− | .mt-5 {
| + | |
− | margin-top: 3rem;
| + | |
− | }
| + | |
− |
| + | |
− | .mt-auto {
| + | |
− | margin-top: auto;
| + | |
− | }
| + | |
− |
| + | |
− | .me-0 {
| + | |
− | margin-right: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .me-1 {
| + | |
− | margin-right: 0.25rem;
| + | |
− | }
| + | |
− |
| + | |
− | .me-2 {
| + | |
− | margin-right: 0.5rem;
| + | |
− | }
| + | |
− |
| + | |
− | .me-3 {
| + | |
− | margin-right: 1rem;
| + | |
− | }
| + | |
− |
| + | |
− | .me-4 {
| + | |
− | margin-right: 1.5rem;
| + | |
− | }
| + | |
− |
| + | |
− | .me-5 {
| + | |
− | margin-right: 3rem;
| + | |
− | }
| + | |
− |
| + | |
− | .me-auto {
| + | |
− | margin-right: auto;
| + | |
− | }
| + | |
− |
| + | |
− | .mb-0 {
| + | |
− | margin-bottom: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .mb-1 {
| + | |
− | margin-bottom: 0.25rem;
| + | |
− | }
| + | |
− |
| + | |
− | .mb-2 {
| + | |
− | margin-bottom: 0.5rem;
| + | |
− | }
| + | |
− |
| + | |
− | .mb-3 {
| + | |
− | margin-bottom: 1rem;
| + | |
− | }
| + | |
− |
| + | |
− | .mb-4 {
| + | |
− | margin-bottom: 1.5rem;
| + | |
− | }
| + | |
− |
| + | |
− | .mb-5 {
| + | |
− | margin-bottom: 3rem;
| + | |
− | }
| + | |
− |
| + | |
− | .mb-auto {
| + | |
− | margin-bottom: auto;
| + | |
− | }
| + | |
− |
| + | |
− | .ms-0 {
| + | |
− | margin-left: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .ms-1 {
| + | |
− | margin-left: 0.25rem;
| + | |
− | }
| + | |
− |
| + | |
− | .ms-2 {
| + | |
− | margin-left: 0.5rem;
| + | |
− | }
| + | |
− |
| + | |
− | .ms-3 {
| + | |
− | margin-left: 1rem;
| + | |
− | }
| + | |
− |
| + | |
− | .ms-4 {
| + | |
− | margin-left: 1.5rem;
| + | |
− | }
| + | |
− |
| + | |
− | .ms-5 {
| + | |
− | margin-left: 3rem;
| + | |
− | }
| + | |
− |
| + | |
− | .ms-auto {
| + | |
− | margin-left: auto;
| + | |
− | }
| + | |
− |
| + | |
− | .p-0 {
| + | |
− | padding: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .p-1 {
| + | |
− | padding: 0.25rem;
| + | |
− | }
| + | |
− |
| + | |
− | .p-2 {
| + | |
− | padding: 0.5rem;
| + | |
− | }
| + | |
− |
| + | |
− | .p-3 {
| + | |
− | padding: 1rem;
| + | |
− | }
| + | |
− |
| + | |
− | .p-4 {
| + | |
− | padding: 1.5rem;
| + | |
− | }
| + | |
− |
| + | |
− | .p-5 {
| + | |
− | padding: 3rem;
| + | |
− | }
| + | |
− |
| + | |
− | .px-0 {
| + | |
− | padding-right: 0;
| + | |
− | padding-left: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .px-1 {
| + | |
− | padding-right: 0.25rem;
| + | |
− | padding-left: 0.25rem;
| + | |
− | }
| + | |
− |
| + | |
− | .px-2 {
| + | |
− | padding-right: 0.5rem;
| + | |
− | padding-left: 0.5rem;
| + | |
− | }
| + | |
− |
| + | |
− | .px-3 {
| + | |
− | padding-right: 1rem;
| + | |
− | padding-left: 1rem;
| + | |
− | }
| + | |
− |
| + | |
− | .px-4 {
| + | |
− | padding-right: 1.5rem;
| + | |
− | padding-left: 1.5rem;
| + | |
− | }
| + | |
− |
| + | |
− | .px-5 {
| + | |
− | padding-right: 3rem;
| + | |
− | padding-left: 3rem;
| + | |
− | }
| + | |
− |
| + | |
− | .py-0 {
| + | |
− | padding-top: 0;
| + | |
− | padding-bottom: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .py-1 {
| + | |
− | padding-top: 0.25rem;
| + | |
− | padding-bottom: 0.25rem;
| + | |
− | }
| + | |
− |
| + | |
− | .py-2 {
| + | |
− | padding-top: 0.5rem;
| + | |
− | padding-bottom: 0.5rem;
| + | |
− | }
| + | |
− |
| + | |
− | .py-3 {
| + | |
− | padding-top: 1rem;
| + | |
− | padding-bottom: 1rem;
| + | |
− | }
| + | |
− |
| + | |
− | .py-4 {
| + | |
− | padding-top: 1.5rem;
| + | |
− | padding-bottom: 1.5rem;
| + | |
− | }
| + | |
− |
| + | |
− | .py-5 {
| + | |
− | padding-top: 3rem;
| + | |
− | padding-bottom: 3rem;
| + | |
− | }
| + | |
− |
| + | |
− | .pt-0 {
| + | |
− | padding-top: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .pt-1 {
| + | |
− | padding-top: 0.25rem;
| + | |
− | }
| + | |
− |
| + | |
− | .pt-2 {
| + | |
− | padding-top: 0.5rem;
| + | |
− | }
| + | |
− |
| + | |
− | .pt-3 {
| + | |
− | padding-top: 1rem;
| + | |
− | }
| + | |
− |
| + | |
− | .pt-4 {
| + | |
− | padding-top: 1.5rem;
| + | |
− | }
| + | |
− |
| + | |
− | .pt-5 {
| + | |
− | padding-top: 3rem;
| + | |
− | }
| + | |
− |
| + | |
− | .pe-0 {
| + | |
− | padding-right: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .pe-1 {
| + | |
− | padding-right: 0.25rem;
| + | |
− | }
| + | |
− |
| + | |
− | .pe-2 {
| + | |
− | padding-right: 0.5rem;
| + | |
− | }
| + | |
− |
| + | |
− | .pe-3 {
| + | |
− | padding-right: 1rem;
| + | |
− | }
| + | |
− |
| + | |
− | .pe-4 {
| + | |
− | padding-right: 1.5rem;
| + | |
− | }
| + | |
− |
| + | |
− | .pe-5 {
| + | |
− | padding-right: 3rem;
| + | |
− | }
| + | |
− |
| + | |
− | .pb-0 {
| + | |
− | padding-bottom: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .pb-1 {
| + | |
− | padding-bottom: 0.25rem;
| + | |
− | }
| + | |
− |
| + | |
− | .pb-2 {
| + | |
− | padding-bottom: 0.5rem;
| + | |
− | }
| + | |
− |
| + | |
− | .pb-3 {
| + | |
− | padding-bottom: 1rem;
| + | |
− | }
| + | |
− |
| + | |
− | .pb-4 {
| + | |
− | padding-bottom: 1.5rem;
| + | |
− | }
| + | |
− |
| + | |
− | .pb-5 {
| + | |
− | padding-bottom: 3rem;
| + | |
− | }
| + | |
− |
| + | |
− | .ps-0 {
| + | |
− | padding-left: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .ps-1 {
| + | |
− | padding-left: 0.25rem;
| + | |
− | }
| + | |
− |
| + | |
− | .ps-2 {
| + | |
− | padding-left: 0.5rem;
| + | |
− | }
| + | |
− |
| + | |
− | .ps-3 {
| + | |
− | padding-left: 1rem;
| + | |
− | }
| + | |
− |
| + | |
− | .ps-4 {
| + | |
− | padding-left: 1.5rem;
| + | |
− | }
| + | |
− |
| + | |
− | .ps-5 {
| + | |
− | padding-left: 3rem;
| + | |
− | }
| + | |
− |
| + | |
− | .font-monospace {
| + | |
− | font-family: var(--bs-font-monospace);
| + | |
− | }
| + | |
− |
| + | |
− | .fs-1 {
| + | |
− | font-size: calc(1.375rem + 1.5vw);
| + | |
− | }
| + | |
− |
| + | |
− | .fs-2 {
| + | |
− | font-size: calc(1.325rem + 0.9vw);
| + | |
− | }
| + | |
− |
| + | |
− | .fs-3 {
| + | |
− | font-size: calc(1.3rem + 0.6vw);
| + | |
− | }
| + | |
− |
| + | |
− | .fs-4 {
| + | |
− | font-size: calc(1.275rem + 0.3vw);
| + | |
− | }
| + | |
− |
| + | |
− | .fs-5 {
| + | |
− | font-size: 1.25rem;
| + | |
− | }
| + | |
− |
| + | |
− | .fs-6 {
| + | |
− | font-size: 1rem;
| + | |
− | }
| + | |
− |
| + | |
− | .fst-italic {
| + | |
− | font-style: italic;
| + | |
− | }
| + | |
− |
| + | |
− | .fst-normal {
| + | |
− | font-style: normal;
| + | |
− | }
| + | |
− |
| + | |
− | .fw-light {
| + | |
− | font-weight: 300;
| + | |
− | }
| + | |
− |
| + | |
− | .fw-lighter {
| + | |
− | font-weight: lighter;
| + | |
− | }
| + | |
− |
| + | |
− | .fw-normal {
| + | |
− | font-weight: 400;
| + | |
− | }
| + | |
− |
| + | |
− | .fw-bold {
| + | |
− | font-weight: 700;
| + | |
− | }
| + | |
− |
| + | |
− | .fw-bolder {
| + | |
− | font-weight: bolder;
| + | |
− | }
| + | |
− |
| + | |
− | .lh-1 {
| + | |
− | line-height: 1;
| + | |
− | }
| + | |
− |
| + | |
− | .lh-sm {
| + | |
− | line-height: 1.25;
| + | |
− | }
| + | |
− |
| + | |
− | .lh-base {
| + | |
− | line-height: 1.5;
| + | |
− | }
| + | |
− |
| + | |
− | .lh-lg {
| + | |
− | line-height: 1.75;
| + | |
− | }
| + | |
− |
| + | |
− | .text-start {
| + | |
− | text-align: left;
| + | |
− | }
| + | |
− |
| + | |
− | .text-end {
| + | |
− | text-align: right;
| + | |
− | }
| + | |
− |
| + | |
− | .text-center {
| + | |
− | text-align: center;
| + | |
− | }
| + | |
− |
| + | |
− | .text-decoration-none {
| + | |
− | text-decoration: none;
| + | |
− | }
| + | |
− |
| + | |
− | .text-decoration-underline {
| + | |
− | text-decoration: underline;
| + | |
− | }
| + | |
− |
| + | |
− | .text-decoration-line-through {
| + | |
− | text-decoration: line-through;
| + | |
− | }
| + | |
− |
| + | |
− | .text-lowercase {
| + | |
− | text-transform: lowercase;
| + | |
− | }
| + | |
− |
| + | |
− | .text-uppercase {
| + | |
− | text-transform: uppercase;
| + | |
− | }
| + | |
− |
| + | |
− | .text-capitalize {
| + | |
− | text-transform: capitalize;
| + | |
− | }
| + | |
− |
| + | |
− | .text-wrap {
| + | |
− | white-space: normal;
| + | |
− | }
| + | |
− |
| + | |
− | .text-nowrap {
| + | |
− | white-space: nowrap;
| + | |
− | }
| + | |
− | /* rtl:begin:remove */
| + | |
− |
| + | |
− | .text-break {
| + | |
− | word-wrap: break-word;
| + | |
− | word-break: break-word;
| + | |
− | }
| + | |
− | /* rtl:end:remove */
| + | |
− |
| + | |
− | .text-primary {
| + | |
− | color: #ffc800;
| + | |
− | }
| + | |
− |
| + | |
− | .text-secondary {
| + | |
− | color: #6c757d;
| + | |
− | }
| + | |
− |
| + | |
− | .text-success {
| + | |
− | color: #198754;
| + | |
− | }
| + | |
− |
| + | |
− | .text-info {
| + | |
− | color: #0dcaf0;
| + | |
− | }
| + | |
− |
| + | |
− | .text-warning {
| + | |
− | color: #ffc800;
| + | |
− | }
| + | |
− |
| + | |
− | .text-danger {
| + | |
− | color: #dc3545;
| + | |
− | }
| + | |
− |
| + | |
− | .text-light {
| + | |
− | color: #f8f9fa;
| + | |
− | }
| + | |
− |
| + | |
− | .text-dark {
| + | |
− | color: #212529;
| + | |
− | }
| + | |
− |
| + | |
− | .text-white {
| + | |
− | color: #fff;
| + | |
− | }
| + | |
− |
| + | |
− | .text-body {
| + | |
− | color: #212529;
| + | |
− | }
| + | |
− |
| + | |
− | .text-muted {
| + | |
− | color: #6c757d;
| + | |
− | }
| + | |
− |
| + | |
− | .text-black-50 {
| + | |
− | color: rgba(0, 0, 0, 0.5);
| + | |
− | }
| + | |
− |
| + | |
− | .text-white-50 {
| + | |
− | color: rgba(255, 255, 255, 0.5);
| + | |
− | }
| + | |
− |
| + | |
− | .text-reset {
| + | |
− | color: inherit;
| + | |
− | }
| + | |
− |
| + | |
− | .bg-primary {
| + | |
− | background-color: #ffc800;
| + | |
− | }
| + | |
− |
| + | |
− | .bg-secondary {
| + | |
− | background-color: #6c757d;
| + | |
− | }
| + | |
− |
| + | |
− | .bg-success {
| + | |
− | background-color: #198754;
| + | |
− | }
| + | |
− |
| + | |
− | .bg-info {
| + | |
− | background-color: #0dcaf0;
| + | |
− | }
| + | |
− |
| + | |
− | .bg-warning {
| + | |
− | background-color: #ffc800;
| + | |
− | }
| + | |
− |
| + | |
− | .bg-danger {
| + | |
− | background-color: #dc3545;
| + | |
− | }
| + | |
− |
| + | |
− | .bg-light {
| + | |
− | background-color: #f8f9fa;
| + | |
− | }
| + | |
− |
| + | |
− | .bg-dark {
| + | |
− | background-color: #212529;
| + | |
− | }
| + | |
− |
| + | |
− | .bg-body {
| + | |
− | background-color: #fff;
| + | |
− | }
| + | |
− |
| + | |
− | .bg-white {
| + | |
− | background-color: #fff;
| + | |
− | }
| + | |
− |
| + | |
− | .bg-transparent {
| + | |
− | background-color: transparent;
| + | |
− | }
| + | |
− |
| + | |
− | .bg-gradient {
| + | |
− | background-image: var(--bs-gradient);
| + | |
− | }
| + | |
− |
| + | |
− | .user-select-all {
| + | |
− | -webkit-user-select: all;
| + | |
− | -moz-user-select: all;
| + | |
− | user-select: all;
| + | |
− | }
| + | |
− |
| + | |
− | .user-select-auto {
| + | |
− | -webkit-user-select: auto;
| + | |
− | -moz-user-select: auto;
| + | |
− | -ms-user-select: auto;
| + | |
− | user-select: auto;
| + | |
− | }
| + | |
− |
| + | |
− | .user-select-none {
| + | |
− | -webkit-user-select: none;
| + | |
− | -moz-user-select: none;
| + | |
− | -ms-user-select: none;
| + | |
− | user-select: none;
| + | |
− | }
| + | |
− |
| + | |
− | .pe-none {
| + | |
− | pointer-events: none;
| + | |
− | }
| + | |
− |
| + | |
− | .pe-auto {
| + | |
− | pointer-events: auto;
| + | |
− | }
| + | |
− |
| + | |
− | .rounded {
| + | |
− | border-radius: 0.25rem;
| + | |
− | }
| + | |
− |
| + | |
− | .rounded-0 {
| + | |
− | border-radius: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .rounded-1 {
| + | |
− | border-radius: 0.2rem;
| + | |
− | }
| + | |
− |
| + | |
− | .rounded-2 {
| + | |
− | border-radius: 0.25rem;
| + | |
− | }
| + | |
− |
| + | |
− | .rounded-3 {
| + | |
− | border-radius: 0.3rem;
| + | |
− | }
| + | |
− |
| + | |
− | .rounded-circle {
| + | |
− | border-radius: 50%;
| + | |
− | }
| + | |
− |
| + | |
− | .rounded-pill {
| + | |
− | border-radius: 50rem;
| + | |
− | }
| + | |
− |
| + | |
− | .rounded-top {
| + | |
− | border-top-left-radius: 0.25rem;
| + | |
− | border-top-right-radius: 0.25rem;
| + | |
− | }
| + | |
− |
| + | |
− | .rounded-end {
| + | |
− | border-top-right-radius: 0.25rem;
| + | |
− | border-bottom-right-radius: 0.25rem;
| + | |
− | }
| + | |
− |
| + | |
− | .rounded-bottom {
| + | |
− | border-bottom-right-radius: 0.25rem;
| + | |
− | border-bottom-left-radius: 0.25rem;
| + | |
− | }
| + | |
− |
| + | |
− | .rounded-start {
| + | |
− | border-bottom-left-radius: 0.25rem;
| + | |
− | border-top-left-radius: 0.25rem;
| + | |
− | }
| + | |
− |
| + | |
− | .visible {
| + | |
− | visibility: visible;
| + | |
− | }
| + | |
− |
| + | |
− | .invisible {
| + | |
− | visibility: hidden;
| + | |
− | }
| + | |
− |
| + | |
− | @media (min-width: 576px) {
| + | |
− | .float-sm-start {
| + | |
− | float: left;
| + | |
− | }
| + | |
− | .float-sm-end {
| + | |
− | float: right;
| + | |
− | }
| + | |
− | .float-sm-none {
| + | |
− | float: none;
| + | |
− | }
| + | |
− | .d-sm-inline {
| + | |
− | display: inline;
| + | |
− | }
| + | |
− | .d-sm-inline-block {
| + | |
− | display: inline-block;
| + | |
− | }
| + | |
− | .d-sm-block {
| + | |
− | display: block;
| + | |
− | }
| + | |
− | .d-sm-grid {
| + | |
− | display: grid;
| + | |
− | }
| + | |
− | .d-sm-table {
| + | |
− | display: table;
| + | |
− | }
| + | |
− | .d-sm-table-row {
| + | |
− | display: table-row;
| + | |
− | }
| + | |
− | .d-sm-table-cell {
| + | |
− | display: table-cell;
| + | |
− | }
| + | |
− | .d-sm-flex {
| + | |
− | display: flex;
| + | |
− | }
| + | |
− | .d-sm-inline-flex {
| + | |
− | display: inline-flex;
| + | |
− | }
| + | |
− | .d-sm-none {
| + | |
− | display: none;
| + | |
− | }
| + | |
− | .flex-sm-fill {
| + | |
− | flex: 1 1 auto;
| + | |
− | }
| + | |
− | .flex-sm-row {
| + | |
− | flex-direction: row;
| + | |
− | }
| + | |
− | .flex-sm-column {
| + | |
− | flex-direction: column;
| + | |
− | }
| + | |
− | .flex-sm-row-reverse {
| + | |
− | flex-direction: row-reverse;
| + | |
− | }
| + | |
− | .flex-sm-column-reverse {
| + | |
− | flex-direction: column-reverse;
| + | |
− | }
| + | |
− | .flex-sm-grow-0 {
| + | |
− | flex-grow: 0;
| + | |
− | }
| + | |
− | .flex-sm-grow-1 {
| + | |
− | flex-grow: 1;
| + | |
− | }
| + | |
− | .flex-sm-shrink-0 {
| + | |
− | flex-shrink: 0;
| + | |
− | }
| + | |
− | .flex-sm-shrink-1 {
| + | |
− | flex-shrink: 1;
| + | |
− | }
| + | |
− | .flex-sm-wrap {
| + | |
− | flex-wrap: wrap;
| + | |
− | }
| + | |
− | .flex-sm-nowrap {
| + | |
− | flex-wrap: nowrap;
| + | |
− | }
| + | |
− | .flex-sm-wrap-reverse {
| + | |
− | flex-wrap: wrap-reverse;
| + | |
− | }
| + | |
− | .gap-sm-0 {
| + | |
− | gap: 0;
| + | |
− | }
| + | |
− | .gap-sm-1 {
| + | |
− | gap: 0.25rem;
| + | |
− | }
| + | |
− | .gap-sm-2 {
| + | |
− | gap: 0.5rem;
| + | |
− | }
| + | |
− | .gap-sm-3 {
| + | |
− | gap: 1rem;
| + | |
− | }
| + | |
− | .gap-sm-4 {
| + | |
− | gap: 1.5rem;
| + | |
− | }
| + | |
− | .gap-sm-5 {
| + | |
− | gap: 3rem;
| + | |
− | }
| + | |
− | .justify-content-sm-start {
| + | |
− | justify-content: flex-start;
| + | |
− | }
| + | |
− | .justify-content-sm-end {
| + | |
− | justify-content: flex-end;
| + | |
− | }
| + | |
− | .justify-content-sm-center {
| + | |
− | justify-content: center;
| + | |
− | }
| + | |
− | .justify-content-sm-between {
| + | |
− | justify-content: space-between;
| + | |
− | }
| + | |
− | .justify-content-sm-around {
| + | |
− | justify-content: space-around;
| + | |
− | }
| + | |
− | .justify-content-sm-evenly {
| + | |
− | justify-content: space-evenly;
| + | |
− | }
| + | |
− | .align-items-sm-start {
| + | |
− | align-items: flex-start;
| + | |
− | }
| + | |
− | .align-items-sm-end {
| + | |
− | align-items: flex-end;
| + | |
− | }
| + | |
− | .align-items-sm-center {
| + | |
− | align-items: center;
| + | |
− | }
| + | |
− | .align-items-sm-baseline {
| + | |
− | align-items: baseline;
| + | |
− | }
| + | |
− | .align-items-sm-stretch {
| + | |
− | align-items: stretch;
| + | |
− | }
| + | |
− | .align-content-sm-start {
| + | |
− | align-content: flex-start;
| + | |
− | }
| + | |
− | .align-content-sm-end {
| + | |
− | align-content: flex-end;
| + | |
− | }
| + | |
− | .align-content-sm-center {
| + | |
− | align-content: center;
| + | |
− | }
| + | |
− | .align-content-sm-between {
| + | |
− | align-content: space-between;
| + | |
− | }
| + | |
− | .align-content-sm-around {
| + | |
− | align-content: space-around;
| + | |
− | }
| + | |
− | .align-content-sm-stretch {
| + | |
− | align-content: stretch;
| + | |
− | }
| + | |
− | .align-self-sm-auto {
| + | |
− | align-self: auto;
| + | |
− | }
| + | |
− | .align-self-sm-start {
| + | |
− | align-self: flex-start;
| + | |
− | }
| + | |
− | .align-self-sm-end {
| + | |
− | align-self: flex-end;
| + | |
− | }
| + | |
− | .align-self-sm-center {
| + | |
− | align-self: center;
| + | |
− | }
| + | |
− | .align-self-sm-baseline {
| + | |
− | align-self: baseline;
| + | |
− | }
| + | |
− | .align-self-sm-stretch {
| + | |
− | align-self: stretch;
| + | |
− | }
| + | |
− | .order-sm-first {
| + | |
− | order: -1;
| + | |
− | }
| + | |
− | .order-sm-0 {
| + | |
− | order: 0;
| + | |
− | }
| + | |
− | .order-sm-1 {
| + | |
− | order: 1;
| + | |
− | }
| + | |
− | .order-sm-2 {
| + | |
− | order: 2;
| + | |
− | }
| + | |
− | .order-sm-3 {
| + | |
− | order: 3;
| + | |
− | }
| + | |
− | .order-sm-4 {
| + | |
− | order: 4;
| + | |
− | }
| + | |
− | .order-sm-5 {
| + | |
− | order: 5;
| + | |
− | }
| + | |
− | .order-sm-last {
| + | |
− | order: 6;
| + | |
− | }
| + | |
− | .m-sm-0 {
| + | |
− | margin: 0;
| + | |
− | }
| + | |
− | .m-sm-1 {
| + | |
− | margin: 0.25rem;
| + | |
− | }
| + | |
− | .m-sm-2 {
| + | |
− | margin: 0.5rem;
| + | |
− | }
| + | |
− | .m-sm-3 {
| + | |
− | margin: 1rem;
| + | |
− | }
| + | |
− | .m-sm-4 {
| + | |
− | margin: 1.5rem;
| + | |
− | }
| + | |
− | .m-sm-5 {
| + | |
− | margin: 3rem;
| + | |
− | }
| + | |
− | .m-sm-auto {
| + | |
− | margin: auto;
| + | |
− | }
| + | |
− | .mx-sm-0 {
| + | |
− | margin-right: 0;
| + | |
− | margin-left: 0;
| + | |
− | }
| + | |
− | .mx-sm-1 {
| + | |
− | margin-right: 0.25rem;
| + | |
− | margin-left: 0.25rem;
| + | |
− | }
| + | |
− | .mx-sm-2 {
| + | |
− | margin-right: 0.5rem;
| + | |
− | margin-left: 0.5rem;
| + | |
− | }
| + | |
− | .mx-sm-3 {
| + | |
− | margin-right: 1rem;
| + | |
− | margin-left: 1rem;
| + | |
− | }
| + | |
− | .mx-sm-4 {
| + | |
− | margin-right: 1.5rem;
| + | |
− | margin-left: 1.5rem;
| + | |
− | }
| + | |
− | .mx-sm-5 {
| + | |
− | margin-right: 3rem;
| + | |
− | margin-left: 3rem;
| + | |
− | }
| + | |
− | .mx-sm-auto {
| + | |
− | margin-right: auto;
| + | |
− | margin-left: auto;
| + | |
− | }
| + | |
− | .my-sm-0 {
| + | |
− | margin-top: 0;
| + | |
− | margin-bottom: 0;
| + | |
− | }
| + | |
− | .my-sm-1 {
| + | |
− | margin-top: 0.25rem;
| + | |
− | margin-bottom: 0.25rem;
| + | |
− | }
| + | |
− | .my-sm-2 {
| + | |
− | margin-top: 0.5rem;
| + | |
− | margin-bottom: 0.5rem;
| + | |
− | }
| + | |
− | .my-sm-3 {
| + | |
− | margin-top: 1rem;
| + | |
− | margin-bottom: 1rem;
| + | |
− | }
| + | |
− | .my-sm-4 {
| + | |
− | margin-top: 1.5rem;
| + | |
− | margin-bottom: 1.5rem;
| + | |
− | }
| + | |
− | .my-sm-5 {
| + | |
− | margin-top: 3rem;
| + | |
− | margin-bottom: 3rem;
| + | |
− | }
| + | |
− | .my-sm-auto {
| + | |
− | margin-top: auto;
| + | |
− | margin-bottom: auto;
| + | |
− | }
| + | |
− | .mt-sm-0 {
| + | |
− | margin-top: 0;
| + | |
− | }
| + | |
− | .mt-sm-1 {
| + | |
− | margin-top: 0.25rem;
| + | |
− | }
| + | |
− | .mt-sm-2 {
| + | |
− | margin-top: 0.5rem;
| + | |
− | }
| + | |
− | .mt-sm-3 {
| + | |
− | margin-top: 1rem;
| + | |
− | }
| + | |
− | .mt-sm-4 {
| + | |
− | margin-top: 1.5rem;
| + | |
− | }
| + | |
− | .mt-sm-5 {
| + | |
− | margin-top: 3rem;
| + | |
− | }
| + | |
− | .mt-sm-auto {
| + | |
− | margin-top: auto;
| + | |
− | }
| + | |
− | .me-sm-0 {
| + | |
− | margin-right: 0;
| + | |
− | }
| + | |
− | .me-sm-1 {
| + | |
− | margin-right: 0.25rem;
| + | |
− | }
| + | |
− | .me-sm-2 {
| + | |
− | margin-right: 0.5rem;
| + | |
− | }
| + | |
− | .me-sm-3 {
| + | |
− | margin-right: 1rem;
| + | |
− | }
| + | |
− | .me-sm-4 {
| + | |
− | margin-right: 1.5rem;
| + | |
− | }
| + | |
− | .me-sm-5 {
| + | |
− | margin-right: 3rem;
| + | |
− | }
| + | |
− | .me-sm-auto {
| + | |
− | margin-right: auto;
| + | |
− | }
| + | |
− | .mb-sm-0 {
| + | |
− | margin-bottom: 0;
| + | |
− | }
| + | |
− | .mb-sm-1 {
| + | |
− | margin-bottom: 0.25rem;
| + | |
− | }
| + | |
− | .mb-sm-2 {
| + | |
− | margin-bottom: 0.5rem;
| + | |
− | }
| + | |
− | .mb-sm-3 {
| + | |
− | margin-bottom: 1rem;
| + | |
− | }
| + | |
− | .mb-sm-4 {
| + | |
− | margin-bottom: 1.5rem;
| + | |
− | }
| + | |
− | .mb-sm-5 {
| + | |
− | margin-bottom: 3rem;
| + | |
− | }
| + | |
− | .mb-sm-auto {
| + | |
− | margin-bottom: auto;
| + | |
− | }
| + | |
− | .ms-sm-0 {
| + | |
− | margin-left: 0;
| + | |
− | }
| + | |
− | .ms-sm-1 {
| + | |
− | margin-left: 0.25rem;
| + | |
− | }
| + | |
− | .ms-sm-2 {
| + | |
− | margin-left: 0.5rem;
| + | |
− | }
| + | |
− | .ms-sm-3 {
| + | |
− | margin-left: 1rem;
| + | |
− | }
| + | |
− | .ms-sm-4 {
| + | |
− | margin-left: 1.5rem;
| + | |
− | }
| + | |
− | .ms-sm-5 {
| + | |
− | margin-left: 3rem;
| + | |
− | }
| + | |
− | .ms-sm-auto {
| + | |
− | margin-left: auto;
| + | |
− | }
| + | |
− | .p-sm-0 {
| + | |
− | padding: 0;
| + | |
− | }
| + | |
− | .p-sm-1 {
| + | |
− | padding: 0.25rem;
| + | |
− | }
| + | |
− | .p-sm-2 {
| + | |
− | padding: 0.5rem;
| + | |
− | }
| + | |
− | .p-sm-3 {
| + | |
− | padding: 1rem;
| + | |
− | }
| + | |
− | .p-sm-4 {
| + | |
− | padding: 1.5rem;
| + | |
− | }
| + | |
− | .p-sm-5 {
| + | |
− | padding: 3rem;
| + | |
− | }
| + | |
− | .px-sm-0 {
| + | |
− | padding-right: 0;
| + | |
− | padding-left: 0;
| + | |
− | }
| + | |
− | .px-sm-1 {
| + | |
− | padding-right: 0.25rem;
| + | |
− | padding-left: 0.25rem;
| + | |
− | }
| + | |
− | .px-sm-2 {
| + | |
− | padding-right: 0.5rem;
| + | |
− | padding-left: 0.5rem;
| + | |
− | }
| + | |
− | .px-sm-3 {
| + | |
− | padding-right: 1rem;
| + | |
− | padding-left: 1rem;
| + | |
− | }
| + | |
− | .px-sm-4 {
| + | |
− | padding-right: 1.5rem;
| + | |
− | padding-left: 1.5rem;
| + | |
− | }
| + | |
− | .px-sm-5 {
| + | |
− | padding-right: 3rem;
| + | |
− | padding-left: 3rem;
| + | |
− | }
| + | |
− | .py-sm-0 {
| + | |
− | padding-top: 0;
| + | |
− | padding-bottom: 0;
| + | |
− | }
| + | |
− | .py-sm-1 {
| + | |
− | padding-top: 0.25rem;
| + | |
− | padding-bottom: 0.25rem;
| + | |
− | }
| + | |
− | .py-sm-2 {
| + | |
− | padding-top: 0.5rem;
| + | |
− | padding-bottom: 0.5rem;
| + | |
− | }
| + | |
− | .py-sm-3 {
| + | |
− | padding-top: 1rem;
| + | |
− | padding-bottom: 1rem;
| + | |
− | }
| + | |
− | .py-sm-4 {
| + | |
− | padding-top: 1.5rem;
| + | |
− | padding-bottom: 1.5rem;
| + | |
− | }
| + | |
− | .py-sm-5 {
| + | |
− | padding-top: 3rem;
| + | |
− | padding-bottom: 3rem;
| + | |
− | }
| + | |
− | .pt-sm-0 {
| + | |
− | padding-top: 0;
| + | |
− | }
| + | |
− | .pt-sm-1 {
| + | |
− | padding-top: 0.25rem;
| + | |
− | }
| + | |
− | .pt-sm-2 {
| + | |
− | padding-top: 0.5rem;
| + | |
− | }
| + | |
− | .pt-sm-3 {
| + | |
− | padding-top: 1rem;
| + | |
− | }
| + | |
− | .pt-sm-4 {
| + | |
− | padding-top: 1.5rem;
| + | |
− | }
| + | |
− | .pt-sm-5 {
| + | |
− | padding-top: 3rem;
| + | |
− | }
| + | |
− | .pe-sm-0 {
| + | |
− | padding-right: 0;
| + | |
− | }
| + | |
− | .pe-sm-1 {
| + | |
− | padding-right: 0.25rem;
| + | |
− | }
| + | |
− | .pe-sm-2 {
| + | |
− | padding-right: 0.5rem;
| + | |
− | }
| + | |
− | .pe-sm-3 {
| + | |
− | padding-right: 1rem;
| + | |
− | }
| + | |
− | .pe-sm-4 {
| + | |
− | padding-right: 1.5rem;
| + | |
− | }
| + | |
− | .pe-sm-5 {
| + | |
− | padding-right: 3rem;
| + | |
− | }
| + | |
− | .pb-sm-0 {
| + | |
− | padding-bottom: 0;
| + | |
− | }
| + | |
− | .pb-sm-1 {
| + | |
− | padding-bottom: 0.25rem;
| + | |
− | }
| + | |
− | .pb-sm-2 {
| + | |
− | padding-bottom: 0.5rem;
| + | |
− | }
| + | |
− | .pb-sm-3 {
| + | |
− | padding-bottom: 1rem;
| + | |
− | }
| + | |
− | .pb-sm-4 {
| + | |
− | padding-bottom: 1.5rem;
| + | |
− | }
| + | |
− | .pb-sm-5 {
| + | |
− | padding-bottom: 3rem;
| + | |
− | }
| + | |
− | .ps-sm-0 {
| + | |
− | padding-left: 0;
| + | |
− | }
| + | |
− | .ps-sm-1 {
| + | |
− | padding-left: 0.25rem;
| + | |
− | }
| + | |
− | .ps-sm-2 {
| + | |
− | padding-left: 0.5rem;
| + | |
− | }
| + | |
− | .ps-sm-3 {
| + | |
− | padding-left: 1rem;
| + | |
− | }
| + | |
− | .ps-sm-4 {
| + | |
− | padding-left: 1.5rem;
| + | |
− | }
| + | |
− | .ps-sm-5 {
| + | |
− | padding-left: 3rem;
| + | |
− | }
| + | |
− | .text-sm-start {
| + | |
− | text-align: left;
| + | |
− | }
| + | |
− | .text-sm-end {
| + | |
− | text-align: right;
| + | |
− | }
| + | |
− | .text-sm-center {
| + | |
− | text-align: center;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | @media (min-width: 768px) {
| + | |
− | .float-md-start {
| + | |
− | float: left;
| + | |
− | }
| + | |
− | .float-md-end {
| + | |
− | float: right;
| + | |
− | }
| + | |
− | .float-md-none {
| + | |
− | float: none;
| + | |
− | }
| + | |
− | .d-md-inline {
| + | |
− | display: inline;
| + | |
− | }
| + | |
− | .d-md-inline-block {
| + | |
− | display: inline-block;
| + | |
− | }
| + | |
− | .d-md-block {
| + | |
− | display: block;
| + | |
− | }
| + | |
− | .d-md-grid {
| + | |
− | display: grid;
| + | |
− | }
| + | |
− | .d-md-table {
| + | |
− | display: table;
| + | |
− | }
| + | |
− | .d-md-table-row {
| + | |
− | display: table-row;
| + | |
− | }
| + | |
− | .d-md-table-cell {
| + | |
− | display: table-cell;
| + | |
− | }
| + | |
− | .d-md-flex {
| + | |
− | display: flex;
| + | |
− | }
| + | |
− | .d-md-inline-flex {
| + | |
− | display: inline-flex;
| + | |
− | }
| + | |
− | .d-md-none {
| + | |
− | display: none;
| + | |
− | }
| + | |
− | .flex-md-fill {
| + | |
− | flex: 1 1 auto;
| + | |
− | }
| + | |
− | .flex-md-row {
| + | |
− | flex-direction: row;
| + | |
− | }
| + | |
− | .flex-md-column {
| + | |
− | flex-direction: column;
| + | |
− | }
| + | |
− | .flex-md-row-reverse {
| + | |
− | flex-direction: row-reverse;
| + | |
− | }
| + | |
− | .flex-md-column-reverse {
| + | |
− | flex-direction: column-reverse;
| + | |
− | }
| + | |
− | .flex-md-grow-0 {
| + | |
− | flex-grow: 0;
| + | |
− | }
| + | |
− | .flex-md-grow-1 {
| + | |
− | flex-grow: 1;
| + | |
− | }
| + | |
− | .flex-md-shrink-0 {
| + | |
− | flex-shrink: 0;
| + | |
− | }
| + | |
− | .flex-md-shrink-1 {
| + | |
− | flex-shrink: 1;
| + | |
− | }
| + | |
− | .flex-md-wrap {
| + | |
− | flex-wrap: wrap;
| + | |
− | }
| + | |
− | .flex-md-nowrap {
| + | |
− | flex-wrap: nowrap;
| + | |
− | }
| + | |
− | .flex-md-wrap-reverse {
| + | |
− | flex-wrap: wrap-reverse;
| + | |
− | }
| + | |
− | .gap-md-0 {
| + | |
− | gap: 0;
| + | |
− | }
| + | |
− | .gap-md-1 {
| + | |
− | gap: 0.25rem;
| + | |
− | }
| + | |
− | .gap-md-2 {
| + | |
− | gap: 0.5rem;
| + | |
− | }
| + | |
− | .gap-md-3 {
| + | |
− | gap: 1rem;
| + | |
− | }
| + | |
− | .gap-md-4 {
| + | |
− | gap: 1.5rem;
| + | |
− | }
| + | |
− | .gap-md-5 {
| + | |
− | gap: 3rem;
| + | |
− | }
| + | |
− | .justify-content-md-start {
| + | |
− | justify-content: flex-start;
| + | |
− | }
| + | |
− | .justify-content-md-end {
| + | |
− | justify-content: flex-end;
| + | |
− | }
| + | |
− | .justify-content-md-center {
| + | |
− | justify-content: center;
| + | |
− | }
| + | |
− | .justify-content-md-between {
| + | |
− | justify-content: space-between;
| + | |
− | }
| + | |
− | .justify-content-md-around {
| + | |
− | justify-content: space-around;
| + | |
− | }
| + | |
− | .justify-content-md-evenly {
| + | |
− | justify-content: space-evenly;
| + | |
− | }
| + | |
− | .align-items-md-start {
| + | |
− | align-items: flex-start;
| + | |
− | }
| + | |
− | .align-items-md-end {
| + | |
− | align-items: flex-end;
| + | |
− | }
| + | |
− | .align-items-md-center {
| + | |
− | align-items: center;
| + | |
− | }
| + | |
− | .align-items-md-baseline {
| + | |
− | align-items: baseline;
| + | |
− | }
| + | |
− | .align-items-md-stretch {
| + | |
− | align-items: stretch;
| + | |
− | }
| + | |
− | .align-content-md-start {
| + | |
− | align-content: flex-start;
| + | |
− | }
| + | |
− | .align-content-md-end {
| + | |
− | align-content: flex-end;
| + | |
− | }
| + | |
− | .align-content-md-center {
| + | |
− | align-content: center;
| + | |
− | }
| + | |
− | .align-content-md-between {
| + | |
− | align-content: space-between;
| + | |
− | }
| + | |
− | .align-content-md-around {
| + | |
− | align-content: space-around;
| + | |
− | }
| + | |
− | .align-content-md-stretch {
| + | |
− | align-content: stretch;
| + | |
− | }
| + | |
− | .align-self-md-auto {
| + | |
− | align-self: auto;
| + | |
− | }
| + | |
− | .align-self-md-start {
| + | |
− | align-self: flex-start;
| + | |
− | }
| + | |
− | .align-self-md-end {
| + | |
− | align-self: flex-end;
| + | |
− | }
| + | |
− | .align-self-md-center {
| + | |
− | align-self: center;
| + | |
− | }
| + | |
− | .align-self-md-baseline {
| + | |
− | align-self: baseline;
| + | |
− | }
| + | |
− | .align-self-md-stretch {
| + | |
− | align-self: stretch;
| + | |
− | }
| + | |
− | .order-md-first {
| + | |
− | order: -1;
| + | |
− | }
| + | |
− | .order-md-0 {
| + | |
− | order: 0;
| + | |
− | }
| + | |
− | .order-md-1 {
| + | |
− | order: 1;
| + | |
− | }
| + | |
− | .order-md-2 {
| + | |
− | order: 2;
| + | |
− | }
| + | |
− | .order-md-3 {
| + | |
− | order: 3;
| + | |
− | }
| + | |
− | .order-md-4 {
| + | |
− | order: 4;
| + | |
− | }
| + | |
− | .order-md-5 {
| + | |
− | order: 5;
| + | |
− | }
| + | |
− | .order-md-last {
| + | |
− | order: 6;
| + | |
− | }
| + | |
− | .m-md-0 {
| + | |
− | margin: 0;
| + | |
− | }
| + | |
− | .m-md-1 {
| + | |
− | margin: 0.25rem;
| + | |
− | }
| + | |
− | .m-md-2 {
| + | |
− | margin: 0.5rem;
| + | |
− | }
| + | |
− | .m-md-3 {
| + | |
− | margin: 1rem;
| + | |
− | }
| + | |
− | .m-md-4 {
| + | |
− | margin: 1.5rem;
| + | |
− | }
| + | |
− | .m-md-5 {
| + | |
− | margin: 3rem;
| + | |
− | }
| + | |
− | .m-md-auto {
| + | |
− | margin: auto;
| + | |
− | }
| + | |
− | .mx-md-0 {
| + | |
− | margin-right: 0;
| + | |
− | margin-left: 0;
| + | |
− | }
| + | |
− | .mx-md-1 {
| + | |
− | margin-right: 0.25rem;
| + | |
− | margin-left: 0.25rem;
| + | |
− | }
| + | |
− | .mx-md-2 {
| + | |
− | margin-right: 0.5rem;
| + | |
− | margin-left: 0.5rem;
| + | |
− | }
| + | |
− | .mx-md-3 {
| + | |
− | margin-right: 1rem;
| + | |
− | margin-left: 1rem;
| + | |
− | }
| + | |
− | .mx-md-4 {
| + | |
− | margin-right: 1.5rem;
| + | |
− | margin-left: 1.5rem;
| + | |
− | }
| + | |
− | .mx-md-5 {
| + | |
− | margin-right: 3rem;
| + | |
− | margin-left: 3rem;
| + | |
− | }
| + | |
− | .mx-md-auto {
| + | |
− | margin-right: auto;
| + | |
− | margin-left: auto;
| + | |
− | }
| + | |
− | .my-md-0 {
| + | |
− | margin-top: 0;
| + | |
− | margin-bottom: 0;
| + | |
− | }
| + | |
− | .my-md-1 {
| + | |
− | margin-top: 0.25rem;
| + | |
− | margin-bottom: 0.25rem;
| + | |
− | }
| + | |
− | .my-md-2 {
| + | |
− | margin-top: 0.5rem;
| + | |
− | margin-bottom: 0.5rem;
| + | |
− | }
| + | |
− | .my-md-3 {
| + | |
− | margin-top: 1rem;
| + | |
− | margin-bottom: 1rem;
| + | |
− | }
| + | |
− | .my-md-4 {
| + | |
− | margin-top: 1.5rem;
| + | |
− | margin-bottom: 1.5rem;
| + | |
− | }
| + | |
− | .my-md-5 {
| + | |
− | margin-top: 3rem;
| + | |
− | margin-bottom: 3rem;
| + | |
− | }
| + | |
− | .my-md-auto {
| + | |
− | margin-top: auto;
| + | |
− | margin-bottom: auto;
| + | |
− | }
| + | |
− | .mt-md-0 {
| + | |
− | margin-top: 0;
| + | |
− | }
| + | |
− | .mt-md-1 {
| + | |
− | margin-top: 0.25rem;
| + | |
− | }
| + | |
− | .mt-md-2 {
| + | |
− | margin-top: 0.5rem;
| + | |
− | }
| + | |
− | .mt-md-3 {
| + | |
− | margin-top: 1rem;
| + | |
− | }
| + | |
− | .mt-md-4 {
| + | |
− | margin-top: 1.5rem;
| + | |
− | }
| + | |
− | .mt-md-5 {
| + | |
− | margin-top: 3rem;
| + | |
− | }
| + | |
− | .mt-md-auto {
| + | |
− | margin-top: auto;
| + | |
− | }
| + | |
− | .me-md-0 {
| + | |
− | margin-right: 0;
| + | |
− | }
| + | |
− | .me-md-1 {
| + | |
− | margin-right: 0.25rem;
| + | |
− | }
| + | |
− | .me-md-2 {
| + | |
− | margin-right: 0.5rem;
| + | |
− | }
| + | |
− | .me-md-3 {
| + | |
− | margin-right: 1rem;
| + | |
− | }
| + | |
− | .me-md-4 {
| + | |
− | margin-right: 1.5rem;
| + | |
− | }
| + | |
− | .me-md-5 {
| + | |
− | margin-right: 3rem;
| + | |
− | }
| + | |
− | .me-md-auto {
| + | |
− | margin-right: auto;
| + | |
− | }
| + | |
− | .mb-md-0 {
| + | |
− | margin-bottom: 0;
| + | |
− | }
| + | |
− | .mb-md-1 {
| + | |
− | margin-bottom: 0.25rem;
| + | |
− | }
| + | |
− | .mb-md-2 {
| + | |
− | margin-bottom: 0.5rem;
| + | |
− | }
| + | |
− | .mb-md-3 {
| + | |
− | margin-bottom: 1rem;
| + | |
− | }
| + | |
− | .mb-md-4 {
| + | |
− | margin-bottom: 1.5rem;
| + | |
− | }
| + | |
− | .mb-md-5 {
| + | |
− | margin-bottom: 3rem;
| + | |
− | }
| + | |
− | .mb-md-auto {
| + | |
− | margin-bottom: auto;
| + | |
− | }
| + | |
− | .ms-md-0 {
| + | |
− | margin-left: 0;
| + | |
− | }
| + | |
− | .ms-md-1 {
| + | |
− | margin-left: 0.25rem;
| + | |
− | }
| + | |
− | .ms-md-2 {
| + | |
− | margin-left: 0.5rem;
| + | |
− | }
| + | |
− | .ms-md-3 {
| + | |
− | margin-left: 1rem;
| + | |
− | }
| + | |
− | .ms-md-4 {
| + | |
− | margin-left: 1.5rem;
| + | |
− | }
| + | |
− | .ms-md-5 {
| + | |
− | margin-left: 3rem;
| + | |
− | }
| + | |
− | .ms-md-auto {
| + | |
− | margin-left: auto;
| + | |
− | }
| + | |
− | .p-md-0 {
| + | |
− | padding: 0;
| + | |
− | }
| + | |
− | .p-md-1 {
| + | |
− | padding: 0.25rem;
| + | |
− | }
| + | |
− | .p-md-2 {
| + | |
− | padding: 0.5rem;
| + | |
− | }
| + | |
− | .p-md-3 {
| + | |
− | padding: 1rem;
| + | |
− | }
| + | |
− | .p-md-4 {
| + | |
− | padding: 1.5rem;
| + | |
− | }
| + | |
− | .p-md-5 {
| + | |
− | padding: 3rem;
| + | |
− | }
| + | |
− | .px-md-0 {
| + | |
− | padding-right: 0;
| + | |
− | padding-left: 0;
| + | |
− | }
| + | |
− | .px-md-1 {
| + | |
− | padding-right: 0.25rem;
| + | |
− | padding-left: 0.25rem;
| + | |
− | }
| + | |
− | .px-md-2 {
| + | |
− | padding-right: 0.5rem;
| + | |
− | padding-left: 0.5rem;
| + | |
− | }
| + | |
− | .px-md-3 {
| + | |
− | padding-right: 1rem;
| + | |
− | padding-left: 1rem;
| + | |
− | }
| + | |
− | .px-md-4 {
| + | |
− | padding-right: 1.5rem;
| + | |
− | padding-left: 1.5rem;
| + | |
− | }
| + | |
− | .px-md-5 {
| + | |
− | padding-right: 3rem;
| + | |
− | padding-left: 3rem;
| + | |
− | }
| + | |
− | .py-md-0 {
| + | |
− | padding-top: 0;
| + | |
− | padding-bottom: 0;
| + | |
− | }
| + | |
− | .py-md-1 {
| + | |
− | padding-top: 0.25rem;
| + | |
− | padding-bottom: 0.25rem;
| + | |
− | }
| + | |
− | .py-md-2 {
| + | |
− | padding-top: 0.5rem;
| + | |
− | padding-bottom: 0.5rem;
| + | |
− | }
| + | |
− | .py-md-3 {
| + | |
− | padding-top: 1rem;
| + | |
− | padding-bottom: 1rem;
| + | |
− | }
| + | |
− | .py-md-4 {
| + | |
− | padding-top: 1.5rem;
| + | |
− | padding-bottom: 1.5rem;
| + | |
− | }
| + | |
− | .py-md-5 {
| + | |
− | padding-top: 3rem;
| + | |
− | padding-bottom: 3rem;
| + | |
− | }
| + | |
− | .pt-md-0 {
| + | |
− | padding-top: 0;
| + | |
− | }
| + | |
− | .pt-md-1 {
| + | |
− | padding-top: 0.25rem;
| + | |
− | }
| + | |
− | .pt-md-2 {
| + | |
− | padding-top: 0.5rem;
| + | |
− | }
| + | |
− | .pt-md-3 {
| + | |
− | padding-top: 1rem;
| + | |
− | }
| + | |
− | .pt-md-4 {
| + | |
− | padding-top: 1.5rem;
| + | |
− | }
| + | |
− | .pt-md-5 {
| + | |
− | padding-top: 3rem;
| + | |
− | }
| + | |
− | .pe-md-0 {
| + | |
− | padding-right: 0;
| + | |
− | }
| + | |
− | .pe-md-1 {
| + | |
− | padding-right: 0.25rem;
| + | |
− | }
| + | |
− | .pe-md-2 {
| + | |
− | padding-right: 0.5rem;
| + | |
− | }
| + | |
− | .pe-md-3 {
| + | |
− | padding-right: 1rem;
| + | |
− | }
| + | |
− | .pe-md-4 {
| + | |
− | padding-right: 1.5rem;
| + | |
− | }
| + | |
− | .pe-md-5 {
| + | |
− | padding-right: 3rem;
| + | |
− | }
| + | |
− | .pb-md-0 {
| + | |
− | padding-bottom: 0;
| + | |
− | }
| + | |
− | .pb-md-1 {
| + | |
− | padding-bottom: 0.25rem;
| + | |
− | }
| + | |
− | .pb-md-2 {
| + | |
− | padding-bottom: 0.5rem;
| + | |
− | }
| + | |
− | .pb-md-3 {
| + | |
− | padding-bottom: 1rem;
| + | |
− | }
| + | |
− | .pb-md-4 {
| + | |
− | padding-bottom: 1.5rem;
| + | |
− | }
| + | |
− | .pb-md-5 {
| + | |
− | padding-bottom: 3rem;
| + | |
− | }
| + | |
− | .ps-md-0 {
| + | |
− | padding-left: 0;
| + | |
− | }
| + | |
− | .ps-md-1 {
| + | |
− | padding-left: 0.25rem;
| + | |
− | }
| + | |
− | .ps-md-2 {
| + | |
− | padding-left: 0.5rem;
| + | |
− | }
| + | |
− | .ps-md-3 {
| + | |
− | padding-left: 1rem;
| + | |
− | }
| + | |
− | .ps-md-4 {
| + | |
− | padding-left: 1.5rem;
| + | |
− | }
| + | |
− | .ps-md-5 {
| + | |
− | padding-left: 3rem;
| + | |
− | }
| + | |
− | .text-md-start {
| + | |
− | text-align: left;
| + | |
− | }
| + | |
− | .text-md-end {
| + | |
− | text-align: right;
| + | |
− | }
| + | |
− | .text-md-center {
| + | |
− | text-align: center;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | @media (min-width: 992px) {
| + | |
− | .float-lg-start {
| + | |
− | float: left;
| + | |
− | }
| + | |
− | .float-lg-end {
| + | |
− | float: right;
| + | |
− | }
| + | |
− | .float-lg-none {
| + | |
− | float: none;
| + | |
− | }
| + | |
− | .d-lg-inline {
| + | |
− | display: inline;
| + | |
− | }
| + | |
− | .d-lg-inline-block {
| + | |
− | display: inline-block;
| + | |
− | }
| + | |
− | .d-lg-block {
| + | |
− | display: block;
| + | |
− | }
| + | |
− | .d-lg-grid {
| + | |
− | display: grid;
| + | |
− | }
| + | |
− | .d-lg-table {
| + | |
− | display: table;
| + | |
− | }
| + | |
− | .d-lg-table-row {
| + | |
− | display: table-row;
| + | |
− | }
| + | |
− | .d-lg-table-cell {
| + | |
− | display: table-cell;
| + | |
− | }
| + | |
− | .d-lg-flex {
| + | |
− | display: flex;
| + | |
− | }
| + | |
− | .d-lg-inline-flex {
| + | |
− | display: inline-flex;
| + | |
− | }
| + | |
− | .d-lg-none {
| + | |
− | display: none;
| + | |
− | }
| + | |
− | .flex-lg-fill {
| + | |
− | flex: 1 1 auto;
| + | |
− | }
| + | |
− | .flex-lg-row {
| + | |
− | flex-direction: row;
| + | |
− | }
| + | |
− | .flex-lg-column {
| + | |
− | flex-direction: column;
| + | |
− | }
| + | |
− | .flex-lg-row-reverse {
| + | |
− | flex-direction: row-reverse;
| + | |
− | }
| + | |
− | .flex-lg-column-reverse {
| + | |
− | flex-direction: column-reverse;
| + | |
− | }
| + | |
− | .flex-lg-grow-0 {
| + | |
− | flex-grow: 0;
| + | |
− | }
| + | |
− | .flex-lg-grow-1 {
| + | |
− | flex-grow: 1;
| + | |
− | }
| + | |
− | .flex-lg-shrink-0 {
| + | |
− | flex-shrink: 0;
| + | |
− | }
| + | |
− | .flex-lg-shrink-1 {
| + | |
− | flex-shrink: 1;
| + | |
− | }
| + | |
− | .flex-lg-wrap {
| + | |
− | flex-wrap: wrap;
| + | |
− | }
| + | |
− | .flex-lg-nowrap {
| + | |
− | flex-wrap: nowrap;
| + | |
− | }
| + | |
− | .flex-lg-wrap-reverse {
| + | |
− | flex-wrap: wrap-reverse;
| + | |
− | }
| + | |
− | .gap-lg-0 {
| + | |
− | gap: 0;
| + | |
− | }
| + | |
− | .gap-lg-1 {
| + | |
− | gap: 0.25rem;
| + | |
− | }
| + | |
− | .gap-lg-2 {
| + | |
− | gap: 0.5rem;
| + | |
− | }
| + | |
− | .gap-lg-3 {
| + | |
− | gap: 1rem;
| + | |
− | }
| + | |
− | .gap-lg-4 {
| + | |
− | gap: 1.5rem;
| + | |
− | }
| + | |
− | .gap-lg-5 {
| + | |
− | gap: 3rem;
| + | |
− | }
| + | |
− | .justify-content-lg-start {
| + | |
− | justify-content: flex-start;
| + | |
− | }
| + | |
− | .justify-content-lg-end {
| + | |
− | justify-content: flex-end;
| + | |
− | }
| + | |
− | .justify-content-lg-center {
| + | |
− | justify-content: center;
| + | |
− | }
| + | |
− | .justify-content-lg-between {
| + | |
− | justify-content: space-between;
| + | |
− | }
| + | |
− | .justify-content-lg-around {
| + | |
− | justify-content: space-around;
| + | |
− | }
| + | |
− | .justify-content-lg-evenly {
| + | |
− | justify-content: space-evenly;
| + | |
− | }
| + | |
− | .align-items-lg-start {
| + | |
− | align-items: flex-start;
| + | |
− | }
| + | |
− | .align-items-lg-end {
| + | |
− | align-items: flex-end;
| + | |
− | }
| + | |
− | .align-items-lg-center {
| + | |
− | align-items: center;
| + | |
− | }
| + | |
− | .align-items-lg-baseline {
| + | |
− | align-items: baseline;
| + | |
− | }
| + | |
− | .align-items-lg-stretch {
| + | |
− | align-items: stretch;
| + | |
− | }
| + | |
− | .align-content-lg-start {
| + | |
− | align-content: flex-start;
| + | |
− | }
| + | |
− | .align-content-lg-end {
| + | |
− | align-content: flex-end;
| + | |
− | }
| + | |
− | .align-content-lg-center {
| + | |
− | align-content: center;
| + | |
− | }
| + | |
− | .align-content-lg-between {
| + | |
− | align-content: space-between;
| + | |
− | }
| + | |
− | .align-content-lg-around {
| + | |
− | align-content: space-around;
| + | |
− | }
| + | |
− | .align-content-lg-stretch {
| + | |
− | align-content: stretch;
| + | |
− | }
| + | |
− | .align-self-lg-auto {
| + | |
− | align-self: auto;
| + | |
− | }
| + | |
− | .align-self-lg-start {
| + | |
− | align-self: flex-start;
| + | |
− | }
| + | |
− | .align-self-lg-end {
| + | |
− | align-self: flex-end;
| + | |
− | }
| + | |
− | .align-self-lg-center {
| + | |
− | align-self: center;
| + | |
− | }
| + | |
− | .align-self-lg-baseline {
| + | |
− | align-self: baseline;
| + | |
− | }
| + | |
− | .align-self-lg-stretch {
| + | |
− | align-self: stretch;
| + | |
− | }
| + | |
− | .order-lg-first {
| + | |
− | order: -1;
| + | |
− | }
| + | |
− | .order-lg-0 {
| + | |
− | order: 0;
| + | |
− | }
| + | |
− | .order-lg-1 {
| + | |
− | order: 1;
| + | |
− | }
| + | |
− | .order-lg-2 {
| + | |
− | order: 2;
| + | |
− | }
| + | |
− | .order-lg-3 {
| + | |
− | order: 3;
| + | |
− | }
| + | |
− | .order-lg-4 {
| + | |
− | order: 4;
| + | |
− | }
| + | |
− | .order-lg-5 {
| + | |
− | order: 5;
| + | |
− | }
| + | |
− | .order-lg-last {
| + | |
− | order: 6;
| + | |
− | }
| + | |
− | .m-lg-0 {
| + | |
− | margin: 0;
| + | |
− | }
| + | |
− | .m-lg-1 {
| + | |
− | margin: 0.25rem;
| + | |
− | }
| + | |
− | .m-lg-2 {
| + | |
− | margin: 0.5rem;
| + | |
− | }
| + | |
− | .m-lg-3 {
| + | |
− | margin: 1rem;
| + | |
− | }
| + | |
− | .m-lg-4 {
| + | |
− | margin: 1.5rem;
| + | |
− | }
| + | |
− | .m-lg-5 {
| + | |
− | margin: 3rem;
| + | |
− | }
| + | |
− | .m-lg-auto {
| + | |
− | margin: auto;
| + | |
− | }
| + | |
− | .mx-lg-0 {
| + | |
− | margin-right: 0;
| + | |
− | margin-left: 0;
| + | |
− | }
| + | |
− | .mx-lg-1 {
| + | |
− | margin-right: 0.25rem;
| + | |
− | margin-left: 0.25rem;
| + | |
− | }
| + | |
− | .mx-lg-2 {
| + | |
− | margin-right: 0.5rem;
| + | |
− | margin-left: 0.5rem;
| + | |
− | }
| + | |
− | .mx-lg-3 {
| + | |
− | margin-right: 1rem;
| + | |
− | margin-left: 1rem;
| + | |
− | }
| + | |
− | .mx-lg-4 {
| + | |
− | margin-right: 1.5rem;
| + | |
− | margin-left: 1.5rem;
| + | |
− | }
| + | |
− | .mx-lg-5 {
| + | |
− | margin-right: 3rem;
| + | |
− | margin-left: 3rem;
| + | |
− | }
| + | |
− | .mx-lg-auto {
| + | |
− | margin-right: auto;
| + | |
− | margin-left: auto;
| + | |
− | }
| + | |
− | .my-lg-0 {
| + | |
− | margin-top: 0;
| + | |
− | margin-bottom: 0;
| + | |
− | }
| + | |
− | .my-lg-1 {
| + | |
− | margin-top: 0.25rem;
| + | |
− | margin-bottom: 0.25rem;
| + | |
− | }
| + | |
− | .my-lg-2 {
| + | |
− | margin-top: 0.5rem;
| + | |
− | margin-bottom: 0.5rem;
| + | |
− | }
| + | |
− | .my-lg-3 {
| + | |
− | margin-top: 1rem;
| + | |
− | margin-bottom: 1rem;
| + | |
− | }
| + | |
− | .my-lg-4 {
| + | |
− | margin-top: 1.5rem;
| + | |
− | margin-bottom: 1.5rem;
| + | |
− | }
| + | |
− | .my-lg-5 {
| + | |
− | margin-top: 3rem;
| + | |
− | margin-bottom: 3rem;
| + | |
− | }
| + | |
− | .my-lg-auto {
| + | |
− | margin-top: auto;
| + | |
− | margin-bottom: auto;
| + | |
− | }
| + | |
− | .mt-lg-0 {
| + | |
− | margin-top: 0;
| + | |
− | }
| + | |
− | .mt-lg-1 {
| + | |
− | margin-top: 0.25rem;
| + | |
− | }
| + | |
− | .mt-lg-2 {
| + | |
− | margin-top: 0.5rem;
| + | |
− | }
| + | |
− | .mt-lg-3 {
| + | |
− | margin-top: 1rem;
| + | |
− | }
| + | |
− | .mt-lg-4 {
| + | |
− | margin-top: 1.5rem;
| + | |
− | }
| + | |
− | .mt-lg-5 {
| + | |
− | margin-top: 3rem;
| + | |
− | }
| + | |
− | .mt-lg-auto {
| + | |
− | margin-top: auto;
| + | |
− | }
| + | |
− | .me-lg-0 {
| + | |
− | margin-right: 0;
| + | |
− | }
| + | |
− | .me-lg-1 {
| + | |
− | margin-right: 0.25rem;
| + | |
− | }
| + | |
− | .me-lg-2 {
| + | |
− | margin-right: 0.5rem;
| + | |
− | }
| + | |
− | .me-lg-3 {
| + | |
− | margin-right: 1rem;
| + | |
− | }
| + | |
− | .me-lg-4 {
| + | |
− | margin-right: 1.5rem;
| + | |
− | }
| + | |
− | .me-lg-5 {
| + | |
− | margin-right: 3rem;
| + | |
− | }
| + | |
− | .me-lg-auto {
| + | |
− | margin-right: auto;
| + | |
− | }
| + | |
− | .mb-lg-0 {
| + | |
− | margin-bottom: 0;
| + | |
− | }
| + | |
− | .mb-lg-1 {
| + | |
− | margin-bottom: 0.25rem;
| + | |
− | }
| + | |
− | .mb-lg-2 {
| + | |
− | margin-bottom: 0.5rem;
| + | |
− | }
| + | |
− | .mb-lg-3 {
| + | |
− | margin-bottom: 1rem;
| + | |
− | }
| + | |
− | .mb-lg-4 {
| + | |
− | margin-bottom: 1.5rem;
| + | |
− | }
| + | |
− | .mb-lg-5 {
| + | |
− | margin-bottom: 3rem;
| + | |
− | }
| + | |
− | .mb-lg-auto {
| + | |
− | margin-bottom: auto;
| + | |
− | }
| + | |
− | .ms-lg-0 {
| + | |
− | margin-left: 0;
| + | |
− | }
| + | |
− | .ms-lg-1 {
| + | |
− | margin-left: 0.25rem;
| + | |
− | }
| + | |
− | .ms-lg-2 {
| + | |
− | margin-left: 0.5rem;
| + | |
− | }
| + | |
− | .ms-lg-3 {
| + | |
− | margin-left: 1rem;
| + | |
− | }
| + | |
− | .ms-lg-4 {
| + | |
− | margin-left: 1.5rem;
| + | |
− | }
| + | |
− | .ms-lg-5 {
| + | |
− | margin-left: 3rem;
| + | |
− | }
| + | |
− | .ms-lg-auto {
| + | |
− | margin-left: auto;
| + | |
− | }
| + | |
− | .p-lg-0 {
| + | |
− | padding: 0;
| + | |
− | }
| + | |
− | .p-lg-1 {
| + | |
− | padding: 0.25rem;
| + | |
− | }
| + | |
− | .p-lg-2 {
| + | |
− | padding: 0.5rem;
| + | |
− | }
| + | |
− | .p-lg-3 {
| + | |
− | padding: 1rem;
| + | |
− | }
| + | |
− | .p-lg-4 {
| + | |
− | padding: 1.5rem;
| + | |
− | }
| + | |
− | .p-lg-5 {
| + | |
− | padding: 3rem;
| + | |
− | }
| + | |
− | .px-lg-0 {
| + | |
− | padding-right: 0;
| + | |
− | padding-left: 0;
| + | |
− | }
| + | |
− | .px-lg-1 {
| + | |
− | padding-right: 0.25rem;
| + | |
− | padding-left: 0.25rem;
| + | |
− | }
| + | |
− | .px-lg-2 {
| + | |
− | padding-right: 0.5rem;
| + | |
− | padding-left: 0.5rem;
| + | |
− | }
| + | |
− | .px-lg-3 {
| + | |
− | padding-right: 1rem;
| + | |
− | padding-left: 1rem;
| + | |
− | }
| + | |
− | .px-lg-4 {
| + | |
− | padding-right: 1.5rem;
| + | |
− | padding-left: 1.5rem;
| + | |
− | }
| + | |
− | .px-lg-5 {
| + | |
− | padding-right: 3rem;
| + | |
− | padding-left: 3rem;
| + | |
− | }
| + | |
− | .py-lg-0 {
| + | |
− | padding-top: 0;
| + | |
− | padding-bottom: 0;
| + | |
− | }
| + | |
− | .py-lg-1 {
| + | |
− | padding-top: 0.25rem;
| + | |
− | padding-bottom: 0.25rem;
| + | |
− | }
| + | |
− | .py-lg-2 {
| + | |
− | padding-top: 0.5rem;
| + | |
− | padding-bottom: 0.5rem;
| + | |
− | }
| + | |
− | .py-lg-3 {
| + | |
− | padding-top: 1rem;
| + | |
− | padding-bottom: 1rem;
| + | |
− | }
| + | |
− | .py-lg-4 {
| + | |
− | padding-top: 1.5rem;
| + | |
− | padding-bottom: 1.5rem;
| + | |
− | }
| + | |
− | .py-lg-5 {
| + | |
− | padding-top: 3rem;
| + | |
− | padding-bottom: 3rem;
| + | |
− | }
| + | |
− | .pt-lg-0 {
| + | |
− | padding-top: 0;
| + | |
− | }
| + | |
− | .pt-lg-1 {
| + | |
− | padding-top: 0.25rem;
| + | |
− | }
| + | |
− | .pt-lg-2 {
| + | |
− | padding-top: 0.5rem;
| + | |
− | }
| + | |
− | .pt-lg-3 {
| + | |
− | padding-top: 1rem;
| + | |
− | }
| + | |
− | .pt-lg-4 {
| + | |
− | padding-top: 1.5rem;
| + | |
− | }
| + | |
− | .pt-lg-5 {
| + | |
− | padding-top: 3rem;
| + | |
− | }
| + | |
− | .pe-lg-0 {
| + | |
− | padding-right: 0;
| + | |
− | }
| + | |
− | .pe-lg-1 {
| + | |
− | padding-right: 0.25rem;
| + | |
− | }
| + | |
− | .pe-lg-2 {
| + | |
− | padding-right: 0.5rem;
| + | |
− | }
| + | |
− | .pe-lg-3 {
| + | |
− | padding-right: 1rem;
| + | |
− | }
| + | |
− | .pe-lg-4 {
| + | |
− | padding-right: 1.5rem;
| + | |
− | }
| + | |
− | .pe-lg-5 {
| + | |
− | padding-right: 3rem;
| + | |
− | }
| + | |
− | .pb-lg-0 {
| + | |
− | padding-bottom: 0;
| + | |
− | }
| + | |
− | .pb-lg-1 {
| + | |
− | padding-bottom: 0.25rem;
| + | |
− | }
| + | |
− | .pb-lg-2 {
| + | |
− | padding-bottom: 0.5rem;
| + | |
− | }
| + | |
− | .pb-lg-3 {
| + | |
− | padding-bottom: 1rem;
| + | |
− | }
| + | |
− | .pb-lg-4 {
| + | |
− | padding-bottom: 1.5rem;
| + | |
− | }
| + | |
− | .pb-lg-5 {
| + | |
− | padding-bottom: 3rem;
| + | |
− | }
| + | |
− | .ps-lg-0 {
| + | |
− | padding-left: 0;
| + | |
− | }
| + | |
− | .ps-lg-1 {
| + | |
− | padding-left: 0.25rem;
| + | |
− | }
| + | |
− | .ps-lg-2 {
| + | |
− | padding-left: 0.5rem;
| + | |
− | }
| + | |
− | .ps-lg-3 {
| + | |
− | padding-left: 1rem;
| + | |
− | }
| + | |
− | .ps-lg-4 {
| + | |
− | padding-left: 1.5rem;
| + | |
− | }
| + | |
− | .ps-lg-5 {
| + | |
− | padding-left: 3rem;
| + | |
− | }
| + | |
− | .text-lg-start {
| + | |
− | text-align: left;
| + | |
− | }
| + | |
− | .text-lg-end {
| + | |
− | text-align: right;
| + | |
− | }
| + | |
− | .text-lg-center {
| + | |
− | text-align: center;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | @media (min-width: 1200px) {
| + | |
− | .float-xl-start {
| + | |
− | float: left;
| + | |
− | }
| + | |
− | .float-xl-end {
| + | |
− | float: right;
| + | |
− | }
| + | |
− | .float-xl-none {
| + | |
− | float: none;
| + | |
− | }
| + | |
− | .d-xl-inline {
| + | |
− | display: inline;
| + | |
− | }
| + | |
− | .d-xl-inline-block {
| + | |
− | display: inline-block;
| + | |
− | }
| + | |
− | .d-xl-block {
| + | |
− | display: block;
| + | |
− | }
| + | |
− | .d-xl-grid {
| + | |
− | display: grid;
| + | |
− | }
| + | |
− | .d-xl-table {
| + | |
− | display: table;
| + | |
− | }
| + | |
− | .d-xl-table-row {
| + | |
− | display: table-row;
| + | |
− | }
| + | |
− | .d-xl-table-cell {
| + | |
− | display: table-cell;
| + | |
− | }
| + | |
− | .d-xl-flex {
| + | |
− | display: flex;
| + | |
− | }
| + | |
− | .d-xl-inline-flex {
| + | |
− | display: inline-flex;
| + | |
− | }
| + | |
− | .d-xl-none {
| + | |
− | display: none;
| + | |
− | }
| + | |
− | .flex-xl-fill {
| + | |
− | flex: 1 1 auto;
| + | |
− | }
| + | |
− | .flex-xl-row {
| + | |
− | flex-direction: row;
| + | |
− | }
| + | |
− | .flex-xl-column {
| + | |
− | flex-direction: column;
| + | |
− | }
| + | |
− | .flex-xl-row-reverse {
| + | |
− | flex-direction: row-reverse;
| + | |
− | }
| + | |
− | .flex-xl-column-reverse {
| + | |
− | flex-direction: column-reverse;
| + | |
− | }
| + | |
− | .flex-xl-grow-0 {
| + | |
− | flex-grow: 0;
| + | |
− | }
| + | |
− | .flex-xl-grow-1 {
| + | |
− | flex-grow: 1;
| + | |
− | }
| + | |
− | .flex-xl-shrink-0 {
| + | |
− | flex-shrink: 0;
| + | |
− | }
| + | |
− | .flex-xl-shrink-1 {
| + | |
− | flex-shrink: 1;
| + | |
− | }
| + | |
− | .flex-xl-wrap {
| + | |
− | flex-wrap: wrap;
| + | |
− | }
| + | |
− | .flex-xl-nowrap {
| + | |
− | flex-wrap: nowrap;
| + | |
− | }
| + | |
− | .flex-xl-wrap-reverse {
| + | |
− | flex-wrap: wrap-reverse;
| + | |
− | }
| + | |
− | .gap-xl-0 {
| + | |
− | gap: 0;
| + | |
− | }
| + | |
− | .gap-xl-1 {
| + | |
− | gap: 0.25rem;
| + | |
− | }
| + | |
− | .gap-xl-2 {
| + | |
− | gap: 0.5rem;
| + | |
− | }
| + | |
− | .gap-xl-3 {
| + | |
− | gap: 1rem;
| + | |
− | }
| + | |
− | .gap-xl-4 {
| + | |
− | gap: 1.5rem;
| + | |
− | }
| + | |
− | .gap-xl-5 {
| + | |
− | gap: 3rem;
| + | |
− | }
| + | |
− | .justify-content-xl-start {
| + | |
− | justify-content: flex-start;
| + | |
− | }
| + | |
− | .justify-content-xl-end {
| + | |
− | justify-content: flex-end;
| + | |
− | }
| + | |
− | .justify-content-xl-center {
| + | |
− | justify-content: center;
| + | |
− | }
| + | |
− | .justify-content-xl-between {
| + | |
− | justify-content: space-between;
| + | |
− | }
| + | |
− | .justify-content-xl-around {
| + | |
− | justify-content: space-around;
| + | |
− | }
| + | |
− | .justify-content-xl-evenly {
| + | |
− | justify-content: space-evenly;
| + | |
− | }
| + | |
− | .align-items-xl-start {
| + | |
− | align-items: flex-start;
| + | |
− | }
| + | |
− | .align-items-xl-end {
| + | |
− | align-items: flex-end;
| + | |
− | }
| + | |
− | .align-items-xl-center {
| + | |
− | align-items: center;
| + | |
− | }
| + | |
− | .align-items-xl-baseline {
| + | |
− | align-items: baseline;
| + | |
− | }
| + | |
− | .align-items-xl-stretch {
| + | |
− | align-items: stretch;
| + | |
− | }
| + | |
− | .align-content-xl-start {
| + | |
− | align-content: flex-start;
| + | |
− | }
| + | |
− | .align-content-xl-end {
| + | |
− | align-content: flex-end;
| + | |
− | }
| + | |
− | .align-content-xl-center {
| + | |
− | align-content: center;
| + | |
− | }
| + | |
− | .align-content-xl-between {
| + | |
− | align-content: space-between;
| + | |
− | }
| + | |
− | .align-content-xl-around {
| + | |
− | align-content: space-around;
| + | |
− | }
| + | |
− | .align-content-xl-stretch {
| + | |
− | align-content: stretch;
| + | |
− | }
| + | |
− | .align-self-xl-auto {
| + | |
− | align-self: auto;
| + | |
− | }
| + | |
− | .align-self-xl-start {
| + | |
− | align-self: flex-start;
| + | |
− | }
| + | |
− | .align-self-xl-end {
| + | |
− | align-self: flex-end;
| + | |
− | }
| + | |
− | .align-self-xl-center {
| + | |
− | align-self: center;
| + | |
− | }
| + | |
− | .align-self-xl-baseline {
| + | |
− | align-self: baseline;
| + | |
− | }
| + | |
− | .align-self-xl-stretch {
| + | |
− | align-self: stretch;
| + | |
− | }
| + | |
− | .order-xl-first {
| + | |
− | order: -1;
| + | |
− | }
| + | |
− | .order-xl-0 {
| + | |
− | order: 0;
| + | |
− | }
| + | |
− | .order-xl-1 {
| + | |
− | order: 1;
| + | |
− | }
| + | |
− | .order-xl-2 {
| + | |
− | order: 2;
| + | |
− | }
| + | |
− | .order-xl-3 {
| + | |
− | order: 3;
| + | |
− | }
| + | |
− | .order-xl-4 {
| + | |
− | order: 4;
| + | |
− | }
| + | |
− | .order-xl-5 {
| + | |
− | order: 5;
| + | |
− | }
| + | |
− | .order-xl-last {
| + | |
− | order: 6;
| + | |
− | }
| + | |
− | .m-xl-0 {
| + | |
− | margin: 0;
| + | |
− | }
| + | |
− | .m-xl-1 {
| + | |
− | margin: 0.25rem;
| + | |
− | }
| + | |
− | .m-xl-2 {
| + | |
− | margin: 0.5rem;
| + | |
− | }
| + | |
− | .m-xl-3 {
| + | |
− | margin: 1rem;
| + | |
− | }
| + | |
− | .m-xl-4 {
| + | |
− | margin: 1.5rem;
| + | |
− | }
| + | |
− | .m-xl-5 {
| + | |
− | margin: 3rem;
| + | |
− | }
| + | |
− | .m-xl-auto {
| + | |
− | margin: auto;
| + | |
− | }
| + | |
− | .mx-xl-0 {
| + | |
− | margin-right: 0;
| + | |
− | margin-left: 0;
| + | |
− | }
| + | |
− | .mx-xl-1 {
| + | |
− | margin-right: 0.25rem;
| + | |
− | margin-left: 0.25rem;
| + | |
− | }
| + | |
− | .mx-xl-2 {
| + | |
− | margin-right: 0.5rem;
| + | |
− | margin-left: 0.5rem;
| + | |
− | }
| + | |
− | .mx-xl-3 {
| + | |
− | margin-right: 1rem;
| + | |
− | margin-left: 1rem;
| + | |
− | }
| + | |
− | .mx-xl-4 {
| + | |
− | margin-right: 1.5rem;
| + | |
− | margin-left: 1.5rem;
| + | |
− | }
| + | |
− | .mx-xl-5 {
| + | |
− | margin-right: 3rem;
| + | |
− | margin-left: 3rem;
| + | |
− | }
| + | |
− | .mx-xl-auto {
| + | |
− | margin-right: auto;
| + | |
− | margin-left: auto;
| + | |
− | }
| + | |
− | .my-xl-0 {
| + | |
− | margin-top: 0;
| + | |
− | margin-bottom: 0;
| + | |
− | }
| + | |
− | .my-xl-1 {
| + | |
− | margin-top: 0.25rem;
| + | |
− | margin-bottom: 0.25rem;
| + | |
− | }
| + | |
− | .my-xl-2 {
| + | |
− | margin-top: 0.5rem;
| + | |
− | margin-bottom: 0.5rem;
| + | |
− | }
| + | |
− | .my-xl-3 {
| + | |
− | margin-top: 1rem;
| + | |
− | margin-bottom: 1rem;
| + | |
− | }
| + | |
− | .my-xl-4 {
| + | |
− | margin-top: 1.5rem;
| + | |
− | margin-bottom: 1.5rem;
| + | |
− | }
| + | |
− | .my-xl-5 {
| + | |
− | margin-top: 3rem;
| + | |
− | margin-bottom: 3rem;
| + | |
− | }
| + | |
− | .my-xl-auto {
| + | |
− | margin-top: auto;
| + | |
− | margin-bottom: auto;
| + | |
− | }
| + | |
− | .mt-xl-0 {
| + | |
− | margin-top: 0;
| + | |
− | }
| + | |
− | .mt-xl-1 {
| + | |
− | margin-top: 0.25rem;
| + | |
− | }
| + | |
− | .mt-xl-2 {
| + | |
− | margin-top: 0.5rem;
| + | |
− | }
| + | |
− | .mt-xl-3 {
| + | |
− | margin-top: 1rem;
| + | |
− | }
| + | |
− | .mt-xl-4 {
| + | |
− | margin-top: 1.5rem;
| + | |
− | }
| + | |
− | .mt-xl-5 {
| + | |
− | margin-top: 3rem;
| + | |
− | }
| + | |
− | .mt-xl-auto {
| + | |
− | margin-top: auto;
| + | |
− | }
| + | |
− | .me-xl-0 {
| + | |
− | margin-right: 0;
| + | |
− | }
| + | |
− | .me-xl-1 {
| + | |
− | margin-right: 0.25rem;
| + | |
− | }
| + | |
− | .me-xl-2 {
| + | |
− | margin-right: 0.5rem;
| + | |
− | }
| + | |
− | .me-xl-3 {
| + | |
− | margin-right: 1rem;
| + | |
− | }
| + | |
− | .me-xl-4 {
| + | |
− | margin-right: 1.5rem;
| + | |
− | }
| + | |
− | .me-xl-5 {
| + | |
− | margin-right: 3rem;
| + | |
− | }
| + | |
− | .me-xl-auto {
| + | |
− | margin-right: auto;
| + | |
− | }
| + | |
− | .mb-xl-0 {
| + | |
− | margin-bottom: 0;
| + | |
− | }
| + | |
− | .mb-xl-1 {
| + | |
− | margin-bottom: 0.25rem;
| + | |
− | }
| + | |
− | .mb-xl-2 {
| + | |
− | margin-bottom: 0.5rem;
| + | |
− | }
| + | |
− | .mb-xl-3 {
| + | |
− | margin-bottom: 1rem;
| + | |
− | }
| + | |
− | .mb-xl-4 {
| + | |
− | margin-bottom: 1.5rem;
| + | |
− | }
| + | |
− | .mb-xl-5 {
| + | |
− | margin-bottom: 3rem;
| + | |
− | }
| + | |
− | .mb-xl-auto {
| + | |
− | margin-bottom: auto;
| + | |
− | }
| + | |
− | .ms-xl-0 {
| + | |
− | margin-left: 0;
| + | |
− | }
| + | |
− | .ms-xl-1 {
| + | |
− | margin-left: 0.25rem;
| + | |
− | }
| + | |
− | .ms-xl-2 {
| + | |
− | margin-left: 0.5rem;
| + | |
− | }
| + | |
− | .ms-xl-3 {
| + | |
− | margin-left: 1rem;
| + | |
− | }
| + | |
− | .ms-xl-4 {
| + | |
− | margin-left: 1.5rem;
| + | |
− | }
| + | |
− | .ms-xl-5 {
| + | |
− | margin-left: 3rem;
| + | |
− | }
| + | |
− | .ms-xl-auto {
| + | |
− | margin-left: auto;
| + | |
− | }
| + | |
− | .p-xl-0 {
| + | |
− | padding: 0;
| + | |
− | }
| + | |
− | .p-xl-1 {
| + | |
− | padding: 0.25rem;
| + | |
− | }
| + | |
− | .p-xl-2 {
| + | |
− | padding: 0.5rem;
| + | |
− | }
| + | |
− | .p-xl-3 {
| + | |
− | padding: 1rem;
| + | |
− | }
| + | |
− | .p-xl-4 {
| + | |
− | padding: 1.5rem;
| + | |
− | }
| + | |
− | .p-xl-5 {
| + | |
− | padding: 3rem;
| + | |
− | }
| + | |
− | .px-xl-0 {
| + | |
− | padding-right: 0;
| + | |
− | padding-left: 0;
| + | |
− | }
| + | |
− | .px-xl-1 {
| + | |
− | padding-right: 0.25rem;
| + | |
− | padding-left: 0.25rem;
| + | |
− | }
| + | |
− | .px-xl-2 {
| + | |
− | padding-right: 0.5rem;
| + | |
− | padding-left: 0.5rem;
| + | |
− | }
| + | |
− | .px-xl-3 {
| + | |
− | padding-right: 1rem;
| + | |
− | padding-left: 1rem;
| + | |
− | }
| + | |
− | .px-xl-4 {
| + | |
− | padding-right: 1.5rem;
| + | |
− | padding-left: 1.5rem;
| + | |
− | }
| + | |
− | .px-xl-5 {
| + | |
− | padding-right: 3rem;
| + | |
− | padding-left: 3rem;
| + | |
− | }
| + | |
− | .py-xl-0 {
| + | |
− | padding-top: 0;
| + | |
− | padding-bottom: 0;
| + | |
− | }
| + | |
− | .py-xl-1 {
| + | |
− | padding-top: 0.25rem;
| + | |
− | padding-bottom: 0.25rem;
| + | |
− | }
| + | |
− | .py-xl-2 {
| + | |
− | padding-top: 0.5rem;
| + | |
− | padding-bottom: 0.5rem;
| + | |
− | }
| + | |
− | .py-xl-3 {
| + | |
− | padding-top: 1rem;
| + | |
− | padding-bottom: 1rem;
| + | |
− | }
| + | |
− | .py-xl-4 {
| + | |
− | padding-top: 1.5rem;
| + | |
− | padding-bottom: 1.5rem;
| + | |
− | }
| + | |
− | .py-xl-5 {
| + | |
− | padding-top: 3rem;
| + | |
− | padding-bottom: 3rem;
| + | |
− | }
| + | |
− | .pt-xl-0 {
| + | |
− | padding-top: 0;
| + | |
− | }
| + | |
− | .pt-xl-1 {
| + | |
− | padding-top: 0.25rem;
| + | |
− | }
| + | |
− | .pt-xl-2 {
| + | |
− | padding-top: 0.5rem;
| + | |
− | }
| + | |
− | .pt-xl-3 {
| + | |
− | padding-top: 1rem;
| + | |
− | }
| + | |
− | .pt-xl-4 {
| + | |
− | padding-top: 1.5rem;
| + | |
− | }
| + | |
− | .pt-xl-5 {
| + | |
− | padding-top: 3rem;
| + | |
− | }
| + | |
− | .pe-xl-0 {
| + | |
− | padding-right: 0;
| + | |
− | }
| + | |
− | .pe-xl-1 {
| + | |
− | padding-right: 0.25rem;
| + | |
− | }
| + | |
− | .pe-xl-2 {
| + | |
− | padding-right: 0.5rem;
| + | |
− | }
| + | |
− | .pe-xl-3 {
| + | |
− | padding-right: 1rem;
| + | |
− | }
| + | |
− | .pe-xl-4 {
| + | |
− | padding-right: 1.5rem;
| + | |
− | }
| + | |
− | .pe-xl-5 {
| + | |
− | padding-right: 3rem;
| + | |
− | }
| + | |
− | .pb-xl-0 {
| + | |
− | padding-bottom: 0;
| + | |
− | }
| + | |
− | .pb-xl-1 {
| + | |
− | padding-bottom: 0.25rem;
| + | |
− | }
| + | |
− | .pb-xl-2 {
| + | |
− | padding-bottom: 0.5rem;
| + | |
− | }
| + | |
− | .pb-xl-3 {
| + | |
− | padding-bottom: 1rem;
| + | |
− | }
| + | |
− | .pb-xl-4 {
| + | |
− | padding-bottom: 1.5rem;
| + | |
− | }
| + | |
− | .pb-xl-5 {
| + | |
− | padding-bottom: 3rem;
| + | |
− | }
| + | |
− | .ps-xl-0 {
| + | |
− | padding-left: 0;
| + | |
− | }
| + | |
− | .ps-xl-1 {
| + | |
− | padding-left: 0.25rem;
| + | |
− | }
| + | |
− | .ps-xl-2 {
| + | |
− | padding-left: 0.5rem;
| + | |
− | }
| + | |
− | .ps-xl-3 {
| + | |
− | padding-left: 1rem;
| + | |
− | }
| + | |
− | .ps-xl-4 {
| + | |
− | padding-left: 1.5rem;
| + | |
− | }
| + | |
− | .ps-xl-5 {
| + | |
− | padding-left: 3rem;
| + | |
− | }
| + | |
− | .text-xl-start {
| + | |
− | text-align: left;
| + | |
− | }
| + | |
− | .text-xl-end {
| + | |
− | text-align: right;
| + | |
− | }
| + | |
− | .text-xl-center {
| + | |
− | text-align: center;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | @media (min-width: 1400px) {
| + | |
− | .float-xxl-start {
| + | |
− | float: left;
| + | |
− | }
| + | |
− | .float-xxl-end {
| + | |
− | float: right;
| + | |
− | }
| + | |
− | .float-xxl-none {
| + | |
− | float: none;
| + | |
− | }
| + | |
− | .d-xxl-inline {
| + | |
− | display: inline;
| + | |
− | }
| + | |
− | .d-xxl-inline-block {
| + | |
− | display: inline-block;
| + | |
− | }
| + | |
− | .d-xxl-block {
| + | |
− | display: block;
| + | |
− | }
| + | |
− | .d-xxl-grid {
| + | |
− | display: grid;
| + | |
− | }
| + | |
− | .d-xxl-table {
| + | |
− | display: table;
| + | |
− | }
| + | |
− | .d-xxl-table-row {
| + | |
− | display: table-row;
| + | |
− | }
| + | |
− | .d-xxl-table-cell {
| + | |
− | display: table-cell;
| + | |
− | }
| + | |
− | .d-xxl-flex {
| + | |
− | display: flex;
| + | |
− | }
| + | |
− | .d-xxl-inline-flex {
| + | |
− | display: inline-flex;
| + | |
− | }
| + | |
− | .d-xxl-none {
| + | |
− | display: none;
| + | |
− | }
| + | |
− | .flex-xxl-fill {
| + | |
− | flex: 1 1 auto;
| + | |
− | }
| + | |
− | .flex-xxl-row {
| + | |
− | flex-direction: row;
| + | |
− | }
| + | |
− | .flex-xxl-column {
| + | |
− | flex-direction: column;
| + | |
− | }
| + | |
− | .flex-xxl-row-reverse {
| + | |
− | flex-direction: row-reverse;
| + | |
− | }
| + | |
− | .flex-xxl-column-reverse {
| + | |
− | flex-direction: column-reverse;
| + | |
− | }
| + | |
− | .flex-xxl-grow-0 {
| + | |
− | flex-grow: 0;
| + | |
− | }
| + | |
− | .flex-xxl-grow-1 {
| + | |
− | flex-grow: 1;
| + | |
− | }
| + | |
− | .flex-xxl-shrink-0 {
| + | |
− | flex-shrink: 0;
| + | |
− | }
| + | |
− | .flex-xxl-shrink-1 {
| + | |
− | flex-shrink: 1;
| + | |
− | }
| + | |
− | .flex-xxl-wrap {
| + | |
− | flex-wrap: wrap;
| + | |
− | }
| + | |
− | .flex-xxl-nowrap {
| + | |
− | flex-wrap: nowrap;
| + | |
− | }
| + | |
− | .flex-xxl-wrap-reverse {
| + | |
− | flex-wrap: wrap-reverse;
| + | |
− | }
| + | |
− | .gap-xxl-0 {
| + | |
− | gap: 0;
| + | |
− | }
| + | |
− | .gap-xxl-1 {
| + | |
− | gap: 0.25rem;
| + | |
− | }
| + | |
− | .gap-xxl-2 {
| + | |
− | gap: 0.5rem;
| + | |
− | }
| + | |
− | .gap-xxl-3 {
| + | |
− | gap: 1rem;
| + | |
− | }
| + | |
− | .gap-xxl-4 {
| + | |
− | gap: 1.5rem;
| + | |
− | }
| + | |
− | .gap-xxl-5 {
| + | |
− | gap: 3rem;
| + | |
− | }
| + | |
− | .justify-content-xxl-start {
| + | |
− | justify-content: flex-start;
| + | |
− | }
| + | |
− | .justify-content-xxl-end {
| + | |
− | justify-content: flex-end;
| + | |
− | }
| + | |
− | .justify-content-xxl-center {
| + | |
− | justify-content: center;
| + | |
− | }
| + | |
− | .justify-content-xxl-between {
| + | |
− | justify-content: space-between;
| + | |
− | }
| + | |
− | .justify-content-xxl-around {
| + | |
− | justify-content: space-around;
| + | |
− | }
| + | |
− | .justify-content-xxl-evenly {
| + | |
− | justify-content: space-evenly;
| + | |
− | }
| + | |
− | .align-items-xxl-start {
| + | |
− | align-items: flex-start;
| + | |
− | }
| + | |
− | .align-items-xxl-end {
| + | |
− | align-items: flex-end;
| + | |
− | }
| + | |
− | .align-items-xxl-center {
| + | |
− | align-items: center;
| + | |
− | }
| + | |
− | .align-items-xxl-baseline {
| + | |
− | align-items: baseline;
| + | |
− | }
| + | |
− | .align-items-xxl-stretch {
| + | |
− | align-items: stretch;
| + | |
− | }
| + | |
− | .align-content-xxl-start {
| + | |
− | align-content: flex-start;
| + | |
− | }
| + | |
− | .align-content-xxl-end {
| + | |
− | align-content: flex-end;
| + | |
− | }
| + | |
− | .align-content-xxl-center {
| + | |
− | align-content: center;
| + | |
− | }
| + | |
− | .align-content-xxl-between {
| + | |
− | align-content: space-between;
| + | |
− | }
| + | |
− | .align-content-xxl-around {
| + | |
− | align-content: space-around;
| + | |
− | }
| + | |
− | .align-content-xxl-stretch {
| + | |
− | align-content: stretch;
| + | |
− | }
| + | |
− | .align-self-xxl-auto {
| + | |
− | align-self: auto;
| + | |
− | }
| + | |
− | .align-self-xxl-start {
| + | |
− | align-self: flex-start;
| + | |
− | }
| + | |
− | .align-self-xxl-end {
| + | |
− | align-self: flex-end;
| + | |
− | }
| + | |
− | .align-self-xxl-center {
| + | |
− | align-self: center;
| + | |
− | }
| + | |
− | .align-self-xxl-baseline {
| + | |
− | align-self: baseline;
| + | |
− | }
| + | |
− | .align-self-xxl-stretch {
| + | |
− | align-self: stretch;
| + | |
− | }
| + | |
− | .order-xxl-first {
| + | |
− | order: -1;
| + | |
− | }
| + | |
− | .order-xxl-0 {
| + | |
− | order: 0;
| + | |
− | }
| + | |
− | .order-xxl-1 {
| + | |
− | order: 1;
| + | |
− | }
| + | |
− | .order-xxl-2 {
| + | |
− | order: 2;
| + | |
− | }
| + | |
− | .order-xxl-3 {
| + | |
− | order: 3;
| + | |
− | }
| + | |
− | .order-xxl-4 {
| + | |
− | order: 4;
| + | |
− | }
| + | |
− | .order-xxl-5 {
| + | |
− | order: 5;
| + | |
− | }
| + | |
− | .order-xxl-last {
| + | |
− | order: 6;
| + | |
− | }
| + | |
− | .m-xxl-0 {
| + | |
− | margin: 0;
| + | |
− | }
| + | |
− | .m-xxl-1 {
| + | |
− | margin: 0.25rem;
| + | |
− | }
| + | |
− | .m-xxl-2 {
| + | |
− | margin: 0.5rem;
| + | |
− | }
| + | |
− | .m-xxl-3 {
| + | |
− | margin: 1rem;
| + | |
− | }
| + | |
− | .m-xxl-4 {
| + | |
− | margin: 1.5rem;
| + | |
− | }
| + | |
− | .m-xxl-5 {
| + | |
− | margin: 3rem;
| + | |
− | }
| + | |
− | .m-xxl-auto {
| + | |
− | margin: auto;
| + | |
− | }
| + | |
− | .mx-xxl-0 {
| + | |
− | margin-right: 0;
| + | |
− | margin-left: 0;
| + | |
− | }
| + | |
− | .mx-xxl-1 {
| + | |
− | margin-right: 0.25rem;
| + | |
− | margin-left: 0.25rem;
| + | |
− | }
| + | |
− | .mx-xxl-2 {
| + | |
− | margin-right: 0.5rem;
| + | |
− | margin-left: 0.5rem;
| + | |
− | }
| + | |
− | .mx-xxl-3 {
| + | |
− | margin-right: 1rem;
| + | |
− | margin-left: 1rem;
| + | |
− | }
| + | |
− | .mx-xxl-4 {
| + | |
− | margin-right: 1.5rem;
| + | |
− | margin-left: 1.5rem;
| + | |
− | }
| + | |
− | .mx-xxl-5 {
| + | |
− | margin-right: 3rem;
| + | |
− | margin-left: 3rem;
| + | |
− | }
| + | |
− | .mx-xxl-auto {
| + | |
− | margin-right: auto;
| + | |
− | margin-left: auto;
| + | |
− | }
| + | |
− | .my-xxl-0 {
| + | |
− | margin-top: 0;
| + | |
− | margin-bottom: 0;
| + | |
− | }
| + | |
− | .my-xxl-1 {
| + | |
− | margin-top: 0.25rem;
| + | |
− | margin-bottom: 0.25rem;
| + | |
− | }
| + | |
− | .my-xxl-2 {
| + | |
− | margin-top: 0.5rem;
| + | |
− | margin-bottom: 0.5rem;
| + | |
− | }
| + | |
− | .my-xxl-3 {
| + | |
− | margin-top: 1rem;
| + | |
− | margin-bottom: 1rem;
| + | |
− | }
| + | |
− | .my-xxl-4 {
| + | |
− | margin-top: 1.5rem;
| + | |
− | margin-bottom: 1.5rem;
| + | |
− | }
| + | |
− | .my-xxl-5 {
| + | |
− | margin-top: 3rem;
| + | |
− | margin-bottom: 3rem;
| + | |
− | }
| + | |
− | .my-xxl-auto {
| + | |
− | margin-top: auto;
| + | |
− | margin-bottom: auto;
| + | |
− | }
| + | |
− | .mt-xxl-0 {
| + | |
− | margin-top: 0;
| + | |
− | }
| + | |
− | .mt-xxl-1 {
| + | |
− | margin-top: 0.25rem;
| + | |
− | }
| + | |
− | .mt-xxl-2 {
| + | |
− | margin-top: 0.5rem;
| + | |
− | }
| + | |
− | .mt-xxl-3 {
| + | |
− | margin-top: 1rem;
| + | |
− | }
| + | |
− | .mt-xxl-4 {
| + | |
− | margin-top: 1.5rem;
| + | |
− | }
| + | |
− | .mt-xxl-5 {
| + | |
− | margin-top: 3rem;
| + | |
− | }
| + | |
− | .mt-xxl-auto {
| + | |
− | margin-top: auto;
| + | |
− | }
| + | |
− | .me-xxl-0 {
| + | |
− | margin-right: 0;
| + | |
− | }
| + | |
− | .me-xxl-1 {
| + | |
− | margin-right: 0.25rem;
| + | |
− | }
| + | |
− | .me-xxl-2 {
| + | |
− | margin-right: 0.5rem;
| + | |
− | }
| + | |
− | .me-xxl-3 {
| + | |
− | margin-right: 1rem;
| + | |
− | }
| + | |
− | .me-xxl-4 {
| + | |
− | margin-right: 1.5rem;
| + | |
− | }
| + | |
− | .me-xxl-5 {
| + | |
− | margin-right: 3rem;
| + | |
− | }
| + | |
− | .me-xxl-auto {
| + | |
− | margin-right: auto;
| + | |
− | }
| + | |
− | .mb-xxl-0 {
| + | |
− | margin-bottom: 0;
| + | |
− | }
| + | |
− | .mb-xxl-1 {
| + | |
− | margin-bottom: 0.25rem;
| + | |
− | }
| + | |
− | .mb-xxl-2 {
| + | |
− | margin-bottom: 0.5rem;
| + | |
− | }
| + | |
− | .mb-xxl-3 {
| + | |
− | margin-bottom: 1rem;
| + | |
− | }
| + | |
− | .mb-xxl-4 {
| + | |
− | margin-bottom: 1.5rem;
| + | |
− | }
| + | |
− | .mb-xxl-5 {
| + | |
− | margin-bottom: 3rem;
| + | |
− | }
| + | |
− | .mb-xxl-auto {
| + | |
− | margin-bottom: auto;
| + | |
− | }
| + | |
− | .ms-xxl-0 {
| + | |
− | margin-left: 0;
| + | |
− | }
| + | |
− | .ms-xxl-1 {
| + | |
− | margin-left: 0.25rem;
| + | |
− | }
| + | |
− | .ms-xxl-2 {
| + | |
− | margin-left: 0.5rem;
| + | |
− | }
| + | |
− | .ms-xxl-3 {
| + | |
− | margin-left: 1rem;
| + | |
− | }
| + | |
− | .ms-xxl-4 {
| + | |
− | margin-left: 1.5rem;
| + | |
− | }
| + | |
− | .ms-xxl-5 {
| + | |
− | margin-left: 3rem;
| + | |
− | }
| + | |
− | .ms-xxl-auto {
| + | |
− | margin-left: auto;
| + | |
− | }
| + | |
− | .p-xxl-0 {
| + | |
− | padding: 0;
| + | |
− | }
| + | |
− | .p-xxl-1 {
| + | |
− | padding: 0.25rem;
| + | |
− | }
| + | |
− | .p-xxl-2 {
| + | |
− | padding: 0.5rem;
| + | |
− | }
| + | |
− | .p-xxl-3 {
| + | |
− | padding: 1rem;
| + | |
− | }
| + | |
− | .p-xxl-4 {
| + | |
− | padding: 1.5rem;
| + | |
− | }
| + | |
− | .p-xxl-5 {
| + | |
− | padding: 3rem;
| + | |
− | }
| + | |
− | .px-xxl-0 {
| + | |
− | padding-right: 0;
| + | |
− | padding-left: 0;
| + | |
− | }
| + | |
− | .px-xxl-1 {
| + | |
− | padding-right: 0.25rem;
| + | |
− | padding-left: 0.25rem;
| + | |
− | }
| + | |
− | .px-xxl-2 {
| + | |
− | padding-right: 0.5rem;
| + | |
− | padding-left: 0.5rem;
| + | |
− | }
| + | |
− | .px-xxl-3 {
| + | |
− | padding-right: 1rem;
| + | |
− | padding-left: 1rem;
| + | |
− | }
| + | |
− | .px-xxl-4 {
| + | |
− | padding-right: 1.5rem;
| + | |
− | padding-left: 1.5rem;
| + | |
− | }
| + | |
− | .px-xxl-5 {
| + | |
− | padding-right: 3rem;
| + | |
− | padding-left: 3rem;
| + | |
− | }
| + | |
− | .py-xxl-0 {
| + | |
− | padding-top: 0;
| + | |
− | padding-bottom: 0;
| + | |
− | }
| + | |
− | .py-xxl-1 {
| + | |
− | padding-top: 0.25rem;
| + | |
− | padding-bottom: 0.25rem;
| + | |
− | }
| + | |
− | .py-xxl-2 {
| + | |
− | padding-top: 0.5rem;
| + | |
− | padding-bottom: 0.5rem;
| + | |
− | }
| + | |
− | .py-xxl-3 {
| + | |
− | padding-top: 1rem;
| + | |
− | padding-bottom: 1rem;
| + | |
− | }
| + | |
− | .py-xxl-4 {
| + | |
− | padding-top: 1.5rem;
| + | |
− | padding-bottom: 1.5rem;
| + | |
− | }
| + | |
− | .py-xxl-5 {
| + | |
− | padding-top: 3rem;
| + | |
− | padding-bottom: 3rem;
| + | |
− | }
| + | |
− | .pt-xxl-0 {
| + | |
− | padding-top: 0;
| + | |
− | }
| + | |
− | .pt-xxl-1 {
| + | |
− | padding-top: 0.25rem;
| + | |
− | }
| + | |
− | .pt-xxl-2 {
| + | |
− | padding-top: 0.5rem;
| + | |
− | }
| + | |
− | .pt-xxl-3 {
| + | |
− | padding-top: 1rem;
| + | |
− | }
| + | |
− | .pt-xxl-4 {
| + | |
− | padding-top: 1.5rem;
| + | |
− | }
| + | |
− | .pt-xxl-5 {
| + | |
− | padding-top: 3rem;
| + | |
− | }
| + | |
− | .pe-xxl-0 {
| + | |
− | padding-right: 0;
| + | |
− | }
| + | |
− | .pe-xxl-1 {
| + | |
− | padding-right: 0.25rem;
| + | |
− | }
| + | |
− | .pe-xxl-2 {
| + | |
− | padding-right: 0.5rem;
| + | |
− | }
| + | |
− | .pe-xxl-3 {
| + | |
− | padding-right: 1rem;
| + | |
− | }
| + | |
− | .pe-xxl-4 {
| + | |
− | padding-right: 1.5rem;
| + | |
− | }
| + | |
− | .pe-xxl-5 {
| + | |
− | padding-right: 3rem;
| + | |
− | }
| + | |
− | .pb-xxl-0 {
| + | |
− | padding-bottom: 0;
| + | |
− | }
| + | |
− | .pb-xxl-1 {
| + | |
− | padding-bottom: 0.25rem;
| + | |
− | }
| + | |
− | .pb-xxl-2 {
| + | |
− | padding-bottom: 0.5rem;
| + | |
− | }
| + | |
− | .pb-xxl-3 {
| + | |
− | padding-bottom: 1rem;
| + | |
− | }
| + | |
− | .pb-xxl-4 {
| + | |
− | padding-bottom: 1.5rem;
| + | |
− | }
| + | |
− | .pb-xxl-5 {
| + | |
− | padding-bottom: 3rem;
| + | |
− | }
| + | |
− | .ps-xxl-0 {
| + | |
− | padding-left: 0;
| + | |
− | }
| + | |
− | .ps-xxl-1 {
| + | |
− | padding-left: 0.25rem;
| + | |
− | }
| + | |
− | .ps-xxl-2 {
| + | |
− | padding-left: 0.5rem;
| + | |
− | }
| + | |
− | .ps-xxl-3 {
| + | |
− | padding-left: 1rem;
| + | |
− | }
| + | |
− | .ps-xxl-4 {
| + | |
− | padding-left: 1.5rem;
| + | |
− | }
| + | |
− | .ps-xxl-5 {
| + | |
− | padding-left: 3rem;
| + | |
− | }
| + | |
− | .text-xxl-start {
| + | |
− | text-align: left;
| + | |
− | }
| + | |
− | .text-xxl-end {
| + | |
− | text-align: right;
| + | |
− | }
| + | |
− | .text-xxl-center {
| + | |
− | text-align: center;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | @media (min-width: 1200px) {
| + | |
− | .fs-1 {
| + | |
− | font-size: 2.5rem;
| + | |
− | }
| + | |
− | .fs-2 {
| + | |
− | font-size: 2rem;
| + | |
− | }
| + | |
− | .fs-3 {
| + | |
− | font-size: 1.75rem;
| + | |
− | }
| + | |
− | .fs-4 {
| + | |
− | font-size: 1.5rem;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | @media print {
| + | |
− | .d-print-inline {
| + | |
− | display: inline;
| + | |
− | }
| + | |
− | .d-print-inline-block {
| + | |
− | display: inline-block;
| + | |
− | }
| + | |
− | .d-print-block {
| + | |
− | display: block;
| + | |
− | }
| + | |
− | .d-print-grid {
| + | |
− | display: grid;
| + | |
− | }
| + | |
− | .d-print-table {
| + | |
− | display: table;
| + | |
− | }
| + | |
− | .d-print-table-row {
| + | |
− | display: table-row;
| + | |
− | }
| + | |
− | .d-print-table-cell {
| + | |
− | display: table-cell;
| + | |
− | }
| + | |
− | .d-print-flex {
| + | |
− | display: flex;
| + | |
− | }
| + | |
− | .d-print-inline-flex {
| + | |
− | display: inline-flex;
| + | |
− | }
| + | |
− | .d-print-none {
| + | |
− | display: none;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | html {
| + | |
− | scroll-padding-top: 4.5rem;
| + | |
− | }
| + | |
− |
| + | |
− | body {
| + | |
− | position: relative;
| + | |
− | overflow-x: hidden;
| + | |
− | }
| + | |
− |
| + | |
− | p {
| + | |
− | line-height: 1.75;
| + | |
− | }
| + | |
− |
| + | |
− | .page-section {
| + | |
− | padding: 6rem 0;
| + | |
− | }
| + | |
− |
| + | |
− | .page-section h2.section-heading,
| + | |
− | .page-section .section-heading.h2 {
| + | |
− | font-size: 2.5rem;
| + | |
− | margin-top: 0;
| + | |
− | margin-bottom: 1rem;
| + | |
− | }
| + | |
− |
| + | |
− | .page-section h3.section-subheading,
| + | |
− | .page-section .section-subheading.h3 {
| + | |
− | font-size: 1rem;
| + | |
− | font-weight: 400;
| + | |
− | font-style: italic;
| + | |
− | font-family: "Roboto Slab", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
| + | |
− | margin-bottom: 4rem;
| + | |
− | }
| + | |
− |
| + | |
− | @media (min-width: 768px) {
| + | |
− | section {
| + | |
− | padding: 9rem 0;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | .btn-xl {
| + | |
− | padding: 1.25rem 2.5rem;
| + | |
− | font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
| + | |
− | font-size: 1.125rem;
| + | |
− | font-weight: 700;
| + | |
− | }
| + | |
− |
| + | |
− | .btn-social {
| + | |
− | height: 2.5rem;
| + | |
− | width: 2.5rem;
| + | |
− | display: inline-flex;
| + | |
− | align-items: center;
| + | |
− | justify-content: center;
| + | |
− | padding: 0;
| + | |
− | border-radius: 100%;
| + | |
− | }
| + | |
− |
| + | |
− | #video {
| + | |
− | position: fixed;
| + | |
− | min-width: 100%;
| + | |
− | min-height: 100%;
| + | |
− | width: auto;
| + | |
− | height: auto;
| + | |
− | top: 50%;
| + | |
− | left: 50%;
| + | |
− | transform: translateX(-50%) translateY(-50%);
| + | |
− | -webkit-transform: translateX(-50%) translateY(-50%);
| + | |
− | z-index: -100;
| + | |
− | }
| + | |
− |
| + | |
− | #mainNav {
| + | |
− | padding-top: 1rem;
| + | |
− | padding-bottom: 1rem;
| + | |
− | background-color: #212529;
| + | |
− | }
| + | |
− |
| + | |
− | #mainNav .navbar-toggler {
| + | |
− | padding: 0.75rem;
| + | |
− | font-size: 0.75rem;
| + | |
− | font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
| + | |
− | text-transform: uppercase;
| + | |
− | font-weight: 700;
| + | |
− | }
| + | |
− |
| + | |
− | #mainNav .navbar-brand {
| + | |
− | color: #ffc800;
| + | |
− | font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
| + | |
− | font-weight: 700;
| + | |
− | letter-spacing: 0.0625em;
| + | |
− | text-transform: uppercase;
| + | |
− | }
| + | |
− |
| + | |
− | #mainNav .navbar-brand img {
| + | |
− | height: 1.5rem;
| + | |
− | }
| + | |
− |
| + | |
− | #mainNav .navbar-nav .nav-item .nav-link {
| + | |
− | font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
| + | |
− | font-size: 0.95rem;
| + | |
− | color: #fff;
| + | |
− | letter-spacing: 0.0625em;
| + | |
− | }
| + | |
− |
| + | |
− | #mainNav .navbar-nav .nav-item .nav-link.active,
| + | |
− | #mainNav .navbar-nav .nav-item .nav-link:hover {
| + | |
− | color: #ffc800;
| + | |
− | }
| + | |
− |
| + | |
− | @media (min-width: 992px) {
| + | |
− | #mainNav {
| + | |
− | padding-top: 1.5rem;
| + | |
− | padding-bottom: 1.5rem;
| + | |
− | border: none;
| + | |
− | background-color: transparent;
| + | |
− | transition: padding-top 0.3s ease-in-out, padding-bottom 0.3s ease-in-out;
| + | |
− | }
| + | |
− | #mainNav .navbar-brand {
| + | |
− | font-size: 1.5em;
| + | |
− | transition: font-size 0.3s ease-in-out;
| + | |
− | }
| + | |
− | #mainNav .navbar-brand img {
| + | |
− | height: 2rem;
| + | |
− | transition: height 0.3s ease-in-out;
| + | |
− | }
| + | |
− | #mainNav.navbar-shrink {
| + | |
− | padding-top: 1rem;
| + | |
− | padding-bottom: 1rem;
| + | |
− | background-color: #212529;
| + | |
− | }
| + | |
− | #mainNav.navbar-shrink .navbar-brand {
| + | |
− | font-size: 1.25em;
| + | |
− | }
| + | |
− | #mainNav.navbar-shrink .navbar-brand svg,
| + | |
− | #mainNav.navbar-shrink .navbar-brand img {
| + | |
− | height: 1.5rem;
| + | |
− | }
| + | |
− | #mainNav .navbar-nav .nav-item {
| + | |
− | margin-right: 1rem;
| + | |
− | }
| + | |
− | #mainNav .navbar-nav .nav-item:last-child {
| + | |
− | margin-right: 0;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | header.masthead {
| + | |
− | height: 768px;
| + | |
− | padding-top: 10.5rem;
| + | |
− | padding-bottom: 6rem;
| + | |
− | text-align: center;
| + | |
− | color: #fff;
| + | |
− | background-repeat: no-repeat;
| + | |
− | background-attachment: scroll;
| + | |
− | background-position: center center;
| + | |
− | background-size: cover;
| + | |
− | }
| + | |
− |
| + | |
− | header.masthead .masthead-subheading {
| + | |
− | font-size: 1.5rem;
| + | |
− | font-style: italic;
| + | |
− | line-height: 1.5rem;
| + | |
− | margin-bottom: 25px;
| + | |
− | font-family: "Roboto Slab", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
| + | |
− | }
| + | |
− |
| + | |
− | header.masthead .masthead-heading {
| + | |
− | font-size: 3.25rem;
| + | |
− | font-weight: 700;
| + | |
− | line-height: 3.25rem;
| + | |
− | margin-bottom: 2rem;
| + | |
− | font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
| + | |
− | }
| + | |
− |
| + | |
− | @media (min-width: 512px) {
| + | |
− | header.masthead {
| + | |
− | padding-top: 17rem;
| + | |
− | padding-bottom: 12.5rem;
| + | |
− | }
| + | |
− | header.masthead .masthead-subheading {
| + | |
− | font-size: 2.25rem;
| + | |
− | font-style: italic;
| + | |
− | line-height: 2.25rem;
| + | |
− | margin-bottom: 2rem;
| + | |
− | }
| + | |
− | header.masthead .masthead-heading {
| + | |
− | font-size: 4.5rem;
| + | |
− | font-weight: 700;
| + | |
− | line-height: 4.5rem;
| + | |
− | margin-bottom: 4rem;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | #portfolio .portfolio-item {
| + | |
− | max-width: 26rem;
| + | |
− | margin-left: auto;
| + | |
− | margin-right: auto;
| + | |
− | }
| + | |
− |
| + | |
− | #portfolio .portfolio-item .portfolio-link {
| + | |
− | position: relative;
| + | |
− | display: block;
| + | |
− | margin: 0 auto;
| + | |
− | }
| + | |
− |
| + | |
− | #portfolio .portfolio-item .portfolio-link .portfolio-hover {
| + | |
− | display: flex;
| + | |
− | position: absolute;
| + | |
− | width: 100%;
| + | |
− | height: 100%;
| + | |
− | background: rgba(255, 200, 0, 0.9);
| + | |
− | align-items: center;
| + | |
− | justify-content: center;
| + | |
− | opacity: 0;
| + | |
− | transition: opacity ease-in-out 0.25s;
| + | |
− | }
| + | |
− |
| + | |
− | #portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content {
| + | |
− | font-size: 1.25rem;
| + | |
− | color: white;
| + | |
− | }
| + | |
− |
| + | |
− | #portfolio .portfolio-item .portfolio-link:hover .portfolio-hover {
| + | |
− | opacity: 1;
| + | |
− | }
| + | |
− |
| + | |
− | #portfolio .portfolio-item .portfolio-caption {
| + | |
− | padding: 1.5rem;
| + | |
− | text-align: center;
| + | |
− | background-color: #fff;
| + | |
− | }
| + | |
− |
| + | |
− | #portfolio .portfolio-item .portfolio-caption .portfolio-caption-heading {
| + | |
− | font-size: 1.5rem;
| + | |
− | font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
| + | |
− | font-weight: 700;
| + | |
− | margin-bottom: 0;
| + | |
− | }
| + | |
− |
| + | |
− | #portfolio .portfolio-item .portfolio-caption .portfolio-caption-subheading {
| + | |
− | font-style: italic;
| + | |
− | font-family: "Roboto Slab", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
| + | |
− | }
| + | |
− |
| + | |
− | .portfolio-modal .modal-dialog {
| + | |
− | margin: 1rem;
| + | |
− | max-width: 100vw;
| + | |
− | }
| + | |
− |
| + | |
− | .portfolio-modal .modal-content {
| + | |
− | padding-top: 6rem;
| + | |
− | padding-bottom: 6rem;
| + | |
− | text-align: center;
| + | |
− | }
| + | |
− |
| + | |
− | .portfolio-modal .modal-content h2,
| + | |
− | .portfolio-modal .modal-content .h2 {
| + | |
− | font-size: 3rem;
| + | |
− | line-height: 3rem;
| + | |
− | }
| + | |
− |
| + | |
− | .portfolio-modal .modal-content p.item-intro {
| + | |
− | font-style: italic;
| + | |
− | margin-bottom: 2rem;
| + | |
− | font-family: "Roboto Slab", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
| + | |
− | }
| + | |
− |
| + | |
− | .portfolio-modal .modal-content p {
| + | |
− | margin-bottom: 2rem;
| + | |
− | }
| + | |
− |
| + | |
− | .portfolio-modal .modal-content ul.list-inline {
| + | |
− | margin-bottom: 2rem;
| + | |
− | }
| + | |
− |
| + | |
− | .portfolio-modal .modal-content img {
| + | |
− | margin-bottom: 2rem;
| + | |
− | }
| + | |
− |
| + | |
− | .portfolio-modal .close-modal {
| + | |
− | position: absolute;
| + | |
− | top: 1.5rem;
| + | |
− | right: 1.5rem;
| + | |
− | width: 3rem;
| + | |
− | height: 3rem;
| + | |
− | cursor: pointer;
| + | |
− | background-color: transparent;
| + | |
− | }
| + | |
− |
| + | |
− | .portfolio-modal .close-modal:hover {
| + | |
− | opacity: 0.3;
| + | |
− | }
| + | |
− |
| + | |
− | .timeline {
| + | |
− | position: relative;
| + | |
− | padding: 0;
| + | |
− | list-style: none;
| + | |
− | }
| + | |
− |
| + | |
− | .timeline:before {
| + | |
− | position: absolute;
| + | |
− | top: 0;
| + | |
− | bottom: 0;
| + | |
− | left: 40px;
| + | |
− | width: 2px;
| + | |
− | margin-left: -1.5px;
| + | |
− | content: "";
| + | |
− | background-color: #e9ecef;
| + | |
− | }
| + | |
− |
| + | |
− | .timeline>li {
| + | |
− | position: relative;
| + | |
− | min-height: 50px;
| + | |
− | margin-bottom: 50px;
| + | |
− | }
| + | |
− |
| + | |
− | .timeline>li:after,
| + | |
− | .timeline>li:before {
| + | |
− | display: table;
| + | |
− | content: " ";
| + | |
− | }
| + | |
− |
| + | |
− | .timeline>li:after {
| + | |
− | clear: both;
| + | |
− | }
| + | |
− |
| + | |
− | .timeline>li .timeline-panel {
| + | |
− | position: relative;
| + | |
− | float: right;
| + | |
− | width: 100%;
| + | |
− | padding: 0 20px 0 100px;
| + | |
− | text-align: left;
| + | |
− | }
| + | |
− |
| + | |
− | .timeline>li .timeline-panel:before {
| + | |
− | right: auto;
| + | |
− | left: -15px;
| + | |
− | border-right-width: 15px;
| + | |
− | border-left-width: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .timeline>li .timeline-panel:after {
| + | |
− | right: auto;
| + | |
− | left: -14px;
| + | |
− | border-right-width: 14px;
| + | |
− | border-left-width: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .timeline>li .timeline-image {
| + | |
− | position: absolute;
| + | |
− | z-index: 100;
| + | |
− | left: 0;
| + | |
− | width: 80px;
| + | |
− | height: 80px;
| + | |
− | margin-left: 0;
| + | |
− | text-align: center;
| + | |
− | color: white;
| + | |
− | border: 7px solid #e9ecef;
| + | |
− | border-radius: 100%;
| + | |
− | background-color: #ffc800;
| + | |
− | }
| + | |
− |
| + | |
− | .timeline>li .timeline-image h4,
| + | |
− | .timeline>li .timeline-image .h4 {
| + | |
− | font-size: 10px;
| + | |
− | line-height: 14px;
| + | |
− | margin-top: 12px;
| + | |
− | }
| + | |
− |
| + | |
− | .timeline>li.timeline-inverted>.timeline-panel {
| + | |
− | float: right;
| + | |
− | padding: 0 20px 0 100px;
| + | |
− | text-align: left;
| + | |
− | }
| + | |
− |
| + | |
− | .timeline>li.timeline-inverted>.timeline-panel:before {
| + | |
− | right: auto;
| + | |
− | left: -15px;
| + | |
− | border-right-width: 15px;
| + | |
− | border-left-width: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .timeline>li.timeline-inverted>.timeline-panel:after {
| + | |
− | right: auto;
| + | |
− | left: -14px;
| + | |
− | border-right-width: 14px;
| + | |
− | border-left-width: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .timeline>li:last-child {
| + | |
− | margin-bottom: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .timeline .timeline-heading h4,
| + | |
− | .timeline .timeline-heading .h4 {
| + | |
− | margin-top: 0;
| + | |
− | color: inherit;
| + | |
− | }
| + | |
− |
| + | |
− | .timeline .timeline-heading h4.subheading,
| + | |
− | .timeline .timeline-heading .subheading.h4 {
| + | |
− | text-transform: none;
| + | |
− | }
| + | |
− |
| + | |
− | .timeline .timeline-body>ul,
| + | |
− | .timeline .timeline-body>p {
| + | |
− | margin-bottom: 0;
| + | |
− | }
| + | |
− |
| + | |
− | @media (min-width: 768px) {
| + | |
− | .timeline:before {
| + | |
− | left: 50%;
| + | |
− | }
| + | |
− | .timeline>li {
| + | |
− | min-height: 100px;
| + | |
− | margin-bottom: 100px;
| + | |
− | }
| + | |
− | .timeline>li .timeline-panel {
| + | |
− | float: left;
| + | |
− | width: 41%;
| + | |
− | padding: 0 20px 20px 30px;
| + | |
− | text-align: right;
| + | |
− | }
| + | |
− | .timeline>li .timeline-image {
| + | |
− | left: 50%;
| + | |
− | width: 100px;
| + | |
− | height: 100px;
| + | |
− | margin-left: -50px;
| + | |
− | }
| + | |
− | .timeline>li .timeline-image h4,
| + | |
− | .timeline>li .timeline-image .h4 {
| + | |
− | font-size: 13px;
| + | |
− | line-height: 18px;
| + | |
− | margin-top: 16px;
| + | |
− | }
| + | |
− | .timeline>li.timeline-inverted>.timeline-panel {
| + | |
− | float: right;
| + | |
− | padding: 0 30px 20px 20px;
| + | |
− | text-align: left;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | @media (min-width: 992px) {
| + | |
− | .timeline>li {
| + | |
− | min-height: 150px;
| + | |
− | }
| + | |
− | .timeline>li .timeline-panel {
| + | |
− | padding: 0 20px 20px;
| + | |
− | }
| + | |
− | .timeline>li .timeline-image {
| + | |
− | width: 150px;
| + | |
− | height: 150px;
| + | |
− | margin-left: -75px;
| + | |
− | }
| + | |
− | .timeline>li .timeline-image h4,
| + | |
− | .timeline>li .timeline-image .h4 {
| + | |
− | font-size: 18px;
| + | |
− | line-height: 26px;
| + | |
− | margin-top: 30px;
| + | |
− | }
| + | |
− | .timeline>li.timeline-inverted>.timeline-panel {
| + | |
− | padding: 0 20px 20px;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | @media (min-width: 1200px) {
| + | |
− | .timeline>li {
| + | |
− | min-height: 170px;
| + | |
− | }
| + | |
− | .timeline>li .timeline-panel {
| + | |
− | padding: 0 20px 20px 100px;
| + | |
− | }
| + | |
− | .timeline>li .timeline-image {
| + | |
− | width: 170px;
| + | |
− | height: 170px;
| + | |
− | margin-left: -85px;
| + | |
− | }
| + | |
− | .timeline>li .timeline-image h4,
| + | |
− | .timeline>li .timeline-image .h4 {
| + | |
− | margin-top: 40px;
| + | |
− | }
| + | |
− | .timeline>li.timeline-inverted>.timeline-panel {
| + | |
− | padding: 0 100px 20px 20px;
| + | |
− | }
| + | |
− | }
| + | |
− |
| + | |
− | .team-member {
| + | |
− | margin-bottom: 3rem;
| + | |
− | text-align: center;
| + | |
− | }
| + | |
− |
| + | |
− | .team-member img {
| + | |
− | width: 14rem;
| + | |
− | height: 14rem;
| + | |
− | border: 0.5rem solid rgba(0, 0, 0, 0.1);
| + | |
− | }
| + | |
− |
| + | |
− | .team-member h4,
| + | |
− | .team-member .h4 {
| + | |
− | margin-top: 1.5rem;
| + | |
− | margin-bottom: 0;
| + | |
− | }
| + | |
− |
| + | |
− | .img-brand {
| + | |
− | height: 2.75rem;
| + | |
− | }
| + | |
− |
| + | |
− | .footer {
| + | |
− | text-align: center;
| + | |
− | font-size: 0.9rem;
| + | |
− | font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
| + | |
− | }
| + | |
− | </style>
| + | |
− | | + | |
− | </html>
| + | |