/* REPLACINING IONIC 06/26/18 changed user-selectCSS
*
*/
@charset "UTF-8";
* { -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent ; /*For some Androids */
-webkit-user-select: none; /* Chrome all / Safari */
/* -webkit-touch-callout: none;
-webkit-user-drag: none; */
}
*:not(input){
}
input[type=text] {
-webkit-user-select: text;
}
input[type=password] {
-webkit-user-select: all;
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(fonts/robotolight.woff2) format('woff2');
unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 400;
src: local('Roboto'), local('Roboto-Regular'), url(fonts/sTdaA6j0Psb920Vjv-mrzH-_kf6ByYO6CLYdB4HQE-Y.woff2) format('woff2');
unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 900;
src: local('Roboto Black'), local('Roboto-Black'), url(fonts/robotoblack.woff2) format('woff2');
unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F
}
body {
-webkit-touch-callout: text;
-webkit-text-size-adjust: text;
-webkit-user-select: text;
overflow: auto !important;
}
.header-star {
position: absolute;
margin-left: 165px;
}
.font-dosis {
font-family: 'Dosis', sans-serif;
}
.font-raleway {
font-family: 'Raleway', sans-serif;
}
.font-roboto {
font-family: 'Roboto', sans-serif;
}
ol, ul {
list-style: none;
}
button.show-doc {
color: #2f94cf;
text-decoration: underline;
}
.content {
position: inherit;
width: 100%;
max-height: 600px;
overflow: auto;
}
.content-doc-reader {
display: inline-block;
width: 100%;
}
.content-doc-reader a[target="_blank"] {
opacity: 0.8;
transition: .1s ease-in-out;
transition-property: opacity, border-color;
color: #004bc9;
text-decoration: none;
font-weight: bold;
}
.content-doc-reader a[target="_blank"]:hover {
background-color: #004bc9;
color: #fff;
}
.content-doc-reader a[target="_blank"]:hover i {
color: #fff;
}
a {
border-bottom: 1px dotted #000;
}
a.show-doc {
font-size: 14px;
}
.result a {
cursor: pointer;
color: #000;
text-decoration: none;
}
.result.result-icon .icon {
margin: 5px;
}
.dependency {
color: rgba(0, 0, 0, 0.4);
float: right;
font-size: 14px;
margin-top: -10px;
}
.dependency strong {
font-weight: 700;
}
.tooltip {
position: relative;
display: inline-block;
}
.tooltip .tooltiptext {
visibility: hidden;
width: 320px;
background-color: black;
color: #fff;
text-align: center;
padding: 5px 0;
border-radius: 6px;
right: 0;
position: absolute;
z-index: 1;
}
.tooltip:hover .tooltiptext {
visibility: visible;
}
.top {
background-color: #24292e;
padding: 0 20px;
margin: 0 auto;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
height: 80px;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
position: initial;
}
.top img {
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
line-height: 0;
max-width: 150px;
}
.top ul {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
list-style: none;
}
.top li {
white-space: nowrap;
margin: 0 28px 0 0;
padding: 0;
position: relative;
}
.top a {
color: rgba(255, 255, 255, 0.7);
}
.top a:hover {
color: rgba(255, 255, 255, 1);
}
.menuland {
position: absolute;
width: 280px;
overflow: auto;
padding: 50px;
padding-top: 30px;
}
.menuland li {
font-size: 16px;
}
.menuland h1,
.content-land h2.title-doc {
font-size: 18px;
font-weight: 700;
margin-bottom: 10px;
margin-top: 10px;
color: #24292e;
text-transform: uppercase;
}
.content-land .content-doc-reader h2.title-doc {
margin-top: 0;
}
.content-land h2.title-doc {
padding-top: 50px;
}
.menuland h1:first-child {
margin-top: 0;
}
.menuland a {
color: rgba(0, 0, 0, 0.8);
}
.menuland li {
padding: 8px;
}
.menuland li.move-focus::before {
content: "";
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #579480;
position: absolute;
margin-left: -12px;
margin-top: 4px;
}
#searchComponent {
padding-left: 5px;
}
.menuland li:hover, .menuland a.active li {
background-color: #7fc7af;
}
.menuland::-webkit-scrollbar {
display: none;
}
.menuland a:target li{
border-left: 4px solid #7fc7af;
}
.menuland.hasScrolled {
position: fixed;
top: 0;
bottom: 0;
height: 100%;
}
.content-land {
max-width: 100%;
margin-left: 320px;
font-size: 18px;
padding-right: 50px
}
.content-land p {
line-height: 30px;
padding-bottom: 15px;
font-size: 16px;
}
.content-land p.text-small {
font-size: 14px;
}
.content-land .result p {
font-size: 14px;
}
pre, .CodeMirror {
padding: 20px;
background-color: #f2f2f2;
height: auto;
margin-top: 20px;
margin-bottom: 20px;
font-size: 14px;
}
.CodeMirror-scroll {
overflow-y: hidden !important;
overflow-x: auto !important;
}
.color-group {
float: left;
width: 50%;
font-family: arial;
font-size: 12px;
padding: 10px;
}
.color-group .color {
float: left;
padding: 12px;
color: #fff;
width: 50%;
}
.color-group .color.main-color {
width: 100%;
}
.color-group .color.dark {
color: rgba(0, 0, 0, 0.8);
}
.color-group .color span {
display: block;
font-size: 11px;
font-weight: 300;
}
.color-palettes {
display: inline-block;
width: 100%;
padding-bottom: 20px;
}
.sub-title-doc {
margin-top: 20px;
}
.result {
font-family: 'Roboto', sans-serif;
max-width: 400px;
position: relative;
overflow: hidden;
}
.result.height-change > div{
height: 100%;
}
.result.with-border {
border: 1px solid #ccc;
}
.result p {
margin-top: 5px;
margin-bottom: 5px;
padding: 0;
line-height: 20px;
}
.header {
position: inherit;
}
.footer {
position: absolute;
}
.header.header-absolute {
position: absolute;
max-width: 400px;
}
textarea.bind-code {
display: none;
}
.cm-s-hidden-code {
display: none;
}
@media only screen and (min-width: 1300px) {
.color-group {
width: 33.33%;
}
}
@media only screen and (min-width: 1600px) {
.color-group {
width: 25%;
}
}
@media only screen and (min-width: 1900px) {
.color-group {
width: 20%;
}
}
@media only screen and (max-width: 500px) {
body, html {
width: 100% !important;
}
body {
padding: 10px;
}
.header-star {
position: inherit;
margin-left: 20px;
}
.top {
text-align: center;
display: block;
padding-top: 20px;
}
.top img{
display: inline-block;
margin:auto;
}
.top ul {
display: none;
}
.menuland {
display: none;
}
.content-land {
margin:0;
padding: 0;
}
.color-group {
width: 100%;
}
}
a.button-contribute,
.content-doc-reader a.button-contribute[target="_blank"] {
font-size: 12px;
padding: 5px;
padding-left: 20px;
padding-right: 20px;
border-top: 0;
border-left: 0;
border-right: 0;
padding: 0;
margin-top: 10px;
border-color: #fff;
color: #686868;
font-weight: 400;
}
.button-contribute .icon {
font-size: 20px;
color: #686868;
}
a.button-contribute:hover,
.content-doc-reader a.button-contribute[target="_blank"]:hover {
border-color: #ccc;
background: none;
color: #000;
}
.content-doc-reader a.button-contribute[target="_blank"]:hover i {
color: #000;
}
.button-contribute .ion-social-github:before {
margin-left: 5px;
float: right;
margin-top: 3px;
}
.content-table {
margin-bottom: 10px;
}
.content-table tr.hidden{
display: none;
}
.hidden {
display: none;
}
.tableDoc {
max-width: 700px;
border: 1px solid #ebebeb;
}
.tableDoc th {
text-transform: uppercase;
font-weight: 600;
letter-spacing: .4px;
-webkit-transform: scaleY(.9);
transform: scaleY(.9);
text-rendering: optimizeLegibility;
padding: 8px 15px;
font-size: 14px;
text-align: left!important;
background: #fafafa;
border-bottom: 1px solid #ebebeb;
color: #9ca3a6;
}
.tableDoc td {
padding: 15px;
font-weight: 400;
text-rendering: optimizeLegibility;
font-size: 14px;
border-bottom: 1px solid #e1e1e1;
}
.tableDoc td:first-child {
text-align: right;
white-space: nowrap;
}
.tableDoc tr:last-child td {
border-bottom: 0;
}
code {
padding: 4px;
color: #eb3838;
font-size: 14px;
border-radius: 3px;
border: 0 none;
margin: 0;
font-family: Consolas,'Liberation Mono',Menlo,Courier,monospace;
white-space: nowrap;
background: #f1f1f1;
}
.tableDoc td:first-child code {
padding: 3px 9px;
background: #fff2f2;
}
.header-bind-code .border-green {
border-top: 0;
border-left: 0;
border-right: 0;
border-width: 2px;
border-color: #7fc7af;
}
.header-bind-code {
border-bottom: 1px solid #e5e5e5;
text-transform: uppercase;
font-size: 14px;
margin-bottom: 10px;
}
.line {
width: 100%;
background-color: #e5e5e5;
height: 1px;
display: block;
clear: both;
margin-top: 10px;
}
.header-bind-code button.small {
background: none;
margin-right: 10px;
text-transform: uppercase;
}
.banner {
background-color: #24292e;
padding-top: 50px;
padding-bottom: 30px;
overflow: hidden;
height: 500px;
border-bottom: 2px solid #24292e;
}
.banner h1 {
color: rgba(255, 255, 255, 0.8);
font-weight: 200;
font-size: 35px;
text-align: center;
padding-left: 20px;
padding-right: 20px;
}
.banner h2 {
color: rgba(255, 255, 255, 0.5);
font-size: 20px;
font-weight: 300;
text-align: center;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 40px;
}
.logo-placeholder {
text-align: center;
position: absolute;
width: 100%;
}
.hero-cards {
position: relative;
display: block;
overflow: hidden;
width: 100%;
min-height: 41em;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
visibility: hidden;
margin-top: 380px;
}
.hero-card-1,
.hero-card-2,
.hero-card-3,
.hero-card-4,
.hero-card-5,
.hero-card-6,
.hero-card-7,
.hero-card-8,
.hero-card-9 {
position: absolute;
top: 0;
left: 50%;
display: block;
margin-left: -157px;
box-shadow: 0 5px 10px 0 rgba(0,0,0,.4);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
width: 307px;
height: 546px;
padding: 1px;
background-image: url(../img/sprite.jpg);
background-repeat: no-repeat;
}
.hero-card-1 {
z-index: 109!important;
display: block;
background-position: -10px -12px;
}
.hero-card-2 {
z-index: 108!important;
display: block;
background-position: -322px -12px;
margin-top: 50px;
}
.hero-card-3 {
z-index: 107!important;
display: block;
background-position: -630px -12px;
margin-top: 50px;
}
.hero-card-4 {
z-index: 106!important;
display: block;
background-position: -944px -12px;
margin-top: 75px;
}
.hero-card-5 {
z-index: 105!important;
display: block;
background-position: -1252px -12px;
margin-top: 75px;
}
.hero-card-6 {
z-index: 104!important;
display: block;
background-position: -1566px -12px;
margin-top: 100px;
}
.hero-card-7 {
z-index: 103!important;
display: block;
background-position: -1875px -12px;
margin-top: 100px;
}
.menu {
position: absolute !important;
}
.backdrop {
position: absolute !important;
}
.float-bottom-right, .float-bottom-left {
position: absolute !important;
}
.header p, .footer p {
padding-left: 10px;
margin: 0;
margin-top: -4px;
}
.gitter-chat-embed {
z-index: 1100;
}
/* MASTER CSS ============================= */
/* HEADER MOBILEUI ====================================== */
/*Create a fixed bar at the top of the page.*/
.footer, .header {
font-size: 18px;
display: inline-block;
width: 100%;
position: fixed;
top: 0;
left: 0;
height: 52px;
z-index: 9;
}
/*Create a fixed bar at the bottom of the page.*/
.footer {
top: initial;
bottom: 0;
}
/*If used with header create a fixed sub-bar at the top of the page, if using with footer creates a fixed sub-bar at the bottom.*/
.header.sub {
top:52px;
}
.footer.sub {
top: initial;
bottom: 52px;
}
/*Used in the parent element of the header, or body element, to define that the page uses header.*/
.has-header {
padding-top: 52px !important;
}
/*Used in the parent element of the header and sub, or body element, to define that the page uses sub.*/
.has-header.has-sub-header {
padding-top: 104px !important;
}
/*Used in the parent element of the header and footer, or body element, to define that the page uses header in bottom.*/
.has-footer {
padding-bottom: 52px !important
}
/*Used in the parent element of the header with sub and bottom, or body element, to define that the page uses sub in bottom.*/
.has-footer.has-sub-footer {
padding-bottom: 104px !important
}
.header .left, .header .right, .header .title, .header h1, .footer .left, .footer .right, .footer .title, .footer h1 {
margin-top: 15px;
margin-bottom: 5px;
}
/*Set a fixed size for an image.*/
.header .avatar {
height: 40px;
margin-top: -8px;
margin-left: 4px;
}
/*Add big border in element.*/
.header .border-big {
border-width: 2px;
border-style: solid;
}
.header h2, .footer h2 {
padding-top: 8px;
padding-left: 10px;
}
.header p, .footer p {
padding-left: 10px;
margin: 0;
margin-top: -4px;
}
.header .left, .footer .left {
padding-left: 5px
}
.header .right, .footer .right {
padding-right: 5px
}
/*Create a title in the header, you can just use h1 element.*/
.header h1, .header .title, .footer h1, .footer .title {
margin-bottom: 15px;
padding-left: 10px;
padding-right: 15px;
display: inline-block;
}
.header button, .footer button {
margin-top: -10px;
}
.header button.icon, .footer button.icon {
font-size: 30px;
margin-top: -10px;
z-index: 99;
background: none;
border: none;
padding: 0 6px;
}
.header button.icon:not([class*=red]):not([class*=pink]):not([class*=white]):not([class*=purple]):not([class*=indigo]):not([class*=blue]):not([class*=cyan]):not([class*=teal]):not([class*=green]):not([class*=lime]):not([class*=yellow]):not([class*=amber]):not([class*=orange]):not([class*=brown]):not([class*=grey]):not([class*=black]):not([class*=white]),
.footer button.icon:not([class*=red]):not([class*=pink]):not([class*=white]):not([class*=purple]):not([class*=indigo]):not([class*=blue]):not([class*=cyan]):not([class*=teal]):not([class*=green]):not([class*=lime]):not([class*=yellow]):not([class*=amber]):not([class*=orange]):not([class*=brown]):not([class*=grey]):not([class*=black]):not([class*=white]) {
color: #fff;
}
.header button.icon.left, .footer button.icon.left,
.header button.icon.right, .footer button.icon.right {
margin-top: 5px;
margin-bottom: 5px;
}
.header button.icon.left, .footer button.icon.left {
margin-left: 5px;
}
.header button.icon.right, .footer button.icon.right {
margin-right: 5px;
}
.header .title.align-center, .footer .title.align-center,
.header h1.align-center, .footer h1.align-center,
.header p.align-center, .footer p.align-center {
width: 100%;
position: inherit;
padding-right: 15px;
left: 0;
z-index: 9;
}
/*Create a floating badge next to an icon.*/
.header .icon-badge, .footer .icon-badge {
position: absolute;
margin-left: -6px;
margin-top: -8px;
border-radius: 8px;
z-index: 999;
}
.header .buttons-group, .footer .buttons-group {
margin-top: 15px;
margin-left: 5px;
margin-right: 5px;
}
.header .buttons-group.small, .footer .buttons-group.small {
margin-top: 20px;
margin-left: 10px;
margin-right: 10px;
}
.header input::-webkit-input-placeholder {
color: rgba(0, 0, 0, 0.8);
}
/*Defines a light color for the placeholder.*/
.header input.placeholder-white::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.8);
}
.header input {
padding: 15px;
position: absolute;
}
.header .left+input {
padding-right: 50px;
}
/* HEADER MOBILEUI ENDS ====================================== */
/* COLORS START =============================================== */
.red {
color: rgba(255, 255, 255, .9);
background-color: #f44336 !important
}
.red-100,
.red-200,
.red-300,
.red-50 {
color: rgba(0, 0, 0, .8)
}
.red-50, input[type="checkbox"].red-50.switch::after {
background-color: #ffebee !important
}
.red-100, input[type="checkbox"].red-100.switch::after {
background-color: #ffcdd2 !important
}
.red-200, input[type="checkbox"].red-200.switch::after {
background-color: #ef9a9a !important
}
.red-300, input[type="checkbox"].red-300.switch::after {
background-color: #e57373 !important
}
.pink,
.red-400,
.red-500,
.red-600,
.red-700,
.red-800,
.red-900 {
color: rgba(255, 255, 255, .9)
}
.red-400, input[type="checkbox"].red-400.switch::after {
background-color: #ef5350 !important
}
.red-500, input[type="checkbox"].red-500.switch::after {
background-color: #f44336 !important
}
.red-600, input[type="checkbox"].red-600.switch::after {
background-color: #e53935 !important
}
.red-700, input[type="checkbox"].red-700.switch::after {
background-color: #d32f2f !important
}
.red-800, input[type="checkbox"].red-800.switch::after {
background-color: #c62828 !important
}
.red-900, input[type="checkbox"].red-900.switch::after {
background-color: #b71c1c !important
}
.pink, input[type="checkbox"].pink.switch::after {
background-color: #E91E63 !important
}
.pink-100,
.pink-200,
.pink-50 {
color: rgba(0, 0, 0, .8)
}
.pink-50, input[type="checkbox"].pink-50.switch::after {
background-color: #fce4ec !important
}
.pink-100, input[type="checkbox"].pink-100.switch::after {
background-color: #f8bbd0 !important
}
.pink-200, input[type="checkbox"].pink-200.switch::after {
background-color: #f48fb1 !important
}
.Pink-300,
.pink-400,
.pink-500,
.pink-600,
.pink-700,
.pink-800,
.pink-900,
.purple {
color: rgba(255, 255, 255, .9)
}
.Pink-300, input[type="checkbox"].Pink-300.switch::after {
background-color: #f06292 !important
}
.pink-400, input[type="checkbox"].pink-400.switch::after {
background-color: #ec407a !important
}
.pink-500, input[type="checkbox"].pink-500.switch::after {
background-color: #e91e63 !important
}
.pink-600, input[type="checkbox"].pink-600.switch::after {
background-color: #d81b60 !important
}
.pink-700, input[type="checkbox"].pink-700.switch::after {
background-color: #c2185b !important
}
.pink-800, input[type="checkbox"].pink-800.switch::after {
background-color: #ad1457 !important
}
.pink-900, input[type="checkbox"].pink-900.switch::after {
background-color: #880e4f !important
}
.purple, input[type="checkbox"].purple.switch::after {
background-color: #9c27b0 !important
}
.purple-100,
.purple-200,
.purple-50 {
color: rgba(0, 0, 0, .8)
}
.purple-50, input[type="checkbox"].purple-50.switch::after {
background-color: #f3e5f5 !important
}
.purple-100, input[type="checkbox"].purple-100.switch::after {
background-color: #e1bee7 !important
}
.purple-200, input[type="checkbox"].purple-200.switch::after {
background-color: #ce93d8 !important
}
.Purple-300,
.Purple-400,
.deep-purple,
.purple-500,
.purple-600,
.purple-700,
.purple-800,
.purple-900 {
color: rgba(255, 255, 255, .9)
}
.Purple-300, input[type="checkbox"].Purple-300.switch::after {
background-color: #ba68c8 !important
}
.Purple-400, input[type="checkbox"].Purple-400.switch::after {
background-color: #ab47bc !important
}
.purple-500, input[type="checkbox"].purple-500.switch::after {
background-color: #9c27b0 !important
}
.purple-600, input[type="checkbox"].purple-600.switch::after {
background-color: #8e24aa !important
}
.purple-700, input[type="checkbox"].purple-700.switch::after {
background-color: #7b1fa2 !important
}
.purple-800, input[type="checkbox"].purple-800.switch::after {
background-color: #6a1b9a !important
}
.purple-900, input[type="checkbox"].purple-900.switch::after {
background-color: #4a148c !important
}
.deep-purple, input[type="checkbox"].deep-purple.switch::after {
background-color: #673ab7 !important
}
.deep-purple-50 {
color: rgba(0, 0, 0, .8);
background-color: #ede7f6 !important
}
.deep-purple-100 {
color: rgba(0, 0, 0, .8);
background-color: #d1c4e9 !important
}
.deep-purple-200 {
color: rgba(0, 0, 0, .8);
background-color: #b39ddb !important
}
.deep-purple-300,
.deep-purple-400,
.deep-purple-500,
.deep-purple-600,
.deep-purple-700,
.deep-purple-800,
.deep-purple-900,
.indigo {
color: rgba(255, 255, 255, .9)
}
.deep-purple-300, input[type="checkbox"].deep-purple-300.switch::after {
background-color: #9575cd !important
}
.deep-purple-400, input[type="checkbox"].deep-purple-400.switch::after {
background-color: #7e57c2 !important
}
.deep-purple-500, input[type="checkbox"].deep-purple-500.switch::after {
background-color: #673ab7 !important
}
.deep-purple-600, input[type="checkbox"].deep-purple-600.switch::after {
background-color: #5e35b1 !important
}
.deep-purple-700, input[type="checkbox"].deep-purple-700.switch::after {
background-color: #512da8 !important
}
.deep-purple-800, input[type="checkbox"].deep-purple-800.switch::after {
background-color: #4527a0 !important
}
.deep-purple-900, input[type="checkbox"].deep-purple-900.switch::after {
background-color: #311b92 !important
}
.indigo, input[type="checkbox"].indigo.switch::after {
background-color: #3f51b5 !important
}
.indigo-100,
.indigo-200,
.indigo-50 {
color: rgba(0, 0, 0, .8)
}
.indigo-50, input[type="checkbox"].indigo-50.switch::after {
background-color: #e8eaf6 !important
}
.indigo-100, input[type="checkbox"].indigo-100.switch::after {
background-color: #c5cae9 !important
}
.indigo-200, input[type="checkbox"].indigo-200.switch::after {
background-color: #9fa8da !important
}
.blue,
.indigo-300,
.indigo-400,
.indigo-500,
.indigo-600,
.indigo-700,
.indigo-800,
.indigo-900 {
color: rgba(255, 255, 255, .9)
}
.indigo-300, input[type="checkbox"].indigo-300.switch::after {
background-color: #7986cb !important
}
.indigo-400, input[type="checkbox"].indigo-400.switch::after {
background-color: #5c6bc0 !important
}
.indigo-500, input[type="checkbox"].indigo-500.switch::after {
background-color: #3f51b5 !important
}
.indigo-600, input[type="checkbox"].indigo-600.switch::after {
background-color: #3949ab !important
}
.indigo-700, input[type="checkbox"].indigo-700.switch::after {
background-color: #303f9f !important
}
.indigo-800, input[type="checkbox"].indigo-800.switch::after {
background-color: #283593 !important
}
.indigo-900, input[type="checkbox"].indigo-900.switch::after {
background-color: #1a237e !important
}
.blue, input[type="checkbox"].blue.switch::after {
background-color: #2196F3 !important
}
.blue-100,
.blue-200,
.blue-300,
.blue-400,
.blue-50 {
color: rgba(0, 0, 0, .8)
}
.blue-50, input[type="checkbox"].blue-50.switch::after {
background-color: #e3f2fd !important
}
.blue-100, input[type="checkbox"].blue-100.switch::after {
background-color: #bbdefb !important
}
.blue-200, input[type="checkbox"].blue-200.switch::after {
background-color: #90caf9 !important
}
.blue-300, input[type="checkbox"].blue-300.switch::after {
background-color: #64b5f6 !important
}
.blue-400, input[type="checkbox"].blue-400.switch::after {
background-color: #42a5f5 !important
}
.blue-500,
.blue-600,
.blue-700,
.blue-800,
.blue-900,
.light-blue {
color: rgba(255, 255, 255, .9)
}
.blue-500, input[type="checkbox"].blue-500.switch::after {
background-color: #2196f3 !important
}
.blue-600, input[type="checkbox"].blue-600.switch::after {
background-color: #1e88e5 !important
}
.blue-700, input[type="checkbox"].blue-700.switch::after {
background-color: #1976d2 !important
}
.blue-800, input[type="checkbox"].blue-800.switch::after {
background-color: #1565c0 !important
}
.blue-900, input[type="checkbox"].blue-900.switch::after {
background-color: #0d47a1 !important
}
.light-blue, input[type="checkbox"].light-blue.switch::after {
background-color: #03a9f4 !important
}
.light-blue-100,
.light-blue-200,
.light-blue-300,
.light-blue-400,
.light-blue-50,
.light-blue-500 {
color: rgba(0, 0, 0, .8)
}
.light-blue-50, input[type="checkbox"].light-blue-50.switch::after {
background-color: #e1f5fe !important
}
.light-blue-100, input[type="checkbox"].light-blue-100.switch::after {
background-color: #b3e5fc !important
}
.light-blue-200, input[type="checkbox"].light-blue-200.switch::after {
background-color: #81d4fa !important
}
.light-blue-300, input[type="checkbox"].light-blue-300.switch::after {
background-color: #4fc3f7 !important
}
.light-blue-400, input[type="checkbox"].light-blue-400.switch::after {
background-color: #29b6f6 !important
}
.light-blue-500, input[type="checkbox"].light-blue-500.switch::after {
background-color: #03a9f4 !important
}
.cyan,
.light-blue-600,
.light-blue-700,
.light-blue-800,
.light-blue-900 {
color: rgba(255, 255, 255, .9)
}
.light-blue-600, input[type="checkbox"].light-blue-600.switch::after {
background-color: #039be5 !important
}
.light-blue-700, input[type="checkbox"].light-blue-700.switch::after {
background-color: #0288d1 !important
}
.light-blue-800, input[type="checkbox"].light-blue-800.switch::after {
background-color: #0277bd !important
}
.light-blue-900, input[type="checkbox"].light-blue-900.switch::after {
background-color: #01579b !important
}
.cyan, input[type="checkbox"].cyan.switch::after {
background-color: #00bcd4 !important
}
.cyan-100,
.cyan-200,
.cyan-300,
.cyan-400,
.cyan-50,
.cyan-500,
.cyan-600 {
color: rgba(0, 0, 0, .8)
}
.cyan-50, input[type="checkbox"].cyan-50.switch::after {
background-color: #e0f7fa !important
}
.cyan-100, input[type="checkbox"].cyan-100.switch::after {
background-color: #b2ebf2 !important
}
.cyan-200, input[type="checkbox"].cyan-200.switch::after {
background-color: #80deea !important
}
.cyan-300, input[type="checkbox"].cyan-300.switch::after {
background-color: #4dd0e1 !important
}
.cyan-400, input[type="checkbox"].cyan-400.switch::after {
background-color: #26c6da !important
}
.cyan-500, input[type="checkbox"].cyan-500.switch::after {
background-color: #00bcd4 !important
}
.cyan-600, input[type="checkbox"].cyan-600.switch::after {
background-color: #00acc1 !important
}
.cyan-700,
.cyan-800,
.cyan-900,
.teal {
color: rgba(255, 255, 255, .9)
}
.cyan-700, input[type="checkbox"].cyan-700.switch::after {
background-color: #0097a7 !important
}
.cyan-800, input[type="checkbox"].cyan-800.switch::after {
background-color: #00838f !important
}
.cyan-900, input[type="checkbox"].cyan-900.switch::after {
background-color: #006064 !important
}
.teal, input[type="checkbox"].teal.switch::after {
background-color: #009688 !important
}
.teal-100,
.teal-200,
.teal-300,
.teal-400,
.teal-50 {
color: rgba(0, 0, 0, .8)
}
.teal-50, input[type="checkbox"].teal-50.switch::after {
background-color: #e0f2f1 !important
}
.teal-100, input[type="checkbox"].teal-100.switch::after {
background-color: #b2dfdb !important
}
.teal-200, input[type="checkbox"].teal-200.switch::after {
background-color: #80cbc4 !important
}
.teal-300, input[type="checkbox"].teal-300.switch::after {
background-color: #4db6ac !important
}
.teal-400, input[type="checkbox"].teal-400.switch::after {
background-color: #26a69a !important
}
.green,
.teal-500,
.teal-600,
.teal-700,
.teal-800,
.teal-900 {
color: rgba(255, 255, 255, .9)
}
.teal-500, input[type="checkbox"].teal-500.switch::after {
background-color: #009688 !important
}
.teal-600, input[type="checkbox"].teal-600.switch::after {
background-color: #00897b !important
}
.teal-700, input[type="checkbox"].teal-700.switch::after {
background-color: #00796b !important
}
.teal-800, input[type="checkbox"].teal-800.switch::after {
background-color: #00695c !important
}
.teal-900, input[type="checkbox"].teal-900.switch::after {
background-color: #004d40 !important
}
.green, input[type="checkbox"].green.switch::after {
background-color: #4caf50 !important
}
.green-100,
.green-200,
.green-300,
.green-400,
.green-50,
.green-500 {
color: rgba(0, 0, 0, .8)
}
.green-50, input[type="checkbox"].green-50.switch::after {
background-color: #e8f5e9 !important
}
.green-100, input[type="checkbox"].green-100.switch::after {
background-color: #c8e6c9 !important
}
.green-200, input[type="checkbox"].green-200.switch::after {
background-color: #a5d6a7 !important
}
.green-300, input[type="checkbox"].green-300.switch::after {
background-color: #81c784 !important
}
.green-400, input[type="checkbox"].green-400.switch::after {
background-color: #66bb6a !important
}
.green-500, input[type="checkbox"].green-500.switch::after {
background-color: #4caf50 !important
}
.green-600,
.green-700,
.green-800,
.green-900,
.light-green {
color: rgba(255, 255, 255, .9)
}
.green-600, input[type="checkbox"].green-600.switch::after {
background-color: #43a047 !important
}
.green-700, input[type="checkbox"].green-700.switch::after {
background-color: #388e3c !important
}
.green-800, input[type="checkbox"].green-800.switch::after {
background-color: #2e7d32 !important
}
.green-900, input[type="checkbox"].green-900.switch::after {
background-color: #1b5e20 !important
}
.light-green, input[type="checkbox"].light-green.switch::after {
background-color: #8bc34a !important
}
.light-green-100,
.light-green-200,
.light-green-300,
.light-green-400,
.light-green-50,
.light-green-500,
.light-green-600 {
color: rgba(0, 0, 0, .8)
}
.light-green-50, input[type="checkbox"].light-green-50.switch::after {
background-color: #f1f8e9 !important
}
.light-green-100, input[type="checkbox"].light-green-100.switch::after {
background-color: #dcedc8 !important
}
.light-green-200, input[type="checkbox"].light-green-200.switch::after {
background-color: #c5e1a5 !important
}
.light-green-300, input[type="checkbox"].light-green-300.switch::after {
background-color: #aed581 !important
}
.light-green-400, input[type="checkbox"].light-green-400.switch::after {
background-color: #9ccc65 !important
}
.light-green-500, input[type="checkbox"].light-green-500.switch::after {
background-color: #8bc34a !important
}
.light-green-600, input[type="checkbox"].light-green-600.switch::after {
background-color: #7cb342 !important
}
.light-green-700,
.light-green-800,
.light-green-900,
.lime {
color: rgba(255, 255, 255, .9)
}
.light-green-700, input[type="checkbox"].light-green-700.switch::after {
background-color: #689f38 !important
}
.light-green-800, input[type="checkbox"].light-green-800.switch::after {
background-color: #558b2f !important
}
.light-green-900, input[type="checkbox"].light-green-900.switch::after {
background-color: #33691e !important
}
.lime, input[type="checkbox"].lime.switch::after {
background-color: #cddc39 !important
}
.lime-100,
.lime-200,
.lime-300,
.lime-400,
.lime-50,
.lime-500,
.lime-600,
.lime-700,
.lime-800 {
color: rgba(0, 0, 0, .8)
}
.lime-50, input[type="checkbox"].lime-50.switch::after {
background-color: #f9fbe7 !important
}
.lime-100, input[type="checkbox"].lime-100.switch::after {
background-color: #f0f4c3 !important
}
.lime-200, input[type="checkbox"].lime-200.switch::after {
background-color: #e6ee9c !important
}
.lime-300, input[type="checkbox"].lime-300.switch::after {
background-color: #dce775 !important
}
.lime-400, input[type="checkbox"].lime-400.switch::after {
background-color: #d4e157 !important
}
.lime-500, input[type="checkbox"].lime-500.switch::after {
background-color: #cddc39 !important
}
.lime-600, input[type="checkbox"].lime-600.switch::after {
background-color: #c0ca33 !important
}
.lime-700, input[type="checkbox"].lime-700.switch::after {
background-color: #afb42b !important
}
.lime-800, input[type="checkbox"].lime-800.switch::after {
background-color: #9e9d24 !important
}
.lime-900,
.yellow {
color: rgba(255, 255, 255, .9)
}
.lime-900, input[type="checkbox"].lime-900.switch::after {
background-color: #827717 !important
}
.yellow, input[type="checkbox"].yellow.switch::after {
background-color: #ffeb3b !important
}
.yellow-100,
.yellow-200,
.yellow-300,
.yellow-50,
.yellow-500,
.yellow-600,
.yellow-700,
.yellow-800,
.yellow-900 {
color: rgba(0, 0, 0, .8)
}
.yellow-50, input[type="checkbox"].yellow-50.switch::after {
background-color: #fffde7 !important
}
.yellow-100, input[type="checkbox"].yellow-100.switch::after {
background-color: #fff9c4 !important
}
.yellow-200, input[type="checkbox"].yellow-200.switch::after {
background-color: #fff59d !important
}
.yellow-300, input[type="checkbox"].yellow-300.switch::after {
background-color: #fff176 !important
}
.yellow-400 {
color: rgba(0, 0, 0, .8);
background-color: #ffee58 !important
}
.yellow-500, input[type="checkbox"].yellow-500.switch::after {
background-color: #ffeb3b !important
}
.yellow-600, input[type="checkbox"].yellow-600.switch::after {
background-color: #fdd835 !important
}
.yellow-700, input[type="checkbox"].yellow-700.switch::after {
background-color: #fbc02d !important
}
.yellow-800, input[type="checkbox"].yellow-800.switch::after {
background-color: #f9a825 !important
}
.yellow-900, input[type="checkbox"].yellow-900.switch::after {
background-color: #f57f17 !important
}
.amber {
color: rgba(255, 255, 255, .9);
background-color: #ffc107 !important
}
.amber-100,
.amber-200,
.amber-300,
.amber-50,
.amber-500,
.amber-600,
.amber-700,
.amber-800,
.amber-900 {
color: rgba(0, 0, 0, .8)
}
.amber-50, input[type="checkbox"].amber-50.switch::after {
background-color: #fff8e1 !important
}
.amber-100, input[type="checkbox"].amber-100.switch::after {
background-color: #ffecb3 !important
}
.amber-200, input[type="checkbox"].amber-200.switch::after {
background-color: #ffe082 !important
}
.amber-300, input[type="checkbox"].amber-300.switch::after {
background-color: #ffd54f !important
}
.amber-400 {
color: rgba(0, 0, 0, .8);
background-color: #ffca28 !important
}
.amber-500, input[type="checkbox"].amber-500.switch::after {
background-color: #ffc107 !important
}
.amber-600, input[type="checkbox"].amber-600.switch::after {
background-color: #ffb300 !important
}
.amber-700, input[type="checkbox"].amber-700.switch::after {
background-color: #ffa000 !important
}
.amber-800, input[type="checkbox"].amber-800.switch::after {
background-color: #ff8f00 !important
}
.amber-900, input[type="checkbox"].amber-900.switch::after {
background-color: #ff6f00 !important
}
.orange {
color: rgba(255, 255, 255, .9);
background-color: #ff9800 !important
}
.orange-100,
.orange-200,
.orange-300,
.orange-400,
.orange-50,
.orange-500,
.orange-600,
.orange-700 {
color: rgba(0, 0, 0, .8)
}
.orange-50, input[type="checkbox"].orange-50.switch::after {
background-color: #fff3e0 !important
}
.orange-100, input[type="checkbox"].orange-100.switch::after {
background-color: #ffe0b2 !important
}
.orange-200, input[type="checkbox"].orange-200.switch::after {
background-color: #ffcc80 !important
}
.orange-300, input[type="checkbox"].orange-300.switch::after {
background-color: #ffb74d !important
}
.orange-400, input[type="checkbox"].orange-400.switch::after {
background-color: #ffa726 !important
}
.orange-500, input[type="checkbox"].orange-500.switch::after {
background-color: #ff9800 !important
}
.orange-600, input[type="checkbox"].orange-600.switch::after {
background-color: #fb8c00 !important
}
.orange-700, input[type="checkbox"].orange-700.switch::after {
background-color: #f57c00 !important
}
.deep-orange,
.orange-800,
.orange-900 {
color: rgba(255, 255, 255, .9)
}
.orange-800, input[type="checkbox"].orange-800.switch::after {
background-color: #ef6c00 !important
}
.orange-900, input[type="checkbox"].orange-900.switch::after {
background-color: #e65100 !important
}
.deep-orange, input[type="checkbox"].deep-orange.switch::after {
background-color: #ff5722 !important
}
.deep-orange-100,
.deep-orange-200,
.deep-orange-300,
.deep-orange-400,
.deep-orange-50 {
color: rgba(0, 0, 0, .8)
}
.deep-orange-50, input[type="checkbox"].deep-orange-50.switch::after {
background-color: #fbe9e7 !important
}
.deep-orange-100, input[type="checkbox"].deep-orange-100.switch::after {
background-color: #ffccbc !important
}
.deep-orange-200, input[type="checkbox"].deep-orange-200.switch::after {
background-color: #ffab91 !important
}
.deep-orange-300, input[type="checkbox"].deep-orange-300.switch::after {
background-color: #ff8a65 !important
}
.deep-orange-400, input[type="checkbox"].deep-orange-400.switch::after {
background-color: #ff7043 !important
}
.brown,
.deep-orange-500,
.deep-orange-600,
.deep-orange-700,
.deep-orange-800,
.deep-orange-900 {
color: rgba(255, 255, 255, .9)
}
.deep-orange-500, input[type="checkbox"].deep-orange-500.switch::after {
background-color: #ff5722 !important
}
.deep-orange-600, input[type="checkbox"].deep-orange-600.switch::after {
background-color: #f4511e !important
}
.deep-orange-700, input[type="checkbox"].deep-orange-700.switch::after {
background-color: #e64a19 !important
}
.deep-orange-800, input[type="checkbox"].deep-orange-800.switch::after {
background-color: #d84315 !important
}
.deep-orange-900, input[type="checkbox"].deep-orange-900.switch::after {
background-color: #bf360c !important
}
.brown, input[type="checkbox"].brown.switch::after {
background-color: #795548 !important
}
.brown-100,
.brown-200,
.brown-50 {
color: rgba(0, 0, 0, .8)
}
.brown-50, input[type="checkbox"].brown-50.switch::after {
background-color: #efebe9 !important
}
.brown-100, input[type="checkbox"].brown-100.switch::after {
background-color: #d7ccc8 !important
}
.brown-200, input[type="checkbox"].brown-200.switch::after {
background-color: #bcaaa4 !important
}
.brown-300,
.brown-400,
.brown-500,
.brown-600,
.brown-700,
.brown-800,
.brown-900,
.grey {
color: rgba(255, 255, 255, .9)
}
.brown-300, input[type="checkbox"].brown-300.switch::after {
background-color: #a1887f !important
}
.brown-400, input[type="checkbox"].brown-400.switch::after {
background-color: #8d6e63 !important
}
.brown-500, input[type="checkbox"].brown-500.switch::after {
background-color: #795548 !important
}
.brown-600, input[type="checkbox"].brown-600.switch::after {
background-color: #6d4c41 !important
}
.brown-700, input[type="checkbox"].brown-700.switch::after {
background-color: #5d4037 !important
}
.brown-800, input[type="checkbox"].brown-800.switch::after {
background-color: #4e342e !important
}
.brown-900, input[type="checkbox"].brown-900.switch::after {
background-color: #3e2723 !important
}
.grey, input[type="checkbox"].grey.switch::after {
background-color: #9e9e9e !important
}
.grey-100,
.grey-200,
.grey-300,
.grey-400,
.grey-50,
.grey-500 {
color: rgba(0, 0, 0, .8)
}
.grey-50, input[type="checkbox"].grey-50.switch::after {
background-color: #fafafa !important
}
.grey-100, input[type="checkbox"].grey-100.switch::after {
background-color: #f5f5f5 !important
}
.grey-200, input[type="checkbox"].grey-200.switch::after {
background-color: #eee !important
}
.grey-300, input[type="checkbox"].grey-300.switch::after {
background-color: #e0e0e0 !important
}
.grey-400, input[type="checkbox"].grey-400.switch::after {
background-color: #bdbdbd !important
}
.grey-500, input[type="checkbox"].grey-500.switch::after {
background-color: #9e9e9e !important
}
.blue-grey,
.grey-600,
.grey-700,
.grey-800,
.grey-900 {
color: rgba(255, 255, 255, .9)
}
.grey-600, input[type="checkbox"].grey-600.switch::after {
background-color: #757575 !important
}
.grey-700, input[type="checkbox"].grey-700.switch::after {
background-color: #616161 !important
}
.grey-800, input[type="checkbox"].grey-800.switch::after {
background-color: #424242 !important
}
.grey-900, input[type="checkbox"].grey-900.switch::after {
background-color: #212121 !important
}
.blue-grey, input[type="checkbox"].blue-grey.switch::after {
background-color: #607d8b !important
}
.blue-grey-100,
.blue-grey-200,
.blue-grey-300,
.blue-grey-50 {
color: rgba(0, 0, 0, .8)
}
.blue-grey-50, input[type="checkbox"].blue-grey-50.switch::after {
background-color: #eceff1 !important
}
.blue-grey-100, input[type="checkbox"].blue-grey-100.switch::after {
background-color: #cfd8dc !important
}
.blue-grey-200, input[type="checkbox"].blue-grey-200.switch::after {
background-color: #b0bec5 !important
}
.blue-grey-300, input[type="checkbox"].blue-grey-300.switch::after {
background-color: #90a4ae !important
}
.black,
.blue-grey-400,
.blue-grey-500,
.blue-grey-600,
.blue-grey-700,
.blue-grey-800,
.blue-grey-900 {
color: rgba(255, 255, 255, .9)
}
.blue-grey-400, input[type="checkbox"].blue-grey-400.switch::after {
background-color: #78909c !important
}
.transparent {
background-color: rgba( !important0, 0, 0, 0);
}
.blue-grey-500, input[type="checkbox"].blue-grey-500.switch::after {
background-color: #607d8b !important
}
.blue-grey-600, input[type="checkbox"].blue-grey-600.switch::after {
background-color: #546e7a !important
}
.blue-grey-700, input[type="checkbox"].blue-grey-700.switch::after {
background-color: #455a64 !important
}
.blue-grey-800, input[type="checkbox"].blue-grey-800.switch::after {
background-color: #37474f !important
}
.blue-grey-900, input[type="checkbox"].blue-grey-900.switch::after {
background-color: #263238 !important
}
.black, input[type="checkbox"].black.switch::after {
background-color: #000 !important
}
.black-opacity-90 {
background-color: rgba(0, 0, 0, 0.9);
}
.black-opacity-70 {
background-color: rgba(0, 0, 0, 0.7);
}
.black-opacity-50 {
background-color: rgba(0, 0, 0, 0.5);
}
.black-opacity-30 {
background-color: rgba(0, 0, 0, 0.3);
}
.black-opacity-10 {
background-color: rgba(0, 0, 0, 0.1);
}
.white {
color: rgba(0, 0, 0, .8);
background-color: #fff !important
}
.white-opacity-90 {
background-color: rgba(255, 255, 255, 0.9);
}
.white-opacity-70 {
background-color: rgba(255, 255, 255, 0.7);
}
.white-opacity-50 {
background-color: rgba(255, 255, 255, 0.5);
}
.white-opacity-30 {
background-color: rgba(255, 255, 255, 0.3);
}
.white-opacity-10 {
background-color: rgba(255, 255, 255, 0.1);
}
.text-red , i.red {
color: #f44336;
}
.text-red-50 , i.red-50 {
color: #ffebee;
}
.text-red-100 , i.red-100 {
color: #ffcdd2;
}
.text-red-200 , i.red-200 {
color: #ef9a9a;
}
.text-red-300 , i.red-300 {
color: #e57373;
}
.text-red-400 , i.red-400 {
color: #ef5350;
}
.text-red-500 , i.red-500 {
color: #f44336;
}
.text-red-600 , i.red-600 {
color: #e53935;
}
.text-red-700 , i.red-700 {
color: #d32f2f;
}
.text-red-800 , i.red-800 {
color: #c62828;
}
.text-red-900 , i.red-900 {
color: #b71c1c;
}
.text-pink , i.pink {
color: #E91E63;
}
.text-pink-50 , i.pink-50 {
color: #fce4ec;
}
.text-pink-100 , i.pink-100 {
color: #f8bbd0;
}
.text-pink-200 , i.pink-200 {
color: #f48fb1;
}
.text-Pink-300 , i.Pink-300 {
color: #f06292;
}
.text-pink-400 , i.pink-400 {
color: #ec407a;
}
.text-pink-500 , i.pink-500 {
color: #e91e63;
}
.text-pink-600 , i.pink-600 {
color: #d81b60;
}
.text-pink-700 , i.pink-700 {
color: #c2185b;
}
.text-pink-800 , i.pink-800 {
color: #ad1457;
}
.text-pink-900 , i.pink-900 {
color: #880e4f;
}
.text-purple , i.purple {
color: #9c27b0;
}
.text-purple-50 , i.purple-50 {
color: #f3e5f5;
}
.text-purple-100 , i.purple-100 {
color: #e1bee7;
}
.text-purple-200 , i.purple-200 {
color: #ce93d8;
}
.text-Purple-300 , i.Purple-300 {
color: #ba68c8;
}
.text-Purple-400 , i.Purple-400 {
color: #ab47bc;
}
.text-purple-500 , i.purple-500 {
color: #9c27b0;
}
.text-purple-600 , i.purple-600 {
color: #8e24aa;
}
.text-purple-700 , i.purple-700 {
color: #7b1fa2;
}
.text-purple-800 , i.purple-800 {
color: #6a1b9a;
}
.text-purple-900 , i.purple-900 {
color: #4a148c;
}
.text-deep-purple , i.deep-purple {
color: #673ab7;
}
.text-deep-purple-50 , i.deep-purple-50 {
color: #ede7f6;
}
.text-deep-purple-100 , i.deep-purple-100 {
color: #d1c4e9;
}
.text-deep-purple-200 , i.deep-purple-200 {
color: #b39ddb;
}
.text-deep-purple-300 , i.deep-purple-300 {
color: #9575cd;
}
.text-deep-purple-400 , i.deep-purple-400 {
color: #7e57c2;
}
.text-deep-purple-500 , i.deep-purple-500 {
color: #673ab7;
}
.text-deep-purple-600 , i.deep-purple-600 {
color: #5e35b1;
}
.text-deep-purple-700 , i.deep-purple-700 {
color: #512da8;
}
.text-deep-purple-800 , i.deep-purple-800 {
color: #4527a0;
}
.text-deep-purple-900 , i.deep-purple-900 {
color: #311b92;
}
.text-indigo , i.indigo {
color: #3f51b5;
}
.text-indigo-50 , i.indigo-50 {
color: #e8eaf6;
}
.text-indigo-100 , i.indigo-100 {
color: #c5cae9;
}
.text-indigo-200 , i.indigo-200 {
color: #9fa8da;
}
.text-indigo-300 , i.indigo-300 {
color: #7986cb;
}
.text-indigo-400 , i.indigo-400 {
color: #5c6bc0;
}
.text-indigo-500 , i.indigo-500 {
color: #3f51b5;
}
.text-indigo-600 , i.indigo-600 {
color: #3949ab;
}
.text-indigo-700 , i.indigo-700 {
color: #303f9f;
}
.text-indigo-800 , i.indigo-800 {
color: #283593;
}
.text-indigo-900 , i.indigo-900 {
color: #1a237e;
}
.text-blue , i.blue {
color: #2196F3;
}
.text-blue-50 , i.blue-50 {
color: #e3f2fd;
}
.text-blue-100 , i.blue-100 {
color: #bbdefb;
}
.text-blue-200 , i.blue-200 {
color: #90caf9;
}
.text-blue-300 , i.blue-300 {
color: #64b5f6;
}
.text-blue-400 , i.blue-400 {
color: #42a5f5;
}
.text-blue-500 , i.blue-500 {
color: #2196f3;
}
.text-blue-600 , i.blue-600 {
color: #1e88e5;
}
.text-blue-700 , i.blue-700 {
color: #1976d2;
}
.text-blue-800 , i.blue-800 {
color: #1565c0;
}
.text-blue-900 , i.blue-900 {
color: #0d47a1;
}
.text-light-blue , i.light-blue {
color: #03a9f4;
}
.text-light-blue-50 , i.light-blue-50 {
color: #e1f5fe;
}
.text-light-blue-100 , i.light-blue-100 {
color: #b3e5fc;
}
.text-light-blue-200 , i.light-blue-200 {
color: #81d4fa;
}
.text-light-blue-300 , i.light-blue-300 {
color: #4fc3f7;
}
.text-light-blue-400 , i.light-blue-400 {
color: #29b6f6;
}
.text-light-blue-500 , i.light-blue-500 {
color: #03a9f4;
}
.text-light-blue-600 , i.light-blue-600 {
color: #039be5;
}
.text-light-blue-700 , i.light-blue-700 {
color: #0288d1;
}
.text-light-blue-800 , i.light-blue-800 {
color: #0277bd;
}
.text-light-blue-900 , i.light-blue-900 {
color: #01579b;
}
.text-cyan , i.cyan {
color: #00bcd4;
}
.text-cyan-50 , i.cyan-50 {
color: #e0f7fa;
}
.text-cyan-100 , i.cyan-100 {
color: #b2ebf2;
}
.text-cyan-200 , i.cyan-200 {
color: #80deea;
}
.text-cyan-300 , i.cyan-300 {
color: #4dd0e1;
}
.text-cyan-400 , i.cyan-400 {
color: #26c6da;
}
.text-cyan-500 , i.cyan-500 {
color: #00bcd4;
}
.text-cyan-600 , i.cyan-600 {
color: #00acc1;
}
.text-cyan-700 , i.cyan-700 {
color: #0097a7;
}
.text-cyan-800 , i.cyan-800 {
color: #00838f;
}
.text-cyan-900 , i.cyan-900 {
color: #006064;
}
.text-teal , i.teal {
color: #009688;
}
.text-teal-50 , i.teal-50 {
color: #e0f2f1;
}
.text-teal-100 , i.teal-100 {
color: #b2dfdb;
}
.text-teal-200 , i.teal-200 {
color: #80cbc4;
}
.text-teal-300 , i.teal-300 {
color: #4db6ac;
}
.text-teal-400 , i.teal-400 {
color: #26a69a;
}
.text-teal-500 , i.teal-500 {
color: #009688;
}
.text-teal-600 , i.teal-600 {
color: #00897b;
}
.text-teal-700 , i.teal-700 {
color: #00796b;
}
.text-teal-800 , i.teal-800 {
color: #00695c;
}
.text-teal-900 , i.teal-900 {
color: #004d40;
}
.text-green , i.green {
color: #4caf50;
}
.text-green-50 , i.green-50 {
color: #e8f5e9;
}
.text-green-100 , i.green-100 {
color: #c8e6c9;
}
.text-green-200 , i.green-200 {
color: #a5d6a7;
}
.text-green-300 , i.green-300 {
color: #81c784;
}
.text-green-400 , i.green-400 {
color: #66bb6a;
}
.text-green-500 , i.green-500 {
color: #4caf50;
}
.text-green-600 , i.green-600 {
color: #43a047;
}
.text-green-700 , i.green-700 {
color: #388e3c;
}
.text-green-800 , i.green-800 {
color: #2e7d32;
}
.text-green-900 , i.green-900 {
color: #1b5e20;
}
.text-light-green , i.light-green {
color: #8bc34a;
}
.text-light-green-50 , i.light-green-50 {
color: #f1f8e9;
}
.text-light-green-100 , i.light-green-100 {
color: #dcedc8;
}
.text-light-green-200 , i.light-green-200 {
color: #c5e1a5;
}
.text-light-green-300 , i.light-green-300 {
color: #aed581;
}
.text-light-green-400 , i.light-green-400 {
color: #9ccc65;
}
.text-light-green-500 , i.light-green-500 {
color: #8bc34a;
}
.text-light-green-600 , i.light-green-600 {
color: #7cb342;
}
.text-light-green-700 , i.light-green-700 {
color: #689f38;
}
.text-light-green-800 , i.light-green-800 {
color: #558b2f;
}
.text-light-green-900 , i.light-green-900 {
color: #33691e;
}
.text-lime , i.lime {
color: #cddc39;
}
.text-lime-50 , i.lime-50 {
color: #f9fbe7;
}
.text-lime-100 , i.lime-100 {
color: #f0f4c3;
}
.text-lime-200 , i.lime-200 {
color: #e6ee9c;
}
.text-lime-300 , i.lime-300 {
color: #dce775;
}
.text-lime-400 , i.lime-400 {
color: #d4e157;
}
.text-lime-500 , i.lime-500 {
color: #cddc39;
}
.text-lime-600 , i.lime-600 {
color: #c0ca33;
}
.text-lime-700 , i.lime-700 {
color: #afb42b;
}
.text-lime-800 , i.lime-800 {
color: #9e9d24;
}
.text-lime-900 , i.lime-900 {
color: #827717;
}
.text-yellow , i.yellow {
color: #ffeb3b;
}
.text-yellow-50 , i.yellow-50 {
color: #fffde7;
}
.text-yellow-100 , i.yellow-100 {
color: #fff9c4;
}
.text-yellow-200 , i.yellow-200 {
color: #fff59d;
}
.text-yellow-300 , i.yellow-300 {
color: #fff176;
}
.text-yellow-400 , i.yellow-400 {
color: #ffee58;
}
.text-yellow-500 , i.yellow-500 {
color: #ffeb3b;
}
.text-yellow-600 , i.yellow-600 {
color: #fdd835;
}
.text-yellow-700 , i.yellow-700 {
color: #fbc02d;
}
.text-yellow-800 , i.yellow-800 {
color: #f9a825;
}
.text-yellow-900 , i.yellow-900 {
color: #f57f17;
}
.text-amber , i.amber {
color: #ffc107;
}
.text-amber-50 , i.amber-50 {
color: #fff8e1;
}
.text-amber-100 , i.amber-100 {
color: #ffecb3;
}
.text-amber-200 , i.amber-200 {
color: #ffe082;
}
.text-amber-300 , i.amber-300 {
color: #ffd54f;
}
.text-amber-400 , i.amber-400 {
color: #ffca28;
}
.text-amber-500 , i.amber-500 {
color: #ffc107;
}
.text-amber-600 , i.amber-600 {
color: #ffb300;
}
.text-amber-700 , i.amber-700 {
color: #ffa000;
}
.text-amber-800 , i.amber-800 {
color: #ff8f00;
}
.text-amber-900 , i.amber-900 {
color: #ff6f00;
}
.text-orange , i.orange {
color: #ff9800;
}
.text-orange-50 , i.orange-50 {
color: #fff3e0;
}
.text-orange-100 , i.orange-100 {
color: #ffe0b2;
}
.text-orange-200 , i.orange-200 {
color: #ffcc80;
}
.text-orange-300 , i.orange-300 {
color: #ffb74d;
}
.text-orange-400 , i.orange-400 {
color: #ffa726;
}
.text-orange-500 , i.orange-500 {
color: #ff9800;
}
.text-orange-600 , i.orange-600 {
color: #fb8c00;
}
.text-orange-700 , i.orange-700 {
color: #f57c00;
}
.text-orange-800 , i.orange-800 {
color: #ef6c00;
}
.text-orange-900 , i.orange-900 {
color: #e65100;
}
.text-deep-orange , i.deep-orange {
color: #ff5722;
}
.text-deep-orange-50 , i.deep-orange-50 {
color: #fbe9e7;
}
.text-deep-orange-100 , i.deep-orange-100 {
color: #ffccbc;
}
.text-deep-orange-200 , i.deep-orange-200 {
color: #ffab91;
}
.text-deep-orange-300 , i.deep-orange-300 {
color: #ff8a65;
}
.text-deep-orange-400 , i.deep-orange-400 {
color: #ff7043;
}
.text-deep-orange-500 , i.deep-orange-500 {
color: #ff5722;
}
.text-deep-orange-600 , i.deep-orange-600 {
color: #f4511e;
}
.text-deep-orange-700 , i.deep-orange-700 {
color: #e64a19;
}
.text-deep-orange-800 , i.deep-orange-800 {
color: #d84315;
}
.text-deep-orange-900 , i.deep-orange-900 {
color: #bf360c;
}
.text-brown , i.brown {
color: #795548;
}
.text-brown-50 , i.brown-50 {
color: #efebe9;
}
.text-brown-100 , i.brown-100 {
color: #d7ccc8;
}
.text-brown-200 , i.brown-200 {
color: #bcaaa4;
}
.text-brown-300 , i.brown-300 {
color: #a1887f;
}
.text-brown-400 , i.brown-400 {
color: #8d6e63;
}
.text-brown-500 , i.brown-500 {
color: #795548;
}
.text-brown-600 , i.brown-600 {
color: #6d4c41;
}
.text-brown-700 , i.brown-700 {
color: #5d4037;
}
.text-brown-800 , i.brown-800 {
color: #4e342e;
}
.text-brown-900 , i.brown-900 {
color: #3e2723;
}
.text-grey , i.grey {
color: #9e9e9e;
}
.text-grey-50 , i.grey-50 {
color: #fafafa;
}
.text-grey-100 , i.grey-100 {
color: #f5f5f5;
}
.text-grey-200 , i.grey-200 {
color: #eee;
}
.text-grey-300 , i.grey-300 {
color: #e0e0e0;
}
.text-grey-400 , i.grey-400 {
color: #bdbdbd;
}
.text-grey-500 , i.grey-500 {
color: #9e9e9e;
}
.text-grey-600 , i.grey-600 {
color: #757575;
}
.text-grey-700 , i.grey-700 {
color: #616161;
}
.text-grey-800 , i.grey-800 {
color: #424242;
}
.text-grey-900 , i.grey-900 {
color: #212121;
}
.text-blue-grey , i.blue-grey {
color: #607d8b;
}
.text-blue-grey-50 , i.blue-grey-50 {
color: #eceff1;
}
.text-blue-grey-100 , i.blue-grey-100 {
color: #cfd8dc;
}
.text-blue-grey-200 , i.blue-grey-200 {
color: #b0bec5;
}
.text-blue-grey-300 , i.blue-grey-300 {
color: #90a4ae;
}
.text-blue-grey-400 , i.blue-grey-400 {
color: #78909c;
}
.text-blue-grey-500 , i.blue-grey-500 {
color: #607d8b;
}
.text-blue-grey-600 , i.blue-grey-600 {
color: #546e7a;
}
.text-blue-grey-700 , i.blue-grey-700 {
color: #455a64;
}
.text-blue-grey-800 , i.blue-grey-800 {
color: #37474f;
}
.text-blue-grey-900 , i.blue-grey-900 {
color: #263238;
}
.text-black , i.black {
color: #000;
}
.text-white , i.white {
color: #fff;
}
.border-red {
border: 1px solid #f44336
}
.border-red-50 {
border: 1px solid #ffebee
}
.border-red-100 {
border: 1px solid #ffcdd2
}
.border-red-200 {
border: 1px solid #ef9a9a
}
.border-red-300 {
border: 1px solid #e57373
}
.border-red-400 {
border: 1px solid #ef5350
}
.border-red-500 {
border: 1px solid #f44336
}
.border-red-600 {
border: 1px solid #e53935
}
.border-red-700 {
border: 1px solid #d32f2f
}
.border-red-800 {
border: 1px solid #c62828
}
.border-red-900 {
border: 1px solid #b71c1c
}
.border-pink {
border: 1px solid #E91E63
}
.border-pink-50 {
border: 1px solid #fce4ec
}
.border-pink-100 {
border: 1px solid #f8bbd0
}
.border-pink-200 {
border: 1px solid #f48fb1
}
.border-Pink-300 {
border: 1px solid #f06292
}
.border-pink-400 {
border: 1px solid #ec407a
}
.border-pink-500 {
border: 1px solid #e91e63
}
.border-pink-600 {
border: 1px solid #d81b60
}
.border-pink-700 {
border: 1px solid #c2185b
}
.border-pink-800 {
border: 1px solid #ad1457
}
.border-pink-900 {
border: 1px solid #880e4f
}
.border-purple {
border: 1px solid #9c27b0
}
.border-purple-50 {
border: 1px solid #f3e5f5
}
.border-purple-100 {
border: 1px solid #e1bee7
}
.border-purple-200 {
border: 1px solid #ce93d8
}
.border-Purple-300 {
border: 1px solid #ba68c8
}
.border-Purple-400 {
border: 1px solid #ab47bc
}
.border-purple-500 {
border: 1px solid #9c27b0
}
.border-purple-600 {
border: 1px solid #8e24aa
}
.border-purple-700 {
border: 1px solid #7b1fa2
}
.border-purple-800 {
border: 1px solid #6a1b9a
}
.border-purple-900 {
border: 1px solid #4a148c
}
.border-deep-purple {
border: 1px solid #673ab7
}
.border-deep-purple-50 {
border: 1px solid #ede7f6
}
.border-deep-purple-100 {
border: 1px solid #d1c4e9
}
.border-deep-purple-200 {
border: 1px solid #b39ddb
}
.border-deep-purple-300 {
border: 1px solid #9575cd
}
.border-deep-purple-400 {
border: 1px solid #7e57c2
}
.border-deep-purple-500 {
border: 1px solid #673ab7
}
.border-deep-purple-600 {
border: 1px solid #5e35b1
}
.border-deep-purple-700 {
border: 1px solid #512da8
}
.border-deep-purple-800 {
border: 1px solid #4527a0
}
.border-deep-purple-900 {
border: 1px solid #311b92
}
.border-indigo {
border: 1px solid #3f51b5
}
.border-indigo-50 {
border: 1px solid #e8eaf6
}
.border-indigo-100 {
border: 1px solid #c5cae9
}
.border-indigo-200 {
border: 1px solid #9fa8da
}
.border-indigo-300 {
border: 1px solid #7986cb
}
.border-indigo-400 {
border: 1px solid #5c6bc0
}
.border-indigo-500 {
border: 1px solid #3f51b5
}
.border-indigo-600 {
border: 1px solid #3949ab
}
.border-indigo-700 {
border: 1px solid #303f9f
}
.border-indigo-800 {
border: 1px solid #283593
}
.border-indigo-900 {
border: 1px solid #1a237e
}
.border-blue {
border: 1px solid #2196F3
}
.border-blue-50 {
border: 1px solid #e3f2fd
}
.border-blue-100 {
border: 1px solid #bbdefb
}
.border-blue-200 {
border: 1px solid #90caf9
}
.border-blue-300 {
border: 1px solid #64b5f6
}
.border-blue-400 {
border: 1px solid #42a5f5
}
.border-blue-500 {
border: 1px solid #2196f3
}
.border-blue-600 {
border: 1px solid #1e88e5
}
.border-blue-700 {
border: 1px solid #1976d2
}
.border-blue-800 {
border: 1px solid #1565c0
}
.border-blue-900 {
border: 1px solid #0d47a1
}
.border-light-blue {
border: 1px solid #03a9f4
}
.border-light-blue-50 {
border: 1px solid #e1f5fe
}
.border-light-blue-100 {
border: 1px solid #b3e5fc
}
.border-light-blue-200 {
border: 1px solid #81d4fa
}
.border-light-blue-300 {
border: 1px solid #4fc3f7
}
.border-light-blue-400 {
border: 1px solid #29b6f6
}
.border-light-blue-500 {
border: 1px solid #03a9f4
}
.border-light-blue-600 {
border: 1px solid #039be5
}
.border-light-blue-700 {
border: 1px solid #0288d1
}
.border-light-blue-800 {
border: 1px solid #0277bd
}
.border-light-blue-900 {
border: 1px solid #01579b
}
.border-cyan {
border: 1px solid #00bcd4
}
.border-cyan-50 {
border: 1px solid #e0f7fa
}
.border-cyan-100 {
border: 1px solid #b2ebf2
}
.border-cyan-200 {
border: 1px solid #80deea
}
.border-cyan-300 {
border: 1px solid #4dd0e1
}
.border-cyan-400 {
border: 1px solid #26c6da
}
.border-cyan-500 {
border: 1px solid #00bcd4
}
.border-cyan-600 {
border: 1px solid #00acc1
}
.border-cyan-700 {
border: 1px solid #0097a7
}
.border-cyan-800 {
border: 1px solid #00838f
}
.border-cyan-900 {
border: 1px solid #006064
}
.border-teal {
border: 1px solid #009688
}
.border-teal-50 {
border: 1px solid #e0f2f1
}
.border-teal-100 {
border: 1px solid #b2dfdb
}
.border-teal-200 {
border: 1px solid #80cbc4
}
.border-teal-300 {
border: 1px solid #4db6ac
}
.border-teal-400 {
border: 1px solid #26a69a
}
.border-teal-500 {
border: 1px solid #009688
}
.border-teal-600 {
border: 1px solid #00897b
}
.border-teal-700 {
border: 1px solid #00796b
}
.border-teal-800 {
border: 1px solid #00695c
}
.border-teal-900 {
border: 1px solid #004d40
}
.border-green {
border: 1px solid #4caf50
}
.border-green-50 {
border: 1px solid #e8f5e9
}
.border-green-100 {
border: 1px solid #c8e6c9
}
.border-green-200 {
border: 1px solid #a5d6a7
}
.border-green-300 {
border: 1px solid #81c784
}
.border-green-400 {
border: 1px solid #66bb6a
}
.border-green-500 {
border: 1px solid #4caf50
}
.border-green-600 {
border: 1px solid #43a047
}
.border-green-700 {
border: 1px solid #388e3c
}
.border-green-800 {
border: 1px solid #2e7d32
}
.border-green-900 {
border: 1px solid #1b5e20
}
.border-light-green {
border: 1px solid #8bc34a
}
.border-light-green-50 {
border: 1px solid #f1f8e9
}
.border-light-green-100 {
border: 1px solid #dcedc8
}
.border-light-green-200 {
border: 1px solid #c5e1a5
}
.border-light-green-300 {
border: 1px solid #aed581
}
.border-light-green-400 {
border: 1px solid #9ccc65
}
.border-light-green-500 {
border: 1px solid #8bc34a
}
.border-light-green-600 {
border: 1px solid #7cb342
}
.border-light-green-700 {
border: 1px solid #689f38
}
.border-light-green-800 {
border: 1px solid #558b2f
}
.border-light-green-900 {
border: 1px solid #33691e
}
.border-lime {
border: 1px solid #cddc39
}
.border-lime-50 {
border: 1px solid #f9fbe7
}
.border-lime-100 {
border: 1px solid #f0f4c3
}
.border-lime-200 {
border: 1px solid #e6ee9c
}
.border-lime-300 {
border: 1px solid #dce775
}
.border-lime-400 {
border: 1px solid #d4e157
}
.border-lime-500 {
border: 1px solid #cddc39
}
.border-lime-600 {
border: 1px solid #c0ca33
}
.border-lime-700 {
border: 1px solid #afb42b
}
.border-lime-800 {
border: 1px solid #9e9d24
}
.border-lime-900 {
border: 1px solid #827717
}
.border-yellow {
border: 1px solid #ffeb3b
}
.border-yellow-50 {
border: 1px solid #fffde7
}
.border-yellow-100 {
border: 1px solid #fff9c4
}
.border-yellow-200 {
border: 1px solid #fff59d
}
.border-yellow-300 {
border: 1px solid #fff176
}
.border-yellow-400 {
border: 1px solid #ffee58
}
.border-yellow-500 {
border: 1px solid #ffeb3b
}
.border-yellow-600 {
border: 1px solid #fdd835
}
.border-yellow-700 {
border: 1px solid #fbc02d
}
.border-yellow-800 {
border: 1px solid #f9a825
}
.border-yellow-900 {
border: 1px solid #f57f17
}
.border-amber {
border: 1px solid #ffc107
}
.border-amber-50 {
border: 1px solid #fff8e1
}
.border-amber-100 {
border: 1px solid #ffecb3
}
.border-amber-200 {
border: 1px solid #ffe082
}
.border-amber-300 {
border: 1px solid #ffd54f
}
.border-amber-400 {
border: 1px solid #ffca28
}
.border-amber-500 {
border: 1px solid #ffc107
}
.border-amber-600 {
border: 1px solid #ffb300
}
.border-amber-700 {
border: 1px solid #ffa000
}
.border-amber-800 {
border: 1px solid #ff8f00
}
.border-amber-900 {
border: 1px solid #ff6f00
}
.border-orange {
border: 1px solid #ff9800
}
.border-orange-50 {
border: 1px solid #fff3e0
}
.border-orange-100 {
border: 1px solid #ffe0b2
}
.border-orange-200 {
border: 1px solid #ffcc80
}
.border-orange-300 {
border: 1px solid #ffb74d
}
.border-orange-400 {
border: 1px solid #ffa726
}
.border-orange-500 {
border: 1px solid #ff9800
}
.border-orange-600 {
border: 1px solid #fb8c00
}
.border-orange-700 {
border: 1px solid #f57c00
}
.border-orange-800 {
border: 1px solid #ef6c00
}
.border-orange-900 {
border: 1px solid #e65100
}
.border-deep-orange {
border: 1px solid #ff5722
}
.border-deep-orange-50 {
border: 1px solid #fbe9e7
}
.border-deep-orange-100 {
border: 1px solid #ffccbc
}
.border-deep-orange-200 {
border: 1px solid #ffab91
}
.border-deep-orange-300 {
border: 1px solid #ff8a65
}
.border-deep-orange-400 {
border: 1px solid #ff7043
}
.border-deep-orange-500 {
border: 1px solid #ff5722
}
.border-deep-orange-600 {
border: 1px solid #f4511e
}
.border-deep-orange-700 {
border: 1px solid #e64a19
}
.border-deep-orange-800 {
border: 1px solid #d84315
}
.border-deep-orange-900 {
border: 1px solid #bf360c
}
.border-brown {
border: 1px solid #795548
}
.border-brown-50 {
border: 1px solid #efebe9
}
.border-brown-100 {
border: 1px solid #d7ccc8
}
.border-brown-200 {
border: 1px solid #bcaaa4
}
.border-brown-300 {
border: 1px solid #a1887f
}
.border-brown-400 {
border: 1px solid #8d6e63
}
.border-brown-500 {
border: 1px solid #795548
}
.border-brown-600 {
border: 1px solid #6d4c41
}
.border-brown-700 {
border: 1px solid #5d4037
}
.border-brown-800 {
border: 1px solid #4e342e
}
.border-brown-900 {
border: 1px solid #3e2723
}
.border-grey {
border: 1px solid #9e9e9e
}
.border-grey-50 {
border: 1px solid #fafafa
}
.border-grey-100 {
border: 1px solid #f5f5f5
}
.border-grey-200 {
border: 1px solid #eee
}
.border-grey-300 {
border: 1px solid #e0e0e0
}
.border-grey-400 {
border: 1px solid #bdbdbd
}
.border-grey-500 {
border: 1px solid #9e9e9e
}
.border-grey-600 {
border: 1px solid #757575
}
.border-grey-700 {
border: 1px solid #616161
}
.border-grey-800 {
border: 1px solid #424242
}
.border-grey-900 {
border: 1px solid #212121
}
.border-blue-grey {
border: 1px solid #607d8b
}
.border-blue-grey-50 {
border: 1px solid #eceff1
}
.border-blue-grey-100 {
border: 1px solid #cfd8dc
}
.border-blue-grey-200 {
border: 1px solid #b0bec5
}
.border-blue-grey-300 {
border: 1px solid #90a4ae
}
.border-blue-grey-400 {
border: 1px solid #78909c
}
.border-blue-grey-500 {
border: 1px solid #607d8b
}
.border-blue-grey-600 {
border: 1px solid #546e7a
}
.border-blue-grey-700 {
border: 1px solid #455a64
}
.border-blue-grey-800 {
border: 1px solid #37474f
}
.border-blue-grey-900 {
border: 1px solid #263238
}
.border-black {
border: 1px solid #000
}
.border-white {
border: 1px solid #fff
}
/* COLORS END-------------------*/
/* BUTTONS ================================================================================ */
button {
-webkit-transition: color 200ms ease;
-moz-transition: color 200ms ease;
-ms-transition: color 200ms ease;
-o-transition: color 200ms ease;
transition: color 200ms ease;
font-size: 14px;
border: none;
background-color: rgba(0,0,0,0);
color: #444;
position: relative;
display: inline-block;
margin: 0;
padding: 0 12px;
min-height: 42px;
vertical-align: top;
text-align: center;
text-overflow: ellipsis;
font-size: 16px;
line-height: 42px;
cursor: pointer;
overflow: hidden;
}
button[disabled] {
opacity: 0.8;
}
button .icon {
position: absolute;
left: 10px;
}
button.circle {
width: 42px;
height: 42px;
text-align: center;
padding: 0;
line-height: 0;
font-size: 22px;
z-index: 10;
}
/*Determines that the button will have an icon.*/
button.icon-text {
padding-left: 40px;
}
button.icon-text i{
font-size: 22px;
}
/*If the button has the class icon-text and icon-right the icon will be aligned to the right.*/
button.icon-text.icon-right {
padding-left: 12px;
padding-right: 40px;
position: relative;
}
button.icon-right i {
position: absolute;
right: 12px;
text-align: right;
margin-top: 2px;
}
button[class*="border-"] {
min-height: 40px;
line-height: 40px;
}
/*Leave the button occupying 100% width of the screen.*/
button.full {
width: 100%;
}
/*Leave the big button.*/
.buttons-group.big button,
button.big {
font-size: 22px;
min-height: 50px;
line-height: 50px;
}
button.circle.big {
width: 50px;
height: 50px;
font-size: 28px;
}
button.big.icon-text {
padding-left: 40px;
}
button.big.icon-text.icon-right {
padding-left: 12px;
padding-right: 40px;
}
button.big.icon-text i {
font-size: 26px;
}
/*Leave the small button.*/
.buttons-group.small button,
button.small {
font-size: 12px;
min-height: 30px;
line-height: 30px;
}
button.circle.small {
width: 30px;
height: 30px;
font-size: 18px;
}
button.small.icon-text {
padding-left: 30px;
}
button.small.icon-text.icon-right {
padding-left: 12px;
padding-right: 35px;
}
button.small.icon-text i {
font-size: 18px;
}
/*Create groups of buttons*/
.buttons-group {
display: inline-block;
}
.buttons-group button {
float: left;
margin-left: -1px;
}
.buttons-group button:first-child {
margin-left: 0;
}
.buttons-group.full {
display: flex;
}
.buttons-group.full button {
flex: 1;
}
.ripple {
position: absolute;
background: rgba(255,255,255,.25);
border-radius: 100%;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
pointer-events: none;
}
.ripple.show {
-webkit-animation: ripple .5s ease-out;
animation: ripple .5s ease-out;
}
@-webkit-keyframes
ripple { to {
-webkit-transform: scale(1.5);
transform: scale(1.5);
opacity: 0;
}
}
@keyframes
ripple { to {
-webkit-transform: scale(1.5);
transform: scale(1.5);
opacity: 0;
}
}
/* BUTTONS ================================================================================ */
/* LIST ================================================================================ */
/*Define an element as list. This feature depends on the item to function properly.*/
.list {
width: 100%;
position: relative;
border: 1px solid #ddd;
}
/*Define an element as item. This feature depends on the list to function properly.*/
.list .item {
padding: 15px;
display: inline-block;
border-bottom: 1px solid #ddd;
width: 100%;
position: relative;
font-size: 18px;
}
.list .item.hidden {
display: none;
}
.list ol, .list ul {
list-style: none;
}
/*Define a small space between the top and bottom elements.*/
.list .item.space-small {
padding-top: 5px;
padding-bottom: 5px;
}
.list .item.mark {
border-right: 0;
border-top: 0;
}
/*Block line space with left avatar.*/
.item .block {
display: -webkit-box;
display: flex;
}
.list .item.mark.margin-button {
border-bottom: 0;
margin-bottom: 10px;
}
/*Remove space in top item.*/
.list .item.no-space-top {
padding-top: 0 !important;
}
/*Remove space in bottom item.*/
.list .item.no-space-bottom {
padding-bottom: 0 !important;
}
.list .item.row {
display: -moz-flex;
display: -ms-flexbox;
display: flex;
}
/*Define that a list or an item has no borders.*/
.list.no-border {
border: 0;
}
/*Define that a list or an item has a bottom border.*/
.list.no-border .item.border-bottom,
.list .item.no-border.border-bottom {
border-bottom-width: 1px;
border-bottom-style: solid;
}
.list.no-border .item,
.list .item.no-border {
border: none;
}
.list .item.cover {
padding: 0;
margin-left: 20px;
height:200px;
width: -webkit-calc(100% - 40px);
width: -moz-calc(100% - 40px);
width: calc(100% - 40px);
}
/*Define an item without internal spaces.*/
.list .item.full {
padding: 0;
display: flex;
}
.list .item h1,
.list .item h2 {
font-size: 16px;
margin:0;
padding: 0;
}
.list .item h1 {
margin-top: 7px;
}
.list .item p {
font-size: 14px;
margin:0;
padding: 0;
line-height: 20px;
}
.list .item:last-child {
border-bottom:0;
}
.list .left {
margin-right: 10px;
min-width: 25px;
}
.list .right {
margin-right: 20px;
position: absolute;
top: 0;
right: 0;
height: 100%;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
-webkit-align-items: center;
-webkit-box-align: center;
align-items: center;
}
.list .right i {
margin-left: 5px;
}
.list .align-top {
-ms-flex-align: center;
-webkit-align-items: center;
align-items: baseline;
margin-top: 10px;
}
/*Set a fixed size for an image.*/
.list .avatar {
height: 50px;
}
/*Set a floating badge above the image.*/
.avatar-badge {
position: absolute;
margin-left: -4px;
margin-top: -3px;
border-radius: 8px;
}
.list .item small,
.list .item small .icon {
font-size: 14px;
}
.list .item .icon {
font-size: 18px;
}
.list .item .icon.text-huge {
font-size: 32px;
}
.list .left .icon, .list .right .icon {
vertical-align: -webkit-baseline-middle;
}
/*Add big border in item or element.*/
.list .border-big {
border-width: 3px;
border-style: solid;
}
.list .item[onclick]:active,
.list a.item:active {
background-color: rgba(0, 0, 0, 0.1);
cursor: pointer;
}
.list .item .right .icon,
.list .item .right.icon {
font-size: 24px;
padding: 0;
margin: 0;
}
/* LIST============================================================================= */
/* TABS ===========================================================*/
/*Define a new tab.*/
.tab {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
/*Define a area content by tab*/
.tab-content {
display: none;
}
/*Define that tab and ab-content is open.*/
.tab-content.active {
display: block;
}
.tab button {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
font-size: 13px !important;
text-transform: uppercase;
opacity: 0.6;
margin: 0;
}
.footer.tab button.icon {
margin-top: 0;
}
.header.tab.shadow {
box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
}
.platform-ios .tab button {
text-transform: none;
}
.tab button.active {
opacity: 1;
}
.tab button.icon {
font-size: 14px;
line-height: 16px;
}
.tab button::before {
display: block;
font-size: 25px;
}
.tab button.active::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 3px;
background-color: #fff;
}
/*Create a badge in tab.*/
.tab button .badge {
width: 20px;
height: 20px;
margin-left: 10px;
text-align: center;
font-size: 14px;
font-weight: bold;
border-radius: 50%;
margin-top: 10px;
position: absolute;
line-height: 18px;
padding-top: 1px;
}
.tab.footer button.active::after {
top: 0;
}
.header.tab.footer.shadow {
box-shadow: -2px -2px 3px rgba(0, 0, 0, 0.2);
}
.platform-ios .tab button.active::after {
display: none;
}
/* TABS ===========================================================*/
/*Define that an element has a background-image and must cover the space required.*/
.cover {
padding: 15px;
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
width: 100%;
position: relative;
}
/*Fixed height size.*/
.cover.cover-200 {
height: 300px;
}
/*Fixed height size.*/
.cover.cover-200 {
height: 300px;
}
/*Fixed height size.*/
.cover.cover-400 {
height: 400px;
}
/*Fixed height size.*/
.cover.cover-500 {
height: 500px;
}
/*Remove space inner the cover.*/
.cover.no-padding {
padding: 0;
}
/*Limit the size of an image and add large border.*/
.cover .avatar {
height: 100px;
border-width: 4px;
margin-bottom: 5px;
}
.cover .item .avatar {
height: 50px;
}
/*Float an element in the footer on the left.*/
.cover .float-bottom-right,
.cover .float-bottom-center,
.cover .float-bottom-left {
margin-bottom: -30px;
z-index: 99;
position: absolute;
}
/*Float an element in the footer on the right.*/
.cover .big.float-bottom-left,
.cover .big.float-bottom-center,
.cover .big.float-bottom-right {
margin-bottom: -35px;
}
/*Float an element in the footer on the center.*/
.cover .small.float-bottom-right,
.cover .small.float-bottom-left,
.cover .small.float-bottom-center {
margin-bottom: -25px;
}
.cover .float-bottom-center {
left: 50%;
margin-left: -21px;
}
.cover .small.float-bottom-center {
left: 50%;
margin-left: -15px;
}
.cover .big.float-bottom-center {
left: 50%;
margin-left: -25px;
}
/*Set a gradient effect from black to transparent in the background of an element.*/
.cover .gradient {
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
width: 100%;
padding-bottom: 10px;
padding-top: 20px;
}
/*Used when a background-image is set to apply the multiply effect of CSS3 in the background. See more at: multiply blend mode*/
.cover.blend-multiply {
background-blend-mode: multiply;
}
/*Used when a background-image is set to apply the screen effect of CSS3 in the background. See more at: screen blend mode*/
.cover.blend-screen {
background-blend-mode: screen;
}
/*Used when a background-image is set to apply the overlay effect of CSS3 in the background. See more at: overlay blend mode*/
.cover.blend-overlay {
background-blend-mode: overlay;
}
/*Used when a background-image is set to apply the darken effect of CSS3 in the background. See more at: darken blend mode*/
.cover.blend-darken {
background-blend-mode: darken;
}
/*Used when a background-image is set to apply the lighten effect of CSS3 in the background. See more at: lighten blend mode*/
.cover.blend-lighten {
background-blend-mode: lighten;
}
/*Used when a background-image is set to apply the color-dodge effect of CSS3 in the background. See more at: color-dodge blend mode*/
.cover.blend-color-dodge {
background-blend-mode: color-dodge;
}
/*Used when a background-image is set to apply the color-burn effect of CSS3 in the background. See more at: color-burn blend mode*/
.cover.blend-color-burn {
background-blend-mode: color-burn;
}
/*Used when a background-image is set to apply the hard-light effect of CSS3 in the background. See more at: hard-light blend mode*/
.cover.blend-hard-light {
background-blend-mode: hard-light;
}
/*Used when a background-image is set to apply the soft-light effect of CSS3 in the background. See more at: soft-light blend mode*/
.cover.blend-soft-light {
background-blend-mode: soft-light;
}
/*Used when a background-image is set to apply the luminosity effect of CSS3 in the background. See more at: luminosity blend mode*/
.cover.blend-luminosity {
background-blend-mode: luminosity;
}
/* COVER ENDS============================================================= */
/*Define a new popover.*/
.popover {
position: absolute;
z-index: 10001;
border-radius: 3px;
box-shadow: 0 3px 12px 2px rgba(0,0,0,.3);
overflow: hidden;
display: none;
background-color: #fff;
}
.platform-ios .popover {
border-radius: 10px;
box-shadow: none;
}
.popover-arrow {
z-index: 10000;
position: absolute;
width: 14px;
height: 14px;
border-radius: 3px;
background-color: #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.popover.show {
display: block;
}
.popover .list, .popover .item {
border-width: 0;
}
.popover .list .item h1 {
margin: 0;
}
.popover .item {
display: table !important;
overflow: hidden;
white-space: nowrap;
padding: 10px;
}
.platform-ios .popover .item {
border-width: 1px;
}
.popover .item:first-child {
padding-top: 15px;
}
.popover .item:last-child {
padding-bottom: 15px;
}
.backdrop-popover {
opacity: 0.01;
}
.platform-ios .backdrop-popover {
opacity: 0.08;
}
/* POPOVER ENDS ==========================================*/
/* INPUT ============================================================ */
input, textarea, select {
border: none;
background: none;
font-size: 14px;
width: 100%;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
input[disabled], textarea[disabled], select[disabled] {
opacity: 0.8;
}
label {
font-size: 14px;
}
/*Define a fixed label beside the input element.*/
.label-fixed,
.item.label-fixed {
display: -moz-flex !important;
display: -ms-flexbox !important;
display: flex !important;
width: 100%;
}
.label-fixed label {
-webkit-flex: 0 0 100px;
-ms-flex: 0 0 100px;
flex: 0 0 100px;
width: 100px;
min-width: 100px;
max-width: 200px;
}
/*Define a floating label above the input element.*/
.label-float {
}
.label-float label {
margin-bottom: 0;
-webkit-transform: translate3d(0, 27px, 0);
transform: translate3d(0, 27px, 0);
-webkit-transform-origin: left top;
transform-origin: left top;
transition: -webkit-transform 150ms ease-in-out;
transition: transform 150ms ease-in-out;
transition: transform 150ms ease-in-out, -webkit-transform 150ms ease-in-out;
align-self: stretch;
-webkit-flex: initial;
-ms-flex: initial;
flex: initial;
display: block;
}
.label-float label.focus {
-webkit-transform: translate3d(0, 0, 0) scale(0.8);
transform: translate3d(0, 0, 0) scale(0.8);
}
.item.icon {
display: flex;
}
.item.icon.radius {
border-radius: 6px;
}
.item.icon:not([class*="text-"]) {
color: #9f9f9f;
}
.item input::-webkit-input-placeholder {
color: rgba(0, 0, 0, 0.6);
}
/*Defines a light color for the placeholder.*/
.item input.placeholder-white::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.6);
}
.item.icon:before {
position: absolute;
}
/*Align an icon from a field to the right.*/
.item.icon.icon-right:before {
right: 20px;
}
.item.icon input, .item.icon select {
padding-left: 30px;
}
.item.icon.icon-right input, .item.icon.icon-right select {
padding-left: 0;
padding-right: 30px;
}
input[type="checkbox"] {
width: 17px;
height: 17px;
z-index: 1;
border: 0;
vertical-align: top;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 2px;
}
.platform-ios input[type="checkbox"]{
height: 23px;
width: 23px;
border-radius: 50%;
}
input[type="checkbox"]:not(:checked) {
background-color: #fff !important;
box-shadow: inset 0 0 0 2px rgba(0,0,0,0.5);
}
.platform-ios input[type="checkbox"]:not(:checked){
box-shadow: inset 0 0 0 1px rgba(0,0,0,0.4);
}
input[type="checkbox"]:disabled {
opacity: 0.4;
}
input[type="checkbox"]::before {
content: '';
position: absolute;
margin-top: 1px;
margin-left: 5px;
width: 5px;
height: 10px;
border-width: 2px;
border-top-width: 0;
border-left-width: 0;
border-style: solid;
border-color: #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.platform-ios input[type="checkbox"]::before {
margin-top: 5px;
margin-left: 9px;
width: 4px;
height: 9px;
border-width: 1px;
border-top-width: 0;
border-left-width: 0;
}
input[type="checkbox"].switch {
width: 36px;
height: 14px;
box-shadow: inset 0 0 0 30px rgba(255,255,255,0.4);
border-radius: 28px;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.35s;
transition-duration: 0.35s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.platform-ios input[type="checkbox"].switch {
height: 32px;
width: 51px;
box-shadow: inset 0 0 0 2px rgba(0,0,0,0.05);
}
input[type="checkbox"].switch:not(:checked) {
background-color: #fff !important;
box-shadow: inset 0 0 0 30px rgba(0,0,0,0.35);
}
.platform-ios input[type="checkbox"].switch:not(:checked) {
box-shadow: inset 0 0 0 2px rgba(0,0,0,0.1);
}
input[type="checkbox"].switch::before {
content: '';
border-radius: 28px;
height: 20px;
width: 20px;
margin-left: -1px;
margin-top: -3px;
-webkit-transition-duration: .35s;
transition-duration: .35s;
box-shadow: 0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.4);
border: 0;
}
.platform-ios input[type="checkbox"].switch::before {
height: 28px;
width: 28px;
box-shadow: 0 0 0 1px #e4e4e4, 0 3px 2px rgba(0, 0, 0, .25);
margin-top: 2px;
margin-left: 2px;
background-color: #fff !important;
}
input[type="checkbox"].switch:checked::before {
margin-left: 16px;
}
input[type="checkbox"].switch:not(:checked)::before {
background-color: #fff !important;
}
.platform-ios input[type="checkbox"].switch:checked::before {
margin-left: 21px;
box-shadow: 0 3px 2px rgba(0, 0, 0, .25);
background-color: #fff;
}
input[type="radio"] {
width: 20px;
height: 20px;
border-radius: 50%;
position: relative;
overflow: hidden;
z-index: 1;
vertical-align: top;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: none;
}
.platform-ios input[type="radio"] {
background: none !important;
}
input[type="radio"]::after {
content: '';
width: 100%;
height: 100%;
position: absolute;
border-radius: 50%;
}
.platform-ios input[type="radio"]:not(:checked)::after {
box-shadow:none;
}
input[type="radio"]:not(:checked)::after {
box-shadow: inset 0 0 0 2px rgba(0,0,0,0.4);
background-color: #fff !important;
}
input[type="radio"]:checked::before {
content: '';
width: 10px;
height: 10px;
position: absolute;
border: 3px solid #fff;
z-index: 1;
border-radius: 50%;
margin-top: 2px;
margin-left: 2px;
}
input[type="radio"]:disabled {
opacity: 0.4;
}
.platform-ios input[type="radio"]::after {
background: none !important;
}
.platform-ios input[type="radio"]:checked::before {
position: absolute;
margin-top: 4px;
margin-left: 7px;
width: 5px;
height: 12px;
border-width: 2px;
border-top-width: 0;
border-left-width: 0;
border-style: solid;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
border-radius: 0;
}
/*Defines a item of list is range input.*/
.item.range {
position: relative;
-ms-flex-item-align: center;
-webkit-align-self: center;
align-self: center;
}
.item.range input{
position: absolute;;
height: 28px;
width: calc(100% - 110px);
margin: 4px 0 5px 0;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
background: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0,#ccc),color-stop(100%,#ccc));
background: linear-gradient(to right,#ccc 0,#ccc 100%);
background-position: center;
background-size: 100% 2px;
background-repeat: no-repeat;
outline: 0;
border: none;
box-sizing: content-box;
-ms-background-position-y: 500px;
}
input[type="range"]::-webkit-slider-thumb {
-webkit-appearance: none;
background-color: #666;
width: 13px;
height: 13px;
border-radius: 50%;
}
input[type="range"]:active::-webkit-slider-thumb {
width: 20px;
height: 20px;
}
.platform-ios input[type="range"]::-webkit-slider-thumb {
background-color: #fff;
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
width: 25px;
height: 25px;
border: 1px solid rgba(0, 0, 0, 0.05);
border-radius: 50%;
}
input[type="radio"].red-50::after, input[type="checkbox"].red-50.switch::before { background-color: #ffebee; }
input[type="radio"].red-100::after, input[type="checkbox"].red-100.switch::before { background-color: #ffcdd2; }
input[type="radio"].red-200::after, input[type="checkbox"].red-200.switch::before { background-color: #ef9a9a; }
input[type="radio"].red-300::after, input[type="checkbox"].red-300.switch::before { background-color: #e57373; }
input[type="radio"].red-400::after, input[type="checkbox"].red-400.switch::before { background-color: #ef5350; }
input[type="radio"].red-500::after, input[type="checkbox"].red-500.switch::before { background-color: #f44336; }
input[type="radio"].red-600::after, input[type="checkbox"].red-600.switch::before { background-color: #e53935; }
input[type="radio"].red-700::after, input[type="checkbox"].red-700.switch::before { background-color: #d32f2f; }
input[type="radio"].red-800::after, input[type="checkbox"].red-800.switch::before { background-color: #c62828; }
input[type="radio"].red-900::after, input[type="checkbox"].red-900.switch::before { background-color: #b71c1c; }
input[type="radio"].pink::after, input[type="checkbox"].pink.switch::before { background-color: #E91E63; }
input[type="radio"].pink-50::after, input[type="checkbox"].pink-50.switch::before { background-color: #fce4ec; }
input[type="radio"].pink-100::after, input[type="checkbox"].pink-100.switch::before { background-color: #f8bbd0; }
input[type="radio"].pink-200::after, input[type="checkbox"].pink-200.switch::before { background-color: #f48fb1; }
input[type="radio"].Pink-300::after, input[type="checkbox"].Pink-300.switch::before { background-color: #f06292; }
input[type="radio"].pink-400::after, input[type="checkbox"].pink-400.switch::before { background-color: #ec407a; }
input[type="radio"].pink-500::after, input[type="checkbox"].pink-500.switch::before { background-color: #e91e63; }
input[type="radio"].pink-600::after, input[type="checkbox"].pink-600.switch::before { background-color: #d81b60; }
input[type="radio"].pink-700::after, input[type="checkbox"].pink-700.switch::before { background-color: #c2185b; }
input[type="radio"].pink-800::after, input[type="checkbox"].pink-800.switch::before { background-color: #ad1457; }
input[type="radio"].pink-900::after, input[type="checkbox"].pink-900.switch::before { background-color: #880e4f; }
input[type="radio"].purple::after, input[type="checkbox"].purple.switch::before { background-color: #9c27b0; }
input[type="radio"].purple-50::after, input[type="checkbox"].purple-50.switch::before { background-color: #f3e5f5; }
input[type="radio"].purple-100::after, input[type="checkbox"].purple-100.switch::before { background-color: #e1bee7; }
input[type="radio"].purple-200::after, input[type="checkbox"].purple-200.switch::before { background-color: #ce93d8; }
input[type="radio"].Purple-300::after, input[type="checkbox"].Purple-300.switch::before { background-color: #ba68c8; }
input[type="radio"].Purple-400::after, input[type="checkbox"].Purple-400.switch::before { background-color: #ab47bc; }
input[type="radio"].purple-500::after, input[type="checkbox"].purple-500.switch::before { background-color: #9c27b0; }
input[type="radio"].purple-600::after, input[type="checkbox"].purple-600.switch::before { background-color: #8e24aa; }
input[type="radio"].purple-700::after, input[type="checkbox"].purple-700.switch::before { background-color: #7b1fa2; }
input[type="radio"].purple-800::after, input[type="checkbox"].purple-800.switch::before { background-color: #6a1b9a; }
input[type="radio"].purple-900::after, input[type="checkbox"].purple-900.switch::before { background-color: #4a148c; }
input[type="radio"].deep-purple::after, input[type="checkbox"].deep-purple.switch::before { background-color: #673ab7; }
input[type="radio"].deep-purple-300::after, input[type="checkbox"].deep-purple-300.switch::before { background-color: #9575cd; }
input[type="radio"].deep-purple-400::after, input[type="checkbox"].deep-purple-400.switch::before { background-color: #7e57c2; }
input[type="radio"].deep-purple-500::after, input[type="checkbox"].deep-purple-500.switch::before { background-color: #673ab7; }
input[type="radio"].deep-purple-600::after, input[type="checkbox"].deep-purple-600.switch::before { background-color: #5e35b1; }
input[type="radio"].deep-purple-700::after, input[type="checkbox"].deep-purple-700.switch::before { background-color: #512da8; }
input[type="radio"].deep-purple-800::after, input[type="checkbox"].deep-purple-800.switch::before { background-color: #4527a0; }
input[type="radio"].deep-purple-900::after, input[type="checkbox"].deep-purple-900.switch::before { background-color: #311b92; }
input[type="radio"].indigo::after, input[type="checkbox"].indigo.switch::before { background-color: #3f51b5; }
input[type="radio"].indigo-50::after, input[type="checkbox"].indigo-50.switch::before { background-color: #e8eaf6; }
input[type="radio"].indigo-100::after, input[type="checkbox"].indigo-100.switch::before { background-color: #c5cae9; }
input[type="radio"].indigo-200::after, input[type="checkbox"].indigo-200.switch::before { background-color: #9fa8da; }
input[type="radio"].indigo-300::after, input[type="checkbox"].indigo-300.switch::before { background-color: #7986cb; }
input[type="radio"].indigo-400::after, input[type="checkbox"].indigo-400.switch::before { background-color: #5c6bc0; }
input[type="radio"].indigo-500::after, input[type="checkbox"].indigo-500.switch::before { background-color: #3f51b5; }
input[type="radio"].indigo-600::after, input[type="checkbox"].indigo-600.switch::before { background-color: #3949ab; }
input[type="radio"].indigo-700::after, input[type="checkbox"].indigo-700.switch::before { background-color: #303f9f; }
input[type="radio"].indigo-800::after, input[type="checkbox"].indigo-800.switch::before { background-color: #283593; }
input[type="radio"].indigo-900::after, input[type="checkbox"].indigo-900.switch::before { background-color: #1a237e; }
input[type="radio"].blue::after, input[type="checkbox"].blue.switch::before { background-color: #2196F3; }
input[type="radio"].blue-50::after, input[type="checkbox"].blue-50.switch::before { background-color: #e3f2fd; }
input[type="radio"].blue-100::after, input[type="checkbox"].blue-100.switch::before { background-color: #bbdefb; }
input[type="radio"].blue-200::after, input[type="checkbox"].blue-200.switch::before { background-color: #90caf9; }
input[type="radio"].blue-300::after, input[type="checkbox"].blue-300.switch::before { background-color: #64b5f6; }
input[type="radio"].blue-400::after, input[type="checkbox"].blue-400.switch::before { background-color: #42a5f5; }
input[type="radio"].blue-500::after, input[type="checkbox"].blue-500.switch::before { background-color: #2196f3; }
input[type="radio"].blue-600::after, input[type="checkbox"].blue-600.switch::before { background-color: #1e88e5; }
input[type="radio"].blue-700::after, input[type="checkbox"].blue-700.switch::before { background-color: #1976d2; }
input[type="radio"].blue-800::after, input[type="checkbox"].blue-800.switch::before { background-color: #1565c0; }
input[type="radio"].blue-900::after, input[type="checkbox"].blue-900.switch::before { background-color: #0d47a1; }
input[type="radio"].light-blue::after, input[type="checkbox"].light-blue.switch::before { background-color: #03a9f4; }
input[type="radio"].light-blue-50::after, input[type="checkbox"].light-blue-50.switch::before { background-color: #e1f5fe; }
input[type="radio"].light-blue-100::after, input[type="checkbox"].light-blue-100.switch::before { background-color: #b3e5fc; }
input[type="radio"].light-blue-200::after, input[type="checkbox"].light-blue-200.switch::before { background-color: #81d4fa; }
input[type="radio"].light-blue-300::after, input[type="checkbox"].light-blue-300.switch::before { background-color: #4fc3f7; }
input[type="radio"].light-blue-400::after, input[type="checkbox"].light-blue-400.switch::before { background-color: #29b6f6; }
input[type="radio"].light-blue-500::after, input[type="checkbox"].light-blue-500.switch::before { background-color: #03a9f4; }
input[type="radio"].light-blue-600::after, input[type="checkbox"].light-blue-600.switch::before { background-color: #039be5; }
input[type="radio"].light-blue-700::after, input[type="checkbox"].light-blue-700.switch::before { background-color: #0288d1; }
input[type="radio"].light-blue-800::after, input[type="checkbox"].light-blue-800.switch::before { background-color: #0277bd; }
input[type="radio"].light-blue-900::after, input[type="checkbox"].light-blue-900.switch::before { background-color: #01579b; }
input[type="radio"].cyan::after, input[type="checkbox"].cyan.switch::before { background-color: #00bcd4; }
input[type="radio"].cyan-50::after, input[type="checkbox"].cyan-50.switch::before { background-color: #e0f7fa; }
input[type="radio"].cyan-100::after, input[type="checkbox"].cyan-100.switch::before { background-color: #b2ebf2; }
input[type="radio"].cyan-200::after, input[type="checkbox"].cyan-200.switch::before { background-color: #80deea; }
input[type="radio"].cyan-300::after, input[type="checkbox"].cyan-300.switch::before { background-color: #4dd0e1; }
input[type="radio"].cyan-400::after, input[type="checkbox"].cyan-400.switch::before { background-color: #26c6da; }
input[type="radio"].cyan-500::after, input[type="checkbox"].cyan-500.switch::before { background-color: #00bcd4; }
input[type="radio"].cyan-600::after, input[type="checkbox"].cyan-600.switch::before { background-color: #00acc1; }
input[type="radio"].cyan-700::after, input[type="checkbox"].cyan-700.switch::before { background-color: #0097a7; }
input[type="radio"].cyan-800::after, input[type="checkbox"].cyan-800.switch::before { background-color: #00838f; }
input[type="radio"].cyan-900::after, input[type="checkbox"].cyan-900.switch::before { background-color: #006064; }
input[type="radio"].teal::after, input[type="checkbox"].teal.switch::before { background-color: #009688; }
input[type="radio"].teal-50::after, input[type="checkbox"].teal-50.switch::before { background-color: #e0f2f1; }
input[type="radio"].teal-100::after, input[type="checkbox"].teal-100.switch::before { background-color: #b2dfdb; }
input[type="radio"].teal-200::after, input[type="checkbox"].teal-200.switch::before { background-color: #80cbc4; }
input[type="radio"].teal-300::after, input[type="checkbox"].teal-300.switch::before { background-color: #4db6ac; }
input[type="radio"].teal-400::after, input[type="checkbox"].teal-400.switch::before { background-color: #26a69a; }
input[type="radio"].teal-500::after, input[type="checkbox"].teal-500.switch::before { background-color: #009688; }
input[type="radio"].teal-600::after, input[type="checkbox"].teal-600.switch::before { background-color: #00897b; }
input[type="radio"].teal-700::after, input[type="checkbox"].teal-700.switch::before { background-color: #00796b; }
input[type="radio"].teal-800::after, input[type="checkbox"].teal-800.switch::before { background-color: #00695c; }
input[type="radio"].teal-900::after, input[type="checkbox"].teal-900.switch::before { background-color: #004d40; }
input[type="radio"].green::after, input[type="checkbox"].green.switch::before { background-color: #4caf50; }
input[type="radio"].green-50::after, input[type="checkbox"].green-50.switch::before { background-color: #e8f5e9; }
input[type="radio"].green-100::after, input[type="checkbox"].green-100.switch::before { background-color: #c8e6c9; }
input[type="radio"].green-200::after, input[type="checkbox"].green-200.switch::before { background-color: #a5d6a7; }
input[type="radio"].green-300::after, input[type="checkbox"].green-300.switch::before { background-color: #81c784; }
input[type="radio"].green-400::after, input[type="checkbox"].green-400.switch::before { background-color: #66bb6a; }
input[type="radio"].green-500::after, input[type="checkbox"].green-500.switch::before { background-color: #4caf50; }
input[type="radio"].green-600::after, input[type="checkbox"].green-600.switch::before { background-color: #43a047; }
input[type="radio"].green-700::after, input[type="checkbox"].green-700.switch::before { background-color: #388e3c; }
input[type="radio"].green-800::after, input[type="checkbox"].green-800.switch::before { background-color: #2e7d32; }
input[type="radio"].green-900::after, input[type="checkbox"].green-900.switch::before { background-color: #1b5e20; }
input[type="radio"].light-green::after, input[type="checkbox"].light-green.switch::before { background-color: #8bc34a; }
input[type="radio"].light-green-50::after, input[type="checkbox"].light-green-50.switch::before { background-color: #f1f8e9; }
input[type="radio"].light-green-100::after, input[type="checkbox"].light-green-100.switch::before { background-color: #dcedc8; }
input[type="radio"].light-green-200::after, input[type="checkbox"].light-green-200.switch::before { background-color: #c5e1a5; }
input[type="radio"].light-green-300::after, input[type="checkbox"].light-green-300.switch::before { background-color: #aed581; }
input[type="radio"].light-green-400::after, input[type="checkbox"].light-green-400.switch::before { background-color: #9ccc65; }
input[type="radio"].light-green-500::after, input[type="checkbox"].light-green-500.switch::before { background-color: #8bc34a; }
input[type="radio"].light-green-600::after, input[type="checkbox"].light-green-600.switch::before { background-color: #7cb342; }
input[type="radio"].light-green-700::after, input[type="checkbox"].light-green-700.switch::before { background-color: #689f38; }
input[type="radio"].light-green-800::after, input[type="checkbox"].light-green-800.switch::before { background-color: #558b2f; }
input[type="radio"].light-green-900::after, input[type="checkbox"].light-green-900.switch::before { background-color: #33691e; }
input[type="radio"].lime::after, input[type="checkbox"].lime.switch::before { background-color: #cddc39; }
input[type="radio"].lime-50::after, input[type="checkbox"].lime-50.switch::before { background-color: #f9fbe7; }
input[type="radio"].lime-100::after, input[type="checkbox"].lime-100.switch::before { background-color: #f0f4c3; }
input[type="radio"].lime-200::after, input[type="checkbox"].lime-200.switch::before { background-color: #e6ee9c; }
input[type="radio"].lime-300::after, input[type="checkbox"].lime-300.switch::before { background-color: #dce775; }
input[type="radio"].lime-400::after, input[type="checkbox"].lime-400.switch::before { background-color: #d4e157; }
input[type="radio"].lime-500::after, input[type="checkbox"].lime-500.switch::before { background-color: #cddc39; }
input[type="radio"].lime-600::after, input[type="checkbox"].lime-600.switch::before { background-color: #c0ca33; }
input[type="radio"].lime-700::after, input[type="checkbox"].lime-700.switch::before { background-color: #afb42b; }
input[type="radio"].lime-800::after, input[type="checkbox"].lime-800.switch::before { background-color: #9e9d24; }
input[type="radio"].lime-900::after, input[type="checkbox"].lime-900.switch::before { background-color: #827717; }
input[type="radio"].yellow::after, input[type="checkbox"].yellow.switch::before { background-color: #ffeb3b; }
input[type="radio"].yellow-50::after, input[type="checkbox"].yellow-50.switch::before { background-color: #fffde7; }
input[type="radio"].yellow-100::after, input[type="checkbox"].yellow-100.switch::before { background-color: #fff9c4; }
input[type="radio"].yellow-200::after, input[type="checkbox"].yellow-200.switch::before { background-color: #fff59d; }
input[type="radio"].yellow-300::after, input[type="checkbox"].yellow-300.switch::before { background-color: #fff176; }
input[type="radio"].yellow-500::after, input[type="checkbox"].yellow-500.switch::before { background-color: #ffeb3b; }
input[type="radio"].yellow-600::after, input[type="checkbox"].yellow-600.switch::before { background-color: #fdd835; }
input[type="radio"].yellow-700::after, input[type="checkbox"].yellow-700.switch::before { background-color: #fbc02d; }
input[type="radio"].yellow-800::after, input[type="checkbox"].yellow-800.switch::before { background-color: #f9a825; }
input[type="radio"].yellow-900::after, input[type="checkbox"].yellow-900.switch::before { background-color: #f57f17; }
input[type="radio"].amber-50::after, input[type="checkbox"].amber-50.switch::before { background-color: #fff8e1; }
input[type="radio"].amber-100::after, input[type="checkbox"].amber-100.switch::before { background-color: #ffecb3; }
input[type="radio"].amber-200::after, input[type="checkbox"].amber-200.switch::before { background-color: #ffe082; }
input[type="radio"].amber-300::after, input[type="checkbox"].amber-300.switch::before { background-color: #ffd54f; }
input[type="radio"].amber-500::after, input[type="checkbox"].amber-500.switch::before { background-color: #ffc107; }
input[type="radio"].amber-600::after, input[type="checkbox"].amber-600.switch::before { background-color: #ffb300; }
input[type="radio"].amber-700::after, input[type="checkbox"].amber-700.switch::before { background-color: #ffa000; }
input[type="radio"].amber-800::after, input[type="checkbox"].amber-800.switch::before { background-color: #ff8f00; }
input[type="radio"].amber-900::after, input[type="checkbox"].amber-900.switch::before { background-color: #ff6f00; }
input[type="radio"].orange-50::after, input[type="checkbox"].orange-50.switch::before { background-color: #fff3e0; }
input[type="radio"].orange-100::after, input[type="checkbox"].orange-100.switch::before { background-color: #ffe0b2; }
input[type="radio"].orange-200::after, input[type="checkbox"].orange-200.switch::before { background-color: #ffcc80; }
input[type="radio"].orange-300::after, input[type="checkbox"].orange-300.switch::before { background-color: #ffb74d; }
input[type="radio"].orange-400::after, input[type="checkbox"].orange-400.switch::before { background-color: #ffa726; }
input[type="radio"].orange-500::after, input[type="checkbox"].orange-500.switch::before { background-color: #ff9800; }
input[type="radio"].orange-600::after, input[type="checkbox"].orange-600.switch::before { background-color: #fb8c00; }
input[type="radio"].orange-700::after, input[type="checkbox"].orange-700.switch::before { background-color: #f57c00; }
input[type="radio"].orange-800::after, input[type="checkbox"].orange-800.switch::before { background-color: #ef6c00; }
input[type="radio"].orange-900::after, input[type="checkbox"].orange-900.switch::before { background-color: #e65100; }
input[type="radio"].deep-orange::after, input[type="checkbox"].deep-orange.switch::before { background-color: #ff5722; }
input[type="radio"].deep-orange-50::after, input[type="checkbox"].deep-orange-50.switch::before { background-color: #fbe9e7; }
input[type="radio"].deep-orange-100::after, input[type="checkbox"].deep-orange-100.switch::before { background-color: #ffccbc; }
input[type="radio"].deep-orange-200::after, input[type="checkbox"].deep-orange-200.switch::before { background-color: #ffab91; }
input[type="radio"].deep-orange-300::after, input[type="checkbox"].deep-orange-300.switch::before { background-color: #ff8a65; }
input[type="radio"].deep-orange-400::after, input[type="checkbox"].deep-orange-400.switch::before { background-color: #ff7043; }
input[type="radio"].deep-orange-500::after, input[type="checkbox"].deep-orange-500.switch::before { background-color: #ff5722; }
input[type="radio"].deep-orange-600::after, input[type="checkbox"].deep-orange-600.switch::before { background-color: #f4511e; }
input[type="radio"].deep-orange-700::after, input[type="checkbox"].deep-orange-700.switch::before { background-color: #e64a19; }
input[type="radio"].deep-orange-800::after, input[type="checkbox"].deep-orange-800.switch::before { background-color: #d84315; }
input[type="radio"].deep-orange-900::after, input[type="checkbox"].deep-orange-900.switch::before { background-color: #bf360c; }
input[type="radio"].brown::after, input[type="checkbox"].brown.switch::before { background-color: #795548; }
input[type="radio"].brown-50::after, input[type="checkbox"].brown-50.switch::before { background-color: #efebe9; }
input[type="radio"].brown-100::after, input[type="checkbox"].brown-100.switch::before { background-color: #d7ccc8; }
input[type="radio"].brown-200::after, input[type="checkbox"].brown-200.switch::before { background-color: #bcaaa4; }
input[type="radio"].brown-300::after, input[type="checkbox"].brown-300.switch::before { background-color: #a1887f; }
input[type="radio"].brown-400::after, input[type="checkbox"].brown-400.switch::before { background-color: #8d6e63; }
input[type="radio"].brown-500::after, input[type="checkbox"].brown-500.switch::before { background-color: #795548; }
input[type="radio"].brown-600::after, input[type="checkbox"].brown-600.switch::before { background-color: #6d4c41; }
input[type="radio"].brown-700::after, input[type="checkbox"].brown-700.switch::before { background-color: #5d4037; }
input[type="radio"].brown-800::after, input[type="checkbox"].brown-800.switch::before { background-color: #4e342e; }
input[type="radio"].brown-900::after, input[type="checkbox"].brown-900.switch::before { background-color: #3e2723; }
input[type="radio"].grey::after, input[type="checkbox"].grey.switch::before { background-color: #9e9e9e; }
input[type="radio"].grey-50::after, input[type="checkbox"].grey-50.switch::before { background-color: #fafafa; }
input[type="radio"].grey-100::after, input[type="checkbox"].grey-100.switch::before { background-color: #f5f5f5; }
input[type="radio"].grey-200::after, input[type="checkbox"].grey-200.switch::before { background-color: #eee; }
input[type="radio"].grey-300::after, input[type="checkbox"].grey-300.switch::before { background-color: #e0e0e0; }
input[type="radio"].grey-400::after, input[type="checkbox"].grey-400.switch::before { background-color: #bdbdbd; }
input[type="radio"].grey-500::after, input[type="checkbox"].grey-500.switch::before { background-color: #9e9e9e; }
input[type="radio"].grey-600::after, input[type="checkbox"].grey-600.switch::before { background-color: #757575; }
input[type="radio"].grey-700::after, input[type="checkbox"].grey-700.switch::before { background-color: #616161; }
input[type="radio"].grey-800::after, input[type="checkbox"].grey-800.switch::before { background-color: #424242; }
input[type="radio"].grey-900::after, input[type="checkbox"].grey-900.switch::before { background-color: #212121; }
input[type="radio"].blue-grey::after, input[type="checkbox"].blue-grey.switch::before { background-color: #607d8b; }
input[type="radio"].blue-grey-50::after, input[type="checkbox"].blue-grey-50.switch::before { background-color: #eceff1; }
input[type="radio"].blue-grey-100::after, input[type="checkbox"].blue-grey-100.switch::before { background-color: #cfd8dc; }
input[type="radio"].blue-grey-200::after, input[type="checkbox"].blue-grey-200.switch::before { background-color: #b0bec5; }
input[type="radio"].blue-grey-300::after, input[type="checkbox"].blue-grey-300.switch::before { background-color: #90a4ae; }
input[type="radio"].blue-grey-400::after, input[type="checkbox"].blue-grey-400.switch::before { background-color: #78909c; }
input[type="radio"].blue-grey-500::after, input[type="checkbox"].blue-grey-500.switch::before { background-color: #607d8b; }
input[type="radio"].blue-grey-600::after, input[type="checkbox"].blue-grey-600.switch::before { background-color: #546e7a; }
input[type="radio"].blue-grey-700::after, input[type="checkbox"].blue-grey-700.switch::before { background-color: #455a64; }
input[type="radio"].blue-grey-800::after, input[type="checkbox"].blue-grey-800.switch::before { background-color: #37474f; }
input[type="radio"].blue-grey-900::after, input[type="checkbox"].blue-grey-900.switch::before { background-color: #263238; }
input[type="radio"].black::after, input[type="checkbox"].black.switch::before { background-color: #000; }
.platform-ios input[type="radio"].red-50::before { border-color: #ffebee; }
.platform-ios input[type="radio"].red-100::before { border-color: #ffcdd2; }
.platform-ios input[type="radio"].red-200::before { border-color: #ef9a9a; }
.platform-ios input[type="radio"].red-300::before { border-color: #e57373; }
.platform-ios input[type="radio"].red-400::before { border-color: #ef5350; }
.platform-ios input[type="radio"].red-500::before { border-color: #f44336; }
.platform-ios input[type="radio"].red-600::before { border-color: #e53935; }
.platform-ios input[type="radio"].red-700::before { border-color: #d32f2f; }
.platform-ios input[type="radio"].red-800::before { border-color: #c62828; }
.platform-ios input[type="radio"].red-900::before { border-color: #b71c1c; }
.platform-ios input[type="radio"].pink::before { border-color: #E91E63; }
.platform-ios input[type="radio"].pink-50::before { border-color: #fce4ec; }
.platform-ios input[type="radio"].pink-100::before { border-color: #f8bbd0; }
.platform-ios input[type="radio"].pink-200::before { border-color: #f48fb1; }
.platform-ios input[type="radio"].Pink-300::before { border-color: #f06292; }
.platform-ios input[type="radio"].pink-400::before { border-color: #ec407a; }
.platform-ios input[type="radio"].pink-500::before { border-color: #e91e63; }
.platform-ios input[type="radio"].pink-600::before { border-color: #d81b60; }
.platform-ios input[type="radio"].pink-700::before { border-color: #c2185b; }
.platform-ios input[type="radio"].pink-800::before { border-color: #ad1457; }
.platform-ios input[type="radio"].pink-900::before { border-color: #880e4f; }
.platform-ios input[type="radio"].purple::before { border-color: #9c27b0; }
.platform-ios input[type="radio"].purple-50::before { border-color: #f3e5f5; }
.platform-ios input[type="radio"].purple-100::before { border-color: #e1bee7; }
.platform-ios input[type="radio"].purple-200::before { border-color: #ce93d8; }
.platform-ios input[type="radio"].Purple-300::before { border-color: #ba68c8; }
.platform-ios input[type="radio"].Purple-400::before { border-color: #ab47bc; }
.platform-ios input[type="radio"].purple-500::before { border-color: #9c27b0; }
.platform-ios input[type="radio"].purple-600::before { border-color: #8e24aa; }
.platform-ios input[type="radio"].purple-700::before { border-color: #7b1fa2; }
.platform-ios input[type="radio"].purple-800::before { border-color: #6a1b9a; }
.platform-ios input[type="radio"].purple-900::before { border-color: #4a148c; }
.platform-ios input[type="radio"].deep-purple::before { border-color: #673ab7; }
.platform-ios input[type="radio"].deep-purple-300::before { border-color: #9575cd; }
.platform-ios input[type="radio"].deep-purple-400::before { border-color: #7e57c2; }
.platform-ios input[type="radio"].deep-purple-500::before { border-color: #673ab7; }
.platform-ios input[type="radio"].deep-purple-600::before { border-color: #5e35b1; }
.platform-ios input[type="radio"].deep-purple-700::before { border-color: #512da8; }
.platform-ios input[type="radio"].deep-purple-800::before { border-color: #4527a0; }
.platform-ios input[type="radio"].deep-purple-900::before { border-color: #311b92; }
.platform-ios input[type="radio"].indigo::before { border-color: #3f51b5; }
.platform-ios input[type="radio"].indigo-50::before { border-color: #e8eaf6; }
.platform-ios input[type="radio"].indigo-100::before { border-color: #c5cae9; }
.platform-ios input[type="radio"].indigo-200::before { border-color: #9fa8da; }
.platform-ios input[type="radio"].indigo-300::before { border-color: #7986cb; }
.platform-ios input[type="radio"].indigo-400::before { border-color: #5c6bc0; }
.platform-ios input[type="radio"].indigo-500::before { border-color: #3f51b5; }
.platform-ios input[type="radio"].indigo-600::before { border-color: #3949ab; }
.platform-ios input[type="radio"].indigo-700::before { border-color: #303f9f; }
.platform-ios input[type="radio"].indigo-800::before { border-color: #283593; }
.platform-ios input[type="radio"].indigo-900::before { border-color: #1a237e; }
.platform-ios input[type="radio"].blue::before { border-color: #2196F3; }
.platform-ios input[type="radio"].blue-50::before { border-color: #e3f2fd; }
.platform-ios input[type="radio"].blue-100::before { border-color: #bbdefb; }
.platform-ios input[type="radio"].blue-200::before { border-color: #90caf9; }
.platform-ios input[type="radio"].blue-300::before { border-color: #64b5f6; }
.platform-ios input[type="radio"].blue-400::before { border-color: #42a5f5; }
.platform-ios input[type="radio"].blue-500::before { border-color: #2196f3; }
.platform-ios input[type="radio"].blue-600::before { border-color: #1e88e5; }
.platform-ios input[type="radio"].blue-700::before { border-color: #1976d2; }
.platform-ios input[type="radio"].blue-800::before { border-color: #1565c0; }
.platform-ios input[type="radio"].blue-900::before { border-color: #0d47a1; }
.platform-ios input[type="radio"].light-blue::before { border-color: #03a9f4; }
.platform-ios input[type="radio"].light-blue-50::before { border-color: #e1f5fe; }
.platform-ios input[type="radio"].light-blue-100::before { border-color: #b3e5fc; }
.platform-ios input[type="radio"].light-blue-200::before { border-color: #81d4fa; }
.platform-ios input[type="radio"].light-blue-300::before { border-color: #4fc3f7; }
.platform-ios input[type="radio"].light-blue-400::before { border-color: #29b6f6; }
.platform-ios input[type="radio"].light-blue-500::before { border-color: #03a9f4; }
.platform-ios input[type="radio"].light-blue-600::before { border-color: #039be5; }
.platform-ios input[type="radio"].light-blue-700::before { border-color: #0288d1; }
.platform-ios input[type="radio"].light-blue-800::before { border-color: #0277bd; }
.platform-ios input[type="radio"].light-blue-900::before { border-color: #01579b; }
.platform-ios input[type="radio"].cyan::before { border-color: #00bcd4; }
.platform-ios input[type="radio"].cyan-50::before { border-color: #e0f7fa; }
.platform-ios input[type="radio"].cyan-100::before { border-color: #b2ebf2; }
.platform-ios input[type="radio"].cyan-200::before { border-color: #80deea; }
.platform-ios input[type="radio"].cyan-300::before { border-color: #4dd0e1; }
.platform-ios input[type="radio"].cyan-400::before { border-color: #26c6da; }
.platform-ios input[type="radio"].cyan-500::before { border-color: #00bcd4; }
.platform-ios input[type="radio"].cyan-600::before { border-color: #00acc1; }
.platform-ios input[type="radio"].cyan-700::before { border-color: #0097a7; }
.platform-ios input[type="radio"].cyan-800::before { border-color: #00838f; }
.platform-ios input[type="radio"].cyan-900::before { border-color: #006064; }
.platform-ios input[type="radio"].teal::before { border-color: #009688; }
.platform-ios input[type="radio"].teal-50::before { border-color: #e0f2f1; }
.platform-ios input[type="radio"].teal-100::before { border-color: #b2dfdb; }
.platform-ios input[type="radio"].teal-200::before { border-color: #80cbc4; }
.platform-ios input[type="radio"].teal-300::before { border-color: #4db6ac; }
.platform-ios input[type="radio"].teal-400::before { border-color: #26a69a; }
.platform-ios input[type="radio"].teal-500::before { border-color: #009688; }
.platform-ios input[type="radio"].teal-600::before { border-color: #00897b; }
.platform-ios input[type="radio"].teal-700::before { border-color: #00796b; }
.platform-ios input[type="radio"].teal-800::before { border-color: #00695c; }
.platform-ios input[type="radio"].teal-900::before { border-color: #004d40; }
.platform-ios input[type="radio"].green::before { border-color: #4caf50; }
.platform-ios input[type="radio"].green-50::before { border-color: #e8f5e9; }
.platform-ios input[type="radio"].green-100::before { border-color: #c8e6c9; }
.platform-ios input[type="radio"].green-200::before { border-color: #a5d6a7; }
.platform-ios input[type="radio"].green-300::before { border-color: #81c784; }
.platform-ios input[type="radio"].green-400::before { border-color: #66bb6a; }
.platform-ios input[type="radio"].green-500::before { border-color: #4caf50; }
.platform-ios input[type="radio"].green-600::before { border-color: #43a047; }
.platform-ios input[type="radio"].green-700::before { border-color: #388e3c; }
.platform-ios input[type="radio"].green-800::before { border-color: #2e7d32; }
.platform-ios input[type="radio"].green-900::before { border-color: #1b5e20; }
.platform-ios input[type="radio"].light-green::before { border-color: #8bc34a; }
.platform-ios input[type="radio"].light-green-50::before { border-color: #f1f8e9; }
.platform-ios input[type="radio"].light-green-100::before { border-color: #dcedc8; }
.platform-ios input[type="radio"].light-green-200::before { border-color: #c5e1a5; }
.platform-ios input[type="radio"].light-green-300::before { border-color: #aed581; }
.platform-ios input[type="radio"].light-green-400::before { border-color: #9ccc65; }
.platform-ios input[type="radio"].light-green-500::before { border-color: #8bc34a; }
.platform-ios input[type="radio"].light-green-600::before { border-color: #7cb342; }
.platform-ios input[type="radio"].light-green-700::before { border-color: #689f38; }
.platform-ios input[type="radio"].light-green-800::before { border-color: #558b2f; }
.platform-ios input[type="radio"].light-green-900::before { border-color: #33691e; }
.platform-ios input[type="radio"].lime::before { border-color: #cddc39; }
.platform-ios input[type="radio"].lime-50::before { border-color: #f9fbe7; }
.platform-ios input[type="radio"].lime-100::before { border-color: #f0f4c3; }
.platform-ios input[type="radio"].lime-200::before { border-color: #e6ee9c; }
.platform-ios input[type="radio"].lime-300::before { border-color: #dce775; }
.platform-ios input[type="radio"].lime-400::before { border-color: #d4e157; }
.platform-ios input[type="radio"].lime-500::before { border-color: #cddc39; }
.platform-ios input[type="radio"].lime-600::before { border-color: #c0ca33; }
.platform-ios input[type="radio"].lime-700::before { border-color: #afb42b; }
.platform-ios input[type="radio"].lime-800::before { border-color: #9e9d24; }
.platform-ios input[type="radio"].lime-900::before { border-color: #827717; }
.platform-ios input[type="radio"].yellow::before { border-color: #ffeb3b; }
.platform-ios input[type="radio"].yellow-50::before { border-color: #fffde7; }
.platform-ios input[type="radio"].yellow-100::before { border-color: #fff9c4; }
.platform-ios input[type="radio"].yellow-200::before { border-color: #fff59d; }
.platform-ios input[type="radio"].yellow-300::before { border-color: #fff176; }
.platform-ios input[type="radio"].yellow-500::before { border-color: #ffeb3b; }
.platform-ios input[type="radio"].yellow-600::before { border-color: #fdd835; }
.platform-ios input[type="radio"].yellow-700::before { border-color: #fbc02d; }
.platform-ios input[type="radio"].yellow-800::before { border-color: #f9a825; }
.platform-ios input[type="radio"].yellow-900::before { border-color: #f57f17; }
.platform-ios input[type="radio"].amber-50::before { border-color: #fff8e1; }
.platform-ios input[type="radio"].amber-100::before { border-color: #ffecb3; }
.platform-ios input[type="radio"].amber-200::before { border-color: #ffe082; }
.platform-ios input[type="radio"].amber-300::before { border-color: #ffd54f; }
.platform-ios input[type="radio"].amber-500::before { border-color: #ffc107; }
.platform-ios input[type="radio"].amber-600::before { border-color: #ffb300; }
.platform-ios input[type="radio"].amber-700::before { border-color: #ffa000; }
.platform-ios input[type="radio"].amber-800::before { border-color: #ff8f00; }
.platform-ios input[type="radio"].amber-900::before { border-color: #ff6f00; }
.platform-ios input[type="radio"].orange-50::before { border-color: #fff3e0; }
.platform-ios input[type="radio"].orange-100::before { border-color: #ffe0b2; }
.platform-ios input[type="radio"].orange-200::before { border-color: #ffcc80; }
.platform-ios input[type="radio"].orange-300::before { border-color: #ffb74d; }
.platform-ios input[type="radio"].orange-400::before { border-color: #ffa726; }
.platform-ios input[type="radio"].orange-500::before { border-color: #ff9800; }
.platform-ios input[type="radio"].orange-600::before { border-color: #fb8c00; }
.platform-ios input[type="radio"].orange-700::before { border-color: #f57c00; }
.platform-ios input[type="radio"].orange-800::before { border-color: #ef6c00; }
.platform-ios input[type="radio"].orange-900::before { border-color: #e65100; }
.platform-ios input[type="radio"].deep-orange::before { border-color: #ff5722; }
.platform-ios input[type="radio"].deep-orange-50::before { border-color: #fbe9e7; }
.platform-ios input[type="radio"].deep-orange-100::before { border-color: #ffccbc; }
.platform-ios input[type="radio"].deep-orange-200::before { border-color: #ffab91; }
.platform-ios input[type="radio"].deep-orange-300::before { border-color: #ff8a65; }
.platform-ios input[type="radio"].deep-orange-400::before { border-color: #ff7043; }
.platform-ios input[type="radio"].deep-orange-500::before { border-color: #ff5722; }
.platform-ios input[type="radio"].deep-orange-600::before { border-color: #f4511e; }
.platform-ios input[type="radio"].deep-orange-700::before { border-color: #e64a19; }
.platform-ios input[type="radio"].deep-orange-800::before { border-color: #d84315; }
.platform-ios input[type="radio"].deep-orange-900::before { border-color: #bf360c; }
.platform-ios input[type="radio"].brown::before { border-color: #795548; }
.platform-ios input[type="radio"].brown-50::before { border-color: #efebe9; }
.platform-ios input[type="radio"].brown-100::before { border-color: #d7ccc8; }
.platform-ios input[type="radio"].brown-200::before { border-color: #bcaaa4; }
.platform-ios input[type="radio"].brown-300::before { border-color: #a1887f; }
.platform-ios input[type="radio"].brown-400::before { border-color: #8d6e63; }
.platform-ios input[type="radio"].brown-500::before { border-color: #795548; }
.platform-ios input[type="radio"].brown-600::before { border-color: #6d4c41; }
.platform-ios input[type="radio"].brown-700::before { border-color: #5d4037; }
.platform-ios input[type="radio"].brown-800::before { border-color: #4e342e; }
.platform-ios input[type="radio"].brown-900::before { border-color: #3e2723; }
.platform-ios input[type="radio"].grey::before { border-color: #9e9e9e; }
.platform-ios input[type="radio"].grey-50::before { border-color: #fafafa; }
.platform-ios input[type="radio"].grey-100::before { border-color: #f5f5f5; }
.platform-ios input[type="radio"].grey-200::before { border-color: #eee; }
.platform-ios input[type="radio"].grey-300::before { border-color: #e0e0e0; }
.platform-ios input[type="radio"].grey-400::before { border-color: #bdbdbd; }
.platform-ios input[type="radio"].grey-500::before { border-color: #9e9e9e; }
.platform-ios input[type="radio"].grey-600::before { border-color: #757575; }
.platform-ios input[type="radio"].grey-700::before { border-color: #616161; }
.platform-ios input[type="radio"].grey-800::before { border-color: #424242; }
.platform-ios input[type="radio"].grey-900::before { border-color: #212121; }
.platform-ios input[type="radio"].blue-grey::before { border-color: #607d8b; }
.platform-ios input[type="radio"].blue-grey-50::before { border-color: #eceff1; }
.platform-ios input[type="radio"].blue-grey-100::before { border-color: #cfd8dc; }
.platform-ios input[type="radio"].blue-grey-200::before { border-color: #b0bec5; }
.platform-ios input[type="radio"].blue-grey-300::before { border-color: #90a4ae; }
.platform-ios input[type="radio"].blue-grey-400::before { border-color: #78909c; }
.platform-ios input[type="radio"].blue-grey-500::before { border-color: #607d8b; }
.platform-ios input[type="radio"].blue-grey-600::before { border-color: #546e7a; }
.platform-ios input[type="radio"].blue-grey-700::before { border-color: #455a64; }
.platform-ios input[type="radio"].blue-grey-800::before { border-color: #37474f; }
.platform-ios input[type="radio"].blue-grey-900::before { border-color: #263238; }
.platform-ios input[type="radio"].black::before { border-color: #000; }
/* INPUT =================================================>
/* LOADING================================================*/
.alert-loading .alert {
padding: 24px;
text-align: center;
}
.loading-circle {
fill: transparent;
stroke: #009688;
stroke-width: 5;
animation: dash 2s ease infinite,rotate 2s linear infinite;
margin:auto;
}
.loading-circle.loading-element {
zoom:0.55;
margin-top: -20px;
margin-left: -20px;
position: absolute;
}
button .loading-circle.loading-element {
left: 50%;
margin-left: -20px;
top: 50%;
margin-top: -20px;
}
.loading-circle.with-message.loading-element {
margin-left: -50px;
margin-top: 17px;
top: auto;
left: auto;
}
.loading-circle.loading-element.left {
float: left;
position: inherit;
margin-left:0;
}
.loading-circle.loading-element.right {
float: right;
position: inherit;
margin-left:0;
}
.loading-circle.white-loading{
stroke: rgba(255,255,255,0.8);
}
.loading-circle.with-message {
margin-right: 10px;
}
.platform-ios .loading-circle {
fill: #868686;
animation: none;
stroke:none;
stroke-width:0;
}
.platform-ios .loading-circle.loading-element.white-loading {
fill: rgba(255,255,255,0.8);
}
.platform-ios .loading-circle path:nth-of-type(1) {
animation: pulse 1s infinite linear;
}
.platform-ios .loading-circle path:nth-of-type(2) {
animation: pulse 1s -.083s infinite linear;
}
.platform-ios .loading-circle path:nth-of-type(3) {
animation: pulse 1s -.166s infinite linear;
}
.platform-ios .loading-circle path:nth-of-type(4) {
animation: pulse 1s -.249s infinite linear;
}
.platform-ios .loading-circle path:nth-of-type(5) {
animation: pulse 1s -.332s infinite linear;
}
.platform-ios .loading-circle path:nth-of-type(6) {
animation: pulse 1s -.415s infinite linear;
}
.platform-ios .loading-circle path:nth-of-type(7) {
animation: pulse 1s -.498s infinite linear;
}
.platform-ios .loading-circle path:nth-of-type(8) {
animation: pulse 1s -.581s infinite linear;
}
.platform-ios .loading-circle path:nth-of-type(9) {
animation: pulse 1s -.664s infinite linear;
}
.platform-ios .loading-circle path:nth-of-type(10) {
animation: pulse 1s -.747s infinite linear;
}
.platform-ios .alert-loading .loading-circle path:nth-of-type(11) {
animation: pulse 1s -.83s infinite linear;
}
.platform-ios .alert-loading .loading-circle path:nth-of-type(12) {
animation: pulse 1s -.913s infinite linear;
}
.platform-ios .loading-circle.white-loading path:nth-of-type(1) {
animation: pulse-white 1s infinite linear;
}
.platform-ios .loading-circle.white-loading path:nth-of-type(2) {
animation: pulse-white 1s -.083s infinite linear;
}
.platform-ios .loading-circle.white-loading path:nth-of-type(3) {
animation: pulse-white 1s -.166s infinite linear;
}
.platform-ios .loading-circle.white-loading path:nth-of-type(4) {
animation: pulse-white 1s -.249s infinite linear;
}
.platform-ios .loading-circle.white-loading path:nth-of-type(5) {
animation: pulse-white 1s -.332s infinite linear;
}
.platform-ios .loading-circle.white-loading path:nth-of-type(6) {
animation: pulse-white 1s -.415s infinite linear;
}
.platform-ios .loading-circle.white-loading path:nth-of-type(7) {
animation: pulse-white 1s -.498s infinite linear;
}
.platform-ios .loading-circle.white-loading path:nth-of-type(8) {
animation: pulse-white 1s -.581s infinite linear;
}
.platform-ios .loading-circle.white-loading path:nth-of-type(9) {
animation: pulse-white 1s -.664s infinite linear;
}
.platform-ios .loading-circle.white-loading path:nth-of-type(10) {
animation: pulse-white 1s -.747s infinite linear;
}
.platform-ios .alert-loading.white-loading .loading-circle path:nth-of-type(11) {
animation: pulse-white 1s -.83s infinite linear;
}
.platform-ios .alert-loading.white-loading .loading-circle path:nth-of-type(12) {
animation: pulse-white 1s -.913s infinite linear;
}
@keyframes pulse {
50% { fill: #868686; }
to { fill: rgba(134,134,134,.4); }
}
@keyframes pulse-white {
50% { fill: rgba(255,255,255,0.8); }
to { fill: rgba(255,255,255,0.2); }
}
@keyframes iosIntro {
from {
transform: scale(0);
opacity: 0;
}
to {
transform: scale(1);
opacity: 1;
}
}
.alert-mobileui.alert-loading .alert p {
margin: 0;
margin-top: 15px !important;
text-align: center;
}
@keyframes dash {
0% {
stroke-dasharray: 1,95;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 85,95;
stroke-dashoffset: -25;
}
100% {
stroke-dasharray: 85,95;
stroke-dashoffset: -93;
}
}
@keyframes rotate {
0% {transform: rotate(0deg); }
100% {transform: rotate(360deg); }
}
/*LOADING END ======================================*/
/*ALERT ============================================*/
.alert-mobileui {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
z-index: 99999;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.alert-mobileui .alert {
font-family: 'Roboto', 'Noto', sans-serif;
-webkit-font-smoothing: antialiased;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
position: relative;
border-radius: 2px;
box-shadow: 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .4);
max-width: 270px;
}
.platform-ios .alert-mobileui .alert {
font-family: -apple-system, 'Helvetica Neue', 'Helvetica', 'Arial', 'Lucida Grande', sans-serif;
border-radius: 8px;
background-color: #fff !important;
box-shadow: none;
}
.alert-mobileui .alert h1 {
text-align: left;
font-size: 20px;
font-weight: 500;
padding:22px 22px 0 24px;
}
.platform-ios .alert-mobileui .alert h1 {
font-size: 17px;
font-weight: 500;
text-align: center;
color: #000 !important;
padding: 0;
padding-top: 22px;
}
.alert-mobileui .alert p {
text-align: left;
font-size: 16px;
font-weight: 400;
line-height: 20px;
padding: 0 24px;
margin-top:24px;
margin-bottom: 24px;
min-height: 0;
opacity: 0.8;
}
.platform-ios .alert-mobileui .alert p {
font-size: 14px;
text-align: center;
color: #000 !important;
}
.alert-mobileui .alert .buttons {
display: inline-block;
box-sizing: border-box;
width: 100%;
}
.alert-mobileui .alert .buttons button {
text-transform: uppercase;
display: inline-block;
width: auto;
min-width: 70px;
float: right;
background: none;
border-top: none;
font-size: 14px;
font-weight: 600;
outline: none;
margin-right: 5px;
text-transform: uppercase;
}
.platform-ios .alert-mobileui .alert .buttons button {
width: 100%;
text-align: center;
text-transform: none;
font-weight: 400;
font-size: 16px;
border-top: 1px solid #ddd;
padding: 0 8px;
margin-right: 0;
color: rgba(24, 103, 194, .81) !important;
background: none !important;
}
/* ALERT OVER====================================
/*Create a line.*/
.row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
/*Create a line that the columns are distributed in an equal space.*/
.row-between {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
/*Create a line that the columns are distributed in an equal space around.*/
.row-around {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
}
/*Create a stretch row, you need define height value.*/
.row-stretch {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
/*Create a column.*/
.column {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
/*Default all items will be on one line, whit this class add to row all items will wrap onto multiple lines, from top to bottom.*/
.wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
/*Align col to the top(Axis Y).*/
.vertical-align-top {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
/*Align col to the center(Axis Y).*/
.vertical-align-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
/*Align col to the bottom(Axis Y).*/
.vertical-align-bottom {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
/*Align col to the left(Axis X).*/
.horizontal-align-left {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
/*Align col to the center(Axis X).*/
.horizontal-align-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
/*Align col to the right(Axis X).*/
.horizontal-align-right {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
/*Center a column on the row.*/
.row-center {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
/*Create a column with remaining space of the row.*/
.col {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
position: relative;
}
/*Create a column with 10% of the row.*/
.col-10 {
position: relative;
-ms-flex-preferred-size: 10%;
flex-basis: 10%;
}
/*Create a column with 20% of the row.*/
.col-20 {
position: relative;
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
}
/*Create a column with 25% of the row.*/
.col-25 {
position: relative;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
}
/*Create a column with 33.3333% of the row.*/
.col-33,
.col-34 {
position: relative;
-ms-flex-preferred-size: 33.3333%;
flex-basis: 33.3333%;
}
/*Create a column with 50% of the row.*/
.col-50 {
position: relative;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
/*Create a column with 66.6666% of the row.*/
.col-66,
.col-67 {
position: relative;
-ms-flex-preferred-size:66.6666%;
flex-basis:66.6666%;
}
/*Create a column with 75% of the row.*/
.col-75 {
position: relative;
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
}
/*Create a column with 80% of the row.*/
.col-80 {
position: relative;
-ms-flex-preferred-size: 80%;
flex-basis: 80%;
}
/*Create a column with 90% of the row.*/
.col-90 {
position: relative;
-ms-flex-preferred-size: 90%;
flex-basis: 90%;
}
.full-width {
width: 100%;
margin: 0 auto
}
.full-height {
height: 100%;
margin: 0 auto
}
/* GRID ====================================*/
/*Define an element being a menu, being able to disconnect over the page or to push the page, depending on the operating system.*/
.menu {
position: fixed;
top: 0;
left: 0;
width: 300px;
height: 100%;
z-index: 99999;
transform: translateX(-312px);
transition-duration: 280ms;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
overflow: auto;
}
.menu.cover {
width: 300px;
}
/*Set a menu on the right side.*/
.menu.menu-right {
right: 0;
left: auto;
transform: translateX(105%);
}
/*Set a menu is open.*/
.menu.open {
transform: translateX(0px);
}
.menu.menu-right.open {
margin-left: -312px;
}
.platform-ios .backdrop-menu {
opacity: 0.01;
}
.platform-ios .menu {
width: 264px;
box-shadow:none;
transition-duration: 0ms;
transform: translateX(-264px);
box-shadow: none;
}
.platform-ios .menu.cover {
width: 264px;
}
.platform-ios .menu.menu-right {
transform: translateX(105%);
transition-duration: 0ms;
}
.platform-ios .menu.open {
transform: translateX(-264px);
margin-left: -1px;
}
.platform-ios .menu.menu-right.open {
margin-left: -263px;
transform:none;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}
.platform-ios .body,
.platform-ios body {
transition-duration: 0ms;
}
.platform-ios .body.side-menu,
.platform-ios.side-menu {
transform: translateX(264px);
border-left: 1px solid rgba(0, 0, 0, 0.15);
overflow: hidden;
}
.platform-ios .body.side-menu-right,
.platform-ios.side-menu-right,
.platform-ios .header.side-menu-right {
margin-left: -264px;
}
/* menu===========================================*/
/*Define a container of sliders.*/
/* Swiper starts */
.swiper-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
z-index: 1;
}
.swiper-container-fullscreen {
height: 100%;
}
.swipper-gallery {
height: 300px;
}
.swiper-container-no-flexbox .swiper-slide {
float: left;
}
.swiper-container-vertical > .swiper-wrapper {
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
}
/*Define a wrapper of swiper.*/
.swiper-wrapper {
position: relative;
width: 100%;
z-index: 1;
height: 100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
-webkit-transform: translate3d(0px, 0, 0);
-moz-transform: translate3d(0px, 0, 0);
-o-transform: translate(0px, 0px);
-ms-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin: 0 auto;
}
/*Define a element slide.*/
.swiper-slide {
-webkit-flex-shrink: 0;
-ms-flex: 0 0 auto;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
}
/*Align all elements in the center of vertical.*/
.swiper-slide.vertical-align-center {
display: flex;
flex-direction: column;
justify-content: center;
padding: 30px;
text-align: center;
}
.swiper-slide i {
font-size: 120px;
}
.swiper-slide h1 {
font-size: 40px;
font-weight: 600;
width: 100%;
}
.swiper-slide h2 {
font-size: 30px;
font-weight: 600;
width: 100%;
}
.swiper-slide .margin-bottom {
margin-bottom: 25px;
}
/* Auto Height */
.swiper-container-autoheight .swiper-slide, .swiper-container-autoheight {
height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
-webkit-box-align: start;
-ms-flex-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-transition-property: -webkit-transform, height;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform, height;
}
/* a11y */
.swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
/* Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
-ms-touch-action: pan-y;
touch-action: pan-y;
}
.swiper-wp8-vertical {
-ms-touch-action: pan-x;
touch-action: pan-x;
}
/* Arrows */
.swiper-button-prev,
.swiper-button-next {
position: absolute;
top: 50%;
width: 27px;
height: 44px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
-moz-background-size: 27px 44px;
-webkit-background-size: 27px 44px;
background-size: 27px 44px;
background-position: center;
background-repeat: no-repeat;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
left: 10px;
right: auto;
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
right: 10px;
left: auto;
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
/* Pagination Styles */
.swiper-pagination {
position: absolute;
text-align: center;
-webkit-transition: 300ms;
-moz-transition: 300ms;
-o-transition: 300ms;
transition: 300ms;
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
bottom: 10px;
left: 0;
width: 100%;
}
/* Bullets */
.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 100%;
background: #000;
opacity: 0.2;
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-moz-appearance: none;
-ms-appearance: none;
-webkit-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
/*Define a white bullet pagination.*/
.swiper-pagination-white {
}
/*Define a black bullet pagination.*/
.swiper-pagination-black {
}
.swiper-pagination-white .swiper-pagination-bullet {
background: #fff;
}
.swiper-pagination-bullet-active {
opacity: 1;
background: #007aff;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
background: #fff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
background: #000;
}
.swiper-container-vertical > .swiper-pagination-bullets {
right: 10px;
top: 50%;
-webkit-transform: translate3d(0px, -50%, 0);
-moz-transform: translate3d(0px, -50%, 0);
-o-transform: translate(0px, -50%);
-ms-transform: translate3d(0px, -50%, 0);
transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 5px 0;
display: block;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 5px;
}
/* Progress */
.swiper-pagination-progress {
background: rgba(0, 0, 0, 0.25);
position: absolute;
}
.swiper-pagination-progress .swiper-pagination-progressbar {
background: #007aff;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
-webkit-transform-origin: right top;
-moz-transform-origin: right top;
-ms-transform-origin: right top;
-o-transform-origin: right top;
transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progress {
width: 100%;
height: 4px;
left: 0;
top: 0;
}
.swiper-container-vertical > .swiper-pagination-progress {
width: 4px;
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-progress.swiper-pagination-white {
background: rgba(255, 255, 255, 0.5);
}
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
background: #fff;
}
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
background: #000;
}
/* 3D Container */
.swiper-container-3d {
-webkit-perspective: 1200px;
-moz-perspective: 1200px;
-o-perspective: 1200px;
perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
-ms-perspective: 1200px;
}
.swiper-container-cube,
.swiper-container-flip {
overflow: visible;
}
.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
}
.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-container-cube .swiper-slide {
visibility: hidden;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
-webkit-transform-origin: 100% 0;
-moz-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
pointer-events: auto;
visibility: visible;
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
background: #000;
opacity: 0.6;
-webkit-filter: blur(50px);
filter: blur(50px);
z-index: 0;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
/* Scrollbar */
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%;
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
/* Preloader */
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
-webkit-transform-origin: 50%;
-moz-transform-origin: 50%;
transform-origin: 50%;
-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
-moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
display: block;
content: "";
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-position: 50%;
-webkit-background-size: 100%;
background-size: 100%;
background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes swiper-preloader-spin {
100% {
transform: rotate(360deg);
}
}
/* swiper ends------------------------------------------------------- */