From b01b38e112cdd105a8f91c8be66d8237dcc8bedd Mon Sep 17 00:00:00 2001 From: Andre Essing <21235652+aessing@users.noreply.github.com> Date: Fri, 23 Apr 2021 23:30:12 +0200 Subject: [PATCH] Feature/optimize for golive (#6) * Added status to reset function * Switching to one-pager * Changed SWA config * Added confirm dialog for delete --- .prettierrc | 2 +- .vscode/extensions.json | 6 +- .../function.json | 0 api/GetClasses/index.js | 45 + api/GetTestStatus/index.js | 37 - api/RemoveClass/index.js | 16 +- .../function.json | 0 .../index.js | 55 +- .../function.json | 0 .../index.js | 16 +- web/admin/index.html | 159 - web/admin/js/script.js | 166 - web/css/animate.css | 3625 ++++ web/css/bootstrap-extended.css | 66 +- web/css/material-colors.css | 14693 ++++++++++------ web/css/palette-gradient.css | 540 +- web/css/palette-loader.css | 140 +- web/css/sweetalert2.min.css | 1 + web/index.html | 78 +- web/js/polyfill.min.js | 1 + web/js/script.js | 129 +- web/js/sweetalert2.all.min.js | 2 + web/staticwebapp.config.json | 22 +- 23 files changed, 13869 insertions(+), 5930 deletions(-) rename api/{GetTestStatus => GetClasses}/function.json (100%) create mode 100644 api/GetClasses/index.js delete mode 100644 api/GetTestStatus/index.js rename api/{SetTestStatus => ResetClasses}/function.json (100%) rename api/{resetTestStatus => ResetClasses}/index.js (53%) rename api/{resetTestStatus => SetClassStatus}/function.json (100%) rename api/{SetTestStatus => SetClassStatus}/index.js (80%) delete mode 100644 web/admin/index.html delete mode 100644 web/admin/js/script.js create mode 100644 web/css/animate.css create mode 100644 web/css/sweetalert2.min.css create mode 100644 web/js/polyfill.min.js create mode 100644 web/js/sweetalert2.all.min.js diff --git a/.prettierrc b/.prettierrc index 70489f4..e42a624 100644 --- a/.prettierrc +++ b/.prettierrc @@ -1,5 +1,5 @@ { - "printWidth": 120, + "printWidth": 80, "tabWidth": 2, "singleQuote": true, "jsxBracketSameLine": true diff --git a/.vscode/extensions.json b/.vscode/extensions.json index e37fc43..13f7a70 100644 --- a/.vscode/extensions.json +++ b/.vscode/extensions.json @@ -3,7 +3,9 @@ "ms-azuretools.vscode-azurefunctions", "ms-azuretools.vscode-azurestaticwebapps", "ms-azuretools.vscode-azurestorage", - "ritwickdey.liveserver", - "esbenp.prettier-vscode" + "ms-azuretools.vscode-logicapps", + "dbaeumer.vscode-eslint", + "esbenp.prettier-vscode", + "ritwickdey.liveserver" ] } diff --git a/api/GetTestStatus/function.json b/api/GetClasses/function.json similarity index 100% rename from api/GetTestStatus/function.json rename to api/GetClasses/function.json diff --git a/api/GetClasses/index.js b/api/GetClasses/index.js new file mode 100644 index 0000000..7151d36 --- /dev/null +++ b/api/GetClasses/index.js @@ -0,0 +1,45 @@ +const tableStore = require(`azure-storage`); + +module.exports = async function (context, req) { + context.res = { + status: 200, + body: await getTestStatus(), + headers: { + 'Content-Type': 'application/json', + 'X-Content-Type-Options': 'nosniff', + }, + }; +}; + +async function getTestStatus() { + const tableService = tableStore.createTableService(); + const statusQuery = new tableStore.TableQuery().select([ + `PartitionKey`, + `Status`, + ]); + + return new Promise(function (resolve, reject) { + tableService.queryEntities( + process.env['STATUSTABLE_NAME'], + statusQuery, + null, + function (error, result) { + if (!error) { + let entities = result.entries; + let resultSet = new Array(); + + entities.forEach(function (entity) { + resultSet.push({ + class: entity.PartitionKey._, + status: entity.Status._, + }); + }); + + resolve(JSON.stringify(resultSet)); + } else { + reject(error.message); + } + } + ); + }); +} diff --git a/api/GetTestStatus/index.js b/api/GetTestStatus/index.js deleted file mode 100644 index 1ff3a91..0000000 --- a/api/GetTestStatus/index.js +++ /dev/null @@ -1,37 +0,0 @@ -const tableStore = require(`azure-storage`); - -module.exports = async function (context, req) { - context.res = { - status: 200, - body: await getTestStatus(), - headers: { - 'Content-Type': 'application/json', - 'X-Content-Type-Options': 'nosniff', - }, - }; -}; - -async function getTestStatus() { - const tableService = tableStore.createTableService(); - const statusQuery = new tableStore.TableQuery().select([`PartitionKey`, `Status`]); - - return new Promise(function (resolve, reject) { - tableService.queryEntities(process.env['STATUSTABLE_NAME'], statusQuery, null, function (error, result) { - if (!error) { - let entities = result.entries; - let resultSet = new Array(); - - entities.forEach(function (entity) { - resultSet.push({ - class: entity.PartitionKey._, - status: entity.Status._, - }); - }); - - resolve(JSON.stringify(resultSet)); - } else { - reject(error.message); - } - }); - }); -} diff --git a/api/RemoveClass/index.js b/api/RemoveClass/index.js index 6587116..9355f86 100644 --- a/api/RemoveClass/index.js +++ b/api/RemoveClass/index.js @@ -40,12 +40,16 @@ async function removeClass(testClass) { }; return new Promise(function (resolve, reject) { - tableService.deleteEntity(process.env['STATUSTABLE_NAME'], updatedStatus, function (error) { - if (!error) { - resolve(200); - } else { - reject(500); + tableService.deleteEntity( + process.env['STATUSTABLE_NAME'], + updatedStatus, + function (error) { + if (!error) { + resolve(200); + } else { + reject(500); + } } - }); + ); }); } diff --git a/api/SetTestStatus/function.json b/api/ResetClasses/function.json similarity index 100% rename from api/SetTestStatus/function.json rename to api/ResetClasses/function.json diff --git a/api/resetTestStatus/index.js b/api/ResetClasses/index.js similarity index 53% rename from api/resetTestStatus/index.js rename to api/ResetClasses/index.js index b22fb45..ce31df9 100644 --- a/api/resetTestStatus/index.js +++ b/api/ResetClasses/index.js @@ -1,12 +1,16 @@ const tableStore = require(`azure-storage`); module.exports = async function (context, req) { - const authKey = req.query.authkey || (req.body && req.body.authkey); + const paramAuthKey = req.query.authkey || (req.body && req.body.authkey); + const paramClassStatus = req.query.status || (req.body && req.body.status); + + let classStatus = Number(paramClassStatus) === 3 ? paramClassStatus : 0; + let responseStatus; - if (process.env['RESET_AUTH_KEY'] === authKey) { + if (process.env['RESET_AUTH_KEY'] === paramAuthKey) { let classes = await getClasses(); - responseStatus = await resetTestStatus(classes); + responseStatus = await resetTestStatus(classes, classStatus); } else { responseStatus = 401; } @@ -42,22 +46,27 @@ async function getClasses() { const statusQuery = new tableStore.TableQuery().select(`PartitionKey`); return new Promise(function (resolve) { - tableService.queryEntities(process.env['STATUSTABLE_NAME'], statusQuery, null, function (error, result) { - if (!error) { - let entities = result.entries; - let resultSet = new Array(); + tableService.queryEntities( + process.env['STATUSTABLE_NAME'], + statusQuery, + null, + function (error, result) { + if (!error) { + let entities = result.entries; + let resultSet = new Array(); - entities.forEach(function (entity) { - resultSet.push(entity.PartitionKey._); - }); + entities.forEach(function (entity) { + resultSet.push(entity.PartitionKey._); + }); - resolve(resultSet); + resolve(resultSet); + } } - }); + ); }); } -async function resetTestStatus(classList) { +async function resetTestStatus(classList, classStatus) { const tableService = tableStore.createTableService(); return new Promise(function (resolve, reject) { @@ -70,17 +79,23 @@ async function resetTestStatus(classList) { _: '', }, Status: { - _: 0, + _: Number(classStatus), }, }; - tableService.replaceEntity(process.env['STATUSTABLE_NAME'], updatedStatus, function (error) { - if (!error) { - resolve(200); - } else { - reject(500); + console.log(updatedStatus); + + tableService.replaceEntity( + process.env['STATUSTABLE_NAME'], + updatedStatus, + function (error) { + if (!error) { + resolve(200); + } else { + reject(500); + } } - }); + ); }); }); } diff --git a/api/resetTestStatus/function.json b/api/SetClassStatus/function.json similarity index 100% rename from api/resetTestStatus/function.json rename to api/SetClassStatus/function.json diff --git a/api/SetTestStatus/index.js b/api/SetClassStatus/index.js similarity index 80% rename from api/SetTestStatus/index.js rename to api/SetClassStatus/index.js index a83a1ef..dc64778 100644 --- a/api/SetTestStatus/index.js +++ b/api/SetClassStatus/index.js @@ -44,12 +44,16 @@ async function setTestStatus(testClass, testStatus) { }; return new Promise(function (resolve, reject) { - tableService.insertOrReplaceEntity(process.env['STATUSTABLE_NAME'], updatedStatus, function (error) { - if (!error) { - resolve(200); - } else { - reject(500); + tableService.insertOrReplaceEntity( + process.env['STATUSTABLE_NAME'], + updatedStatus, + function (error) { + if (!error) { + resolve(200); + } else { + reject(500); + } } - }); + ); }); } diff --git a/web/admin/index.html b/web/admin/index.html deleted file mode 100644 index 393f689..0000000 --- a/web/admin/index.html +++ /dev/null @@ -1,159 +0,0 @@ - - - - - - - - - - COVID-19 Test Dashboard | Montessori Erding - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-
-
-
-
-

COVID-19 Test Dashboard

-
-
- - Logout - -
-
-
-
-
-
-

Klassenliste wird geladen

-
-
-
-
-
-
-
-
-
-
-
- - - - - - - - - diff --git a/web/admin/js/script.js b/web/admin/js/script.js deleted file mode 100644 index 5a1d30f..0000000 --- a/web/admin/js/script.js +++ /dev/null @@ -1,166 +0,0 @@ -function getClasses() { - const contentBody = document.querySelector('.content-body'); - - let html = ''; - let rowCount = 0; - - const request = new XMLHttpRequest(); - request.open('POST', '/api/GetTestStatus', true); - request.send(); - - request.addEventListener('load', function () { - const data = JSON.parse(this.response); - - if (request.status >= 200 && request.status < 400) { - let statusColor; - let statusMessage; - let statusProgress; - - data.forEach((entity) => { - switch (entity.status) { - case 0: - statusColor = 'danger'; - statusMessage = 'Test ausstehend'; - statusProgress = 0; - break; - case 1: - statusColor = 'warning'; - statusMessage = 'Es wird getestet'; - statusProgress = 50; - break; - case 2: - statusColor = 'success'; - statusMessage = 'Test abgeschlossen'; - statusProgress = 100; - break; - case 3: - statusColor = 'info'; - statusMessage = 'Heute kein Test'; - statusProgress = 100; - break; - } - - if (rowCount === 0) { - html += `
- `; - } - - html += `
-
-
-
-
-
-

${statusMessage}

-
-
-

${entity.class}

-
-
-
-
-
-
- - - - - -
-
-
-
-
- `; - - if (rowCount === 3) { - html += `
- `; - rowCount = 0; - } else rowCount++; - }); - - if (rowCount != 0) { - html += ` - `; - } - - html += `
-
-
-
-
-
-
-

Neue Klasse hinzufügen

-
-
-
-
-
- -
-
-
- -
-
-
-
-
-
-
- `; - } else { - html = error; - } - //contentBody.insertAdjacentHTML('beforeend', html); - contentBody.innerHTML = html; - }); -} - -function setClassStatus(className, classStatus) { - const params = { - class: className, - status: classStatus, - }; - const options = { - method: 'POST', - body: JSON.stringify(params), - }; - fetch('/api/SetTestStatus', options) - .then((response) => response.json()) - .then((response) => { - getClasses(); - }); -} - -function deleteClass(className) { - const params = { - class: className, - }; - const options = { - method: 'POST', - body: JSON.stringify(params), - }; - fetch('/api/RemoveClass', options) - .then((response) => response.json()) - .then((response) => { - getClasses(); - }); -} - -function showClasses() { - getClasses(); -} - -setInterval(function () { - showClasses(); -}, 120 * 1000); diff --git a/web/css/animate.css b/web/css/animate.css new file mode 100644 index 0000000..4761b9a --- /dev/null +++ b/web/css/animate.css @@ -0,0 +1,3625 @@ +@charset "UTF-8"; + +/*! + * animate.css -https://daneden.github.io/animate.css/ + * Version - 3.7.2 + * Licensed under the MIT license - http://opensource.org/licenses/MIT + * + * Copyright (c) 2019 Daniel Eden + */ + +@-webkit-keyframes bounce { + from, + 20%, + 53%, + 80%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + 40%, + 43% { + -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + -webkit-transform: translate3d(0, -30px, 0); + transform: translate3d(0, -30px, 0); + } + + 70% { + -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + -webkit-transform: translate3d(0, -15px, 0); + transform: translate3d(0, -15px, 0); + } + + 90% { + -webkit-transform: translate3d(0, -4px, 0); + transform: translate3d(0, -4px, 0); + } +} + +@keyframes bounce { + from, + 20%, + 53%, + 80%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + 40%, + 43% { + -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + -webkit-transform: translate3d(0, -30px, 0); + transform: translate3d(0, -30px, 0); + } + + 70% { + -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + -webkit-transform: translate3d(0, -15px, 0); + transform: translate3d(0, -15px, 0); + } + + 90% { + -webkit-transform: translate3d(0, -4px, 0); + transform: translate3d(0, -4px, 0); + } +} + +.bounce { + -webkit-animation-name: bounce; + animation-name: bounce; + -webkit-transform-origin: center bottom; + transform-origin: center bottom; +} + +@-webkit-keyframes flash { + from, + 50%, + to { + opacity: 1; + } + + 25%, + 75% { + opacity: 0; + } +} + +@keyframes flash { + from, + 50%, + to { + opacity: 1; + } + + 25%, + 75% { + opacity: 0; + } +} + +.flash { + -webkit-animation-name: flash; + animation-name: flash; +} + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes pulse { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + + 50% { + -webkit-transform: scale3d(1.05, 1.05, 1.05); + transform: scale3d(1.05, 1.05, 1.05); + } + + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +@keyframes pulse { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + + 50% { + -webkit-transform: scale3d(1.05, 1.05, 1.05); + transform: scale3d(1.05, 1.05, 1.05); + } + + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +.pulse { + -webkit-animation-name: pulse; + animation-name: pulse; +} + +@-webkit-keyframes rubberBand { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + + 30% { + -webkit-transform: scale3d(1.25, 0.75, 1); + transform: scale3d(1.25, 0.75, 1); + } + + 40% { + -webkit-transform: scale3d(0.75, 1.25, 1); + transform: scale3d(0.75, 1.25, 1); + } + + 50% { + -webkit-transform: scale3d(1.15, 0.85, 1); + transform: scale3d(1.15, 0.85, 1); + } + + 65% { + -webkit-transform: scale3d(0.95, 1.05, 1); + transform: scale3d(0.95, 1.05, 1); + } + + 75% { + -webkit-transform: scale3d(1.05, 0.95, 1); + transform: scale3d(1.05, 0.95, 1); + } + + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +@keyframes rubberBand { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + + 30% { + -webkit-transform: scale3d(1.25, 0.75, 1); + transform: scale3d(1.25, 0.75, 1); + } + + 40% { + -webkit-transform: scale3d(0.75, 1.25, 1); + transform: scale3d(0.75, 1.25, 1); + } + + 50% { + -webkit-transform: scale3d(1.15, 0.85, 1); + transform: scale3d(1.15, 0.85, 1); + } + + 65% { + -webkit-transform: scale3d(0.95, 1.05, 1); + transform: scale3d(0.95, 1.05, 1); + } + + 75% { + -webkit-transform: scale3d(1.05, 0.95, 1); + transform: scale3d(1.05, 0.95, 1); + } + + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +.rubberBand { + -webkit-animation-name: rubberBand; + animation-name: rubberBand; +} + +@-webkit-keyframes shake { + from, + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + 10%, + 30%, + 50%, + 70%, + 90% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); + } + + 20%, + 40%, + 60%, + 80% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); + } +} + +@keyframes shake { + from, + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + 10%, + 30%, + 50%, + 70%, + 90% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); + } + + 20%, + 40%, + 60%, + 80% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); + } +} + +.shake { + -webkit-animation-name: shake; + animation-name: shake; +} + +@-webkit-keyframes headShake { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 6.5% { + -webkit-transform: translateX(-6px) rotateY(-9deg); + transform: translateX(-6px) rotateY(-9deg); + } + + 18.5% { + -webkit-transform: translateX(5px) rotateY(7deg); + transform: translateX(5px) rotateY(7deg); + } + + 31.5% { + -webkit-transform: translateX(-3px) rotateY(-5deg); + transform: translateX(-3px) rotateY(-5deg); + } + + 43.5% { + -webkit-transform: translateX(2px) rotateY(3deg); + transform: translateX(2px) rotateY(3deg); + } + + 50% { + -webkit-transform: translateX(0); + transform: translateX(0); + } +} + +@keyframes headShake { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 6.5% { + -webkit-transform: translateX(-6px) rotateY(-9deg); + transform: translateX(-6px) rotateY(-9deg); + } + + 18.5% { + -webkit-transform: translateX(5px) rotateY(7deg); + transform: translateX(5px) rotateY(7deg); + } + + 31.5% { + -webkit-transform: translateX(-3px) rotateY(-5deg); + transform: translateX(-3px) rotateY(-5deg); + } + + 43.5% { + -webkit-transform: translateX(2px) rotateY(3deg); + transform: translateX(2px) rotateY(3deg); + } + + 50% { + -webkit-transform: translateX(0); + transform: translateX(0); + } +} + +.headShake { + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + -webkit-animation-name: headShake; + animation-name: headShake; +} + +@-webkit-keyframes swing { + 20% { + -webkit-transform: rotate3d(0, 0, 1, 15deg); + transform: rotate3d(0, 0, 1, 15deg); + } + + 40% { + -webkit-transform: rotate3d(0, 0, 1, -10deg); + transform: rotate3d(0, 0, 1, -10deg); + } + + 60% { + -webkit-transform: rotate3d(0, 0, 1, 5deg); + transform: rotate3d(0, 0, 1, 5deg); + } + + 80% { + -webkit-transform: rotate3d(0, 0, 1, -5deg); + transform: rotate3d(0, 0, 1, -5deg); + } + + to { + -webkit-transform: rotate3d(0, 0, 1, 0deg); + transform: rotate3d(0, 0, 1, 0deg); + } +} + +@keyframes swing { + 20% { + -webkit-transform: rotate3d(0, 0, 1, 15deg); + transform: rotate3d(0, 0, 1, 15deg); + } + + 40% { + -webkit-transform: rotate3d(0, 0, 1, -10deg); + transform: rotate3d(0, 0, 1, -10deg); + } + + 60% { + -webkit-transform: rotate3d(0, 0, 1, 5deg); + transform: rotate3d(0, 0, 1, 5deg); + } + + 80% { + -webkit-transform: rotate3d(0, 0, 1, -5deg); + transform: rotate3d(0, 0, 1, -5deg); + } + + to { + -webkit-transform: rotate3d(0, 0, 1, 0deg); + transform: rotate3d(0, 0, 1, 0deg); + } +} + +.swing { + -webkit-transform-origin: top center; + transform-origin: top center; + -webkit-animation-name: swing; + animation-name: swing; +} + +@-webkit-keyframes tada { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + + 10%, + 20% { + -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); + transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); + } + + 30%, + 50%, + 70%, + 90% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + } + + 40%, + 60%, + 80% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + } + + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +@keyframes tada { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + + 10%, + 20% { + -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); + transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); + } + + 30%, + 50%, + 70%, + 90% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + } + + 40%, + 60%, + 80% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + } + + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +.tada { + -webkit-animation-name: tada; + animation-name: tada; +} + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes wobble { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + 15% { + -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); + transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); + } + + 30% { + -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); + transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); + } + + 45% { + -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); + transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); + } + + 60% { + -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); + transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); + } + + 75% { + -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); + transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes wobble { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + 15% { + -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); + transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); + } + + 30% { + -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); + transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); + } + + 45% { + -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); + transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); + } + + 60% { + -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); + transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); + } + + 75% { + -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); + transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.wobble { + -webkit-animation-name: wobble; + animation-name: wobble; +} + +@-webkit-keyframes jello { + from, + 11.1%, + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + 22.2% { + -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); + transform: skewX(-12.5deg) skewY(-12.5deg); + } + + 33.3% { + -webkit-transform: skewX(6.25deg) skewY(6.25deg); + transform: skewX(6.25deg) skewY(6.25deg); + } + + 44.4% { + -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); + transform: skewX(-3.125deg) skewY(-3.125deg); + } + + 55.5% { + -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); + transform: skewX(1.5625deg) skewY(1.5625deg); + } + + 66.6% { + -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); + transform: skewX(-0.78125deg) skewY(-0.78125deg); + } + + 77.7% { + -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); + transform: skewX(0.390625deg) skewY(0.390625deg); + } + + 88.8% { + -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); + transform: skewX(-0.1953125deg) skewY(-0.1953125deg); + } +} + +@keyframes jello { + from, + 11.1%, + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + 22.2% { + -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); + transform: skewX(-12.5deg) skewY(-12.5deg); + } + + 33.3% { + -webkit-transform: skewX(6.25deg) skewY(6.25deg); + transform: skewX(6.25deg) skewY(6.25deg); + } + + 44.4% { + -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); + transform: skewX(-3.125deg) skewY(-3.125deg); + } + + 55.5% { + -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); + transform: skewX(1.5625deg) skewY(1.5625deg); + } + + 66.6% { + -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); + transform: skewX(-0.78125deg) skewY(-0.78125deg); + } + + 77.7% { + -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); + transform: skewX(0.390625deg) skewY(0.390625deg); + } + + 88.8% { + -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); + transform: skewX(-0.1953125deg) skewY(-0.1953125deg); + } +} + +.jello { + -webkit-animation-name: jello; + animation-name: jello; + -webkit-transform-origin: center; + transform-origin: center; +} + +@-webkit-keyframes heartBeat { + 0% { + -webkit-transform: scale(1); + transform: scale(1); + } + + 14% { + -webkit-transform: scale(1.3); + transform: scale(1.3); + } + + 28% { + -webkit-transform: scale(1); + transform: scale(1); + } + + 42% { + -webkit-transform: scale(1.3); + transform: scale(1.3); + } + + 70% { + -webkit-transform: scale(1); + transform: scale(1); + } +} + +@keyframes heartBeat { + 0% { + -webkit-transform: scale(1); + transform: scale(1); + } + + 14% { + -webkit-transform: scale(1.3); + transform: scale(1.3); + } + + 28% { + -webkit-transform: scale(1); + transform: scale(1); + } + + 42% { + -webkit-transform: scale(1.3); + transform: scale(1.3); + } + + 70% { + -webkit-transform: scale(1); + transform: scale(1); + } +} + +.heartBeat { + -webkit-animation-name: heartBeat; + animation-name: heartBeat; + -webkit-animation-duration: 1.3s; + animation-duration: 1.3s; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; +} + +@-webkit-keyframes bounceIn { + from, + 20%, + 40%, + 60%, + 80%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + + 0% { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } + + 20% { + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); + } + + 40% { + -webkit-transform: scale3d(0.9, 0.9, 0.9); + transform: scale3d(0.9, 0.9, 0.9); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(1.03, 1.03, 1.03); + transform: scale3d(1.03, 1.03, 1.03); + } + + 80% { + -webkit-transform: scale3d(0.97, 0.97, 0.97); + transform: scale3d(0.97, 0.97, 0.97); + } + + to { + opacity: 1; + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +@keyframes bounceIn { + from, + 20%, + 40%, + 60%, + 80%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + + 0% { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } + + 20% { + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); + } + + 40% { + -webkit-transform: scale3d(0.9, 0.9, 0.9); + transform: scale3d(0.9, 0.9, 0.9); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(1.03, 1.03, 1.03); + transform: scale3d(1.03, 1.03, 1.03); + } + + 80% { + -webkit-transform: scale3d(0.97, 0.97, 0.97); + transform: scale3d(0.97, 0.97, 0.97); + } + + to { + opacity: 1; + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +.bounceIn { + -webkit-animation-duration: 0.75s; + animation-duration: 0.75s; + -webkit-animation-name: bounceIn; + animation-name: bounceIn; +} + +@-webkit-keyframes bounceInDown { + from, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -3000px, 0); + transform: translate3d(0, -3000px, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(0, 25px, 0); + transform: translate3d(0, 25px, 0); + } + + 75% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); + } + + 90% { + -webkit-transform: translate3d(0, 5px, 0); + transform: translate3d(0, 5px, 0); + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes bounceInDown { + from, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -3000px, 0); + transform: translate3d(0, -3000px, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(0, 25px, 0); + transform: translate3d(0, 25px, 0); + } + + 75% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); + } + + 90% { + -webkit-transform: translate3d(0, 5px, 0); + transform: translate3d(0, 5px, 0); + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.bounceInDown { + -webkit-animation-name: bounceInDown; + animation-name: bounceInDown; +} + +@-webkit-keyframes bounceInLeft { + from, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + + 0% { + opacity: 0; + -webkit-transform: translate3d(-3000px, 0, 0); + transform: translate3d(-3000px, 0, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(25px, 0, 0); + transform: translate3d(25px, 0, 0); + } + + 75% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); + } + + 90% { + -webkit-transform: translate3d(5px, 0, 0); + transform: translate3d(5px, 0, 0); + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes bounceInLeft { + from, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + + 0% { + opacity: 0; + -webkit-transform: translate3d(-3000px, 0, 0); + transform: translate3d(-3000px, 0, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(25px, 0, 0); + transform: translate3d(25px, 0, 0); + } + + 75% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); + } + + 90% { + -webkit-transform: translate3d(5px, 0, 0); + transform: translate3d(5px, 0, 0); + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.bounceInLeft { + -webkit-animation-name: bounceInLeft; + animation-name: bounceInLeft; +} + +@-webkit-keyframes bounceInRight { + from, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + + from { + opacity: 0; + -webkit-transform: translate3d(3000px, 0, 0); + transform: translate3d(3000px, 0, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(-25px, 0, 0); + transform: translate3d(-25px, 0, 0); + } + + 75% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); + } + + 90% { + -webkit-transform: translate3d(-5px, 0, 0); + transform: translate3d(-5px, 0, 0); + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes bounceInRight { + from, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + + from { + opacity: 0; + -webkit-transform: translate3d(3000px, 0, 0); + transform: translate3d(3000px, 0, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(-25px, 0, 0); + transform: translate3d(-25px, 0, 0); + } + + 75% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); + } + + 90% { + -webkit-transform: translate3d(-5px, 0, 0); + transform: translate3d(-5px, 0, 0); + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.bounceInRight { + -webkit-animation-name: bounceInRight; + animation-name: bounceInRight; +} + +@-webkit-keyframes bounceInUp { + from, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + + from { + opacity: 0; + -webkit-transform: translate3d(0, 3000px, 0); + transform: translate3d(0, 3000px, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } + + 75% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); + } + + 90% { + -webkit-transform: translate3d(0, -5px, 0); + transform: translate3d(0, -5px, 0); + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes bounceInUp { + from, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + + from { + opacity: 0; + -webkit-transform: translate3d(0, 3000px, 0); + transform: translate3d(0, 3000px, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } + + 75% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); + } + + 90% { + -webkit-transform: translate3d(0, -5px, 0); + transform: translate3d(0, -5px, 0); + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.bounceInUp { + -webkit-animation-name: bounceInUp; + animation-name: bounceInUp; +} + +@-webkit-keyframes bounceOut { + 20% { + -webkit-transform: scale3d(0.9, 0.9, 0.9); + transform: scale3d(0.9, 0.9, 0.9); + } + + 50%, + 55% { + opacity: 1; + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); + } + + to { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } +} + +@keyframes bounceOut { + 20% { + -webkit-transform: scale3d(0.9, 0.9, 0.9); + transform: scale3d(0.9, 0.9, 0.9); + } + + 50%, + 55% { + opacity: 1; + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); + } + + to { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } +} + +.bounceOut { + -webkit-animation-duration: 0.75s; + animation-duration: 0.75s; + -webkit-animation-name: bounceOut; + animation-name: bounceOut; +} + +@-webkit-keyframes bounceOutDown { + 20% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); + } + + 40%, + 45% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } +} + +@keyframes bounceOutDown { + 20% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); + } + + 40%, + 45% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } +} + +.bounceOutDown { + -webkit-animation-name: bounceOutDown; + animation-name: bounceOutDown; +} + +@-webkit-keyframes bounceOutLeft { + 20% { + opacity: 1; + -webkit-transform: translate3d(20px, 0, 0); + transform: translate3d(20px, 0, 0); + } + + to { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } +} + +@keyframes bounceOutLeft { + 20% { + opacity: 1; + -webkit-transform: translate3d(20px, 0, 0); + transform: translate3d(20px, 0, 0); + } + + to { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } +} + +.bounceOutLeft { + -webkit-animation-name: bounceOutLeft; + animation-name: bounceOutLeft; +} + +@-webkit-keyframes bounceOutRight { + 20% { + opacity: 1; + -webkit-transform: translate3d(-20px, 0, 0); + transform: translate3d(-20px, 0, 0); + } + + to { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } +} + +@keyframes bounceOutRight { + 20% { + opacity: 1; + -webkit-transform: translate3d(-20px, 0, 0); + transform: translate3d(-20px, 0, 0); + } + + to { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } +} + +.bounceOutRight { + -webkit-animation-name: bounceOutRight; + animation-name: bounceOutRight; +} + +@-webkit-keyframes bounceOutUp { + 20% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); + } + + 40%, + 45% { + opacity: 1; + -webkit-transform: translate3d(0, 20px, 0); + transform: translate3d(0, 20px, 0); + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } +} + +@keyframes bounceOutUp { + 20% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); + } + + 40%, + 45% { + opacity: 1; + -webkit-transform: translate3d(0, 20px, 0); + transform: translate3d(0, 20px, 0); + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } +} + +.bounceOutUp { + -webkit-animation-name: bounceOutUp; + animation-name: bounceOutUp; +} + +@-webkit-keyframes fadeIn { + from { + opacity: 0; + } + + to { + opacity: 1; + } +} + +@keyframes fadeIn { + from { + opacity: 0; + } + + to { + opacity: 1; + } +} + +.fadeIn { + -webkit-animation-name: fadeIn; + animation-name: fadeIn; +} + +@-webkit-keyframes fadeInDown { + from { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes fadeInDown { + from { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.fadeInDown { + -webkit-animation-name: fadeInDown; + animation-name: fadeInDown; +} + +@-webkit-keyframes fadeInDownBig { + from { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes fadeInDownBig { + from { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.fadeInDownBig { + -webkit-animation-name: fadeInDownBig; + animation-name: fadeInDownBig; +} + +@-webkit-keyframes fadeInLeft { + from { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes fadeInLeft { + from { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.fadeInLeft { + -webkit-animation-name: fadeInLeft; + animation-name: fadeInLeft; +} + +@-webkit-keyframes fadeInLeftBig { + from { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes fadeInLeftBig { + from { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.fadeInLeftBig { + -webkit-animation-name: fadeInLeftBig; + animation-name: fadeInLeftBig; +} + +@-webkit-keyframes fadeInRight { + from { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes fadeInRight { + from { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.fadeInRight { + -webkit-animation-name: fadeInRight; + animation-name: fadeInRight; +} + +@-webkit-keyframes fadeInRightBig { + from { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes fadeInRightBig { + from { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.fadeInRightBig { + -webkit-animation-name: fadeInRightBig; + animation-name: fadeInRightBig; +} + +@-webkit-keyframes fadeInUp { + from { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes fadeInUp { + from { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.fadeInUp { + -webkit-animation-name: fadeInUp; + animation-name: fadeInUp; +} + +@-webkit-keyframes fadeInUpBig { + from { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes fadeInUpBig { + from { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.fadeInUpBig { + -webkit-animation-name: fadeInUpBig; + animation-name: fadeInUpBig; +} + +@-webkit-keyframes fadeOut { + from { + opacity: 1; + } + + to { + opacity: 0; + } +} + +@keyframes fadeOut { + from { + opacity: 1; + } + + to { + opacity: 0; + } +} + +.fadeOut { + -webkit-animation-name: fadeOut; + animation-name: fadeOut; +} + +@-webkit-keyframes fadeOutDown { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } +} + +@keyframes fadeOutDown { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } +} + +.fadeOutDown { + -webkit-animation-name: fadeOutDown; + animation-name: fadeOutDown; +} + +@-webkit-keyframes fadeOutDownBig { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } +} + +@keyframes fadeOutDownBig { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } +} + +.fadeOutDownBig { + -webkit-animation-name: fadeOutDownBig; + animation-name: fadeOutDownBig; +} + +@-webkit-keyframes fadeOutLeft { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } +} + +@keyframes fadeOutLeft { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } +} + +.fadeOutLeft { + -webkit-animation-name: fadeOutLeft; + animation-name: fadeOutLeft; +} + +@-webkit-keyframes fadeOutLeftBig { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } +} + +@keyframes fadeOutLeftBig { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } +} + +.fadeOutLeftBig { + -webkit-animation-name: fadeOutLeftBig; + animation-name: fadeOutLeftBig; +} + +@-webkit-keyframes fadeOutRight { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } +} + +@keyframes fadeOutRight { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } +} + +.fadeOutRight { + -webkit-animation-name: fadeOutRight; + animation-name: fadeOutRight; +} + +@-webkit-keyframes fadeOutRightBig { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } +} + +@keyframes fadeOutRightBig { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } +} + +.fadeOutRightBig { + -webkit-animation-name: fadeOutRightBig; + animation-name: fadeOutRightBig; +} + +@-webkit-keyframes fadeOutUp { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } +} + +@keyframes fadeOutUp { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } +} + +.fadeOutUp { + -webkit-animation-name: fadeOutUp; + animation-name: fadeOutUp; +} + +@-webkit-keyframes fadeOutUpBig { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } +} + +@keyframes fadeOutUpBig { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } +} + +.fadeOutUpBig { + -webkit-animation-name: fadeOutUpBig; + animation-name: fadeOutUpBig; +} + +@-webkit-keyframes flip { + from { + -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) + rotate3d(0, 1, 0, -360deg); + transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + + 40% { + -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) + rotate3d(0, 1, 0, -190deg); + transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) + rotate3d(0, 1, 0, -190deg); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + + 50% { + -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) + rotate3d(0, 1, 0, -170deg); + transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) + rotate3d(0, 1, 0, -170deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 80% { + -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) + rotate3d(0, 1, 0, 0deg); + transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) + rotate3d(0, 1, 0, 0deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + to { + -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) + rotate3d(0, 1, 0, 0deg); + transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } +} + +@keyframes flip { + from { + -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) + rotate3d(0, 1, 0, -360deg); + transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + + 40% { + -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) + rotate3d(0, 1, 0, -190deg); + transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) + rotate3d(0, 1, 0, -190deg); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + + 50% { + -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) + rotate3d(0, 1, 0, -170deg); + transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) + rotate3d(0, 1, 0, -170deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 80% { + -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) + rotate3d(0, 1, 0, 0deg); + transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) + rotate3d(0, 1, 0, 0deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + to { + -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) + rotate3d(0, 1, 0, 0deg); + transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } +} + +.animated.flip { + -webkit-backface-visibility: visible; + backface-visibility: visible; + -webkit-animation-name: flip; + animation-name: flip; +} + +@-webkit-keyframes flipInX { + from { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 60% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); + transform: perspective(400px) rotate3d(1, 0, 0, 10deg); + opacity: 1; + } + + 80% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); + transform: perspective(400px) rotate3d(1, 0, 0, -5deg); + } + + to { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } +} + +@keyframes flipInX { + from { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 60% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); + transform: perspective(400px) rotate3d(1, 0, 0, 10deg); + opacity: 1; + } + + 80% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); + transform: perspective(400px) rotate3d(1, 0, 0, -5deg); + } + + to { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } +} + +.flipInX { + -webkit-backface-visibility: visible !important; + backface-visibility: visible !important; + -webkit-animation-name: flipInX; + animation-name: flipInX; +} + +@-webkit-keyframes flipInY { + from { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); + transform: perspective(400px) rotate3d(0, 1, 0, -20deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 60% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); + transform: perspective(400px) rotate3d(0, 1, 0, 10deg); + opacity: 1; + } + + 80% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); + transform: perspective(400px) rotate3d(0, 1, 0, -5deg); + } + + to { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } +} + +@keyframes flipInY { + from { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); + transform: perspective(400px) rotate3d(0, 1, 0, -20deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 60% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); + transform: perspective(400px) rotate3d(0, 1, 0, 10deg); + opacity: 1; + } + + 80% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); + transform: perspective(400px) rotate3d(0, 1, 0, -5deg); + } + + to { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } +} + +.flipInY { + -webkit-backface-visibility: visible !important; + backface-visibility: visible !important; + -webkit-animation-name: flipInY; + animation-name: flipInY; +} + +@-webkit-keyframes flipOutX { + from { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } + + 30% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + opacity: 1; + } + + to { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + opacity: 0; + } +} + +@keyframes flipOutX { + from { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } + + 30% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + opacity: 1; + } + + to { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + opacity: 0; + } +} + +.flipOutX { + -webkit-animation-duration: 0.75s; + animation-duration: 0.75s; + -webkit-animation-name: flipOutX; + animation-name: flipOutX; + -webkit-backface-visibility: visible !important; + backface-visibility: visible !important; +} + +@-webkit-keyframes flipOutY { + from { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } + + 30% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); + transform: perspective(400px) rotate3d(0, 1, 0, -15deg); + opacity: 1; + } + + to { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + opacity: 0; + } +} + +@keyframes flipOutY { + from { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } + + 30% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); + transform: perspective(400px) rotate3d(0, 1, 0, -15deg); + opacity: 1; + } + + to { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + opacity: 0; + } +} + +.flipOutY { + -webkit-animation-duration: 0.75s; + animation-duration: 0.75s; + -webkit-backface-visibility: visible !important; + backface-visibility: visible !important; + -webkit-animation-name: flipOutY; + animation-name: flipOutY; +} + +@-webkit-keyframes lightSpeedIn { + from { + -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); + transform: translate3d(100%, 0, 0) skewX(-30deg); + opacity: 0; + } + + 60% { + -webkit-transform: skewX(20deg); + transform: skewX(20deg); + opacity: 1; + } + + 80% { + -webkit-transform: skewX(-5deg); + transform: skewX(-5deg); + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes lightSpeedIn { + from { + -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); + transform: translate3d(100%, 0, 0) skewX(-30deg); + opacity: 0; + } + + 60% { + -webkit-transform: skewX(20deg); + transform: skewX(20deg); + opacity: 1; + } + + 80% { + -webkit-transform: skewX(-5deg); + transform: skewX(-5deg); + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.lightSpeedIn { + -webkit-animation-name: lightSpeedIn; + animation-name: lightSpeedIn; + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; +} + +@-webkit-keyframes lightSpeedOut { + from { + opacity: 1; + } + + to { + -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); + transform: translate3d(100%, 0, 0) skewX(30deg); + opacity: 0; + } +} + +@keyframes lightSpeedOut { + from { + opacity: 1; + } + + to { + -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); + transform: translate3d(100%, 0, 0) skewX(30deg); + opacity: 0; + } +} + +.lightSpeedOut { + -webkit-animation-name: lightSpeedOut; + animation-name: lightSpeedOut; + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; +} + +@-webkit-keyframes rotateIn { + from { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: rotate3d(0, 0, 1, -200deg); + transform: rotate3d(0, 0, 1, -200deg); + opacity: 0; + } + + to { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} + +@keyframes rotateIn { + from { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: rotate3d(0, 0, 1, -200deg); + transform: rotate3d(0, 0, 1, -200deg); + opacity: 0; + } + + to { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} + +.rotateIn { + -webkit-animation-name: rotateIn; + animation-name: rotateIn; +} + +@-webkit-keyframes rotateInDownLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } + + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} + +@keyframes rotateInDownLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } + + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} + +.rotateInDownLeft { + -webkit-animation-name: rotateInDownLeft; + animation-name: rotateInDownLeft; +} + +@-webkit-keyframes rotateInDownRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } + + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} + +@keyframes rotateInDownRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } + + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} + +.rotateInDownRight { + -webkit-animation-name: rotateInDownRight; + animation-name: rotateInDownRight; +} + +@-webkit-keyframes rotateInUpLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } + + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} + +@keyframes rotateInUpLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } + + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} + +.rotateInUpLeft { + -webkit-animation-name: rotateInUpLeft; + animation-name: rotateInUpLeft; +} + +@-webkit-keyframes rotateInUpRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, -90deg); + transform: rotate3d(0, 0, 1, -90deg); + opacity: 0; + } + + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} + +@keyframes rotateInUpRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, -90deg); + transform: rotate3d(0, 0, 1, -90deg); + opacity: 0; + } + + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} + +.rotateInUpRight { + -webkit-animation-name: rotateInUpRight; + animation-name: rotateInUpRight; +} + +@-webkit-keyframes rotateOut { + from { + -webkit-transform-origin: center; + transform-origin: center; + opacity: 1; + } + + to { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: rotate3d(0, 0, 1, 200deg); + transform: rotate3d(0, 0, 1, 200deg); + opacity: 0; + } +} + +@keyframes rotateOut { + from { + -webkit-transform-origin: center; + transform-origin: center; + opacity: 1; + } + + to { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: rotate3d(0, 0, 1, 200deg); + transform: rotate3d(0, 0, 1, 200deg); + opacity: 0; + } +} + +.rotateOut { + -webkit-animation-name: rotateOut; + animation-name: rotateOut; +} + +@-webkit-keyframes rotateOutDownLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + opacity: 1; + } + + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } +} + +@keyframes rotateOutDownLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + opacity: 1; + } + + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } +} + +.rotateOutDownLeft { + -webkit-animation-name: rotateOutDownLeft; + animation-name: rotateOutDownLeft; +} + +@-webkit-keyframes rotateOutDownRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + opacity: 1; + } + + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } +} + +@keyframes rotateOutDownRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + opacity: 1; + } + + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } +} + +.rotateOutDownRight { + -webkit-animation-name: rotateOutDownRight; + animation-name: rotateOutDownRight; +} + +@-webkit-keyframes rotateOutUpLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + opacity: 1; + } + + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } +} + +@keyframes rotateOutUpLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + opacity: 1; + } + + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } +} + +.rotateOutUpLeft { + -webkit-animation-name: rotateOutUpLeft; + animation-name: rotateOutUpLeft; +} + +@-webkit-keyframes rotateOutUpRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + opacity: 1; + } + + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, 90deg); + transform: rotate3d(0, 0, 1, 90deg); + opacity: 0; + } +} + +@keyframes rotateOutUpRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + opacity: 1; + } + + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, 90deg); + transform: rotate3d(0, 0, 1, 90deg); + opacity: 0; + } +} + +.rotateOutUpRight { + -webkit-animation-name: rotateOutUpRight; + animation-name: rotateOutUpRight; +} + +@-webkit-keyframes hinge { + 0% { + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 20%, + 60% { + -webkit-transform: rotate3d(0, 0, 1, 80deg); + transform: rotate3d(0, 0, 1, 80deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 40%, + 80% { + -webkit-transform: rotate3d(0, 0, 1, 60deg); + transform: rotate3d(0, 0, 1, 60deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + opacity: 1; + } + + to { + -webkit-transform: translate3d(0, 700px, 0); + transform: translate3d(0, 700px, 0); + opacity: 0; + } +} + +@keyframes hinge { + 0% { + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 20%, + 60% { + -webkit-transform: rotate3d(0, 0, 1, 80deg); + transform: rotate3d(0, 0, 1, 80deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 40%, + 80% { + -webkit-transform: rotate3d(0, 0, 1, 60deg); + transform: rotate3d(0, 0, 1, 60deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + opacity: 1; + } + + to { + -webkit-transform: translate3d(0, 700px, 0); + transform: translate3d(0, 700px, 0); + opacity: 0; + } +} + +.hinge { + -webkit-animation-duration: 2s; + animation-duration: 2s; + -webkit-animation-name: hinge; + animation-name: hinge; +} + +@-webkit-keyframes jackInTheBox { + from { + opacity: 0; + -webkit-transform: scale(0.1) rotate(30deg); + transform: scale(0.1) rotate(30deg); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + } + + 50% { + -webkit-transform: rotate(-10deg); + transform: rotate(-10deg); + } + + 70% { + -webkit-transform: rotate(3deg); + transform: rotate(3deg); + } + + to { + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1); + } +} + +@keyframes jackInTheBox { + from { + opacity: 0; + -webkit-transform: scale(0.1) rotate(30deg); + transform: scale(0.1) rotate(30deg); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + } + + 50% { + -webkit-transform: rotate(-10deg); + transform: rotate(-10deg); + } + + 70% { + -webkit-transform: rotate(3deg); + transform: rotate(3deg); + } + + to { + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1); + } +} + +.jackInTheBox { + -webkit-animation-name: jackInTheBox; + animation-name: jackInTheBox; +} + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes rollIn { + from { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); + transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes rollIn { + from { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); + transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.rollIn { + -webkit-animation-name: rollIn; + animation-name: rollIn; +} + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes rollOut { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); + transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); + } +} + +@keyframes rollOut { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); + transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); + } +} + +.rollOut { + -webkit-animation-name: rollOut; + animation-name: rollOut; +} + +@-webkit-keyframes zoomIn { + from { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } + + 50% { + opacity: 1; + } +} + +@keyframes zoomIn { + from { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } + + 50% { + opacity: 1; + } +} + +.zoomIn { + -webkit-animation-name: zoomIn; + animation-name: zoomIn; +} + +@-webkit-keyframes zoomInDown { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} + +@keyframes zoomInDown { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} + +.zoomInDown { + -webkit-animation-name: zoomInDown; + animation-name: zoomInDown; +} + +@-webkit-keyframes zoomInLeft { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} + +@keyframes zoomInLeft { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} + +.zoomInLeft { + -webkit-animation-name: zoomInLeft; + animation-name: zoomInLeft; +} + +@-webkit-keyframes zoomInRight { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} + +@keyframes zoomInRight { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} + +.zoomInRight { + -webkit-animation-name: zoomInRight; + animation-name: zoomInRight; +} + +@-webkit-keyframes zoomInUp { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} + +@keyframes zoomInUp { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} + +.zoomInUp { + -webkit-animation-name: zoomInUp; + animation-name: zoomInUp; +} + +@-webkit-keyframes zoomOut { + from { + opacity: 1; + } + + 50% { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } + + to { + opacity: 0; + } +} + +@keyframes zoomOut { + from { + opacity: 1; + } + + 50% { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } + + to { + opacity: 0; + } +} + +.zoomOut { + -webkit-animation-name: zoomOut; + animation-name: zoomOut; +} + +@-webkit-keyframes zoomOutDown { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + + to { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} + +@keyframes zoomOutDown { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + + to { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} + +.zoomOutDown { + -webkit-animation-name: zoomOutDown; + animation-name: zoomOutDown; +} + +@-webkit-keyframes zoomOutLeft { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); + } + + to { + opacity: 0; + -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); + transform: scale(0.1) translate3d(-2000px, 0, 0); + -webkit-transform-origin: left center; + transform-origin: left center; + } +} + +@keyframes zoomOutLeft { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); + } + + to { + opacity: 0; + -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); + transform: scale(0.1) translate3d(-2000px, 0, 0); + -webkit-transform-origin: left center; + transform-origin: left center; + } +} + +.zoomOutLeft { + -webkit-animation-name: zoomOutLeft; + animation-name: zoomOutLeft; +} + +@-webkit-keyframes zoomOutRight { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); + } + + to { + opacity: 0; + -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); + transform: scale(0.1) translate3d(2000px, 0, 0); + -webkit-transform-origin: right center; + transform-origin: right center; + } +} + +@keyframes zoomOutRight { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); + } + + to { + opacity: 0; + -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); + transform: scale(0.1) translate3d(2000px, 0, 0); + -webkit-transform-origin: right center; + transform-origin: right center; + } +} + +.zoomOutRight { + -webkit-animation-name: zoomOutRight; + animation-name: zoomOutRight; +} + +@-webkit-keyframes zoomOutUp { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + + to { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} + +@keyframes zoomOutUp { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + + to { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} + +.zoomOutUp { + -webkit-animation-name: zoomOutUp; + animation-name: zoomOutUp; +} + +@-webkit-keyframes slideInDown { + from { + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + visibility: visible; + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes slideInDown { + from { + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + visibility: visible; + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.slideInDown { + -webkit-animation-name: slideInDown; + animation-name: slideInDown; +} + +@-webkit-keyframes slideInLeft { + from { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + visibility: visible; + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes slideInLeft { + from { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + visibility: visible; + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.slideInLeft { + -webkit-animation-name: slideInLeft; + animation-name: slideInLeft; +} + +@-webkit-keyframes slideInRight { + from { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + visibility: visible; + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes slideInRight { + from { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + visibility: visible; + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.slideInRight { + -webkit-animation-name: slideInRight; + animation-name: slideInRight; +} + +@-webkit-keyframes slideInUp { + from { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + visibility: visible; + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes slideInUp { + from { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + visibility: visible; + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.slideInUp { + -webkit-animation-name: slideInUp; + animation-name: slideInUp; +} + +@-webkit-keyframes slideOutDown { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + to { + visibility: hidden; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } +} + +@keyframes slideOutDown { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + to { + visibility: hidden; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } +} + +.slideOutDown { + -webkit-animation-name: slideOutDown; + animation-name: slideOutDown; +} + +@-webkit-keyframes slideOutLeft { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + to { + visibility: hidden; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } +} + +@keyframes slideOutLeft { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + to { + visibility: hidden; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } +} + +.slideOutLeft { + -webkit-animation-name: slideOutLeft; + animation-name: slideOutLeft; +} + +@-webkit-keyframes slideOutRight { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + to { + visibility: hidden; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } +} + +@keyframes slideOutRight { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + to { + visibility: hidden; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } +} + +.slideOutRight { + -webkit-animation-name: slideOutRight; + animation-name: slideOutRight; +} + +@-webkit-keyframes slideOutUp { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + to { + visibility: hidden; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } +} + +@keyframes slideOutUp { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + to { + visibility: hidden; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } +} + +.slideOutUp { + -webkit-animation-name: slideOutUp; + animation-name: slideOutUp; +} + +.animated { + -webkit-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; +} + +.animated.infinite { + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; +} + +.animated.delay-1s { + -webkit-animation-delay: 1s; + animation-delay: 1s; +} + +.animated.delay-2s { + -webkit-animation-delay: 2s; + animation-delay: 2s; +} + +.animated.delay-3s { + -webkit-animation-delay: 3s; + animation-delay: 3s; +} + +.animated.delay-4s { + -webkit-animation-delay: 4s; + animation-delay: 4s; +} + +.animated.delay-5s { + -webkit-animation-delay: 5s; + animation-delay: 5s; +} + +.animated.fast { + -webkit-animation-duration: 800ms; + animation-duration: 800ms; +} + +.animated.faster { + -webkit-animation-duration: 500ms; + animation-duration: 500ms; +} + +.animated.slow { + -webkit-animation-duration: 2s; + animation-duration: 2s; +} + +.animated.slower { + -webkit-animation-duration: 3s; + animation-duration: 3s; +} + +@media (print), (prefers-reduced-motion: reduce) { + .animated { + -webkit-animation-duration: 1ms !important; + animation-duration: 1ms !important; + -webkit-transition-duration: 1ms !important; + transition-duration: 1ms !important; + -webkit-animation-iteration-count: 1 !important; + animation-iteration-count: 1 !important; + } +} diff --git a/web/css/bootstrap-extended.css b/web/css/bootstrap-extended.css index ed221df..822c804 100644 --- a/web/css/bootstrap-extended.css +++ b/web/css/bootstrap-extended.css @@ -196,8 +196,8 @@ pre { .table.table-xs th, .table.table-xs td { padding: 0.4rem 2rem; } -/* -* Table sizing +/* +* Table sizing */ .table-borderless thead th { border-top: 1px solid #e3ebf3; } @@ -220,8 +220,8 @@ pre { border-bottom: inherit; } form { - /* .form-body{ - overflow: hidden; + /* .form-body{ + overflow: hidden; } */ } form label { color: #2b335e; } @@ -724,14 +724,14 @@ select.form-control { .selectBox-arrow-light .selectboxit-default-arrow { border-top-color: #fff; } -/* =============================================================================================== - File Name: navbar.scss - Description: Contain header navigation bar, vertical main navigation bar and - horiznotal main navigation bar related SCSS. - ---------------------------------------------------------------------------------------------- - Item Name: Modern Admin - Clean Bootstrap 4 Dashboard HTML Template - Author: PIXINVENT - Author URL: http://www.themeforest.net/user/pixinvent +/* =============================================================================================== + File Name: navbar.scss + Description: Contain header navigation bar, vertical main navigation bar and + horiznotal main navigation bar related SCSS. + ---------------------------------------------------------------------------------------------- + Item Name: Modern Admin - Clean Bootstrap 4 Dashboard HTML Template + Author: PIXINVENT + Author URL: http://www.themeforest.net/user/pixinvent ================================================================================================*/ .navbar-dark .hamburger-inner, .navbar-dark .hamburger-inner::before, @@ -2203,20 +2203,20 @@ body.vertical-layout.menu-open .main-menu .navigation .navigation-header .nav-me .media-body { flex: 1 0 auto; } } -/*========================================================================================= - File Name: progress.scss - Description: Extended bootstrap progress bar scss. - ---------------------------------------------------------------------------------------- - Item Name: Modern Admin - Clean Bootstrap 4 Dashboard HTML Template - Author: PIXINVENT - Author URL: http://www.themeforest.net/user/pixinvent - ---------------------------------------------------------------------------------------- - - Modifiers: `progress-lg` - `progress-md` - `progress-sm` - `progress-xs` - +/*========================================================================================= + File Name: progress.scss + Description: Extended bootstrap progress bar scss. + ---------------------------------------------------------------------------------------- + Item Name: Modern Admin - Clean Bootstrap 4 Dashboard HTML Template + Author: PIXINVENT + Author URL: http://www.themeforest.net/user/pixinvent + ---------------------------------------------------------------------------------------- + + Modifiers: `progress-lg` + `progress-md` + `progress-sm` + `progress-xs` + ==========================================================================================*/ .progress { margin-bottom: 3rem; } @@ -2235,13 +2235,13 @@ body.vertical-layout.menu-open .main-menu .navigation .navigation-header .nav-me .progress.box-shadow { box-shadow: 0px 10px 15px 0px rgba(107, 111, 130, 0.3); } -/* =============================================================================================== - File Name: list-group.scss - Description: Contain list item, list group related extended SCSS. - ---------------------------------------------------------------------------------------------- - Item Name: Modern Admin - Clean Bootstrap 4 Dashboard HTML Template - Author: PIXINVENT - Author URL: http://www.themeforest.net/user/pixinvent +/* =============================================================================================== + File Name: list-group.scss + Description: Contain list item, list group related extended SCSS. + ---------------------------------------------------------------------------------------------- + Item Name: Modern Admin - Clean Bootstrap 4 Dashboard HTML Template + Author: PIXINVENT + Author URL: http://www.themeforest.net/user/pixinvent ================================================================================================*/ ul.list-inline li { display: inline-block; } diff --git a/web/css/material-colors.css b/web/css/material-colors.css index b7fb8c2..1950c5a 100644 --- a/web/css/material-colors.css +++ b/web/css/material-colors.css @@ -1,11344 +1,15140 @@ .white { - color: #ffffff !important; } + color: #ffffff !important; +} .bg-white { - background-color: #ffffff !important; } - .bg-white .card-header, - .bg-white .card-footer { - background-color: transparent; } - .bg-white.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(255, 255, 255, 0.6); } + background-color: #ffffff !important; +} +.bg-white .card-header, +.bg-white .card-footer { + background-color: transparent; +} +.bg-white.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(255, 255, 255, 0.6); +} .selectboxit.selectboxit-btn.bg-white { - background-color: #ffffff !important; } + background-color: #ffffff !important; +} .alert-white { border-color: #ffffff !important; - background-color: white; } + background-color: white; +} .border-white { border-color: #ffffff; - border: 1px solid; } + border: 1px solid; +} .overlay-white { background: #ffffff; /* The Fallback */ - background: rgba(255, 255, 255, 0.8); } + background: rgba(255, 255, 255, 0.8); +} .color-info.white { - background-color: #ffffff !important; } + background-color: #ffffff !important; +} .btn-white { border-color: !important; background-color: #ffffff !important; - color: #FFFFFF; } - .btn-white:hover { - border-color: !important; - background-color: !important; - color: #FFF !important; } - .btn-white:focus, .btn-white:active { - border-color: !important; - background-color: !important; - color: #FFF !important; } - .btn-white.btn-glow { - box-shadow: 0px 1px 20px 1px rgba(255, 255, 255, 0.6); } + color: #ffffff; +} +.btn-white:hover { + border-color: !important; + background-color: !important; + color: #fff !important; +} +.btn-white:focus, +.btn-white:active { + border-color: !important; + background-color: !important; + color: #fff !important; +} +.btn-white.btn-glow { + box-shadow: 0px 1px 20px 1px rgba(255, 255, 255, 0.6); +} .btn-outline-white { border: 1px solid; border-color: #ffffff; background-color: transparent; - color: #ffffff; } - .btn-outline-white:hover { - background-color: #ffffff; - color: #FFF !important; } - .btn-outline-white.btn-glow { - box-shadow: 0px 1px 20px 1px rgba(255, 255, 255, 0.6); } - -input[type="checkbox"].bg-white + .custom-control-label:before, input[type="radio"].bg-white + .custom-control-label:before { - background-color: #ffffff !important; } - -/* .custom-control-label{ - &:before{ - background-color: #ddd !important; - } + color: #ffffff; +} +.btn-outline-white:hover { + background-color: #ffffff; + color: #fff !important; +} +.btn-outline-white.btn-glow { + box-shadow: 0px 1px 20px 1px rgba(255, 255, 255, 0.6); +} + +input[type='checkbox'].bg-white + .custom-control-label:before, +input[type='radio'].bg-white + .custom-control-label:before { + background-color: #ffffff !important; +} + +/* .custom-control-label{ + &:before{ + background-color: #ddd !important; + } } */ input:focus ~ .bg-white { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffffff !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffffff !important; +} .border-white { - border-color: #ffffff !important; } + border-color: #ffffff !important; +} .border-top-white { - border-top: 1px solid #ffffff; } + border-top: 1px solid #ffffff; +} .border-bottom-white { - border-bottom: 1px solid #ffffff; } + border-bottom: 1px solid #ffffff; +} .border-left-white { - border-left: 1px solid #ffffff; } + border-left: 1px solid #ffffff; +} .border-right-white { - border-right: 1px solid #ffffff; } + border-right: 1px solid #ffffff; +} /* Bullet white */ .bullet.bullet-white { - background-color: #ffffff; } + background-color: #ffffff; +} .black { - color: #000000 !important; } + color: #000000 !important; +} .bg-black { - background-color: #000000 !important; } - .bg-black .card-header, - .bg-black .card-footer { - background-color: transparent; } - .bg-black.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(0, 0, 0, 0.6); } + background-color: #000000 !important; +} +.bg-black .card-header, +.bg-black .card-footer { + background-color: transparent; +} +.bg-black.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(0, 0, 0, 0.6); +} .selectboxit.selectboxit-btn.bg-black { - background-color: #000000 !important; } + background-color: #000000 !important; +} .alert-black { border-color: #000000 !important; - background-color: #242424; } + background-color: #242424; +} .border-black { border-color: #000000; - border: 1px solid; } + border: 1px solid; +} .overlay-black { background: #000000; /* The Fallback */ - background: rgba(0, 0, 0, 0.8); } + background: rgba(0, 0, 0, 0.8); +} .color-info.black { - background-color: #000000 !important; } + background-color: #000000 !important; +} .btn-black { border-color: !important; background-color: #000000 !important; - color: #FFFFFF; } - .btn-black:hover { - border-color: !important; - background-color: !important; - color: #FFF !important; } - .btn-black:focus, .btn-black:active { - border-color: !important; - background-color: !important; - color: #FFF !important; } - .btn-black.btn-glow { - box-shadow: 0px 1px 20px 1px rgba(0, 0, 0, 0.6); } + color: #ffffff; +} +.btn-black:hover { + border-color: !important; + background-color: !important; + color: #fff !important; +} +.btn-black:focus, +.btn-black:active { + border-color: !important; + background-color: !important; + color: #fff !important; +} +.btn-black.btn-glow { + box-shadow: 0px 1px 20px 1px rgba(0, 0, 0, 0.6); +} .btn-outline-black { border: 1px solid; border-color: #000000; background-color: transparent; - color: #000000; } - .btn-outline-black:hover { - background-color: #000000; - color: #FFF !important; } - .btn-outline-black.btn-glow { - box-shadow: 0px 1px 20px 1px rgba(0, 0, 0, 0.6); } - -input[type="checkbox"].bg-black + .custom-control-label:before, input[type="radio"].bg-black + .custom-control-label:before { - background-color: #000000 !important; } - -/* .custom-control-label{ - &:before{ - background-color: #ddd !important; - } + color: #000000; +} +.btn-outline-black:hover { + background-color: #000000; + color: #fff !important; +} +.btn-outline-black.btn-glow { + box-shadow: 0px 1px 20px 1px rgba(0, 0, 0, 0.6); +} + +input[type='checkbox'].bg-black + .custom-control-label:before, +input[type='radio'].bg-black + .custom-control-label:before { + background-color: #000000 !important; +} + +/* .custom-control-label{ + &:before{ + background-color: #ddd !important; + } } */ input:focus ~ .bg-black { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #000000 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #000000 !important; +} .border-black { - border-color: #000000 !important; } + border-color: #000000 !important; +} .border-top-black { - border-top: 1px solid #000000; } + border-top: 1px solid #000000; +} .border-bottom-black { - border-bottom: 1px solid #000000; } + border-bottom: 1px solid #000000; +} .border-left-black { - border-left: 1px solid #000000; } + border-left: 1px solid #000000; +} .border-right-black { - border-right: 1px solid #000000; } + border-right: 1px solid #000000; +} /* Bullet black */ .bullet.bullet-black { - background-color: #000000; } + background-color: #000000; +} .primary.lighten-5 { - color: #ae94dd !important; } + color: #ae94dd !important; +} .bg-primary.bg-lighten-5 { - background-color: #ae94dd !important; } - .bg-primary.bg-lighten-5.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(174, 148, 221, 0.6); } + background-color: #ae94dd !important; +} +.bg-primary.bg-lighten-5.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(174, 148, 221, 0.6); +} .btn-primary.btn-lighten-5 { border-color: #512e90 !important; - background-color: #ae94dd !important; } - .btn-primary.btn-lighten-5:hover { - border-color: #512e90 !important; - background-color: #46287d !important; } - .btn-primary.btn-lighten-5:focus, .btn-primary.btn-lighten-5:active { - border-color: #46287d !important; - background-color: #3b216a !important; } + background-color: #ae94dd !important; +} +.btn-primary.btn-lighten-5:hover { + border-color: #512e90 !important; + background-color: #46287d !important; +} +.btn-primary.btn-lighten-5:focus, +.btn-primary.btn-lighten-5:active { + border-color: #46287d !important; + background-color: #3b216a !important; +} .btn-outline-primary.btn-outline-lighten-5 { border-color: #ae94dd !important; - color: #ae94dd !important; } - .btn-outline-primary.btn-outline-lighten-5:hover { - background-color: #ae94dd !important; } + color: #ae94dd !important; +} +.btn-outline-primary.btn-outline-lighten-5:hover { + background-color: #ae94dd !important; +} input:focus ~ .bg-primary { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ae94dd !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ae94dd !important; +} .border-primary.border-lighten-5 { - border: 1px solid #ae94dd !important; } + border: 1px solid #ae94dd !important; +} .border-top-primary.border-top-lighten-5 { - border-top: 1px solid #ae94dd !important; } + border-top: 1px solid #ae94dd !important; +} .border-bottom-primary.border-bottom-lighten-5 { - border-bottom: 1px solid #ae94dd !important; } + border-bottom: 1px solid #ae94dd !important; +} .border-left-primary.border-left-lighten-5 { - border-left: 1px solid #ae94dd !important; } + border-left: 1px solid #ae94dd !important; +} .border-right-primary.border-right-lighten-5 { - border-right: 1px solid #ae94dd !important; } + border-right: 1px solid #ae94dd !important; +} .overlay-primary.overlay-lighten-5 { background: #ae94dd; /* The Fallback */ - background: rgba(174, 148, 221, 0.8); } + background: rgba(174, 148, 221, 0.8); +} .primary.lighten-4 { - color: #9f80d7 !important; } + color: #9f80d7 !important; +} .bg-primary.bg-lighten-4 { - background-color: #9f80d7 !important; } - .bg-primary.bg-lighten-4.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(159, 128, 215, 0.6); } + background-color: #9f80d7 !important; +} +.bg-primary.bg-lighten-4.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(159, 128, 215, 0.6); +} .btn-primary.btn-lighten-4 { border-color: #512e90 !important; - background-color: #9f80d7 !important; } - .btn-primary.btn-lighten-4:hover { - border-color: #512e90 !important; - background-color: #46287d !important; } - .btn-primary.btn-lighten-4:focus, .btn-primary.btn-lighten-4:active { - border-color: #46287d !important; - background-color: #3b216a !important; } + background-color: #9f80d7 !important; +} +.btn-primary.btn-lighten-4:hover { + border-color: #512e90 !important; + background-color: #46287d !important; +} +.btn-primary.btn-lighten-4:focus, +.btn-primary.btn-lighten-4:active { + border-color: #46287d !important; + background-color: #3b216a !important; +} .btn-outline-primary.btn-outline-lighten-4 { border-color: #9f80d7 !important; - color: #9f80d7 !important; } - .btn-outline-primary.btn-outline-lighten-4:hover { - background-color: #9f80d7 !important; } + color: #9f80d7 !important; +} +.btn-outline-primary.btn-outline-lighten-4:hover { + background-color: #9f80d7 !important; +} input:focus ~ .bg-primary { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #9f80d7 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #9f80d7 !important; +} .border-primary.border-lighten-4 { - border: 1px solid #9f80d7 !important; } + border: 1px solid #9f80d7 !important; +} .border-top-primary.border-top-lighten-4 { - border-top: 1px solid #9f80d7 !important; } + border-top: 1px solid #9f80d7 !important; +} .border-bottom-primary.border-bottom-lighten-4 { - border-bottom: 1px solid #9f80d7 !important; } + border-bottom: 1px solid #9f80d7 !important; +} .border-left-primary.border-left-lighten-4 { - border-left: 1px solid #9f80d7 !important; } + border-left: 1px solid #9f80d7 !important; +} .border-right-primary.border-right-lighten-4 { - border-right: 1px solid #9f80d7 !important; } + border-right: 1px solid #9f80d7 !important; +} .overlay-primary.overlay-lighten-4 { background: #9f80d7; /* The Fallback */ - background: rgba(159, 128, 215, 0.8); } + background: rgba(159, 128, 215, 0.8); +} .primary.lighten-3 { - color: #916dd1 !important; } + color: #916dd1 !important; +} .bg-primary.bg-lighten-3 { - background-color: #916dd1 !important; } - .bg-primary.bg-lighten-3.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(145, 109, 209, 0.6); } + background-color: #916dd1 !important; +} +.bg-primary.bg-lighten-3.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(145, 109, 209, 0.6); +} .btn-primary.btn-lighten-3 { border-color: #512e90 !important; - background-color: #916dd1 !important; } - .btn-primary.btn-lighten-3:hover { - border-color: #512e90 !important; - background-color: #46287d !important; } - .btn-primary.btn-lighten-3:focus, .btn-primary.btn-lighten-3:active { - border-color: #46287d !important; - background-color: #3b216a !important; } + background-color: #916dd1 !important; +} +.btn-primary.btn-lighten-3:hover { + border-color: #512e90 !important; + background-color: #46287d !important; +} +.btn-primary.btn-lighten-3:focus, +.btn-primary.btn-lighten-3:active { + border-color: #46287d !important; + background-color: #3b216a !important; +} .btn-outline-primary.btn-outline-lighten-3 { border-color: #916dd1 !important; - color: #916dd1 !important; } - .btn-outline-primary.btn-outline-lighten-3:hover { - background-color: #916dd1 !important; } + color: #916dd1 !important; +} +.btn-outline-primary.btn-outline-lighten-3:hover { + background-color: #916dd1 !important; +} input:focus ~ .bg-primary { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #916dd1 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #916dd1 !important; +} .border-primary.border-lighten-3 { - border: 1px solid #916dd1 !important; } + border: 1px solid #916dd1 !important; +} .border-top-primary.border-top-lighten-3 { - border-top: 1px solid #916dd1 !important; } + border-top: 1px solid #916dd1 !important; +} .border-bottom-primary.border-bottom-lighten-3 { - border-bottom: 1px solid #916dd1 !important; } + border-bottom: 1px solid #916dd1 !important; +} .border-left-primary.border-left-lighten-3 { - border-left: 1px solid #916dd1 !important; } + border-left: 1px solid #916dd1 !important; +} .border-right-primary.border-right-lighten-3 { - border-right: 1px solid #916dd1 !important; } + border-right: 1px solid #916dd1 !important; +} .overlay-primary.overlay-lighten-3 { background: #916dd1; /* The Fallback */ - background: rgba(145, 109, 209, 0.8); } + background: rgba(145, 109, 209, 0.8); +} .primary.lighten-2 { - color: #8259cb !important; } + color: #8259cb !important; +} .bg-primary.bg-lighten-2 { - background-color: #8259cb !important; } - .bg-primary.bg-lighten-2.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(130, 89, 203, 0.6); } + background-color: #8259cb !important; +} +.bg-primary.bg-lighten-2.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(130, 89, 203, 0.6); +} .btn-primary.btn-lighten-2 { border-color: #512e90 !important; - background-color: #8259cb !important; } - .btn-primary.btn-lighten-2:hover { - border-color: #512e90 !important; - background-color: #46287d !important; } - .btn-primary.btn-lighten-2:focus, .btn-primary.btn-lighten-2:active { - border-color: #46287d !important; - background-color: #3b216a !important; } + background-color: #8259cb !important; +} +.btn-primary.btn-lighten-2:hover { + border-color: #512e90 !important; + background-color: #46287d !important; +} +.btn-primary.btn-lighten-2:focus, +.btn-primary.btn-lighten-2:active { + border-color: #46287d !important; + background-color: #3b216a !important; +} .btn-outline-primary.btn-outline-lighten-2 { border-color: #8259cb !important; - color: #8259cb !important; } - .btn-outline-primary.btn-outline-lighten-2:hover { - background-color: #8259cb !important; } + color: #8259cb !important; +} +.btn-outline-primary.btn-outline-lighten-2:hover { + background-color: #8259cb !important; +} input:focus ~ .bg-primary { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #8259cb !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #8259cb !important; +} .border-primary.border-lighten-2 { - border: 1px solid #8259cb !important; } + border: 1px solid #8259cb !important; +} .border-top-primary.border-top-lighten-2 { - border-top: 1px solid #8259cb !important; } + border-top: 1px solid #8259cb !important; +} .border-bottom-primary.border-bottom-lighten-2 { - border-bottom: 1px solid #8259cb !important; } + border-bottom: 1px solid #8259cb !important; +} .border-left-primary.border-left-lighten-2 { - border-left: 1px solid #8259cb !important; } + border-left: 1px solid #8259cb !important; +} .border-right-primary.border-right-lighten-2 { - border-right: 1px solid #8259cb !important; } + border-right: 1px solid #8259cb !important; +} .overlay-primary.overlay-lighten-2 { background: #8259cb; /* The Fallback */ - background: rgba(130, 89, 203, 0.8); } + background: rgba(130, 89, 203, 0.8); +} .primary.lighten-1 { - color: #7446c4 !important; } + color: #7446c4 !important; +} .bg-primary.bg-lighten-1 { - background-color: #7446c4 !important; } - .bg-primary.bg-lighten-1.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(116, 70, 196, 0.6); } + background-color: #7446c4 !important; +} +.bg-primary.bg-lighten-1.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(116, 70, 196, 0.6); +} .btn-primary.btn-lighten-1 { border-color: #512e90 !important; - background-color: #7446c4 !important; } - .btn-primary.btn-lighten-1:hover { - border-color: #512e90 !important; - background-color: #46287d !important; } - .btn-primary.btn-lighten-1:focus, .btn-primary.btn-lighten-1:active { - border-color: #46287d !important; - background-color: #3b216a !important; } + background-color: #7446c4 !important; +} +.btn-primary.btn-lighten-1:hover { + border-color: #512e90 !important; + background-color: #46287d !important; +} +.btn-primary.btn-lighten-1:focus, +.btn-primary.btn-lighten-1:active { + border-color: #46287d !important; + background-color: #3b216a !important; +} .btn-outline-primary.btn-outline-lighten-1 { border-color: #7446c4 !important; - color: #7446c4 !important; } - .btn-outline-primary.btn-outline-lighten-1:hover { - background-color: #7446c4 !important; } + color: #7446c4 !important; +} +.btn-outline-primary.btn-outline-lighten-1:hover { + background-color: #7446c4 !important; +} input:focus ~ .bg-primary { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #7446c4 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #7446c4 !important; +} .border-primary.border-lighten-1 { - border: 1px solid #7446c4 !important; } + border: 1px solid #7446c4 !important; +} .border-top-primary.border-top-lighten-1 { - border-top: 1px solid #7446c4 !important; } + border-top: 1px solid #7446c4 !important; +} .border-bottom-primary.border-bottom-lighten-1 { - border-bottom: 1px solid #7446c4 !important; } + border-bottom: 1px solid #7446c4 !important; +} .border-left-primary.border-left-lighten-1 { - border-left: 1px solid #7446c4 !important; } + border-left: 1px solid #7446c4 !important; +} .border-right-primary.border-right-lighten-1 { - border-right: 1px solid #7446c4 !important; } + border-right: 1px solid #7446c4 !important; +} .overlay-primary.overlay-lighten-1 { background: #7446c4; /* The Fallback */ - background: rgba(116, 70, 196, 0.8); } + background: rgba(116, 70, 196, 0.8); +} .primary { - color: #673ab7 !important; } + color: #673ab7 !important; +} .bg-primary { - background-color: #673ab7 !important; } - .bg-primary .card-header, - .bg-primary .card-footer { - background-color: transparent; } - .bg-primary.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(103, 58, 183, 0.6); } + background-color: #673ab7 !important; +} +.bg-primary .card-header, +.bg-primary .card-footer { + background-color: transparent; +} +.bg-primary.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(103, 58, 183, 0.6); +} .selectboxit.selectboxit-btn.bg-primary { - background-color: #673ab7 !important; } + background-color: #673ab7 !important; +} .alert-primary { border-color: #673ab7 !important; - background-color: #8e69cf; } + background-color: #8e69cf; +} .border-primary { border-color: #673ab7; - border: 1px solid; } + border: 1px solid; +} .overlay-primary { background: #673ab7; /* The Fallback */ - background: rgba(103, 58, 183, 0.8); } + background: rgba(103, 58, 183, 0.8); +} .color-info.primary { - background-color: #673ab7 !important; } + background-color: #673ab7 !important; +} .btn-primary { border-color: #512e90 !important; background-color: #673ab7 !important; - color: #FFFFFF; } - .btn-primary:hover { - border-color: #5c34a4 !important; - background-color: #7446c4 !important; - color: #FFF !important; } - .btn-primary:focus, .btn-primary:active { - border-color: #512e90 !important; - background-color: #46287d !important; - color: #FFF !important; } - .btn-primary.btn-glow { - box-shadow: 0px 1px 20px 1px rgba(103, 58, 183, 0.6); } + color: #ffffff; +} +.btn-primary:hover { + border-color: #5c34a4 !important; + background-color: #7446c4 !important; + color: #fff !important; +} +.btn-primary:focus, +.btn-primary:active { + border-color: #512e90 !important; + background-color: #46287d !important; + color: #fff !important; +} +.btn-primary.btn-glow { + box-shadow: 0px 1px 20px 1px rgba(103, 58, 183, 0.6); +} .btn-outline-primary { border: 1px solid; border-color: #673ab7; background-color: transparent; - color: #673ab7; } - .btn-outline-primary:hover { - background-color: #673ab7; - color: #FFF !important; } - .btn-outline-primary.btn-glow { - box-shadow: 0px 1px 20px 1px rgba(103, 58, 183, 0.6); } - -input[type="checkbox"].bg-primary + .custom-control-label:before, input[type="radio"].bg-primary + .custom-control-label:before { - background-color: #673ab7 !important; } - -/* .custom-control-label{ - &:before{ - background-color: #ddd !important; - } + color: #673ab7; +} +.btn-outline-primary:hover { + background-color: #673ab7; + color: #fff !important; +} +.btn-outline-primary.btn-glow { + box-shadow: 0px 1px 20px 1px rgba(103, 58, 183, 0.6); +} + +input[type='checkbox'].bg-primary + .custom-control-label:before, +input[type='radio'].bg-primary + .custom-control-label:before { + background-color: #673ab7 !important; +} + +/* .custom-control-label{ + &:before{ + background-color: #ddd !important; + } } */ input:focus ~ .bg-primary { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #673ab7 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #673ab7 !important; +} .border-primary { - border-color: #673ab7 !important; } + border-color: #673ab7 !important; +} .border-top-primary { - border-top: 1px solid #673ab7; } + border-top: 1px solid #673ab7; +} .border-bottom-primary { - border-bottom: 1px solid #673ab7; } + border-bottom: 1px solid #673ab7; +} .border-left-primary { - border-left: 1px solid #673ab7; } + border-left: 1px solid #673ab7; +} .border-right-primary { - border-right: 1px solid #673ab7; } + border-right: 1px solid #673ab7; +} /* Bullet primary */ .bullet.bullet-primary { - background-color: #673ab7; } + background-color: #673ab7; +} .primary.darken-1 { - color: #5c34a4 !important; } + color: #5c34a4 !important; +} .bg-primary.bg-darken-1 { - background-color: #5c34a4 !important; } - .bg-primary.bg-darken-1.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(92, 52, 164, 0.6); } + background-color: #5c34a4 !important; +} +.bg-primary.bg-darken-1.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(92, 52, 164, 0.6); +} .btn-primary.btn-darken-1 { border-color: #512e90 !important; - background-color: #5c34a4 !important; } - .btn-primary.btn-darken-1:hover { - border-color: #512e90 !important; - background-color: #46287d !important; } - .btn-primary.btn-darken-1:focus, .btn-primary.btn-darken-1:active { - border-color: #46287d !important; - background-color: #3b216a !important; } + background-color: #5c34a4 !important; +} +.btn-primary.btn-darken-1:hover { + border-color: #512e90 !important; + background-color: #46287d !important; +} +.btn-primary.btn-darken-1:focus, +.btn-primary.btn-darken-1:active { + border-color: #46287d !important; + background-color: #3b216a !important; +} .btn-outline-primary.btn-outline-darken-1 { border-color: #5c34a4 !important; - color: #5c34a4 !important; } - .btn-outline-primary.btn-outline-darken-1:hover { - background-color: #5c34a4 !important; } + color: #5c34a4 !important; +} +.btn-outline-primary.btn-outline-darken-1:hover { + background-color: #5c34a4 !important; +} input:focus ~ .bg-primary { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #5c34a4 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #5c34a4 !important; +} .border-primary.border-darken-1 { - border: 1px solid #5c34a4 !important; } + border: 1px solid #5c34a4 !important; +} .border-top-primary.border-top-darken-1 { - border-top: 1px solid #5c34a4 !important; } + border-top: 1px solid #5c34a4 !important; +} .border-bottom-primary.border-bottom-darken-1 { - border-bottom: 1px solid #5c34a4 !important; } + border-bottom: 1px solid #5c34a4 !important; +} .border-left-primary.border-left-darken-1 { - border-left: 1px solid #5c34a4 !important; } + border-left: 1px solid #5c34a4 !important; +} .border-right-primary.border-right-darken-1 { - border-right: 1px solid #5c34a4 !important; } + border-right: 1px solid #5c34a4 !important; +} .overlay-primary.overlay-darken-1 { background: #5c34a4; /* The Fallback */ - background: rgba(92, 52, 164, 0.8); } + background: rgba(92, 52, 164, 0.8); +} .primary.darken-2 { - color: #512e90 !important; } + color: #512e90 !important; +} .bg-primary.bg-darken-2 { - background-color: #512e90 !important; } - .bg-primary.bg-darken-2.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(81, 46, 144, 0.6); } + background-color: #512e90 !important; +} +.bg-primary.bg-darken-2.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(81, 46, 144, 0.6); +} .btn-primary.btn-darken-2 { border-color: #512e90 !important; - background-color: #512e90 !important; } - .btn-primary.btn-darken-2:hover { - border-color: #512e90 !important; - background-color: #46287d !important; } - .btn-primary.btn-darken-2:focus, .btn-primary.btn-darken-2:active { - border-color: #46287d !important; - background-color: #3b216a !important; } + background-color: #512e90 !important; +} +.btn-primary.btn-darken-2:hover { + border-color: #512e90 !important; + background-color: #46287d !important; +} +.btn-primary.btn-darken-2:focus, +.btn-primary.btn-darken-2:active { + border-color: #46287d !important; + background-color: #3b216a !important; +} .btn-outline-primary.btn-outline-darken-2 { border-color: #512e90 !important; - color: #512e90 !important; } - .btn-outline-primary.btn-outline-darken-2:hover { - background-color: #512e90 !important; } + color: #512e90 !important; +} +.btn-outline-primary.btn-outline-darken-2:hover { + background-color: #512e90 !important; +} input:focus ~ .bg-primary { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #512e90 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #512e90 !important; +} .border-primary.border-darken-2 { - border: 1px solid #512e90 !important; } + border: 1px solid #512e90 !important; +} .border-top-primary.border-top-darken-2 { - border-top: 1px solid #512e90 !important; } + border-top: 1px solid #512e90 !important; +} .border-bottom-primary.border-bottom-darken-2 { - border-bottom: 1px solid #512e90 !important; } + border-bottom: 1px solid #512e90 !important; +} .border-left-primary.border-left-darken-2 { - border-left: 1px solid #512e90 !important; } + border-left: 1px solid #512e90 !important; +} .border-right-primary.border-right-darken-2 { - border-right: 1px solid #512e90 !important; } + border-right: 1px solid #512e90 !important; +} .overlay-primary.overlay-darken-2 { background: #512e90; /* The Fallback */ - background: rgba(81, 46, 144, 0.8); } + background: rgba(81, 46, 144, 0.8); +} .primary.darken-3 { - color: #46287d !important; } + color: #46287d !important; +} .bg-primary.bg-darken-3 { - background-color: #46287d !important; } - .bg-primary.bg-darken-3.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(70, 40, 125, 0.6); } + background-color: #46287d !important; +} +.bg-primary.bg-darken-3.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(70, 40, 125, 0.6); +} .btn-primary.btn-darken-3 { border-color: #512e90 !important; - background-color: #46287d !important; } - .btn-primary.btn-darken-3:hover { - border-color: #512e90 !important; - background-color: #46287d !important; } - .btn-primary.btn-darken-3:focus, .btn-primary.btn-darken-3:active { - border-color: #46287d !important; - background-color: #3b216a !important; } + background-color: #46287d !important; +} +.btn-primary.btn-darken-3:hover { + border-color: #512e90 !important; + background-color: #46287d !important; +} +.btn-primary.btn-darken-3:focus, +.btn-primary.btn-darken-3:active { + border-color: #46287d !important; + background-color: #3b216a !important; +} .btn-outline-primary.btn-outline-darken-3 { border-color: #46287d !important; - color: #46287d !important; } - .btn-outline-primary.btn-outline-darken-3:hover { - background-color: #46287d !important; } + color: #46287d !important; +} +.btn-outline-primary.btn-outline-darken-3:hover { + background-color: #46287d !important; +} input:focus ~ .bg-primary { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #46287d !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #46287d !important; +} .border-primary.border-darken-3 { - border: 1px solid #46287d !important; } + border: 1px solid #46287d !important; +} .border-top-primary.border-top-darken-3 { - border-top: 1px solid #46287d !important; } + border-top: 1px solid #46287d !important; +} .border-bottom-primary.border-bottom-darken-3 { - border-bottom: 1px solid #46287d !important; } + border-bottom: 1px solid #46287d !important; +} .border-left-primary.border-left-darken-3 { - border-left: 1px solid #46287d !important; } + border-left: 1px solid #46287d !important; +} .border-right-primary.border-right-darken-3 { - border-right: 1px solid #46287d !important; } + border-right: 1px solid #46287d !important; +} .overlay-primary.overlay-darken-3 { background: #46287d; /* The Fallback */ - background: rgba(70, 40, 125, 0.8); } + background: rgba(70, 40, 125, 0.8); +} .primary.darken-4 { - color: #3b216a !important; } + color: #3b216a !important; +} .bg-primary.bg-darken-4 { - background-color: #3b216a !important; } - .bg-primary.bg-darken-4.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(59, 33, 106, 0.6); } + background-color: #3b216a !important; +} +.bg-primary.bg-darken-4.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(59, 33, 106, 0.6); +} .btn-primary.btn-darken-4 { border-color: #512e90 !important; - background-color: #3b216a !important; } - .btn-primary.btn-darken-4:hover { - border-color: #512e90 !important; - background-color: #46287d !important; } - .btn-primary.btn-darken-4:focus, .btn-primary.btn-darken-4:active { - border-color: #46287d !important; - background-color: #3b216a !important; } + background-color: #3b216a !important; +} +.btn-primary.btn-darken-4:hover { + border-color: #512e90 !important; + background-color: #46287d !important; +} +.btn-primary.btn-darken-4:focus, +.btn-primary.btn-darken-4:active { + border-color: #46287d !important; + background-color: #3b216a !important; +} .btn-outline-primary.btn-outline-darken-4 { border-color: #3b216a !important; - color: #3b216a !important; } - .btn-outline-primary.btn-outline-darken-4:hover { - background-color: #3b216a !important; } + color: #3b216a !important; +} +.btn-outline-primary.btn-outline-darken-4:hover { + background-color: #3b216a !important; +} input:focus ~ .bg-primary { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #3b216a !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #3b216a !important; +} .border-primary.border-darken-4 { - border: 1px solid #3b216a !important; } + border: 1px solid #3b216a !important; +} .border-top-primary.border-top-darken-4 { - border-top: 1px solid #3b216a !important; } + border-top: 1px solid #3b216a !important; +} .border-bottom-primary.border-bottom-darken-4 { - border-bottom: 1px solid #3b216a !important; } + border-bottom: 1px solid #3b216a !important; +} .border-left-primary.border-left-darken-4 { - border-left: 1px solid #3b216a !important; } + border-left: 1px solid #3b216a !important; +} .border-right-primary.border-right-darken-4 { - border-right: 1px solid #3b216a !important; } + border-right: 1px solid #3b216a !important; +} .overlay-primary.overlay-darken-4 { background: #3b216a; /* The Fallback */ - background: rgba(59, 33, 106, 0.8); } + background: rgba(59, 33, 106, 0.8); +} .primary.accent-1 { - color: #b388ff !important; } + color: #b388ff !important; +} .bg-primary.bg-accent-1 { - background-color: #b388ff !important; } - .bg-primary.bg-accent-1.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(179, 136, 255, 0.6); } + background-color: #b388ff !important; +} +.bg-primary.bg-accent-1.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(179, 136, 255, 0.6); +} .btn-primary.btn-accent-1 { border-color: #512e90 !important; - background-color: #b388ff !important; } - .btn-primary.btn-accent-1:hover { - border-color: #512e90 !important; - background-color: #46287d !important; } - .btn-primary.btn-accent-1:focus, .btn-primary.btn-accent-1:active { - border-color: #46287d !important; - background-color: #3b216a !important; } + background-color: #b388ff !important; +} +.btn-primary.btn-accent-1:hover { + border-color: #512e90 !important; + background-color: #46287d !important; +} +.btn-primary.btn-accent-1:focus, +.btn-primary.btn-accent-1:active { + border-color: #46287d !important; + background-color: #3b216a !important; +} .btn-outline-primary.btn-outline-accent-1 { border-color: #b388ff !important; - color: #b388ff !important; } - .btn-outline-primary.btn-outline-accent-1:hover { - background-color: #b388ff !important; } + color: #b388ff !important; +} +.btn-outline-primary.btn-outline-accent-1:hover { + background-color: #b388ff !important; +} input:focus ~ .bg-primary { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #b388ff !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #b388ff !important; +} .border-primary.border-accent-1 { - border: 1px solid #b388ff !important; } + border: 1px solid #b388ff !important; +} .border-top-primary.border-top-accent-1 { - border-top: 1px solid #b388ff !important; } + border-top: 1px solid #b388ff !important; +} .border-bottom-primary.border-bottom-accent-1 { - border-bottom: 1px solid #b388ff !important; } + border-bottom: 1px solid #b388ff !important; +} .border-left-primary.border-left-accent-1 { - border-left: 1px solid #b388ff !important; } + border-left: 1px solid #b388ff !important; +} .border-right-primary.border-right-accent-1 { - border-right: 1px solid #b388ff !important; } + border-right: 1px solid #b388ff !important; +} .overlay-primary.overlay-accent-1 { background: #b388ff; /* The Fallback */ - background: rgba(179, 136, 255, 0.8); } + background: rgba(179, 136, 255, 0.8); +} .primary.accent-2 { - color: #7c4dff !important; } + color: #7c4dff !important; +} .bg-primary.bg-accent-2 { - background-color: #7c4dff !important; } - .bg-primary.bg-accent-2.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(124, 77, 255, 0.6); } + background-color: #7c4dff !important; +} +.bg-primary.bg-accent-2.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(124, 77, 255, 0.6); +} .btn-primary.btn-accent-2 { border-color: #512e90 !important; - background-color: #7c4dff !important; } - .btn-primary.btn-accent-2:hover { - border-color: #512e90 !important; - background-color: #46287d !important; } - .btn-primary.btn-accent-2:focus, .btn-primary.btn-accent-2:active { - border-color: #46287d !important; - background-color: #3b216a !important; } + background-color: #7c4dff !important; +} +.btn-primary.btn-accent-2:hover { + border-color: #512e90 !important; + background-color: #46287d !important; +} +.btn-primary.btn-accent-2:focus, +.btn-primary.btn-accent-2:active { + border-color: #46287d !important; + background-color: #3b216a !important; +} .btn-outline-primary.btn-outline-accent-2 { border-color: #7c4dff !important; - color: #7c4dff !important; } - .btn-outline-primary.btn-outline-accent-2:hover { - background-color: #7c4dff !important; } + color: #7c4dff !important; +} +.btn-outline-primary.btn-outline-accent-2:hover { + background-color: #7c4dff !important; +} input:focus ~ .bg-primary { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #7c4dff !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #7c4dff !important; +} .border-primary.border-accent-2 { - border: 1px solid #7c4dff !important; } + border: 1px solid #7c4dff !important; +} .border-top-primary.border-top-accent-2 { - border-top: 1px solid #7c4dff !important; } + border-top: 1px solid #7c4dff !important; +} .border-bottom-primary.border-bottom-accent-2 { - border-bottom: 1px solid #7c4dff !important; } + border-bottom: 1px solid #7c4dff !important; +} .border-left-primary.border-left-accent-2 { - border-left: 1px solid #7c4dff !important; } + border-left: 1px solid #7c4dff !important; +} .border-right-primary.border-right-accent-2 { - border-right: 1px solid #7c4dff !important; } + border-right: 1px solid #7c4dff !important; +} .overlay-primary.overlay-accent-2 { background: #7c4dff; /* The Fallback */ - background: rgba(124, 77, 255, 0.8); } + background: rgba(124, 77, 255, 0.8); +} .primary.accent-3 { - color: #651fff !important; } + color: #651fff !important; +} .bg-primary.bg-accent-3 { - background-color: #651fff !important; } - .bg-primary.bg-accent-3.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(101, 31, 255, 0.6); } + background-color: #651fff !important; +} +.bg-primary.bg-accent-3.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(101, 31, 255, 0.6); +} .btn-primary.btn-accent-3 { border-color: #512e90 !important; - background-color: #651fff !important; } - .btn-primary.btn-accent-3:hover { - border-color: #512e90 !important; - background-color: #46287d !important; } - .btn-primary.btn-accent-3:focus, .btn-primary.btn-accent-3:active { - border-color: #46287d !important; - background-color: #3b216a !important; } + background-color: #651fff !important; +} +.btn-primary.btn-accent-3:hover { + border-color: #512e90 !important; + background-color: #46287d !important; +} +.btn-primary.btn-accent-3:focus, +.btn-primary.btn-accent-3:active { + border-color: #46287d !important; + background-color: #3b216a !important; +} .btn-outline-primary.btn-outline-accent-3 { border-color: #651fff !important; - color: #651fff !important; } - .btn-outline-primary.btn-outline-accent-3:hover { - background-color: #651fff !important; } + color: #651fff !important; +} +.btn-outline-primary.btn-outline-accent-3:hover { + background-color: #651fff !important; +} input:focus ~ .bg-primary { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #651fff !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #651fff !important; +} .border-primary.border-accent-3 { - border: 1px solid #651fff !important; } + border: 1px solid #651fff !important; +} .border-top-primary.border-top-accent-3 { - border-top: 1px solid #651fff !important; } + border-top: 1px solid #651fff !important; +} .border-bottom-primary.border-bottom-accent-3 { - border-bottom: 1px solid #651fff !important; } + border-bottom: 1px solid #651fff !important; +} .border-left-primary.border-left-accent-3 { - border-left: 1px solid #651fff !important; } + border-left: 1px solid #651fff !important; +} .border-right-primary.border-right-accent-3 { - border-right: 1px solid #651fff !important; } + border-right: 1px solid #651fff !important; +} .overlay-primary.overlay-accent-3 { background: #651fff; /* The Fallback */ - background: rgba(101, 31, 255, 0.8); } + background: rgba(101, 31, 255, 0.8); +} .primary.accent-4 { - color: #6200ea !important; } + color: #6200ea !important; +} .bg-primary.bg-accent-4 { - background-color: #6200ea !important; } - .bg-primary.bg-accent-4.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(98, 0, 234, 0.6); } + background-color: #6200ea !important; +} +.bg-primary.bg-accent-4.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(98, 0, 234, 0.6); +} .btn-primary.btn-accent-4 { border-color: #512e90 !important; - background-color: #6200ea !important; } - .btn-primary.btn-accent-4:hover { - border-color: #512e90 !important; - background-color: #46287d !important; } - .btn-primary.btn-accent-4:focus, .btn-primary.btn-accent-4:active { - border-color: #46287d !important; - background-color: #3b216a !important; } + background-color: #6200ea !important; +} +.btn-primary.btn-accent-4:hover { + border-color: #512e90 !important; + background-color: #46287d !important; +} +.btn-primary.btn-accent-4:focus, +.btn-primary.btn-accent-4:active { + border-color: #46287d !important; + background-color: #3b216a !important; +} .btn-outline-primary.btn-outline-accent-4 { border-color: #6200ea !important; - color: #6200ea !important; } - .btn-outline-primary.btn-outline-accent-4:hover { - background-color: #6200ea !important; } + color: #6200ea !important; +} +.btn-outline-primary.btn-outline-accent-4:hover { + background-color: #6200ea !important; +} input:focus ~ .bg-primary { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #6200ea !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #6200ea !important; +} .border-primary.border-accent-4 { - border: 1px solid #6200ea !important; } + border: 1px solid #6200ea !important; +} .border-top-primary.border-top-accent-4 { - border-top: 1px solid #6200ea !important; } + border-top: 1px solid #6200ea !important; +} .border-bottom-primary.border-bottom-accent-4 { - border-bottom: 1px solid #6200ea !important; } + border-bottom: 1px solid #6200ea !important; +} .border-left-primary.border-left-accent-4 { - border-left: 1px solid #6200ea !important; } + border-left: 1px solid #6200ea !important; +} .border-right-primary.border-right-accent-4 { - border-right: 1px solid #6200ea !important; } + border-right: 1px solid #6200ea !important; +} .overlay-primary.overlay-accent-4 { background: #6200ea; /* The Fallback */ - background: rgba(98, 0, 234, 0.8); } + background: rgba(98, 0, 234, 0.8); +} .secondary.lighten-5 { - color: #a8bac3 !important; } + color: #a8bac3 !important; +} .bg-secondary.bg-lighten-5 { - background-color: #a8bac3 !important; } - .bg-secondary.bg-lighten-5.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(168, 186, 195, 0.6); } + background-color: #a8bac3 !important; +} +.bg-secondary.bg-lighten-5.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(168, 186, 195, 0.6); +} .btn-secondary.btn-lighten-5 { border-color: #4b626d !important; - background-color: #a8bac3 !important; } - .btn-secondary.btn-lighten-5:hover { - border-color: #4b626d !important; - background-color: #41545e !important; } - .btn-secondary.btn-lighten-5:focus, .btn-secondary.btn-lighten-5:active { - border-color: #41545e !important; - background-color: #36474f !important; } + background-color: #a8bac3 !important; +} +.btn-secondary.btn-lighten-5:hover { + border-color: #4b626d !important; + background-color: #41545e !important; +} +.btn-secondary.btn-lighten-5:focus, +.btn-secondary.btn-lighten-5:active { + border-color: #41545e !important; + background-color: #36474f !important; +} .btn-outline-secondary.btn-outline-lighten-5 { border-color: #a8bac3 !important; - color: #a8bac3 !important; } - .btn-outline-secondary.btn-outline-lighten-5:hover { - background-color: #a8bac3 !important; } + color: #a8bac3 !important; +} +.btn-outline-secondary.btn-outline-lighten-5:hover { + background-color: #a8bac3 !important; +} input:focus ~ .bg-secondary { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #a8bac3 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #a8bac3 !important; +} .border-secondary.border-lighten-5 { - border: 1px solid #a8bac3 !important; } + border: 1px solid #a8bac3 !important; +} .border-top-secondary.border-top-lighten-5 { - border-top: 1px solid #a8bac3 !important; } + border-top: 1px solid #a8bac3 !important; +} .border-bottom-secondary.border-bottom-lighten-5 { - border-bottom: 1px solid #a8bac3 !important; } + border-bottom: 1px solid #a8bac3 !important; +} .border-left-secondary.border-left-lighten-5 { - border-left: 1px solid #a8bac3 !important; } + border-left: 1px solid #a8bac3 !important; +} .border-right-secondary.border-right-lighten-5 { - border-right: 1px solid #a8bac3 !important; } + border-right: 1px solid #a8bac3 !important; +} .overlay-secondary.overlay-lighten-5 { background: #a8bac3; /* The Fallback */ - background: rgba(168, 186, 195, 0.8); } + background: rgba(168, 186, 195, 0.8); +} .secondary.lighten-4 { - color: #99aeb8 !important; } + color: #99aeb8 !important; +} .bg-secondary.bg-lighten-4 { - background-color: #99aeb8 !important; } - .bg-secondary.bg-lighten-4.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(153, 174, 184, 0.6); } + background-color: #99aeb8 !important; +} +.bg-secondary.bg-lighten-4.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(153, 174, 184, 0.6); +} .btn-secondary.btn-lighten-4 { border-color: #4b626d !important; - background-color: #99aeb8 !important; } - .btn-secondary.btn-lighten-4:hover { - border-color: #4b626d !important; - background-color: #41545e !important; } - .btn-secondary.btn-lighten-4:focus, .btn-secondary.btn-lighten-4:active { - border-color: #41545e !important; - background-color: #36474f !important; } + background-color: #99aeb8 !important; +} +.btn-secondary.btn-lighten-4:hover { + border-color: #4b626d !important; + background-color: #41545e !important; +} +.btn-secondary.btn-lighten-4:focus, +.btn-secondary.btn-lighten-4:active { + border-color: #41545e !important; + background-color: #36474f !important; +} .btn-outline-secondary.btn-outline-lighten-4 { border-color: #99aeb8 !important; - color: #99aeb8 !important; } - .btn-outline-secondary.btn-outline-lighten-4:hover { - background-color: #99aeb8 !important; } + color: #99aeb8 !important; +} +.btn-outline-secondary.btn-outline-lighten-4:hover { + background-color: #99aeb8 !important; +} input:focus ~ .bg-secondary { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #99aeb8 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #99aeb8 !important; +} .border-secondary.border-lighten-4 { - border: 1px solid #99aeb8 !important; } + border: 1px solid #99aeb8 !important; +} .border-top-secondary.border-top-lighten-4 { - border-top: 1px solid #99aeb8 !important; } + border-top: 1px solid #99aeb8 !important; +} .border-bottom-secondary.border-bottom-lighten-4 { - border-bottom: 1px solid #99aeb8 !important; } + border-bottom: 1px solid #99aeb8 !important; +} .border-left-secondary.border-left-lighten-4 { - border-left: 1px solid #99aeb8 !important; } + border-left: 1px solid #99aeb8 !important; +} .border-right-secondary.border-right-lighten-4 { - border-right: 1px solid #99aeb8 !important; } + border-right: 1px solid #99aeb8 !important; +} .overlay-secondary.overlay-lighten-4 { background: #99aeb8; /* The Fallback */ - background: rgba(153, 174, 184, 0.8); } + background: rgba(153, 174, 184, 0.8); +} .secondary.lighten-3 { - color: #8aa2ae !important; } + color: #8aa2ae !important; +} .bg-secondary.bg-lighten-3 { - background-color: #8aa2ae !important; } - .bg-secondary.bg-lighten-3.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(138, 162, 174, 0.6); } + background-color: #8aa2ae !important; +} +.bg-secondary.bg-lighten-3.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(138, 162, 174, 0.6); +} .btn-secondary.btn-lighten-3 { border-color: #4b626d !important; - background-color: #8aa2ae !important; } - .btn-secondary.btn-lighten-3:hover { - border-color: #4b626d !important; - background-color: #41545e !important; } - .btn-secondary.btn-lighten-3:focus, .btn-secondary.btn-lighten-3:active { - border-color: #41545e !important; - background-color: #36474f !important; } + background-color: #8aa2ae !important; +} +.btn-secondary.btn-lighten-3:hover { + border-color: #4b626d !important; + background-color: #41545e !important; +} +.btn-secondary.btn-lighten-3:focus, +.btn-secondary.btn-lighten-3:active { + border-color: #41545e !important; + background-color: #36474f !important; +} .btn-outline-secondary.btn-outline-lighten-3 { border-color: #8aa2ae !important; - color: #8aa2ae !important; } - .btn-outline-secondary.btn-outline-lighten-3:hover { - background-color: #8aa2ae !important; } + color: #8aa2ae !important; +} +.btn-outline-secondary.btn-outline-lighten-3:hover { + background-color: #8aa2ae !important; +} input:focus ~ .bg-secondary { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #8aa2ae !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #8aa2ae !important; +} .border-secondary.border-lighten-3 { - border: 1px solid #8aa2ae !important; } + border: 1px solid #8aa2ae !important; +} .border-top-secondary.border-top-lighten-3 { - border-top: 1px solid #8aa2ae !important; } + border-top: 1px solid #8aa2ae !important; +} .border-bottom-secondary.border-bottom-lighten-3 { - border-bottom: 1px solid #8aa2ae !important; } + border-bottom: 1px solid #8aa2ae !important; +} .border-left-secondary.border-left-lighten-3 { - border-left: 1px solid #8aa2ae !important; } + border-left: 1px solid #8aa2ae !important; +} .border-right-secondary.border-right-lighten-3 { - border-right: 1px solid #8aa2ae !important; } + border-right: 1px solid #8aa2ae !important; +} .overlay-secondary.overlay-lighten-3 { background: #8aa2ae; /* The Fallback */ - background: rgba(138, 162, 174, 0.8); } + background: rgba(138, 162, 174, 0.8); +} .secondary.lighten-2 { - color: #7b96a3 !important; } + color: #7b96a3 !important; +} .bg-secondary.bg-lighten-2 { - background-color: #7b96a3 !important; } - .bg-secondary.bg-lighten-2.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(123, 150, 163, 0.6); } + background-color: #7b96a3 !important; +} +.bg-secondary.bg-lighten-2.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(123, 150, 163, 0.6); +} .btn-secondary.btn-lighten-2 { border-color: #4b626d !important; - background-color: #7b96a3 !important; } - .btn-secondary.btn-lighten-2:hover { - border-color: #4b626d !important; - background-color: #41545e !important; } - .btn-secondary.btn-lighten-2:focus, .btn-secondary.btn-lighten-2:active { - border-color: #41545e !important; - background-color: #36474f !important; } + background-color: #7b96a3 !important; +} +.btn-secondary.btn-lighten-2:hover { + border-color: #4b626d !important; + background-color: #41545e !important; +} +.btn-secondary.btn-lighten-2:focus, +.btn-secondary.btn-lighten-2:active { + border-color: #41545e !important; + background-color: #36474f !important; +} .btn-outline-secondary.btn-outline-lighten-2 { border-color: #7b96a3 !important; - color: #7b96a3 !important; } - .btn-outline-secondary.btn-outline-lighten-2:hover { - background-color: #7b96a3 !important; } + color: #7b96a3 !important; +} +.btn-outline-secondary.btn-outline-lighten-2:hover { + background-color: #7b96a3 !important; +} input:focus ~ .bg-secondary { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #7b96a3 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #7b96a3 !important; +} .border-secondary.border-lighten-2 { - border: 1px solid #7b96a3 !important; } + border: 1px solid #7b96a3 !important; +} .border-top-secondary.border-top-lighten-2 { - border-top: 1px solid #7b96a3 !important; } + border-top: 1px solid #7b96a3 !important; +} .border-bottom-secondary.border-bottom-lighten-2 { - border-bottom: 1px solid #7b96a3 !important; } + border-bottom: 1px solid #7b96a3 !important; +} .border-left-secondary.border-left-lighten-2 { - border-left: 1px solid #7b96a3 !important; } + border-left: 1px solid #7b96a3 !important; +} .border-right-secondary.border-right-lighten-2 { - border-right: 1px solid #7b96a3 !important; } + border-right: 1px solid #7b96a3 !important; +} .overlay-secondary.overlay-lighten-2 { background: #7b96a3; /* The Fallback */ - background: rgba(123, 150, 163, 0.8); } + background: rgba(123, 150, 163, 0.8); +} .secondary.lighten-1 { - color: #6b8a99 !important; } + color: #6b8a99 !important; +} .bg-secondary.bg-lighten-1 { - background-color: #6b8a99 !important; } - .bg-secondary.bg-lighten-1.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(107, 138, 153, 0.6); } + background-color: #6b8a99 !important; +} +.bg-secondary.bg-lighten-1.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(107, 138, 153, 0.6); +} .btn-secondary.btn-lighten-1 { border-color: #4b626d !important; - background-color: #6b8a99 !important; } - .btn-secondary.btn-lighten-1:hover { - border-color: #4b626d !important; - background-color: #41545e !important; } - .btn-secondary.btn-lighten-1:focus, .btn-secondary.btn-lighten-1:active { - border-color: #41545e !important; - background-color: #36474f !important; } + background-color: #6b8a99 !important; +} +.btn-secondary.btn-lighten-1:hover { + border-color: #4b626d !important; + background-color: #41545e !important; +} +.btn-secondary.btn-lighten-1:focus, +.btn-secondary.btn-lighten-1:active { + border-color: #41545e !important; + background-color: #36474f !important; +} .btn-outline-secondary.btn-outline-lighten-1 { border-color: #6b8a99 !important; - color: #6b8a99 !important; } - .btn-outline-secondary.btn-outline-lighten-1:hover { - background-color: #6b8a99 !important; } + color: #6b8a99 !important; +} +.btn-outline-secondary.btn-outline-lighten-1:hover { + background-color: #6b8a99 !important; +} input:focus ~ .bg-secondary { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #6b8a99 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #6b8a99 !important; +} .border-secondary.border-lighten-1 { - border: 1px solid #6b8a99 !important; } + border: 1px solid #6b8a99 !important; +} .border-top-secondary.border-top-lighten-1 { - border-top: 1px solid #6b8a99 !important; } + border-top: 1px solid #6b8a99 !important; +} .border-bottom-secondary.border-bottom-lighten-1 { - border-bottom: 1px solid #6b8a99 !important; } + border-bottom: 1px solid #6b8a99 !important; +} .border-left-secondary.border-left-lighten-1 { - border-left: 1px solid #6b8a99 !important; } + border-left: 1px solid #6b8a99 !important; +} .border-right-secondary.border-right-lighten-1 { - border-right: 1px solid #6b8a99 !important; } + border-right: 1px solid #6b8a99 !important; +} .overlay-secondary.overlay-lighten-1 { background: #6b8a99; /* The Fallback */ - background: rgba(107, 138, 153, 0.8); } + background: rgba(107, 138, 153, 0.8); +} .secondary { - color: #607d8b !important; } + color: #607d8b !important; +} .bg-secondary { - background-color: #607d8b !important; } - .bg-secondary .card-header, - .bg-secondary .card-footer { - background-color: transparent; } - .bg-secondary.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(96, 125, 139, 0.6); } + background-color: #607d8b !important; +} +.bg-secondary .card-header, +.bg-secondary .card-footer { + background-color: transparent; +} +.bg-secondary.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(96, 125, 139, 0.6); +} .selectboxit.selectboxit-btn.bg-secondary { - background-color: #607d8b !important; } + background-color: #607d8b !important; +} .alert-secondary { border-color: #607d8b !important; - background-color: #87a0ac; } + background-color: #87a0ac; +} .border-secondary { border-color: #607d8b; - border: 1px solid; } + border: 1px solid; +} .overlay-secondary { background: #607d8b; /* The Fallback */ - background: rgba(96, 125, 139, 0.8); } + background: rgba(96, 125, 139, 0.8); +} .color-info.secondary { - background-color: #607d8b !important; } + background-color: #607d8b !important; +} .btn-secondary { border-color: #4b626d !important; background-color: #607d8b !important; - color: #FFFFFF; } - .btn-secondary:hover { - border-color: #566f7c !important; - background-color: #6b8a99 !important; - color: #FFF !important; } - .btn-secondary:focus, .btn-secondary:active { - border-color: #4b626d !important; - background-color: #41545e !important; - color: #FFF !important; } - .btn-secondary.btn-glow { - box-shadow: 0px 1px 20px 1px rgba(96, 125, 139, 0.6); } + color: #ffffff; +} +.btn-secondary:hover { + border-color: #566f7c !important; + background-color: #6b8a99 !important; + color: #fff !important; +} +.btn-secondary:focus, +.btn-secondary:active { + border-color: #4b626d !important; + background-color: #41545e !important; + color: #fff !important; +} +.btn-secondary.btn-glow { + box-shadow: 0px 1px 20px 1px rgba(96, 125, 139, 0.6); +} .btn-outline-secondary { border: 1px solid; border-color: #607d8b; background-color: transparent; - color: #607d8b; } - .btn-outline-secondary:hover { - background-color: #607d8b; - color: #FFF !important; } - .btn-outline-secondary.btn-glow { - box-shadow: 0px 1px 20px 1px rgba(96, 125, 139, 0.6); } - -input[type="checkbox"].bg-secondary + .custom-control-label:before, input[type="radio"].bg-secondary + .custom-control-label:before { - background-color: #607d8b !important; } - -/* .custom-control-label{ - &:before{ - background-color: #ddd !important; - } + color: #607d8b; +} +.btn-outline-secondary:hover { + background-color: #607d8b; + color: #fff !important; +} +.btn-outline-secondary.btn-glow { + box-shadow: 0px 1px 20px 1px rgba(96, 125, 139, 0.6); +} + +input[type='checkbox'].bg-secondary + .custom-control-label:before, +input[type='radio'].bg-secondary + .custom-control-label:before { + background-color: #607d8b !important; +} + +/* .custom-control-label{ + &:before{ + background-color: #ddd !important; + } } */ input:focus ~ .bg-secondary { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #607d8b !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #607d8b !important; +} .border-secondary { - border-color: #607d8b !important; } + border-color: #607d8b !important; +} .border-top-secondary { - border-top: 1px solid #607d8b; } + border-top: 1px solid #607d8b; +} .border-bottom-secondary { - border-bottom: 1px solid #607d8b; } + border-bottom: 1px solid #607d8b; +} .border-left-secondary { - border-left: 1px solid #607d8b; } + border-left: 1px solid #607d8b; +} .border-right-secondary { - border-right: 1px solid #607d8b; } + border-right: 1px solid #607d8b; +} /* Bullet secondary */ .bullet.bullet-secondary { - background-color: #607d8b; } + background-color: #607d8b; +} .secondary.darken-1 { - color: #566f7c !important; } + color: #566f7c !important; +} .bg-secondary.bg-darken-1 { - background-color: #566f7c !important; } - .bg-secondary.bg-darken-1.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(86, 111, 124, 0.6); } + background-color: #566f7c !important; +} +.bg-secondary.bg-darken-1.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(86, 111, 124, 0.6); +} .btn-secondary.btn-darken-1 { border-color: #4b626d !important; - background-color: #566f7c !important; } - .btn-secondary.btn-darken-1:hover { - border-color: #4b626d !important; - background-color: #41545e !important; } - .btn-secondary.btn-darken-1:focus, .btn-secondary.btn-darken-1:active { - border-color: #41545e !important; - background-color: #36474f !important; } + background-color: #566f7c !important; +} +.btn-secondary.btn-darken-1:hover { + border-color: #4b626d !important; + background-color: #41545e !important; +} +.btn-secondary.btn-darken-1:focus, +.btn-secondary.btn-darken-1:active { + border-color: #41545e !important; + background-color: #36474f !important; +} .btn-outline-secondary.btn-outline-darken-1 { border-color: #566f7c !important; - color: #566f7c !important; } - .btn-outline-secondary.btn-outline-darken-1:hover { - background-color: #566f7c !important; } + color: #566f7c !important; +} +.btn-outline-secondary.btn-outline-darken-1:hover { + background-color: #566f7c !important; +} input:focus ~ .bg-secondary { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #566f7c !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #566f7c !important; +} .border-secondary.border-darken-1 { - border: 1px solid #566f7c !important; } + border: 1px solid #566f7c !important; +} .border-top-secondary.border-top-darken-1 { - border-top: 1px solid #566f7c !important; } + border-top: 1px solid #566f7c !important; +} .border-bottom-secondary.border-bottom-darken-1 { - border-bottom: 1px solid #566f7c !important; } + border-bottom: 1px solid #566f7c !important; +} .border-left-secondary.border-left-darken-1 { - border-left: 1px solid #566f7c !important; } + border-left: 1px solid #566f7c !important; +} .border-right-secondary.border-right-darken-1 { - border-right: 1px solid #566f7c !important; } + border-right: 1px solid #566f7c !important; +} .overlay-secondary.overlay-darken-1 { background: #566f7c; /* The Fallback */ - background: rgba(86, 111, 124, 0.8); } + background: rgba(86, 111, 124, 0.8); +} .secondary.darken-2 { - color: #4b626d !important; } + color: #4b626d !important; +} .bg-secondary.bg-darken-2 { - background-color: #4b626d !important; } - .bg-secondary.bg-darken-2.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(75, 98, 109, 0.6); } + background-color: #4b626d !important; +} +.bg-secondary.bg-darken-2.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(75, 98, 109, 0.6); +} .btn-secondary.btn-darken-2 { border-color: #4b626d !important; - background-color: #4b626d !important; } - .btn-secondary.btn-darken-2:hover { - border-color: #4b626d !important; - background-color: #41545e !important; } - .btn-secondary.btn-darken-2:focus, .btn-secondary.btn-darken-2:active { - border-color: #41545e !important; - background-color: #36474f !important; } + background-color: #4b626d !important; +} +.btn-secondary.btn-darken-2:hover { + border-color: #4b626d !important; + background-color: #41545e !important; +} +.btn-secondary.btn-darken-2:focus, +.btn-secondary.btn-darken-2:active { + border-color: #41545e !important; + background-color: #36474f !important; +} .btn-outline-secondary.btn-outline-darken-2 { border-color: #4b626d !important; - color: #4b626d !important; } - .btn-outline-secondary.btn-outline-darken-2:hover { - background-color: #4b626d !important; } + color: #4b626d !important; +} +.btn-outline-secondary.btn-outline-darken-2:hover { + background-color: #4b626d !important; +} input:focus ~ .bg-secondary { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #4b626d !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #4b626d !important; +} .border-secondary.border-darken-2 { - border: 1px solid #4b626d !important; } + border: 1px solid #4b626d !important; +} .border-top-secondary.border-top-darken-2 { - border-top: 1px solid #4b626d !important; } + border-top: 1px solid #4b626d !important; +} .border-bottom-secondary.border-bottom-darken-2 { - border-bottom: 1px solid #4b626d !important; } + border-bottom: 1px solid #4b626d !important; +} .border-left-secondary.border-left-darken-2 { - border-left: 1px solid #4b626d !important; } + border-left: 1px solid #4b626d !important; +} .border-right-secondary.border-right-darken-2 { - border-right: 1px solid #4b626d !important; } + border-right: 1px solid #4b626d !important; +} .overlay-secondary.overlay-darken-2 { background: #4b626d; /* The Fallback */ - background: rgba(75, 98, 109, 0.8); } + background: rgba(75, 98, 109, 0.8); +} .secondary.darken-3 { - color: #41545e !important; } + color: #41545e !important; +} .bg-secondary.bg-darken-3 { - background-color: #41545e !important; } - .bg-secondary.bg-darken-3.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(65, 84, 94, 0.6); } + background-color: #41545e !important; +} +.bg-secondary.bg-darken-3.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(65, 84, 94, 0.6); +} .btn-secondary.btn-darken-3 { border-color: #4b626d !important; - background-color: #41545e !important; } - .btn-secondary.btn-darken-3:hover { - border-color: #4b626d !important; - background-color: #41545e !important; } - .btn-secondary.btn-darken-3:focus, .btn-secondary.btn-darken-3:active { - border-color: #41545e !important; - background-color: #36474f !important; } + background-color: #41545e !important; +} +.btn-secondary.btn-darken-3:hover { + border-color: #4b626d !important; + background-color: #41545e !important; +} +.btn-secondary.btn-darken-3:focus, +.btn-secondary.btn-darken-3:active { + border-color: #41545e !important; + background-color: #36474f !important; +} .btn-outline-secondary.btn-outline-darken-3 { border-color: #41545e !important; - color: #41545e !important; } - .btn-outline-secondary.btn-outline-darken-3:hover { - background-color: #41545e !important; } + color: #41545e !important; +} +.btn-outline-secondary.btn-outline-darken-3:hover { + background-color: #41545e !important; +} input:focus ~ .bg-secondary { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #41545e !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #41545e !important; +} .border-secondary.border-darken-3 { - border: 1px solid #41545e !important; } + border: 1px solid #41545e !important; +} .border-top-secondary.border-top-darken-3 { - border-top: 1px solid #41545e !important; } + border-top: 1px solid #41545e !important; +} .border-bottom-secondary.border-bottom-darken-3 { - border-bottom: 1px solid #41545e !important; } + border-bottom: 1px solid #41545e !important; +} .border-left-secondary.border-left-darken-3 { - border-left: 1px solid #41545e !important; } + border-left: 1px solid #41545e !important; +} .border-right-secondary.border-right-darken-3 { - border-right: 1px solid #41545e !important; } + border-right: 1px solid #41545e !important; +} .overlay-secondary.overlay-darken-3 { background: #41545e; /* The Fallback */ - background: rgba(65, 84, 94, 0.8); } + background: rgba(65, 84, 94, 0.8); +} .secondary.darken-4 { - color: #36474f !important; } + color: #36474f !important; +} .bg-secondary.bg-darken-4 { - background-color: #36474f !important; } - .bg-secondary.bg-darken-4.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(54, 71, 79, 0.6); } + background-color: #36474f !important; +} +.bg-secondary.bg-darken-4.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(54, 71, 79, 0.6); +} .btn-secondary.btn-darken-4 { border-color: #4b626d !important; - background-color: #36474f !important; } - .btn-secondary.btn-darken-4:hover { - border-color: #4b626d !important; - background-color: #41545e !important; } - .btn-secondary.btn-darken-4:focus, .btn-secondary.btn-darken-4:active { - border-color: #41545e !important; - background-color: #36474f !important; } + background-color: #36474f !important; +} +.btn-secondary.btn-darken-4:hover { + border-color: #4b626d !important; + background-color: #41545e !important; +} +.btn-secondary.btn-darken-4:focus, +.btn-secondary.btn-darken-4:active { + border-color: #41545e !important; + background-color: #36474f !important; +} .btn-outline-secondary.btn-outline-darken-4 { border-color: #36474f !important; - color: #36474f !important; } - .btn-outline-secondary.btn-outline-darken-4:hover { - background-color: #36474f !important; } + color: #36474f !important; +} +.btn-outline-secondary.btn-outline-darken-4:hover { + background-color: #36474f !important; +} input:focus ~ .bg-secondary { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #36474f !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #36474f !important; +} .border-secondary.border-darken-4 { - border: 1px solid #36474f !important; } + border: 1px solid #36474f !important; +} .border-top-secondary.border-top-darken-4 { - border-top: 1px solid #36474f !important; } + border-top: 1px solid #36474f !important; +} .border-bottom-secondary.border-bottom-darken-4 { - border-bottom: 1px solid #36474f !important; } + border-bottom: 1px solid #36474f !important; +} .border-left-secondary.border-left-darken-4 { - border-left: 1px solid #36474f !important; } + border-left: 1px solid #36474f !important; +} .border-right-secondary.border-right-darken-4 { - border-right: 1px solid #36474f !important; } + border-right: 1px solid #36474f !important; +} .overlay-secondary.overlay-darken-4 { background: #36474f; /* The Fallback */ - background: rgba(54, 71, 79, 0.8); } + background: rgba(54, 71, 79, 0.8); +} .success.lighten-5 { - color: #c8e3aa !important; } + color: #c8e3aa !important; +} .bg-success.bg-lighten-5 { - background-color: #c8e3aa !important; } - .bg-success.bg-lighten-5.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(200, 227, 170, 0.6); } + background-color: #c8e3aa !important; +} +.bg-success.bg-lighten-5.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(200, 227, 170, 0.6); +} .btn-success.btn-lighten-5 { border-color: #71a436 !important; - background-color: #c8e3aa !important; } - .btn-success.btn-lighten-5:hover { - border-color: #71a436 !important; - background-color: #649130 !important; } - .btn-success.btn-lighten-5:focus, .btn-success.btn-lighten-5:active { - border-color: #649130 !important; - background-color: #577d2a !important; } + background-color: #c8e3aa !important; +} +.btn-success.btn-lighten-5:hover { + border-color: #71a436 !important; + background-color: #649130 !important; +} +.btn-success.btn-lighten-5:focus, +.btn-success.btn-lighten-5:active { + border-color: #649130 !important; + background-color: #577d2a !important; +} .btn-outline-success.btn-outline-lighten-5 { border-color: #c8e3aa !important; - color: #c8e3aa !important; } - .btn-outline-success.btn-outline-lighten-5:hover { - background-color: #c8e3aa !important; } + color: #c8e3aa !important; +} +.btn-outline-success.btn-outline-lighten-5:hover { + background-color: #c8e3aa !important; +} input:focus ~ .bg-success { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #c8e3aa !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #c8e3aa !important; +} .border-success.border-lighten-5 { - border: 1px solid #c8e3aa !important; } + border: 1px solid #c8e3aa !important; +} .border-top-success.border-top-lighten-5 { - border-top: 1px solid #c8e3aa !important; } + border-top: 1px solid #c8e3aa !important; +} .border-bottom-success.border-bottom-lighten-5 { - border-bottom: 1px solid #c8e3aa !important; } + border-bottom: 1px solid #c8e3aa !important; +} .border-left-success.border-left-lighten-5 { - border-left: 1px solid #c8e3aa !important; } + border-left: 1px solid #c8e3aa !important; +} .border-right-success.border-right-lighten-5 { - border-right: 1px solid #c8e3aa !important; } + border-right: 1px solid #c8e3aa !important; +} .overlay-success.overlay-lighten-5 { background: #c8e3aa; /* The Fallback */ - background: rgba(200, 227, 170, 0.8); } + background: rgba(200, 227, 170, 0.8); +} .success.lighten-4 { - color: #bcdc97 !important; } + color: #bcdc97 !important; +} .bg-success.bg-lighten-4 { - background-color: #bcdc97 !important; } - .bg-success.bg-lighten-4.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(188, 220, 151, 0.6); } + background-color: #bcdc97 !important; +} +.bg-success.bg-lighten-4.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(188, 220, 151, 0.6); +} .btn-success.btn-lighten-4 { border-color: #71a436 !important; - background-color: #bcdc97 !important; } - .btn-success.btn-lighten-4:hover { - border-color: #71a436 !important; - background-color: #649130 !important; } - .btn-success.btn-lighten-4:focus, .btn-success.btn-lighten-4:active { - border-color: #649130 !important; - background-color: #577d2a !important; } + background-color: #bcdc97 !important; +} +.btn-success.btn-lighten-4:hover { + border-color: #71a436 !important; + background-color: #649130 !important; +} +.btn-success.btn-lighten-4:focus, +.btn-success.btn-lighten-4:active { + border-color: #649130 !important; + background-color: #577d2a !important; +} .btn-outline-success.btn-outline-lighten-4 { border-color: #bcdc97 !important; - color: #bcdc97 !important; } - .btn-outline-success.btn-outline-lighten-4:hover { - background-color: #bcdc97 !important; } + color: #bcdc97 !important; +} +.btn-outline-success.btn-outline-lighten-4:hover { + background-color: #bcdc97 !important; +} input:focus ~ .bg-success { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #bcdc97 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #bcdc97 !important; +} .border-success.border-lighten-4 { - border: 1px solid #bcdc97 !important; } + border: 1px solid #bcdc97 !important; +} .border-top-success.border-top-lighten-4 { - border-top: 1px solid #bcdc97 !important; } + border-top: 1px solid #bcdc97 !important; +} .border-bottom-success.border-bottom-lighten-4 { - border-bottom: 1px solid #bcdc97 !important; } + border-bottom: 1px solid #bcdc97 !important; +} .border-left-success.border-left-lighten-4 { - border-left: 1px solid #bcdc97 !important; } + border-left: 1px solid #bcdc97 !important; +} .border-right-success.border-right-lighten-4 { - border-right: 1px solid #bcdc97 !important; } + border-right: 1px solid #bcdc97 !important; +} .overlay-success.overlay-lighten-4 { background: #bcdc97; /* The Fallback */ - background: rgba(188, 220, 151, 0.8); } + background: rgba(188, 220, 151, 0.8); +} .success.lighten-3 { - color: #b0d683 !important; } + color: #b0d683 !important; +} .bg-success.bg-lighten-3 { - background-color: #b0d683 !important; } - .bg-success.bg-lighten-3.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(176, 214, 131, 0.6); } + background-color: #b0d683 !important; +} +.bg-success.bg-lighten-3.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(176, 214, 131, 0.6); +} .btn-success.btn-lighten-3 { border-color: #71a436 !important; - background-color: #b0d683 !important; } - .btn-success.btn-lighten-3:hover { - border-color: #71a436 !important; - background-color: #649130 !important; } - .btn-success.btn-lighten-3:focus, .btn-success.btn-lighten-3:active { - border-color: #649130 !important; - background-color: #577d2a !important; } + background-color: #b0d683 !important; +} +.btn-success.btn-lighten-3:hover { + border-color: #71a436 !important; + background-color: #649130 !important; +} +.btn-success.btn-lighten-3:focus, +.btn-success.btn-lighten-3:active { + border-color: #649130 !important; + background-color: #577d2a !important; +} .btn-outline-success.btn-outline-lighten-3 { border-color: #b0d683 !important; - color: #b0d683 !important; } - .btn-outline-success.btn-outline-lighten-3:hover { - background-color: #b0d683 !important; } + color: #b0d683 !important; +} +.btn-outline-success.btn-outline-lighten-3:hover { + background-color: #b0d683 !important; +} input:focus ~ .bg-success { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #b0d683 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #b0d683 !important; +} .border-success.border-lighten-3 { - border: 1px solid #b0d683 !important; } + border: 1px solid #b0d683 !important; +} .border-top-success.border-top-lighten-3 { - border-top: 1px solid #b0d683 !important; } + border-top: 1px solid #b0d683 !important; +} .border-bottom-success.border-bottom-lighten-3 { - border-bottom: 1px solid #b0d683 !important; } + border-bottom: 1px solid #b0d683 !important; +} .border-left-success.border-left-lighten-3 { - border-left: 1px solid #b0d683 !important; } + border-left: 1px solid #b0d683 !important; +} .border-right-success.border-right-lighten-3 { - border-right: 1px solid #b0d683 !important; } + border-right: 1px solid #b0d683 !important; +} .overlay-success.overlay-lighten-3 { background: #b0d683; /* The Fallback */ - background: rgba(176, 214, 131, 0.8); } + background: rgba(176, 214, 131, 0.8); +} .success.lighten-2 { - color: #a4d070 !important; } + color: #a4d070 !important; +} .bg-success.bg-lighten-2 { - background-color: #a4d070 !important; } - .bg-success.bg-lighten-2.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(164, 208, 112, 0.6); } + background-color: #a4d070 !important; +} +.bg-success.bg-lighten-2.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(164, 208, 112, 0.6); +} .btn-success.btn-lighten-2 { border-color: #71a436 !important; - background-color: #a4d070 !important; } - .btn-success.btn-lighten-2:hover { - border-color: #71a436 !important; - background-color: #649130 !important; } - .btn-success.btn-lighten-2:focus, .btn-success.btn-lighten-2:active { - border-color: #649130 !important; - background-color: #577d2a !important; } + background-color: #a4d070 !important; +} +.btn-success.btn-lighten-2:hover { + border-color: #71a436 !important; + background-color: #649130 !important; +} +.btn-success.btn-lighten-2:focus, +.btn-success.btn-lighten-2:active { + border-color: #649130 !important; + background-color: #577d2a !important; +} .btn-outline-success.btn-outline-lighten-2 { border-color: #a4d070 !important; - color: #a4d070 !important; } - .btn-outline-success.btn-outline-lighten-2:hover { - background-color: #a4d070 !important; } + color: #a4d070 !important; +} +.btn-outline-success.btn-outline-lighten-2:hover { + background-color: #a4d070 !important; +} input:focus ~ .bg-success { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #a4d070 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #a4d070 !important; +} .border-success.border-lighten-2 { - border: 1px solid #a4d070 !important; } + border: 1px solid #a4d070 !important; +} .border-top-success.border-top-lighten-2 { - border-top: 1px solid #a4d070 !important; } + border-top: 1px solid #a4d070 !important; +} .border-bottom-success.border-bottom-lighten-2 { - border-bottom: 1px solid #a4d070 !important; } + border-bottom: 1px solid #a4d070 !important; +} .border-left-success.border-left-lighten-2 { - border-left: 1px solid #a4d070 !important; } + border-left: 1px solid #a4d070 !important; +} .border-right-success.border-right-lighten-2 { - border-right: 1px solid #a4d070 !important; } + border-right: 1px solid #a4d070 !important; +} .overlay-success.overlay-lighten-2 { background: #a4d070; /* The Fallback */ - background: rgba(164, 208, 112, 0.8); } + background: rgba(164, 208, 112, 0.8); +} .success.lighten-1 { - color: #97c95d !important; } + color: #97c95d !important; +} .bg-success.bg-lighten-1 { - background-color: #97c95d !important; } - .bg-success.bg-lighten-1.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(151, 201, 93, 0.6); } + background-color: #97c95d !important; +} +.bg-success.bg-lighten-1.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(151, 201, 93, 0.6); +} .btn-success.btn-lighten-1 { border-color: #71a436 !important; - background-color: #97c95d !important; } - .btn-success.btn-lighten-1:hover { - border-color: #71a436 !important; - background-color: #649130 !important; } - .btn-success.btn-lighten-1:focus, .btn-success.btn-lighten-1:active { - border-color: #649130 !important; - background-color: #577d2a !important; } + background-color: #97c95d !important; +} +.btn-success.btn-lighten-1:hover { + border-color: #71a436 !important; + background-color: #649130 !important; +} +.btn-success.btn-lighten-1:focus, +.btn-success.btn-lighten-1:active { + border-color: #649130 !important; + background-color: #577d2a !important; +} .btn-outline-success.btn-outline-lighten-1 { border-color: #97c95d !important; - color: #97c95d !important; } - .btn-outline-success.btn-outline-lighten-1:hover { - background-color: #97c95d !important; } + color: #97c95d !important; +} +.btn-outline-success.btn-outline-lighten-1:hover { + background-color: #97c95d !important; +} input:focus ~ .bg-success { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #97c95d !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #97c95d !important; +} .border-success.border-lighten-1 { - border: 1px solid #97c95d !important; } + border: 1px solid #97c95d !important; +} .border-top-success.border-top-lighten-1 { - border-top: 1px solid #97c95d !important; } + border-top: 1px solid #97c95d !important; +} .border-bottom-success.border-bottom-lighten-1 { - border-bottom: 1px solid #97c95d !important; } + border-bottom: 1px solid #97c95d !important; +} .border-left-success.border-left-lighten-1 { - border-left: 1px solid #97c95d !important; } + border-left: 1px solid #97c95d !important; +} .border-right-success.border-right-lighten-1 { - border-right: 1px solid #97c95d !important; } + border-right: 1px solid #97c95d !important; +} .overlay-success.overlay-lighten-1 { background: #97c95d; /* The Fallback */ - background: rgba(151, 201, 93, 0.8); } + background: rgba(151, 201, 93, 0.8); +} .success { - color: #8bc34a !important; } + color: #8bc34a !important; +} .bg-success { - background-color: #8bc34a !important; } - .bg-success .card-header, - .bg-success .card-footer { - background-color: transparent; } - .bg-success.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(139, 195, 74, 0.6); } + background-color: #8bc34a !important; +} +.bg-success .card-header, +.bg-success .card-footer { + background-color: transparent; +} +.bg-success.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(139, 195, 74, 0.6); +} .selectboxit.selectboxit-btn.bg-success { - background-color: #8bc34a !important; } + background-color: #8bc34a !important; +} .alert-success { border-color: #8bc34a !important; - background-color: #add580; } + background-color: #add580; +} .border-success { border-color: #8bc34a; - border: 1px solid; } + border: 1px solid; +} .overlay-success { background: #8bc34a; /* The Fallback */ - background: rgba(139, 195, 74, 0.8); } + background: rgba(139, 195, 74, 0.8); +} .color-info.success { - background-color: #8bc34a !important; } + background-color: #8bc34a !important; +} .btn-success { border-color: #71a436 !important; background-color: #8bc34a !important; - color: #FFFFFF; } - .btn-success:hover { - border-color: #7eb73d !important; - background-color: #97c95d !important; - color: #FFF !important; } - .btn-success:focus, .btn-success:active { - border-color: #71a436 !important; - background-color: #649130 !important; - color: #FFF !important; } - .btn-success.btn-glow { - box-shadow: 0px 1px 20px 1px rgba(139, 195, 74, 0.6); } + color: #ffffff; +} +.btn-success:hover { + border-color: #7eb73d !important; + background-color: #97c95d !important; + color: #fff !important; +} +.btn-success:focus, +.btn-success:active { + border-color: #71a436 !important; + background-color: #649130 !important; + color: #fff !important; +} +.btn-success.btn-glow { + box-shadow: 0px 1px 20px 1px rgba(139, 195, 74, 0.6); +} .btn-outline-success { border: 1px solid; border-color: #8bc34a; background-color: transparent; - color: #8bc34a; } - .btn-outline-success:hover { - background-color: #8bc34a; - color: #FFF !important; } - .btn-outline-success.btn-glow { - box-shadow: 0px 1px 20px 1px rgba(139, 195, 74, 0.6); } - -input[type="checkbox"].bg-success + .custom-control-label:before, input[type="radio"].bg-success + .custom-control-label:before { - background-color: #8bc34a !important; } - -/* .custom-control-label{ - &:before{ - background-color: #ddd !important; - } + color: #8bc34a; +} +.btn-outline-success:hover { + background-color: #8bc34a; + color: #fff !important; +} +.btn-outline-success.btn-glow { + box-shadow: 0px 1px 20px 1px rgba(139, 195, 74, 0.6); +} + +input[type='checkbox'].bg-success + .custom-control-label:before, +input[type='radio'].bg-success + .custom-control-label:before { + background-color: #8bc34a !important; +} + +/* .custom-control-label{ + &:before{ + background-color: #ddd !important; + } } */ input:focus ~ .bg-success { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #8bc34a !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #8bc34a !important; +} .border-success { - border-color: #8bc34a !important; } + border-color: #8bc34a !important; +} .border-top-success { - border-top: 1px solid #8bc34a; } + border-top: 1px solid #8bc34a; +} .border-bottom-success { - border-bottom: 1px solid #8bc34a; } + border-bottom: 1px solid #8bc34a; +} .border-left-success { - border-left: 1px solid #8bc34a; } + border-left: 1px solid #8bc34a; +} .border-right-success { - border-right: 1px solid #8bc34a; } + border-right: 1px solid #8bc34a; +} /* Bullet success */ .bullet.bullet-success { - background-color: #8bc34a; } + background-color: #8bc34a; +} .success.darken-1 { - color: #7eb73d !important; } + color: #7eb73d !important; +} .bg-success.bg-darken-1 { - background-color: #7eb73d !important; } - .bg-success.bg-darken-1.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(126, 183, 61, 0.6); } + background-color: #7eb73d !important; +} +.bg-success.bg-darken-1.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(126, 183, 61, 0.6); +} .btn-success.btn-darken-1 { border-color: #71a436 !important; - background-color: #7eb73d !important; } - .btn-success.btn-darken-1:hover { - border-color: #71a436 !important; - background-color: #649130 !important; } - .btn-success.btn-darken-1:focus, .btn-success.btn-darken-1:active { - border-color: #649130 !important; - background-color: #577d2a !important; } + background-color: #7eb73d !important; +} +.btn-success.btn-darken-1:hover { + border-color: #71a436 !important; + background-color: #649130 !important; +} +.btn-success.btn-darken-1:focus, +.btn-success.btn-darken-1:active { + border-color: #649130 !important; + background-color: #577d2a !important; +} .btn-outline-success.btn-outline-darken-1 { border-color: #7eb73d !important; - color: #7eb73d !important; } - .btn-outline-success.btn-outline-darken-1:hover { - background-color: #7eb73d !important; } + color: #7eb73d !important; +} +.btn-outline-success.btn-outline-darken-1:hover { + background-color: #7eb73d !important; +} input:focus ~ .bg-success { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #7eb73d !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #7eb73d !important; +} .border-success.border-darken-1 { - border: 1px solid #7eb73d !important; } + border: 1px solid #7eb73d !important; +} .border-top-success.border-top-darken-1 { - border-top: 1px solid #7eb73d !important; } + border-top: 1px solid #7eb73d !important; +} .border-bottom-success.border-bottom-darken-1 { - border-bottom: 1px solid #7eb73d !important; } + border-bottom: 1px solid #7eb73d !important; +} .border-left-success.border-left-darken-1 { - border-left: 1px solid #7eb73d !important; } + border-left: 1px solid #7eb73d !important; +} .border-right-success.border-right-darken-1 { - border-right: 1px solid #7eb73d !important; } + border-right: 1px solid #7eb73d !important; +} .overlay-success.overlay-darken-1 { background: #7eb73d; /* The Fallback */ - background: rgba(126, 183, 61, 0.8); } + background: rgba(126, 183, 61, 0.8); +} .success.darken-2 { - color: #71a436 !important; } + color: #71a436 !important; +} .bg-success.bg-darken-2 { - background-color: #71a436 !important; } - .bg-success.bg-darken-2.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(113, 164, 54, 0.6); } + background-color: #71a436 !important; +} +.bg-success.bg-darken-2.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(113, 164, 54, 0.6); +} .btn-success.btn-darken-2 { border-color: #71a436 !important; - background-color: #71a436 !important; } - .btn-success.btn-darken-2:hover { - border-color: #71a436 !important; - background-color: #649130 !important; } - .btn-success.btn-darken-2:focus, .btn-success.btn-darken-2:active { - border-color: #649130 !important; - background-color: #577d2a !important; } + background-color: #71a436 !important; +} +.btn-success.btn-darken-2:hover { + border-color: #71a436 !important; + background-color: #649130 !important; +} +.btn-success.btn-darken-2:focus, +.btn-success.btn-darken-2:active { + border-color: #649130 !important; + background-color: #577d2a !important; +} .btn-outline-success.btn-outline-darken-2 { border-color: #71a436 !important; - color: #71a436 !important; } - .btn-outline-success.btn-outline-darken-2:hover { - background-color: #71a436 !important; } + color: #71a436 !important; +} +.btn-outline-success.btn-outline-darken-2:hover { + background-color: #71a436 !important; +} input:focus ~ .bg-success { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #71a436 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #71a436 !important; +} .border-success.border-darken-2 { - border: 1px solid #71a436 !important; } + border: 1px solid #71a436 !important; +} .border-top-success.border-top-darken-2 { - border-top: 1px solid #71a436 !important; } + border-top: 1px solid #71a436 !important; +} .border-bottom-success.border-bottom-darken-2 { - border-bottom: 1px solid #71a436 !important; } + border-bottom: 1px solid #71a436 !important; +} .border-left-success.border-left-darken-2 { - border-left: 1px solid #71a436 !important; } + border-left: 1px solid #71a436 !important; +} .border-right-success.border-right-darken-2 { - border-right: 1px solid #71a436 !important; } + border-right: 1px solid #71a436 !important; +} .overlay-success.overlay-darken-2 { background: #71a436; /* The Fallback */ - background: rgba(113, 164, 54, 0.8); } + background: rgba(113, 164, 54, 0.8); +} .success.darken-3 { - color: #649130 !important; } + color: #649130 !important; +} .bg-success.bg-darken-3 { - background-color: #649130 !important; } - .bg-success.bg-darken-3.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(100, 145, 48, 0.6); } + background-color: #649130 !important; +} +.bg-success.bg-darken-3.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(100, 145, 48, 0.6); +} .btn-success.btn-darken-3 { border-color: #71a436 !important; - background-color: #649130 !important; } - .btn-success.btn-darken-3:hover { - border-color: #71a436 !important; - background-color: #649130 !important; } - .btn-success.btn-darken-3:focus, .btn-success.btn-darken-3:active { - border-color: #649130 !important; - background-color: #577d2a !important; } + background-color: #649130 !important; +} +.btn-success.btn-darken-3:hover { + border-color: #71a436 !important; + background-color: #649130 !important; +} +.btn-success.btn-darken-3:focus, +.btn-success.btn-darken-3:active { + border-color: #649130 !important; + background-color: #577d2a !important; +} .btn-outline-success.btn-outline-darken-3 { border-color: #649130 !important; - color: #649130 !important; } - .btn-outline-success.btn-outline-darken-3:hover { - background-color: #649130 !important; } + color: #649130 !important; +} +.btn-outline-success.btn-outline-darken-3:hover { + background-color: #649130 !important; +} input:focus ~ .bg-success { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #649130 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #649130 !important; +} .border-success.border-darken-3 { - border: 1px solid #649130 !important; } + border: 1px solid #649130 !important; +} .border-top-success.border-top-darken-3 { - border-top: 1px solid #649130 !important; } + border-top: 1px solid #649130 !important; +} .border-bottom-success.border-bottom-darken-3 { - border-bottom: 1px solid #649130 !important; } + border-bottom: 1px solid #649130 !important; +} .border-left-success.border-left-darken-3 { - border-left: 1px solid #649130 !important; } + border-left: 1px solid #649130 !important; +} .border-right-success.border-right-darken-3 { - border-right: 1px solid #649130 !important; } + border-right: 1px solid #649130 !important; +} .overlay-success.overlay-darken-3 { background: #649130; /* The Fallback */ - background: rgba(100, 145, 48, 0.8); } + background: rgba(100, 145, 48, 0.8); +} .success.darken-4 { - color: #577d2a !important; } + color: #577d2a !important; +} .bg-success.bg-darken-4 { - background-color: #577d2a !important; } - .bg-success.bg-darken-4.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(87, 125, 42, 0.6); } + background-color: #577d2a !important; +} +.bg-success.bg-darken-4.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(87, 125, 42, 0.6); +} .btn-success.btn-darken-4 { border-color: #71a436 !important; - background-color: #577d2a !important; } - .btn-success.btn-darken-4:hover { - border-color: #71a436 !important; - background-color: #649130 !important; } - .btn-success.btn-darken-4:focus, .btn-success.btn-darken-4:active { - border-color: #649130 !important; - background-color: #577d2a !important; } + background-color: #577d2a !important; +} +.btn-success.btn-darken-4:hover { + border-color: #71a436 !important; + background-color: #649130 !important; +} +.btn-success.btn-darken-4:focus, +.btn-success.btn-darken-4:active { + border-color: #649130 !important; + background-color: #577d2a !important; +} .btn-outline-success.btn-outline-darken-4 { border-color: #577d2a !important; - color: #577d2a !important; } - .btn-outline-success.btn-outline-darken-4:hover { - background-color: #577d2a !important; } + color: #577d2a !important; +} +.btn-outline-success.btn-outline-darken-4:hover { + background-color: #577d2a !important; +} input:focus ~ .bg-success { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #577d2a !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #577d2a !important; +} .border-success.border-darken-4 { - border: 1px solid #577d2a !important; } + border: 1px solid #577d2a !important; +} .border-top-success.border-top-darken-4 { - border-top: 1px solid #577d2a !important; } + border-top: 1px solid #577d2a !important; +} .border-bottom-success.border-bottom-darken-4 { - border-bottom: 1px solid #577d2a !important; } + border-bottom: 1px solid #577d2a !important; +} .border-left-success.border-left-darken-4 { - border-left: 1px solid #577d2a !important; } + border-left: 1px solid #577d2a !important; +} .border-right-success.border-right-darken-4 { - border-right: 1px solid #577d2a !important; } + border-right: 1px solid #577d2a !important; +} .overlay-success.overlay-darken-4 { background: #577d2a; /* The Fallback */ - background: rgba(87, 125, 42, 0.8); } + background: rgba(87, 125, 42, 0.8); +} .success.accent-1 { - color: #ccff90 !important; } + color: #ccff90 !important; +} .bg-success.bg-accent-1 { - background-color: #ccff90 !important; } - .bg-success.bg-accent-1.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(204, 255, 144, 0.6); } + background-color: #ccff90 !important; +} +.bg-success.bg-accent-1.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(204, 255, 144, 0.6); +} .btn-success.btn-accent-1 { border-color: #71a436 !important; - background-color: #ccff90 !important; } - .btn-success.btn-accent-1:hover { - border-color: #71a436 !important; - background-color: #649130 !important; } - .btn-success.btn-accent-1:focus, .btn-success.btn-accent-1:active { - border-color: #649130 !important; - background-color: #577d2a !important; } + background-color: #ccff90 !important; +} +.btn-success.btn-accent-1:hover { + border-color: #71a436 !important; + background-color: #649130 !important; +} +.btn-success.btn-accent-1:focus, +.btn-success.btn-accent-1:active { + border-color: #649130 !important; + background-color: #577d2a !important; +} .btn-outline-success.btn-outline-accent-1 { border-color: #ccff90 !important; - color: #ccff90 !important; } - .btn-outline-success.btn-outline-accent-1:hover { - background-color: #ccff90 !important; } + color: #ccff90 !important; +} +.btn-outline-success.btn-outline-accent-1:hover { + background-color: #ccff90 !important; +} input:focus ~ .bg-success { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ccff90 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ccff90 !important; +} .border-success.border-accent-1 { - border: 1px solid #ccff90 !important; } + border: 1px solid #ccff90 !important; +} .border-top-success.border-top-accent-1 { - border-top: 1px solid #ccff90 !important; } + border-top: 1px solid #ccff90 !important; +} .border-bottom-success.border-bottom-accent-1 { - border-bottom: 1px solid #ccff90 !important; } + border-bottom: 1px solid #ccff90 !important; +} .border-left-success.border-left-accent-1 { - border-left: 1px solid #ccff90 !important; } + border-left: 1px solid #ccff90 !important; +} .border-right-success.border-right-accent-1 { - border-right: 1px solid #ccff90 !important; } + border-right: 1px solid #ccff90 !important; +} .overlay-success.overlay-accent-1 { background: #ccff90; /* The Fallback */ - background: rgba(204, 255, 144, 0.8); } + background: rgba(204, 255, 144, 0.8); +} .success.accent-2 { - color: #b2ff59 !important; } + color: #b2ff59 !important; +} .bg-success.bg-accent-2 { - background-color: #b2ff59 !important; } - .bg-success.bg-accent-2.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(178, 255, 89, 0.6); } + background-color: #b2ff59 !important; +} +.bg-success.bg-accent-2.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(178, 255, 89, 0.6); +} .btn-success.btn-accent-2 { border-color: #71a436 !important; - background-color: #b2ff59 !important; } - .btn-success.btn-accent-2:hover { - border-color: #71a436 !important; - background-color: #649130 !important; } - .btn-success.btn-accent-2:focus, .btn-success.btn-accent-2:active { - border-color: #649130 !important; - background-color: #577d2a !important; } + background-color: #b2ff59 !important; +} +.btn-success.btn-accent-2:hover { + border-color: #71a436 !important; + background-color: #649130 !important; +} +.btn-success.btn-accent-2:focus, +.btn-success.btn-accent-2:active { + border-color: #649130 !important; + background-color: #577d2a !important; +} .btn-outline-success.btn-outline-accent-2 { border-color: #b2ff59 !important; - color: #b2ff59 !important; } - .btn-outline-success.btn-outline-accent-2:hover { - background-color: #b2ff59 !important; } + color: #b2ff59 !important; +} +.btn-outline-success.btn-outline-accent-2:hover { + background-color: #b2ff59 !important; +} input:focus ~ .bg-success { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #b2ff59 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #b2ff59 !important; +} .border-success.border-accent-2 { - border: 1px solid #b2ff59 !important; } + border: 1px solid #b2ff59 !important; +} .border-top-success.border-top-accent-2 { - border-top: 1px solid #b2ff59 !important; } + border-top: 1px solid #b2ff59 !important; +} .border-bottom-success.border-bottom-accent-2 { - border-bottom: 1px solid #b2ff59 !important; } + border-bottom: 1px solid #b2ff59 !important; +} .border-left-success.border-left-accent-2 { - border-left: 1px solid #b2ff59 !important; } + border-left: 1px solid #b2ff59 !important; +} .border-right-success.border-right-accent-2 { - border-right: 1px solid #b2ff59 !important; } + border-right: 1px solid #b2ff59 !important; +} .overlay-success.overlay-accent-2 { background: #b2ff59; /* The Fallback */ - background: rgba(178, 255, 89, 0.8); } + background: rgba(178, 255, 89, 0.8); +} .success.accent-3 { - color: #76ff03 !important; } + color: #76ff03 !important; +} .bg-success.bg-accent-3 { - background-color: #76ff03 !important; } - .bg-success.bg-accent-3.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(118, 255, 3, 0.6); } + background-color: #76ff03 !important; +} +.bg-success.bg-accent-3.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(118, 255, 3, 0.6); +} .btn-success.btn-accent-3 { border-color: #71a436 !important; - background-color: #76ff03 !important; } - .btn-success.btn-accent-3:hover { - border-color: #71a436 !important; - background-color: #649130 !important; } - .btn-success.btn-accent-3:focus, .btn-success.btn-accent-3:active { - border-color: #649130 !important; - background-color: #577d2a !important; } + background-color: #76ff03 !important; +} +.btn-success.btn-accent-3:hover { + border-color: #71a436 !important; + background-color: #649130 !important; +} +.btn-success.btn-accent-3:focus, +.btn-success.btn-accent-3:active { + border-color: #649130 !important; + background-color: #577d2a !important; +} .btn-outline-success.btn-outline-accent-3 { border-color: #76ff03 !important; - color: #76ff03 !important; } - .btn-outline-success.btn-outline-accent-3:hover { - background-color: #76ff03 !important; } + color: #76ff03 !important; +} +.btn-outline-success.btn-outline-accent-3:hover { + background-color: #76ff03 !important; +} input:focus ~ .bg-success { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #76ff03 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #76ff03 !important; +} .border-success.border-accent-3 { - border: 1px solid #76ff03 !important; } + border: 1px solid #76ff03 !important; +} .border-top-success.border-top-accent-3 { - border-top: 1px solid #76ff03 !important; } + border-top: 1px solid #76ff03 !important; +} .border-bottom-success.border-bottom-accent-3 { - border-bottom: 1px solid #76ff03 !important; } + border-bottom: 1px solid #76ff03 !important; +} .border-left-success.border-left-accent-3 { - border-left: 1px solid #76ff03 !important; } + border-left: 1px solid #76ff03 !important; +} .border-right-success.border-right-accent-3 { - border-right: 1px solid #76ff03 !important; } + border-right: 1px solid #76ff03 !important; +} .overlay-success.overlay-accent-3 { background: #76ff03; /* The Fallback */ - background: rgba(118, 255, 3, 0.8); } + background: rgba(118, 255, 3, 0.8); +} .success.accent-4 { - color: #64dd17 !important; } + color: #64dd17 !important; +} .bg-success.bg-accent-4 { - background-color: #64dd17 !important; } - .bg-success.bg-accent-4.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(100, 221, 23, 0.6); } + background-color: #64dd17 !important; +} +.bg-success.bg-accent-4.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(100, 221, 23, 0.6); +} .btn-success.btn-accent-4 { border-color: #71a436 !important; - background-color: #64dd17 !important; } - .btn-success.btn-accent-4:hover { - border-color: #71a436 !important; - background-color: #649130 !important; } - .btn-success.btn-accent-4:focus, .btn-success.btn-accent-4:active { - border-color: #649130 !important; - background-color: #577d2a !important; } + background-color: #64dd17 !important; +} +.btn-success.btn-accent-4:hover { + border-color: #71a436 !important; + background-color: #649130 !important; +} +.btn-success.btn-accent-4:focus, +.btn-success.btn-accent-4:active { + border-color: #649130 !important; + background-color: #577d2a !important; +} .btn-outline-success.btn-outline-accent-4 { border-color: #64dd17 !important; - color: #64dd17 !important; } - .btn-outline-success.btn-outline-accent-4:hover { - background-color: #64dd17 !important; } + color: #64dd17 !important; +} +.btn-outline-success.btn-outline-accent-4:hover { + background-color: #64dd17 !important; +} input:focus ~ .bg-success { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #64dd17 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #64dd17 !important; +} .border-success.border-accent-4 { - border: 1px solid #64dd17 !important; } + border: 1px solid #64dd17 !important; +} .border-top-success.border-top-accent-4 { - border-top: 1px solid #64dd17 !important; } + border-top: 1px solid #64dd17 !important; +} .border-bottom-success.border-bottom-accent-4 { - border-bottom: 1px solid #64dd17 !important; } + border-bottom: 1px solid #64dd17 !important; +} .border-left-success.border-left-accent-4 { - border-left: 1px solid #64dd17 !important; } + border-left: 1px solid #64dd17 !important; +} .border-right-success.border-right-accent-4 { - border-right: 1px solid #64dd17 !important; } + border-right: 1px solid #64dd17 !important; +} .overlay-success.overlay-accent-4 { background: #64dd17; /* The Fallback */ - background: rgba(100, 221, 23, 0.8); } + background: rgba(100, 221, 23, 0.8); +} .info.lighten-5 { - color: #55ecff !important; } + color: #55ecff !important; +} .bg-info.bg-lighten-5 { - background-color: #55ecff !important; } - .bg-info.bg-lighten-5.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(85, 236, 255, 0.6); } + background-color: #55ecff !important; +} +.bg-info.bg-lighten-5.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(85, 236, 255, 0.6); +} .btn-info.btn-lighten-5 { border-color: #008fa1 !important; - background-color: #55ecff !important; } - .btn-info.btn-lighten-5:hover { - border-color: #008fa1 !important; - background-color: #007888 !important; } - .btn-info.btn-lighten-5:focus, .btn-info.btn-lighten-5:active { - border-color: #007888 !important; - background-color: #00626e !important; } + background-color: #55ecff !important; +} +.btn-info.btn-lighten-5:hover { + border-color: #008fa1 !important; + background-color: #007888 !important; +} +.btn-info.btn-lighten-5:focus, +.btn-info.btn-lighten-5:active { + border-color: #007888 !important; + background-color: #00626e !important; +} .btn-outline-info.btn-outline-lighten-5 { border-color: #55ecff !important; - color: #55ecff !important; } - .btn-outline-info.btn-outline-lighten-5:hover { - background-color: #55ecff !important; } + color: #55ecff !important; +} +.btn-outline-info.btn-outline-lighten-5:hover { + background-color: #55ecff !important; +} input:focus ~ .bg-info { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #55ecff !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #55ecff !important; +} .border-info.border-lighten-5 { - border: 1px solid #55ecff !important; } + border: 1px solid #55ecff !important; +} .border-top-info.border-top-lighten-5 { - border-top: 1px solid #55ecff !important; } + border-top: 1px solid #55ecff !important; +} .border-bottom-info.border-bottom-lighten-5 { - border-bottom: 1px solid #55ecff !important; } + border-bottom: 1px solid #55ecff !important; +} .border-left-info.border-left-lighten-5 { - border-left: 1px solid #55ecff !important; } + border-left: 1px solid #55ecff !important; +} .border-right-info.border-right-lighten-5 { - border-right: 1px solid #55ecff !important; } + border-right: 1px solid #55ecff !important; +} .overlay-info.overlay-lighten-5 { background: #55ecff; /* The Fallback */ - background: rgba(85, 236, 255, 0.8); } + background: rgba(85, 236, 255, 0.8); +} .info.lighten-4 { - color: #3be9ff !important; } + color: #3be9ff !important; +} .bg-info.bg-lighten-4 { - background-color: #3be9ff !important; } - .bg-info.bg-lighten-4.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(59, 233, 255, 0.6); } + background-color: #3be9ff !important; +} +.bg-info.bg-lighten-4.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(59, 233, 255, 0.6); +} .btn-info.btn-lighten-4 { border-color: #008fa1 !important; - background-color: #3be9ff !important; } - .btn-info.btn-lighten-4:hover { - border-color: #008fa1 !important; - background-color: #007888 !important; } - .btn-info.btn-lighten-4:focus, .btn-info.btn-lighten-4:active { - border-color: #007888 !important; - background-color: #00626e !important; } + background-color: #3be9ff !important; +} +.btn-info.btn-lighten-4:hover { + border-color: #008fa1 !important; + background-color: #007888 !important; +} +.btn-info.btn-lighten-4:focus, +.btn-info.btn-lighten-4:active { + border-color: #007888 !important; + background-color: #00626e !important; +} .btn-outline-info.btn-outline-lighten-4 { border-color: #3be9ff !important; - color: #3be9ff !important; } - .btn-outline-info.btn-outline-lighten-4:hover { - background-color: #3be9ff !important; } + color: #3be9ff !important; +} +.btn-outline-info.btn-outline-lighten-4:hover { + background-color: #3be9ff !important; +} input:focus ~ .bg-info { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #3be9ff !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #3be9ff !important; +} .border-info.border-lighten-4 { - border: 1px solid #3be9ff !important; } + border: 1px solid #3be9ff !important; +} .border-top-info.border-top-lighten-4 { - border-top: 1px solid #3be9ff !important; } + border-top: 1px solid #3be9ff !important; +} .border-bottom-info.border-bottom-lighten-4 { - border-bottom: 1px solid #3be9ff !important; } + border-bottom: 1px solid #3be9ff !important; +} .border-left-info.border-left-lighten-4 { - border-left: 1px solid #3be9ff !important; } + border-left: 1px solid #3be9ff !important; +} .border-right-info.border-right-lighten-4 { - border-right: 1px solid #3be9ff !important; } + border-right: 1px solid #3be9ff !important; +} .overlay-info.overlay-lighten-4 { background: #3be9ff; /* The Fallback */ - background: rgba(59, 233, 255, 0.8); } + background: rgba(59, 233, 255, 0.8); +} .info.lighten-3 { - color: #22e6ff !important; } + color: #22e6ff !important; +} .bg-info.bg-lighten-3 { - background-color: #22e6ff !important; } - .bg-info.bg-lighten-3.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(34, 230, 255, 0.6); } + background-color: #22e6ff !important; +} +.bg-info.bg-lighten-3.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(34, 230, 255, 0.6); +} .btn-info.btn-lighten-3 { border-color: #008fa1 !important; - background-color: #22e6ff !important; } - .btn-info.btn-lighten-3:hover { - border-color: #008fa1 !important; - background-color: #007888 !important; } - .btn-info.btn-lighten-3:focus, .btn-info.btn-lighten-3:active { - border-color: #007888 !important; - background-color: #00626e !important; } + background-color: #22e6ff !important; +} +.btn-info.btn-lighten-3:hover { + border-color: #008fa1 !important; + background-color: #007888 !important; +} +.btn-info.btn-lighten-3:focus, +.btn-info.btn-lighten-3:active { + border-color: #007888 !important; + background-color: #00626e !important; +} .btn-outline-info.btn-outline-lighten-3 { border-color: #22e6ff !important; - color: #22e6ff !important; } - .btn-outline-info.btn-outline-lighten-3:hover { - background-color: #22e6ff !important; } + color: #22e6ff !important; +} +.btn-outline-info.btn-outline-lighten-3:hover { + background-color: #22e6ff !important; +} input:focus ~ .bg-info { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #22e6ff !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #22e6ff !important; +} .border-info.border-lighten-3 { - border: 1px solid #22e6ff !important; } + border: 1px solid #22e6ff !important; +} .border-top-info.border-top-lighten-3 { - border-top: 1px solid #22e6ff !important; } + border-top: 1px solid #22e6ff !important; +} .border-bottom-info.border-bottom-lighten-3 { - border-bottom: 1px solid #22e6ff !important; } + border-bottom: 1px solid #22e6ff !important; +} .border-left-info.border-left-lighten-3 { - border-left: 1px solid #22e6ff !important; } + border-left: 1px solid #22e6ff !important; +} .border-right-info.border-right-lighten-3 { - border-right: 1px solid #22e6ff !important; } + border-right: 1px solid #22e6ff !important; +} .overlay-info.overlay-lighten-3 { background: #22e6ff; /* The Fallback */ - background: rgba(34, 230, 255, 0.8); } + background: rgba(34, 230, 255, 0.8); +} .info.lighten-2 { - color: #08e3ff !important; } + color: #08e3ff !important; +} .bg-info.bg-lighten-2 { - background-color: #08e3ff !important; } - .bg-info.bg-lighten-2.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(8, 227, 255, 0.6); } + background-color: #08e3ff !important; +} +.bg-info.bg-lighten-2.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(8, 227, 255, 0.6); +} .btn-info.btn-lighten-2 { border-color: #008fa1 !important; - background-color: #08e3ff !important; } - .btn-info.btn-lighten-2:hover { - border-color: #008fa1 !important; - background-color: #007888 !important; } - .btn-info.btn-lighten-2:focus, .btn-info.btn-lighten-2:active { - border-color: #007888 !important; - background-color: #00626e !important; } + background-color: #08e3ff !important; +} +.btn-info.btn-lighten-2:hover { + border-color: #008fa1 !important; + background-color: #007888 !important; +} +.btn-info.btn-lighten-2:focus, +.btn-info.btn-lighten-2:active { + border-color: #007888 !important; + background-color: #00626e !important; +} .btn-outline-info.btn-outline-lighten-2 { border-color: #08e3ff !important; - color: #08e3ff !important; } - .btn-outline-info.btn-outline-lighten-2:hover { - background-color: #08e3ff !important; } + color: #08e3ff !important; +} +.btn-outline-info.btn-outline-lighten-2:hover { + background-color: #08e3ff !important; +} input:focus ~ .bg-info { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #08e3ff !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #08e3ff !important; +} .border-info.border-lighten-2 { - border: 1px solid #08e3ff !important; } + border: 1px solid #08e3ff !important; +} .border-top-info.border-top-lighten-2 { - border-top: 1px solid #08e3ff !important; } + border-top: 1px solid #08e3ff !important; +} .border-bottom-info.border-bottom-lighten-2 { - border-bottom: 1px solid #08e3ff !important; } + border-bottom: 1px solid #08e3ff !important; +} .border-left-info.border-left-lighten-2 { - border-left: 1px solid #08e3ff !important; } + border-left: 1px solid #08e3ff !important; +} .border-right-info.border-right-lighten-2 { - border-right: 1px solid #08e3ff !important; } + border-right: 1px solid #08e3ff !important; +} .overlay-info.overlay-lighten-2 { background: #08e3ff; /* The Fallback */ - background: rgba(8, 227, 255, 0.8); } + background: rgba(8, 227, 255, 0.8); +} .info.lighten-1 { - color: #00d3ee !important; } + color: #00d3ee !important; +} .bg-info.bg-lighten-1 { - background-color: #00d3ee !important; } - .bg-info.bg-lighten-1.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(0, 211, 238, 0.6); } + background-color: #00d3ee !important; +} +.bg-info.bg-lighten-1.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(0, 211, 238, 0.6); +} .btn-info.btn-lighten-1 { border-color: #008fa1 !important; - background-color: #00d3ee !important; } - .btn-info.btn-lighten-1:hover { - border-color: #008fa1 !important; - background-color: #007888 !important; } - .btn-info.btn-lighten-1:focus, .btn-info.btn-lighten-1:active { - border-color: #007888 !important; - background-color: #00626e !important; } + background-color: #00d3ee !important; +} +.btn-info.btn-lighten-1:hover { + border-color: #008fa1 !important; + background-color: #007888 !important; +} +.btn-info.btn-lighten-1:focus, +.btn-info.btn-lighten-1:active { + border-color: #007888 !important; + background-color: #00626e !important; +} .btn-outline-info.btn-outline-lighten-1 { border-color: #00d3ee !important; - color: #00d3ee !important; } - .btn-outline-info.btn-outline-lighten-1:hover { - background-color: #00d3ee !important; } + color: #00d3ee !important; +} +.btn-outline-info.btn-outline-lighten-1:hover { + background-color: #00d3ee !important; +} input:focus ~ .bg-info { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #00d3ee !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #00d3ee !important; +} .border-info.border-lighten-1 { - border: 1px solid #00d3ee !important; } + border: 1px solid #00d3ee !important; +} .border-top-info.border-top-lighten-1 { - border-top: 1px solid #00d3ee !important; } + border-top: 1px solid #00d3ee !important; +} .border-bottom-info.border-bottom-lighten-1 { - border-bottom: 1px solid #00d3ee !important; } + border-bottom: 1px solid #00d3ee !important; +} .border-left-info.border-left-lighten-1 { - border-left: 1px solid #00d3ee !important; } + border-left: 1px solid #00d3ee !important; +} .border-right-info.border-right-lighten-1 { - border-right: 1px solid #00d3ee !important; } + border-right: 1px solid #00d3ee !important; +} .overlay-info.overlay-lighten-1 { background: #00d3ee; /* The Fallback */ - background: rgba(0, 211, 238, 0.8); } + background: rgba(0, 211, 238, 0.8); +} .info { - color: #00bcd4 !important; } + color: #00bcd4 !important; +} .bg-info { - background-color: #00bcd4 !important; } - .bg-info .card-header, - .bg-info .card-footer { - background-color: transparent; } - .bg-info.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(0, 188, 212, 0.6); } + background-color: #00bcd4 !important; +} +.bg-info .card-header, +.bg-info .card-footer { + background-color: transparent; +} +.bg-info.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(0, 188, 212, 0.6); +} .selectboxit.selectboxit-btn.bg-info { - background-color: #00bcd4 !important; } + background-color: #00bcd4 !important; +} .alert-info { border-color: #00bcd4 !important; - background-color: #1ce5ff; } + background-color: #1ce5ff; +} .border-info { border-color: #00bcd4; - border: 1px solid; } + border: 1px solid; +} .overlay-info { background: #00bcd4; /* The Fallback */ - background: rgba(0, 188, 212, 0.8); } + background: rgba(0, 188, 212, 0.8); +} .color-info.info { - background-color: #00bcd4 !important; } + background-color: #00bcd4 !important; +} .btn-info { border-color: #008fa1 !important; background-color: #00bcd4 !important; - color: #FFFFFF; } - .btn-info:hover { - border-color: #00a5bb !important; - background-color: #00d3ee !important; - color: #FFF !important; } - .btn-info:focus, .btn-info:active { - border-color: #008fa1 !important; - background-color: #007888 !important; - color: #FFF !important; } - .btn-info.btn-glow { - box-shadow: 0px 1px 20px 1px rgba(0, 188, 212, 0.6); } + color: #ffffff; +} +.btn-info:hover { + border-color: #00a5bb !important; + background-color: #00d3ee !important; + color: #fff !important; +} +.btn-info:focus, +.btn-info:active { + border-color: #008fa1 !important; + background-color: #007888 !important; + color: #fff !important; +} +.btn-info.btn-glow { + box-shadow: 0px 1px 20px 1px rgba(0, 188, 212, 0.6); +} .btn-outline-info { border: 1px solid; border-color: #00bcd4; background-color: transparent; - color: #00bcd4; } - .btn-outline-info:hover { - background-color: #00bcd4; - color: #FFF !important; } - .btn-outline-info.btn-glow { - box-shadow: 0px 1px 20px 1px rgba(0, 188, 212, 0.6); } - -input[type="checkbox"].bg-info + .custom-control-label:before, input[type="radio"].bg-info + .custom-control-label:before { - background-color: #00bcd4 !important; } - -/* .custom-control-label{ - &:before{ - background-color: #ddd !important; - } + color: #00bcd4; +} +.btn-outline-info:hover { + background-color: #00bcd4; + color: #fff !important; +} +.btn-outline-info.btn-glow { + box-shadow: 0px 1px 20px 1px rgba(0, 188, 212, 0.6); +} + +input[type='checkbox'].bg-info + .custom-control-label:before, +input[type='radio'].bg-info + .custom-control-label:before { + background-color: #00bcd4 !important; +} + +/* .custom-control-label{ + &:before{ + background-color: #ddd !important; + } } */ input:focus ~ .bg-info { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #00bcd4 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #00bcd4 !important; +} .border-info { - border-color: #00bcd4 !important; } + border-color: #00bcd4 !important; +} .border-top-info { - border-top: 1px solid #00bcd4; } + border-top: 1px solid #00bcd4; +} .border-bottom-info { - border-bottom: 1px solid #00bcd4; } + border-bottom: 1px solid #00bcd4; +} .border-left-info { - border-left: 1px solid #00bcd4; } + border-left: 1px solid #00bcd4; +} .border-right-info { - border-right: 1px solid #00bcd4; } + border-right: 1px solid #00bcd4; +} /* Bullet info */ .bullet.bullet-info { - background-color: #00bcd4; } + background-color: #00bcd4; +} .info.darken-1 { - color: #00a5bb !important; } + color: #00a5bb !important; +} .bg-info.bg-darken-1 { - background-color: #00a5bb !important; } - .bg-info.bg-darken-1.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(0, 165, 187, 0.6); } + background-color: #00a5bb !important; +} +.bg-info.bg-darken-1.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(0, 165, 187, 0.6); +} .btn-info.btn-darken-1 { border-color: #008fa1 !important; - background-color: #00a5bb !important; } - .btn-info.btn-darken-1:hover { - border-color: #008fa1 !important; - background-color: #007888 !important; } - .btn-info.btn-darken-1:focus, .btn-info.btn-darken-1:active { - border-color: #007888 !important; - background-color: #00626e !important; } + background-color: #00a5bb !important; +} +.btn-info.btn-darken-1:hover { + border-color: #008fa1 !important; + background-color: #007888 !important; +} +.btn-info.btn-darken-1:focus, +.btn-info.btn-darken-1:active { + border-color: #007888 !important; + background-color: #00626e !important; +} .btn-outline-info.btn-outline-darken-1 { border-color: #00a5bb !important; - color: #00a5bb !important; } - .btn-outline-info.btn-outline-darken-1:hover { - background-color: #00a5bb !important; } + color: #00a5bb !important; +} +.btn-outline-info.btn-outline-darken-1:hover { + background-color: #00a5bb !important; +} input:focus ~ .bg-info { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #00a5bb !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #00a5bb !important; +} .border-info.border-darken-1 { - border: 1px solid #00a5bb !important; } + border: 1px solid #00a5bb !important; +} .border-top-info.border-top-darken-1 { - border-top: 1px solid #00a5bb !important; } + border-top: 1px solid #00a5bb !important; +} .border-bottom-info.border-bottom-darken-1 { - border-bottom: 1px solid #00a5bb !important; } + border-bottom: 1px solid #00a5bb !important; +} .border-left-info.border-left-darken-1 { - border-left: 1px solid #00a5bb !important; } + border-left: 1px solid #00a5bb !important; +} .border-right-info.border-right-darken-1 { - border-right: 1px solid #00a5bb !important; } + border-right: 1px solid #00a5bb !important; +} .overlay-info.overlay-darken-1 { background: #00a5bb; /* The Fallback */ - background: rgba(0, 165, 187, 0.8); } + background: rgba(0, 165, 187, 0.8); +} .info.darken-2 { - color: #008fa1 !important; } + color: #008fa1 !important; +} .bg-info.bg-darken-2 { - background-color: #008fa1 !important; } - .bg-info.bg-darken-2.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(0, 143, 161, 0.6); } + background-color: #008fa1 !important; +} +.bg-info.bg-darken-2.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(0, 143, 161, 0.6); +} .btn-info.btn-darken-2 { border-color: #008fa1 !important; - background-color: #008fa1 !important; } - .btn-info.btn-darken-2:hover { - border-color: #008fa1 !important; - background-color: #007888 !important; } - .btn-info.btn-darken-2:focus, .btn-info.btn-darken-2:active { - border-color: #007888 !important; - background-color: #00626e !important; } + background-color: #008fa1 !important; +} +.btn-info.btn-darken-2:hover { + border-color: #008fa1 !important; + background-color: #007888 !important; +} +.btn-info.btn-darken-2:focus, +.btn-info.btn-darken-2:active { + border-color: #007888 !important; + background-color: #00626e !important; +} .btn-outline-info.btn-outline-darken-2 { border-color: #008fa1 !important; - color: #008fa1 !important; } - .btn-outline-info.btn-outline-darken-2:hover { - background-color: #008fa1 !important; } + color: #008fa1 !important; +} +.btn-outline-info.btn-outline-darken-2:hover { + background-color: #008fa1 !important; +} input:focus ~ .bg-info { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #008fa1 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #008fa1 !important; +} .border-info.border-darken-2 { - border: 1px solid #008fa1 !important; } + border: 1px solid #008fa1 !important; +} .border-top-info.border-top-darken-2 { - border-top: 1px solid #008fa1 !important; } + border-top: 1px solid #008fa1 !important; +} .border-bottom-info.border-bottom-darken-2 { - border-bottom: 1px solid #008fa1 !important; } + border-bottom: 1px solid #008fa1 !important; +} .border-left-info.border-left-darken-2 { - border-left: 1px solid #008fa1 !important; } + border-left: 1px solid #008fa1 !important; +} .border-right-info.border-right-darken-2 { - border-right: 1px solid #008fa1 !important; } + border-right: 1px solid #008fa1 !important; +} .overlay-info.overlay-darken-2 { background: #008fa1; /* The Fallback */ - background: rgba(0, 143, 161, 0.8); } + background: rgba(0, 143, 161, 0.8); +} .info.darken-3 { - color: #007888 !important; } + color: #007888 !important; +} .bg-info.bg-darken-3 { - background-color: #007888 !important; } - .bg-info.bg-darken-3.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(0, 120, 136, 0.6); } + background-color: #007888 !important; +} +.bg-info.bg-darken-3.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(0, 120, 136, 0.6); +} .btn-info.btn-darken-3 { border-color: #008fa1 !important; - background-color: #007888 !important; } - .btn-info.btn-darken-3:hover { - border-color: #008fa1 !important; - background-color: #007888 !important; } - .btn-info.btn-darken-3:focus, .btn-info.btn-darken-3:active { - border-color: #007888 !important; - background-color: #00626e !important; } + background-color: #007888 !important; +} +.btn-info.btn-darken-3:hover { + border-color: #008fa1 !important; + background-color: #007888 !important; +} +.btn-info.btn-darken-3:focus, +.btn-info.btn-darken-3:active { + border-color: #007888 !important; + background-color: #00626e !important; +} .btn-outline-info.btn-outline-darken-3 { border-color: #007888 !important; - color: #007888 !important; } - .btn-outline-info.btn-outline-darken-3:hover { - background-color: #007888 !important; } + color: #007888 !important; +} +.btn-outline-info.btn-outline-darken-3:hover { + background-color: #007888 !important; +} input:focus ~ .bg-info { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #007888 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #007888 !important; +} .border-info.border-darken-3 { - border: 1px solid #007888 !important; } + border: 1px solid #007888 !important; +} .border-top-info.border-top-darken-3 { - border-top: 1px solid #007888 !important; } + border-top: 1px solid #007888 !important; +} .border-bottom-info.border-bottom-darken-3 { - border-bottom: 1px solid #007888 !important; } + border-bottom: 1px solid #007888 !important; +} .border-left-info.border-left-darken-3 { - border-left: 1px solid #007888 !important; } + border-left: 1px solid #007888 !important; +} .border-right-info.border-right-darken-3 { - border-right: 1px solid #007888 !important; } + border-right: 1px solid #007888 !important; +} .overlay-info.overlay-darken-3 { background: #007888; /* The Fallback */ - background: rgba(0, 120, 136, 0.8); } + background: rgba(0, 120, 136, 0.8); +} .info.darken-4 { - color: #00626e !important; } + color: #00626e !important; +} .bg-info.bg-darken-4 { - background-color: #00626e !important; } - .bg-info.bg-darken-4.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(0, 98, 110, 0.6); } + background-color: #00626e !important; +} +.bg-info.bg-darken-4.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(0, 98, 110, 0.6); +} .btn-info.btn-darken-4 { border-color: #008fa1 !important; - background-color: #00626e !important; } - .btn-info.btn-darken-4:hover { - border-color: #008fa1 !important; - background-color: #007888 !important; } - .btn-info.btn-darken-4:focus, .btn-info.btn-darken-4:active { - border-color: #007888 !important; - background-color: #00626e !important; } + background-color: #00626e !important; +} +.btn-info.btn-darken-4:hover { + border-color: #008fa1 !important; + background-color: #007888 !important; +} +.btn-info.btn-darken-4:focus, +.btn-info.btn-darken-4:active { + border-color: #007888 !important; + background-color: #00626e !important; +} .btn-outline-info.btn-outline-darken-4 { border-color: #00626e !important; - color: #00626e !important; } - .btn-outline-info.btn-outline-darken-4:hover { - background-color: #00626e !important; } + color: #00626e !important; +} +.btn-outline-info.btn-outline-darken-4:hover { + background-color: #00626e !important; +} input:focus ~ .bg-info { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #00626e !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #00626e !important; +} .border-info.border-darken-4 { - border: 1px solid #00626e !important; } + border: 1px solid #00626e !important; +} .border-top-info.border-top-darken-4 { - border-top: 1px solid #00626e !important; } + border-top: 1px solid #00626e !important; +} .border-bottom-info.border-bottom-darken-4 { - border-bottom: 1px solid #00626e !important; } + border-bottom: 1px solid #00626e !important; +} .border-left-info.border-left-darken-4 { - border-left: 1px solid #00626e !important; } + border-left: 1px solid #00626e !important; +} .border-right-info.border-right-darken-4 { - border-right: 1px solid #00626e !important; } + border-right: 1px solid #00626e !important; +} .overlay-info.overlay-darken-4 { background: #00626e; /* The Fallback */ - background: rgba(0, 98, 110, 0.8); } + background: rgba(0, 98, 110, 0.8); +} .info.accent-1 { - color: #84ffff !important; } + color: #84ffff !important; +} .bg-info.bg-accent-1 { - background-color: #84ffff !important; } - .bg-info.bg-accent-1.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(132, 255, 255, 0.6); } + background-color: #84ffff !important; +} +.bg-info.bg-accent-1.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(132, 255, 255, 0.6); +} .btn-info.btn-accent-1 { border-color: #008fa1 !important; - background-color: #84ffff !important; } - .btn-info.btn-accent-1:hover { - border-color: #008fa1 !important; - background-color: #007888 !important; } - .btn-info.btn-accent-1:focus, .btn-info.btn-accent-1:active { - border-color: #007888 !important; - background-color: #00626e !important; } + background-color: #84ffff !important; +} +.btn-info.btn-accent-1:hover { + border-color: #008fa1 !important; + background-color: #007888 !important; +} +.btn-info.btn-accent-1:focus, +.btn-info.btn-accent-1:active { + border-color: #007888 !important; + background-color: #00626e !important; +} .btn-outline-info.btn-outline-accent-1 { border-color: #84ffff !important; - color: #84ffff !important; } - .btn-outline-info.btn-outline-accent-1:hover { - background-color: #84ffff !important; } + color: #84ffff !important; +} +.btn-outline-info.btn-outline-accent-1:hover { + background-color: #84ffff !important; +} input:focus ~ .bg-info { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #84ffff !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #84ffff !important; +} .border-info.border-accent-1 { - border: 1px solid #84ffff !important; } + border: 1px solid #84ffff !important; +} .border-top-info.border-top-accent-1 { - border-top: 1px solid #84ffff !important; } + border-top: 1px solid #84ffff !important; +} .border-bottom-info.border-bottom-accent-1 { - border-bottom: 1px solid #84ffff !important; } + border-bottom: 1px solid #84ffff !important; +} .border-left-info.border-left-accent-1 { - border-left: 1px solid #84ffff !important; } + border-left: 1px solid #84ffff !important; +} .border-right-info.border-right-accent-1 { - border-right: 1px solid #84ffff !important; } + border-right: 1px solid #84ffff !important; +} .overlay-info.overlay-accent-1 { background: #84ffff; /* The Fallback */ - background: rgba(132, 255, 255, 0.8); } + background: rgba(132, 255, 255, 0.8); +} .info.accent-2 { - color: #18ffff !important; } + color: #18ffff !important; +} .bg-info.bg-accent-2 { - background-color: #18ffff !important; } - .bg-info.bg-accent-2.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(24, 255, 255, 0.6); } + background-color: #18ffff !important; +} +.bg-info.bg-accent-2.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(24, 255, 255, 0.6); +} .btn-info.btn-accent-2 { border-color: #008fa1 !important; - background-color: #18ffff !important; } - .btn-info.btn-accent-2:hover { - border-color: #008fa1 !important; - background-color: #007888 !important; } - .btn-info.btn-accent-2:focus, .btn-info.btn-accent-2:active { - border-color: #007888 !important; - background-color: #00626e !important; } + background-color: #18ffff !important; +} +.btn-info.btn-accent-2:hover { + border-color: #008fa1 !important; + background-color: #007888 !important; +} +.btn-info.btn-accent-2:focus, +.btn-info.btn-accent-2:active { + border-color: #007888 !important; + background-color: #00626e !important; +} .btn-outline-info.btn-outline-accent-2 { border-color: #18ffff !important; - color: #18ffff !important; } - .btn-outline-info.btn-outline-accent-2:hover { - background-color: #18ffff !important; } + color: #18ffff !important; +} +.btn-outline-info.btn-outline-accent-2:hover { + background-color: #18ffff !important; +} input:focus ~ .bg-info { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #18ffff !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #18ffff !important; +} .border-info.border-accent-2 { - border: 1px solid #18ffff !important; } + border: 1px solid #18ffff !important; +} .border-top-info.border-top-accent-2 { - border-top: 1px solid #18ffff !important; } + border-top: 1px solid #18ffff !important; +} .border-bottom-info.border-bottom-accent-2 { - border-bottom: 1px solid #18ffff !important; } + border-bottom: 1px solid #18ffff !important; +} .border-left-info.border-left-accent-2 { - border-left: 1px solid #18ffff !important; } + border-left: 1px solid #18ffff !important; +} .border-right-info.border-right-accent-2 { - border-right: 1px solid #18ffff !important; } + border-right: 1px solid #18ffff !important; +} .overlay-info.overlay-accent-2 { background: #18ffff; /* The Fallback */ - background: rgba(24, 255, 255, 0.8); } + background: rgba(24, 255, 255, 0.8); +} .info.accent-3 { - color: #00e5ff !important; } + color: #00e5ff !important; +} .bg-info.bg-accent-3 { - background-color: #00e5ff !important; } - .bg-info.bg-accent-3.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(0, 229, 255, 0.6); } + background-color: #00e5ff !important; +} +.bg-info.bg-accent-3.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(0, 229, 255, 0.6); +} .btn-info.btn-accent-3 { border-color: #008fa1 !important; - background-color: #00e5ff !important; } - .btn-info.btn-accent-3:hover { - border-color: #008fa1 !important; - background-color: #007888 !important; } - .btn-info.btn-accent-3:focus, .btn-info.btn-accent-3:active { - border-color: #007888 !important; - background-color: #00626e !important; } + background-color: #00e5ff !important; +} +.btn-info.btn-accent-3:hover { + border-color: #008fa1 !important; + background-color: #007888 !important; +} +.btn-info.btn-accent-3:focus, +.btn-info.btn-accent-3:active { + border-color: #007888 !important; + background-color: #00626e !important; +} .btn-outline-info.btn-outline-accent-3 { border-color: #00e5ff !important; - color: #00e5ff !important; } - .btn-outline-info.btn-outline-accent-3:hover { - background-color: #00e5ff !important; } + color: #00e5ff !important; +} +.btn-outline-info.btn-outline-accent-3:hover { + background-color: #00e5ff !important; +} input:focus ~ .bg-info { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #00e5ff !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #00e5ff !important; +} .border-info.border-accent-3 { - border: 1px solid #00e5ff !important; } + border: 1px solid #00e5ff !important; +} .border-top-info.border-top-accent-3 { - border-top: 1px solid #00e5ff !important; } + border-top: 1px solid #00e5ff !important; +} .border-bottom-info.border-bottom-accent-3 { - border-bottom: 1px solid #00e5ff !important; } + border-bottom: 1px solid #00e5ff !important; +} .border-left-info.border-left-accent-3 { - border-left: 1px solid #00e5ff !important; } + border-left: 1px solid #00e5ff !important; +} .border-right-info.border-right-accent-3 { - border-right: 1px solid #00e5ff !important; } + border-right: 1px solid #00e5ff !important; +} .overlay-info.overlay-accent-3 { background: #00e5ff; /* The Fallback */ - background: rgba(0, 229, 255, 0.8); } + background: rgba(0, 229, 255, 0.8); +} .info.accent-4 { - color: #00b8d4 !important; } + color: #00b8d4 !important; +} .bg-info.bg-accent-4 { - background-color: #00b8d4 !important; } - .bg-info.bg-accent-4.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(0, 184, 212, 0.6); } + background-color: #00b8d4 !important; +} +.bg-info.bg-accent-4.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(0, 184, 212, 0.6); +} .btn-info.btn-accent-4 { border-color: #008fa1 !important; - background-color: #00b8d4 !important; } - .btn-info.btn-accent-4:hover { - border-color: #008fa1 !important; - background-color: #007888 !important; } - .btn-info.btn-accent-4:focus, .btn-info.btn-accent-4:active { - border-color: #007888 !important; - background-color: #00626e !important; } + background-color: #00b8d4 !important; +} +.btn-info.btn-accent-4:hover { + border-color: #008fa1 !important; + background-color: #007888 !important; +} +.btn-info.btn-accent-4:focus, +.btn-info.btn-accent-4:active { + border-color: #007888 !important; + background-color: #00626e !important; +} .btn-outline-info.btn-outline-accent-4 { border-color: #00b8d4 !important; - color: #00b8d4 !important; } - .btn-outline-info.btn-outline-accent-4:hover { - background-color: #00b8d4 !important; } + color: #00b8d4 !important; +} +.btn-outline-info.btn-outline-accent-4:hover { + background-color: #00b8d4 !important; +} input:focus ~ .bg-info { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #00b8d4 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #00b8d4 !important; +} .border-info.border-accent-4 { - border: 1px solid #00b8d4 !important; } + border: 1px solid #00b8d4 !important; +} .border-top-info.border-top-accent-4 { - border-top: 1px solid #00b8d4 !important; } + border-top: 1px solid #00b8d4 !important; +} .border-bottom-info.border-bottom-accent-4 { - border-bottom: 1px solid #00b8d4 !important; } + border-bottom: 1px solid #00b8d4 !important; +} .border-left-info.border-left-accent-4 { - border-left: 1px solid #00b8d4 !important; } + border-left: 1px solid #00b8d4 !important; +} .border-right-info.border-right-accent-4 { - border-right: 1px solid #00b8d4 !important; } + border-right: 1px solid #00b8d4 !important; +} .overlay-info.overlay-accent-4 { background: #00b8d4; /* The Fallback */ - background: rgba(0, 184, 212, 0.8); } + background: rgba(0, 184, 212, 0.8); +} .warning.lighten-5 { - color: #ffe187 !important; } + color: #ffe187 !important; +} .bg-warning.bg-lighten-5 { - background-color: #ffe187 !important; } - .bg-warning.bg-lighten-5.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(255, 225, 135, 0.6); } + background-color: #ffe187 !important; +} +.bg-warning.bg-lighten-5.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(255, 225, 135, 0.6); +} .btn-warning.btn-lighten-5 { border-color: #d39e00 !important; - background-color: #ffe187 !important; } - .btn-warning.btn-lighten-5:hover { - border-color: #d39e00 !important; - background-color: #ba8b00 !important; } - .btn-warning.btn-lighten-5:focus, .btn-warning.btn-lighten-5:active { - border-color: #ba8b00 !important; - background-color: #a07800 !important; } + background-color: #ffe187 !important; +} +.btn-warning.btn-lighten-5:hover { + border-color: #d39e00 !important; + background-color: #ba8b00 !important; +} +.btn-warning.btn-lighten-5:focus, +.btn-warning.btn-lighten-5:active { + border-color: #ba8b00 !important; + background-color: #a07800 !important; +} .btn-outline-warning.btn-outline-lighten-5 { border-color: #ffe187 !important; - color: #ffe187 !important; } - .btn-outline-warning.btn-outline-lighten-5:hover { - background-color: #ffe187 !important; } + color: #ffe187 !important; +} +.btn-outline-warning.btn-outline-lighten-5:hover { + background-color: #ffe187 !important; +} input:focus ~ .bg-warning { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffe187 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffe187 !important; +} .border-warning.border-lighten-5 { - border: 1px solid #ffe187 !important; } + border: 1px solid #ffe187 !important; +} .border-top-warning.border-top-lighten-5 { - border-top: 1px solid #ffe187 !important; } + border-top: 1px solid #ffe187 !important; +} .border-bottom-warning.border-bottom-lighten-5 { - border-bottom: 1px solid #ffe187 !important; } + border-bottom: 1px solid #ffe187 !important; +} .border-left-warning.border-left-lighten-5 { - border-left: 1px solid #ffe187 !important; } + border-left: 1px solid #ffe187 !important; +} .border-right-warning.border-right-lighten-5 { - border-right: 1px solid #ffe187 !important; } + border-right: 1px solid #ffe187 !important; +} .overlay-warning.overlay-lighten-5 { background: #ffe187; /* The Fallback */ - background: rgba(255, 225, 135, 0.8); } + background: rgba(255, 225, 135, 0.8); +} .warning.lighten-4 { - color: #ffdb6d !important; } + color: #ffdb6d !important; +} .bg-warning.bg-lighten-4 { - background-color: #ffdb6d !important; } - .bg-warning.bg-lighten-4.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(255, 219, 109, 0.6); } + background-color: #ffdb6d !important; +} +.bg-warning.bg-lighten-4.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(255, 219, 109, 0.6); +} .btn-warning.btn-lighten-4 { border-color: #d39e00 !important; - background-color: #ffdb6d !important; } - .btn-warning.btn-lighten-4:hover { - border-color: #d39e00 !important; - background-color: #ba8b00 !important; } - .btn-warning.btn-lighten-4:focus, .btn-warning.btn-lighten-4:active { - border-color: #ba8b00 !important; - background-color: #a07800 !important; } + background-color: #ffdb6d !important; +} +.btn-warning.btn-lighten-4:hover { + border-color: #d39e00 !important; + background-color: #ba8b00 !important; +} +.btn-warning.btn-lighten-4:focus, +.btn-warning.btn-lighten-4:active { + border-color: #ba8b00 !important; + background-color: #a07800 !important; +} .btn-outline-warning.btn-outline-lighten-4 { border-color: #ffdb6d !important; - color: #ffdb6d !important; } - .btn-outline-warning.btn-outline-lighten-4:hover { - background-color: #ffdb6d !important; } + color: #ffdb6d !important; +} +.btn-outline-warning.btn-outline-lighten-4:hover { + background-color: #ffdb6d !important; +} input:focus ~ .bg-warning { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffdb6d !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffdb6d !important; +} .border-warning.border-lighten-4 { - border: 1px solid #ffdb6d !important; } + border: 1px solid #ffdb6d !important; +} .border-top-warning.border-top-lighten-4 { - border-top: 1px solid #ffdb6d !important; } + border-top: 1px solid #ffdb6d !important; +} .border-bottom-warning.border-bottom-lighten-4 { - border-bottom: 1px solid #ffdb6d !important; } + border-bottom: 1px solid #ffdb6d !important; +} .border-left-warning.border-left-lighten-4 { - border-left: 1px solid #ffdb6d !important; } + border-left: 1px solid #ffdb6d !important; +} .border-right-warning.border-right-lighten-4 { - border-right: 1px solid #ffdb6d !important; } + border-right: 1px solid #ffdb6d !important; +} .overlay-warning.overlay-lighten-4 { background: #ffdb6d; /* The Fallback */ - background: rgba(255, 219, 109, 0.8); } + background: rgba(255, 219, 109, 0.8); +} .warning.lighten-3 { - color: #ffd454 !important; } + color: #ffd454 !important; +} .bg-warning.bg-lighten-3 { - background-color: #ffd454 !important; } - .bg-warning.bg-lighten-3.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(255, 212, 84, 0.6); } + background-color: #ffd454 !important; +} +.bg-warning.bg-lighten-3.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(255, 212, 84, 0.6); +} .btn-warning.btn-lighten-3 { border-color: #d39e00 !important; - background-color: #ffd454 !important; } - .btn-warning.btn-lighten-3:hover { - border-color: #d39e00 !important; - background-color: #ba8b00 !important; } - .btn-warning.btn-lighten-3:focus, .btn-warning.btn-lighten-3:active { - border-color: #ba8b00 !important; - background-color: #a07800 !important; } + background-color: #ffd454 !important; +} +.btn-warning.btn-lighten-3:hover { + border-color: #d39e00 !important; + background-color: #ba8b00 !important; +} +.btn-warning.btn-lighten-3:focus, +.btn-warning.btn-lighten-3:active { + border-color: #ba8b00 !important; + background-color: #a07800 !important; +} .btn-outline-warning.btn-outline-lighten-3 { border-color: #ffd454 !important; - color: #ffd454 !important; } - .btn-outline-warning.btn-outline-lighten-3:hover { - background-color: #ffd454 !important; } + color: #ffd454 !important; +} +.btn-outline-warning.btn-outline-lighten-3:hover { + background-color: #ffd454 !important; +} input:focus ~ .bg-warning { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffd454 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffd454 !important; +} .border-warning.border-lighten-3 { - border: 1px solid #ffd454 !important; } + border: 1px solid #ffd454 !important; +} .border-top-warning.border-top-lighten-3 { - border-top: 1px solid #ffd454 !important; } + border-top: 1px solid #ffd454 !important; +} .border-bottom-warning.border-bottom-lighten-3 { - border-bottom: 1px solid #ffd454 !important; } + border-bottom: 1px solid #ffd454 !important; +} .border-left-warning.border-left-lighten-3 { - border-left: 1px solid #ffd454 !important; } + border-left: 1px solid #ffd454 !important; +} .border-right-warning.border-right-lighten-3 { - border-right: 1px solid #ffd454 !important; } + border-right: 1px solid #ffd454 !important; +} .overlay-warning.overlay-lighten-3 { background: #ffd454; /* The Fallback */ - background: rgba(255, 212, 84, 0.8); } + background: rgba(255, 212, 84, 0.8); +} .warning.lighten-2 { - color: #ffce3a !important; } + color: #ffce3a !important; +} .bg-warning.bg-lighten-2 { - background-color: #ffce3a !important; } - .bg-warning.bg-lighten-2.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(255, 206, 58, 0.6); } + background-color: #ffce3a !important; +} +.bg-warning.bg-lighten-2.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(255, 206, 58, 0.6); +} .btn-warning.btn-lighten-2 { border-color: #d39e00 !important; - background-color: #ffce3a !important; } - .btn-warning.btn-lighten-2:hover { - border-color: #d39e00 !important; - background-color: #ba8b00 !important; } - .btn-warning.btn-lighten-2:focus, .btn-warning.btn-lighten-2:active { - border-color: #ba8b00 !important; - background-color: #a07800 !important; } + background-color: #ffce3a !important; +} +.btn-warning.btn-lighten-2:hover { + border-color: #d39e00 !important; + background-color: #ba8b00 !important; +} +.btn-warning.btn-lighten-2:focus, +.btn-warning.btn-lighten-2:active { + border-color: #ba8b00 !important; + background-color: #a07800 !important; +} .btn-outline-warning.btn-outline-lighten-2 { border-color: #ffce3a !important; - color: #ffce3a !important; } - .btn-outline-warning.btn-outline-lighten-2:hover { - background-color: #ffce3a !important; } + color: #ffce3a !important; +} +.btn-outline-warning.btn-outline-lighten-2:hover { + background-color: #ffce3a !important; +} input:focus ~ .bg-warning { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffce3a !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffce3a !important; +} .border-warning.border-lighten-2 { - border: 1px solid #ffce3a !important; } + border: 1px solid #ffce3a !important; +} .border-top-warning.border-top-lighten-2 { - border-top: 1px solid #ffce3a !important; } + border-top: 1px solid #ffce3a !important; +} .border-bottom-warning.border-bottom-lighten-2 { - border-bottom: 1px solid #ffce3a !important; } + border-bottom: 1px solid #ffce3a !important; +} .border-left-warning.border-left-lighten-2 { - border-left: 1px solid #ffce3a !important; } + border-left: 1px solid #ffce3a !important; +} .border-right-warning.border-right-lighten-2 { - border-right: 1px solid #ffce3a !important; } + border-right: 1px solid #ffce3a !important; +} .overlay-warning.overlay-lighten-2 { background: #ffce3a; /* The Fallback */ - background: rgba(255, 206, 58, 0.8); } + background: rgba(255, 206, 58, 0.8); +} .warning.lighten-1 { - color: #ffc721 !important; } + color: #ffc721 !important; +} .bg-warning.bg-lighten-1 { - background-color: #ffc721 !important; } - .bg-warning.bg-lighten-1.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(255, 199, 33, 0.6); } + background-color: #ffc721 !important; +} +.bg-warning.bg-lighten-1.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(255, 199, 33, 0.6); +} .btn-warning.btn-lighten-1 { border-color: #d39e00 !important; - background-color: #ffc721 !important; } - .btn-warning.btn-lighten-1:hover { - border-color: #d39e00 !important; - background-color: #ba8b00 !important; } - .btn-warning.btn-lighten-1:focus, .btn-warning.btn-lighten-1:active { - border-color: #ba8b00 !important; - background-color: #a07800 !important; } + background-color: #ffc721 !important; +} +.btn-warning.btn-lighten-1:hover { + border-color: #d39e00 !important; + background-color: #ba8b00 !important; +} +.btn-warning.btn-lighten-1:focus, +.btn-warning.btn-lighten-1:active { + border-color: #ba8b00 !important; + background-color: #a07800 !important; +} .btn-outline-warning.btn-outline-lighten-1 { border-color: #ffc721 !important; - color: #ffc721 !important; } - .btn-outline-warning.btn-outline-lighten-1:hover { - background-color: #ffc721 !important; } + color: #ffc721 !important; +} +.btn-outline-warning.btn-outline-lighten-1:hover { + background-color: #ffc721 !important; +} input:focus ~ .bg-warning { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffc721 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffc721 !important; +} .border-warning.border-lighten-1 { - border: 1px solid #ffc721 !important; } + border: 1px solid #ffc721 !important; +} .border-top-warning.border-top-lighten-1 { - border-top: 1px solid #ffc721 !important; } + border-top: 1px solid #ffc721 !important; +} .border-bottom-warning.border-bottom-lighten-1 { - border-bottom: 1px solid #ffc721 !important; } + border-bottom: 1px solid #ffc721 !important; +} .border-left-warning.border-left-lighten-1 { - border-left: 1px solid #ffc721 !important; } + border-left: 1px solid #ffc721 !important; +} .border-right-warning.border-right-lighten-1 { - border-right: 1px solid #ffc721 !important; } + border-right: 1px solid #ffc721 !important; +} .overlay-warning.overlay-lighten-1 { background: #ffc721; /* The Fallback */ - background: rgba(255, 199, 33, 0.8); } + background: rgba(255, 199, 33, 0.8); +} .warning { - color: #ffc107 !important; } + color: #ffc107 !important; +} .bg-warning { - background-color: #ffc107 !important; } - .bg-warning .card-header, - .bg-warning .card-footer { - background-color: transparent; } - .bg-warning.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(255, 193, 7, 0.6); } + background-color: #ffc107 !important; +} +.bg-warning .card-header, +.bg-warning .card-footer { + background-color: transparent; +} +.bg-warning.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(255, 193, 7, 0.6); +} .selectboxit.selectboxit-btn.bg-warning { - background-color: #ffc107 !important; } + background-color: #ffc107 !important; +} .alert-warning { border-color: #ffc107 !important; - background-color: #ffd34e; } + background-color: #ffd34e; +} .border-warning { border-color: #ffc107; - border: 1px solid; } + border: 1px solid; +} .overlay-warning { background: #ffc107; /* The Fallback */ - background: rgba(255, 193, 7, 0.8); } + background: rgba(255, 193, 7, 0.8); +} .color-info.warning { - background-color: #ffc107 !important; } + background-color: #ffc107 !important; +} .btn-warning { border-color: #d39e00 !important; background-color: #ffc107 !important; - color: #FFFFFF; } - .btn-warning:hover { - border-color: #edb100 !important; - background-color: #ffc721 !important; - color: #FFF !important; } - .btn-warning:focus, .btn-warning:active { - border-color: #d39e00 !important; - background-color: #ba8b00 !important; - color: #FFF !important; } - .btn-warning.btn-glow { - box-shadow: 0px 1px 20px 1px rgba(255, 193, 7, 0.6); } + color: #ffffff; +} +.btn-warning:hover { + border-color: #edb100 !important; + background-color: #ffc721 !important; + color: #fff !important; +} +.btn-warning:focus, +.btn-warning:active { + border-color: #d39e00 !important; + background-color: #ba8b00 !important; + color: #fff !important; +} +.btn-warning.btn-glow { + box-shadow: 0px 1px 20px 1px rgba(255, 193, 7, 0.6); +} .btn-outline-warning { border: 1px solid; border-color: #ffc107; background-color: transparent; - color: #ffc107; } - .btn-outline-warning:hover { - background-color: #ffc107; - color: #FFF !important; } - .btn-outline-warning.btn-glow { - box-shadow: 0px 1px 20px 1px rgba(255, 193, 7, 0.6); } - -input[type="checkbox"].bg-warning + .custom-control-label:before, input[type="radio"].bg-warning + .custom-control-label:before { - background-color: #ffc107 !important; } - -/* .custom-control-label{ - &:before{ - background-color: #ddd !important; - } + color: #ffc107; +} +.btn-outline-warning:hover { + background-color: #ffc107; + color: #fff !important; +} +.btn-outline-warning.btn-glow { + box-shadow: 0px 1px 20px 1px rgba(255, 193, 7, 0.6); +} + +input[type='checkbox'].bg-warning + .custom-control-label:before, +input[type='radio'].bg-warning + .custom-control-label:before { + background-color: #ffc107 !important; +} + +/* .custom-control-label{ + &:before{ + background-color: #ddd !important; + } } */ input:focus ~ .bg-warning { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffc107 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffc107 !important; +} .border-warning { - border-color: #ffc107 !important; } + border-color: #ffc107 !important; +} .border-top-warning { - border-top: 1px solid #ffc107; } + border-top: 1px solid #ffc107; +} .border-bottom-warning { - border-bottom: 1px solid #ffc107; } + border-bottom: 1px solid #ffc107; +} .border-left-warning { - border-left: 1px solid #ffc107; } + border-left: 1px solid #ffc107; +} .border-right-warning { - border-right: 1px solid #ffc107; } + border-right: 1px solid #ffc107; +} /* Bullet warning */ .bullet.bullet-warning { - background-color: #ffc107; } + background-color: #ffc107; +} .warning.darken-1 { - color: #edb100 !important; } + color: #edb100 !important; +} .bg-warning.bg-darken-1 { - background-color: #edb100 !important; } - .bg-warning.bg-darken-1.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(237, 177, 0, 0.6); } + background-color: #edb100 !important; +} +.bg-warning.bg-darken-1.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(237, 177, 0, 0.6); +} .btn-warning.btn-darken-1 { border-color: #d39e00 !important; - background-color: #edb100 !important; } - .btn-warning.btn-darken-1:hover { - border-color: #d39e00 !important; - background-color: #ba8b00 !important; } - .btn-warning.btn-darken-1:focus, .btn-warning.btn-darken-1:active { - border-color: #ba8b00 !important; - background-color: #a07800 !important; } + background-color: #edb100 !important; +} +.btn-warning.btn-darken-1:hover { + border-color: #d39e00 !important; + background-color: #ba8b00 !important; +} +.btn-warning.btn-darken-1:focus, +.btn-warning.btn-darken-1:active { + border-color: #ba8b00 !important; + background-color: #a07800 !important; +} .btn-outline-warning.btn-outline-darken-1 { border-color: #edb100 !important; - color: #edb100 !important; } - .btn-outline-warning.btn-outline-darken-1:hover { - background-color: #edb100 !important; } + color: #edb100 !important; +} +.btn-outline-warning.btn-outline-darken-1:hover { + background-color: #edb100 !important; +} input:focus ~ .bg-warning { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #edb100 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #edb100 !important; +} .border-warning.border-darken-1 { - border: 1px solid #edb100 !important; } + border: 1px solid #edb100 !important; +} .border-top-warning.border-top-darken-1 { - border-top: 1px solid #edb100 !important; } + border-top: 1px solid #edb100 !important; +} .border-bottom-warning.border-bottom-darken-1 { - border-bottom: 1px solid #edb100 !important; } + border-bottom: 1px solid #edb100 !important; +} .border-left-warning.border-left-darken-1 { - border-left: 1px solid #edb100 !important; } + border-left: 1px solid #edb100 !important; +} .border-right-warning.border-right-darken-1 { - border-right: 1px solid #edb100 !important; } + border-right: 1px solid #edb100 !important; +} .overlay-warning.overlay-darken-1 { background: #edb100; /* The Fallback */ - background: rgba(237, 177, 0, 0.8); } + background: rgba(237, 177, 0, 0.8); +} .warning.darken-2 { - color: #d39e00 !important; } + color: #d39e00 !important; +} .bg-warning.bg-darken-2 { - background-color: #d39e00 !important; } - .bg-warning.bg-darken-2.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(211, 158, 0, 0.6); } + background-color: #d39e00 !important; +} +.bg-warning.bg-darken-2.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(211, 158, 0, 0.6); +} .btn-warning.btn-darken-2 { border-color: #d39e00 !important; - background-color: #d39e00 !important; } - .btn-warning.btn-darken-2:hover { - border-color: #d39e00 !important; - background-color: #ba8b00 !important; } - .btn-warning.btn-darken-2:focus, .btn-warning.btn-darken-2:active { - border-color: #ba8b00 !important; - background-color: #a07800 !important; } + background-color: #d39e00 !important; +} +.btn-warning.btn-darken-2:hover { + border-color: #d39e00 !important; + background-color: #ba8b00 !important; +} +.btn-warning.btn-darken-2:focus, +.btn-warning.btn-darken-2:active { + border-color: #ba8b00 !important; + background-color: #a07800 !important; +} .btn-outline-warning.btn-outline-darken-2 { border-color: #d39e00 !important; - color: #d39e00 !important; } - .btn-outline-warning.btn-outline-darken-2:hover { - background-color: #d39e00 !important; } + color: #d39e00 !important; +} +.btn-outline-warning.btn-outline-darken-2:hover { + background-color: #d39e00 !important; +} input:focus ~ .bg-warning { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #d39e00 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #d39e00 !important; +} .border-warning.border-darken-2 { - border: 1px solid #d39e00 !important; } + border: 1px solid #d39e00 !important; +} .border-top-warning.border-top-darken-2 { - border-top: 1px solid #d39e00 !important; } + border-top: 1px solid #d39e00 !important; +} .border-bottom-warning.border-bottom-darken-2 { - border-bottom: 1px solid #d39e00 !important; } + border-bottom: 1px solid #d39e00 !important; +} .border-left-warning.border-left-darken-2 { - border-left: 1px solid #d39e00 !important; } + border-left: 1px solid #d39e00 !important; +} .border-right-warning.border-right-darken-2 { - border-right: 1px solid #d39e00 !important; } + border-right: 1px solid #d39e00 !important; +} .overlay-warning.overlay-darken-2 { background: #d39e00; /* The Fallback */ - background: rgba(211, 158, 0, 0.8); } + background: rgba(211, 158, 0, 0.8); +} .warning.darken-3 { - color: #ba8b00 !important; } + color: #ba8b00 !important; +} .bg-warning.bg-darken-3 { - background-color: #ba8b00 !important; } - .bg-warning.bg-darken-3.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(186, 139, 0, 0.6); } + background-color: #ba8b00 !important; +} +.bg-warning.bg-darken-3.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(186, 139, 0, 0.6); +} .btn-warning.btn-darken-3 { border-color: #d39e00 !important; - background-color: #ba8b00 !important; } - .btn-warning.btn-darken-3:hover { - border-color: #d39e00 !important; - background-color: #ba8b00 !important; } - .btn-warning.btn-darken-3:focus, .btn-warning.btn-darken-3:active { - border-color: #ba8b00 !important; - background-color: #a07800 !important; } + background-color: #ba8b00 !important; +} +.btn-warning.btn-darken-3:hover { + border-color: #d39e00 !important; + background-color: #ba8b00 !important; +} +.btn-warning.btn-darken-3:focus, +.btn-warning.btn-darken-3:active { + border-color: #ba8b00 !important; + background-color: #a07800 !important; +} .btn-outline-warning.btn-outline-darken-3 { border-color: #ba8b00 !important; - color: #ba8b00 !important; } - .btn-outline-warning.btn-outline-darken-3:hover { - background-color: #ba8b00 !important; } + color: #ba8b00 !important; +} +.btn-outline-warning.btn-outline-darken-3:hover { + background-color: #ba8b00 !important; +} input:focus ~ .bg-warning { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ba8b00 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ba8b00 !important; +} .border-warning.border-darken-3 { - border: 1px solid #ba8b00 !important; } + border: 1px solid #ba8b00 !important; +} .border-top-warning.border-top-darken-3 { - border-top: 1px solid #ba8b00 !important; } + border-top: 1px solid #ba8b00 !important; +} .border-bottom-warning.border-bottom-darken-3 { - border-bottom: 1px solid #ba8b00 !important; } + border-bottom: 1px solid #ba8b00 !important; +} .border-left-warning.border-left-darken-3 { - border-left: 1px solid #ba8b00 !important; } + border-left: 1px solid #ba8b00 !important; +} .border-right-warning.border-right-darken-3 { - border-right: 1px solid #ba8b00 !important; } + border-right: 1px solid #ba8b00 !important; +} .overlay-warning.overlay-darken-3 { background: #ba8b00; /* The Fallback */ - background: rgba(186, 139, 0, 0.8); } + background: rgba(186, 139, 0, 0.8); +} .warning.darken-4 { - color: #a07800 !important; } + color: #a07800 !important; +} .bg-warning.bg-darken-4 { - background-color: #a07800 !important; } - .bg-warning.bg-darken-4.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(160, 120, 0, 0.6); } + background-color: #a07800 !important; +} +.bg-warning.bg-darken-4.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(160, 120, 0, 0.6); +} .btn-warning.btn-darken-4 { border-color: #d39e00 !important; - background-color: #a07800 !important; } - .btn-warning.btn-darken-4:hover { - border-color: #d39e00 !important; - background-color: #ba8b00 !important; } - .btn-warning.btn-darken-4:focus, .btn-warning.btn-darken-4:active { - border-color: #ba8b00 !important; - background-color: #a07800 !important; } + background-color: #a07800 !important; +} +.btn-warning.btn-darken-4:hover { + border-color: #d39e00 !important; + background-color: #ba8b00 !important; +} +.btn-warning.btn-darken-4:focus, +.btn-warning.btn-darken-4:active { + border-color: #ba8b00 !important; + background-color: #a07800 !important; +} .btn-outline-warning.btn-outline-darken-4 { border-color: #a07800 !important; - color: #a07800 !important; } - .btn-outline-warning.btn-outline-darken-4:hover { - background-color: #a07800 !important; } + color: #a07800 !important; +} +.btn-outline-warning.btn-outline-darken-4:hover { + background-color: #a07800 !important; +} input:focus ~ .bg-warning { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #a07800 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #a07800 !important; +} .border-warning.border-darken-4 { - border: 1px solid #a07800 !important; } + border: 1px solid #a07800 !important; +} .border-top-warning.border-top-darken-4 { - border-top: 1px solid #a07800 !important; } + border-top: 1px solid #a07800 !important; +} .border-bottom-warning.border-bottom-darken-4 { - border-bottom: 1px solid #a07800 !important; } + border-bottom: 1px solid #a07800 !important; +} .border-left-warning.border-left-darken-4 { - border-left: 1px solid #a07800 !important; } + border-left: 1px solid #a07800 !important; +} .border-right-warning.border-right-darken-4 { - border-right: 1px solid #a07800 !important; } + border-right: 1px solid #a07800 !important; +} .overlay-warning.overlay-darken-4 { background: #a07800; /* The Fallback */ - background: rgba(160, 120, 0, 0.8); } + background: rgba(160, 120, 0, 0.8); +} .warning.accent-1 { - color: #ffe57f !important; } + color: #ffe57f !important; +} .bg-warning.bg-accent-1 { - background-color: #ffe57f !important; } - .bg-warning.bg-accent-1.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(255, 229, 127, 0.6); } + background-color: #ffe57f !important; +} +.bg-warning.bg-accent-1.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(255, 229, 127, 0.6); +} .btn-warning.btn-accent-1 { border-color: #d39e00 !important; - background-color: #ffe57f !important; } - .btn-warning.btn-accent-1:hover { - border-color: #d39e00 !important; - background-color: #ba8b00 !important; } - .btn-warning.btn-accent-1:focus, .btn-warning.btn-accent-1:active { - border-color: #ba8b00 !important; - background-color: #a07800 !important; } + background-color: #ffe57f !important; +} +.btn-warning.btn-accent-1:hover { + border-color: #d39e00 !important; + background-color: #ba8b00 !important; +} +.btn-warning.btn-accent-1:focus, +.btn-warning.btn-accent-1:active { + border-color: #ba8b00 !important; + background-color: #a07800 !important; +} .btn-outline-warning.btn-outline-accent-1 { border-color: #ffe57f !important; - color: #ffe57f !important; } - .btn-outline-warning.btn-outline-accent-1:hover { - background-color: #ffe57f !important; } + color: #ffe57f !important; +} +.btn-outline-warning.btn-outline-accent-1:hover { + background-color: #ffe57f !important; +} input:focus ~ .bg-warning { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffe57f !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffe57f !important; +} .border-warning.border-accent-1 { - border: 1px solid #ffe57f !important; } + border: 1px solid #ffe57f !important; +} .border-top-warning.border-top-accent-1 { - border-top: 1px solid #ffe57f !important; } + border-top: 1px solid #ffe57f !important; +} .border-bottom-warning.border-bottom-accent-1 { - border-bottom: 1px solid #ffe57f !important; } + border-bottom: 1px solid #ffe57f !important; +} .border-left-warning.border-left-accent-1 { - border-left: 1px solid #ffe57f !important; } + border-left: 1px solid #ffe57f !important; +} .border-right-warning.border-right-accent-1 { - border-right: 1px solid #ffe57f !important; } + border-right: 1px solid #ffe57f !important; +} .overlay-warning.overlay-accent-1 { background: #ffe57f; /* The Fallback */ - background: rgba(255, 229, 127, 0.8); } + background: rgba(255, 229, 127, 0.8); +} .warning.accent-2 { - color: #ffd740 !important; } + color: #ffd740 !important; +} .bg-warning.bg-accent-2 { - background-color: #ffd740 !important; } - .bg-warning.bg-accent-2.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(255, 215, 64, 0.6); } + background-color: #ffd740 !important; +} +.bg-warning.bg-accent-2.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(255, 215, 64, 0.6); +} .btn-warning.btn-accent-2 { border-color: #d39e00 !important; - background-color: #ffd740 !important; } - .btn-warning.btn-accent-2:hover { - border-color: #d39e00 !important; - background-color: #ba8b00 !important; } - .btn-warning.btn-accent-2:focus, .btn-warning.btn-accent-2:active { - border-color: #ba8b00 !important; - background-color: #a07800 !important; } + background-color: #ffd740 !important; +} +.btn-warning.btn-accent-2:hover { + border-color: #d39e00 !important; + background-color: #ba8b00 !important; +} +.btn-warning.btn-accent-2:focus, +.btn-warning.btn-accent-2:active { + border-color: #ba8b00 !important; + background-color: #a07800 !important; +} .btn-outline-warning.btn-outline-accent-2 { border-color: #ffd740 !important; - color: #ffd740 !important; } - .btn-outline-warning.btn-outline-accent-2:hover { - background-color: #ffd740 !important; } + color: #ffd740 !important; +} +.btn-outline-warning.btn-outline-accent-2:hover { + background-color: #ffd740 !important; +} input:focus ~ .bg-warning { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffd740 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffd740 !important; +} .border-warning.border-accent-2 { - border: 1px solid #ffd740 !important; } + border: 1px solid #ffd740 !important; +} .border-top-warning.border-top-accent-2 { - border-top: 1px solid #ffd740 !important; } + border-top: 1px solid #ffd740 !important; +} .border-bottom-warning.border-bottom-accent-2 { - border-bottom: 1px solid #ffd740 !important; } + border-bottom: 1px solid #ffd740 !important; +} .border-left-warning.border-left-accent-2 { - border-left: 1px solid #ffd740 !important; } + border-left: 1px solid #ffd740 !important; +} .border-right-warning.border-right-accent-2 { - border-right: 1px solid #ffd740 !important; } + border-right: 1px solid #ffd740 !important; +} .overlay-warning.overlay-accent-2 { background: #ffd740; /* The Fallback */ - background: rgba(255, 215, 64, 0.8); } + background: rgba(255, 215, 64, 0.8); +} .warning.accent-3 { - color: #ffc400 !important; } + color: #ffc400 !important; +} .bg-warning.bg-accent-3 { - background-color: #ffc400 !important; } - .bg-warning.bg-accent-3.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(255, 196, 0, 0.6); } + background-color: #ffc400 !important; +} +.bg-warning.bg-accent-3.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(255, 196, 0, 0.6); +} .btn-warning.btn-accent-3 { border-color: #d39e00 !important; - background-color: #ffc400 !important; } - .btn-warning.btn-accent-3:hover { - border-color: #d39e00 !important; - background-color: #ba8b00 !important; } - .btn-warning.btn-accent-3:focus, .btn-warning.btn-accent-3:active { - border-color: #ba8b00 !important; - background-color: #a07800 !important; } + background-color: #ffc400 !important; +} +.btn-warning.btn-accent-3:hover { + border-color: #d39e00 !important; + background-color: #ba8b00 !important; +} +.btn-warning.btn-accent-3:focus, +.btn-warning.btn-accent-3:active { + border-color: #ba8b00 !important; + background-color: #a07800 !important; +} .btn-outline-warning.btn-outline-accent-3 { border-color: #ffc400 !important; - color: #ffc400 !important; } - .btn-outline-warning.btn-outline-accent-3:hover { - background-color: #ffc400 !important; } + color: #ffc400 !important; +} +.btn-outline-warning.btn-outline-accent-3:hover { + background-color: #ffc400 !important; +} input:focus ~ .bg-warning { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffc400 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffc400 !important; +} .border-warning.border-accent-3 { - border: 1px solid #ffc400 !important; } + border: 1px solid #ffc400 !important; +} .border-top-warning.border-top-accent-3 { - border-top: 1px solid #ffc400 !important; } + border-top: 1px solid #ffc400 !important; +} .border-bottom-warning.border-bottom-accent-3 { - border-bottom: 1px solid #ffc400 !important; } + border-bottom: 1px solid #ffc400 !important; +} .border-left-warning.border-left-accent-3 { - border-left: 1px solid #ffc400 !important; } + border-left: 1px solid #ffc400 !important; +} .border-right-warning.border-right-accent-3 { - border-right: 1px solid #ffc400 !important; } + border-right: 1px solid #ffc400 !important; +} .overlay-warning.overlay-accent-3 { background: #ffc400; /* The Fallback */ - background: rgba(255, 196, 0, 0.8); } + background: rgba(255, 196, 0, 0.8); +} .warning.accent-4 { - color: #ffab00 !important; } + color: #ffab00 !important; +} .bg-warning.bg-accent-4 { - background-color: #ffab00 !important; } - .bg-warning.bg-accent-4.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(255, 171, 0, 0.6); } + background-color: #ffab00 !important; +} +.bg-warning.bg-accent-4.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(255, 171, 0, 0.6); +} .btn-warning.btn-accent-4 { border-color: #d39e00 !important; - background-color: #ffab00 !important; } - .btn-warning.btn-accent-4:hover { - border-color: #d39e00 !important; - background-color: #ba8b00 !important; } - .btn-warning.btn-accent-4:focus, .btn-warning.btn-accent-4:active { - border-color: #ba8b00 !important; - background-color: #a07800 !important; } + background-color: #ffab00 !important; +} +.btn-warning.btn-accent-4:hover { + border-color: #d39e00 !important; + background-color: #ba8b00 !important; +} +.btn-warning.btn-accent-4:focus, +.btn-warning.btn-accent-4:active { + border-color: #ba8b00 !important; + background-color: #a07800 !important; +} .btn-outline-warning.btn-outline-accent-4 { border-color: #ffab00 !important; - color: #ffab00 !important; } - .btn-outline-warning.btn-outline-accent-4:hover { - background-color: #ffab00 !important; } + color: #ffab00 !important; +} +.btn-outline-warning.btn-outline-accent-4:hover { + background-color: #ffab00 !important; +} input:focus ~ .bg-warning { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffab00 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffab00 !important; +} .border-warning.border-accent-4 { - border: 1px solid #ffab00 !important; } + border: 1px solid #ffab00 !important; +} .border-top-warning.border-top-accent-4 { - border-top: 1px solid #ffab00 !important; } + border-top: 1px solid #ffab00 !important; +} .border-bottom-warning.border-bottom-accent-4 { - border-bottom: 1px solid #ffab00 !important; } + border-bottom: 1px solid #ffab00 !important; +} .border-left-warning.border-left-accent-4 { - border-left: 1px solid #ffab00 !important; } + border-left: 1px solid #ffab00 !important; +} .border-right-warning.border-right-accent-4 { - border-right: 1px solid #ffab00 !important; } + border-right: 1px solid #ffab00 !important; +} .overlay-warning.overlay-accent-4 { background: #ffab00; /* The Fallback */ - background: rgba(255, 171, 0, 0.8); } + background: rgba(255, 171, 0, 0.8); +} .danger.lighten-5 { - color: #fbb4af !important; } + color: #fbb4af !important; +} .bg-danger.bg-lighten-5 { - background-color: #fbb4af !important; } - .bg-danger.bg-lighten-5.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(251, 180, 175, 0.6); } + background-color: #fbb4af !important; +} +.bg-danger.bg-lighten-5.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(251, 180, 175, 0.6); +} .btn-danger.btn-lighten-5 { border-color: #ea1c0d !important; - background-color: #fbb4af !important; } - .btn-danger.btn-lighten-5:hover { - border-color: #ea1c0d !important; - background-color: #d2190b !important; } - .btn-danger.btn-lighten-5:focus, .btn-danger.btn-lighten-5:active { - border-color: #d2190b !important; - background-color: #ba160a !important; } + background-color: #fbb4af !important; +} +.btn-danger.btn-lighten-5:hover { + border-color: #ea1c0d !important; + background-color: #d2190b !important; +} +.btn-danger.btn-lighten-5:focus, +.btn-danger.btn-lighten-5:active { + border-color: #d2190b !important; + background-color: #ba160a !important; +} .btn-outline-danger.btn-outline-lighten-5 { border-color: #fbb4af !important; - color: #fbb4af !important; } - .btn-outline-danger.btn-outline-lighten-5:hover { - background-color: #fbb4af !important; } + color: #fbb4af !important; +} +.btn-outline-danger.btn-outline-lighten-5:hover { + background-color: #fbb4af !important; +} input:focus ~ .bg-danger { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #fbb4af !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #fbb4af !important; +} .border-danger.border-lighten-5 { - border: 1px solid #fbb4af !important; } + border: 1px solid #fbb4af !important; +} .border-top-danger.border-top-lighten-5 { - border-top: 1px solid #fbb4af !important; } + border-top: 1px solid #fbb4af !important; +} .border-bottom-danger.border-bottom-lighten-5 { - border-bottom: 1px solid #fbb4af !important; } + border-bottom: 1px solid #fbb4af !important; +} .border-left-danger.border-left-lighten-5 { - border-left: 1px solid #fbb4af !important; } + border-left: 1px solid #fbb4af !important; +} .border-right-danger.border-right-lighten-5 { - border-right: 1px solid #fbb4af !important; } + border-right: 1px solid #fbb4af !important; +} .overlay-danger.overlay-lighten-5 { background: #fbb4af; /* The Fallback */ - background: rgba(251, 180, 175, 0.8); } + background: rgba(251, 180, 175, 0.8); +} .danger.lighten-4 { - color: #f99d97 !important; } + color: #f99d97 !important; +} .bg-danger.bg-lighten-4 { - background-color: #f99d97 !important; } - .bg-danger.bg-lighten-4.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(249, 157, 151, 0.6); } + background-color: #f99d97 !important; +} +.bg-danger.bg-lighten-4.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(249, 157, 151, 0.6); +} .btn-danger.btn-lighten-4 { border-color: #ea1c0d !important; - background-color: #f99d97 !important; } - .btn-danger.btn-lighten-4:hover { - border-color: #ea1c0d !important; - background-color: #d2190b !important; } - .btn-danger.btn-lighten-4:focus, .btn-danger.btn-lighten-4:active { - border-color: #d2190b !important; - background-color: #ba160a !important; } + background-color: #f99d97 !important; +} +.btn-danger.btn-lighten-4:hover { + border-color: #ea1c0d !important; + background-color: #d2190b !important; +} +.btn-danger.btn-lighten-4:focus, +.btn-danger.btn-lighten-4:active { + border-color: #d2190b !important; + background-color: #ba160a !important; +} .btn-outline-danger.btn-outline-lighten-4 { border-color: #f99d97 !important; - color: #f99d97 !important; } - .btn-outline-danger.btn-outline-lighten-4:hover { - background-color: #f99d97 !important; } + color: #f99d97 !important; +} +.btn-outline-danger.btn-outline-lighten-4:hover { + background-color: #f99d97 !important; +} input:focus ~ .bg-danger { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #f99d97 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #f99d97 !important; +} .border-danger.border-lighten-4 { - border: 1px solid #f99d97 !important; } + border: 1px solid #f99d97 !important; +} .border-top-danger.border-top-lighten-4 { - border-top: 1px solid #f99d97 !important; } + border-top: 1px solid #f99d97 !important; +} .border-bottom-danger.border-bottom-lighten-4 { - border-bottom: 1px solid #f99d97 !important; } + border-bottom: 1px solid #f99d97 !important; +} .border-left-danger.border-left-lighten-4 { - border-left: 1px solid #f99d97 !important; } + border-left: 1px solid #f99d97 !important; +} .border-right-danger.border-right-lighten-4 { - border-right: 1px solid #f99d97 !important; } + border-right: 1px solid #f99d97 !important; +} .overlay-danger.overlay-lighten-4 { background: #f99d97; /* The Fallback */ - background: rgba(249, 157, 151, 0.8); } + background: rgba(249, 157, 151, 0.8); +} .danger.lighten-3 { - color: #f8877f !important; } + color: #f8877f !important; +} .bg-danger.bg-lighten-3 { - background-color: #f8877f !important; } - .bg-danger.bg-lighten-3.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(248, 135, 127, 0.6); } + background-color: #f8877f !important; +} +.bg-danger.bg-lighten-3.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(248, 135, 127, 0.6); +} .btn-danger.btn-lighten-3 { border-color: #ea1c0d !important; - background-color: #f8877f !important; } - .btn-danger.btn-lighten-3:hover { - border-color: #ea1c0d !important; - background-color: #d2190b !important; } - .btn-danger.btn-lighten-3:focus, .btn-danger.btn-lighten-3:active { - border-color: #d2190b !important; - background-color: #ba160a !important; } + background-color: #f8877f !important; +} +.btn-danger.btn-lighten-3:hover { + border-color: #ea1c0d !important; + background-color: #d2190b !important; +} +.btn-danger.btn-lighten-3:focus, +.btn-danger.btn-lighten-3:active { + border-color: #d2190b !important; + background-color: #ba160a !important; +} .btn-outline-danger.btn-outline-lighten-3 { border-color: #f8877f !important; - color: #f8877f !important; } - .btn-outline-danger.btn-outline-lighten-3:hover { - background-color: #f8877f !important; } + color: #f8877f !important; +} +.btn-outline-danger.btn-outline-lighten-3:hover { + background-color: #f8877f !important; +} input:focus ~ .bg-danger { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #f8877f !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #f8877f !important; +} .border-danger.border-lighten-3 { - border: 1px solid #f8877f !important; } + border: 1px solid #f8877f !important; +} .border-top-danger.border-top-lighten-3 { - border-top: 1px solid #f8877f !important; } + border-top: 1px solid #f8877f !important; +} .border-bottom-danger.border-bottom-lighten-3 { - border-bottom: 1px solid #f8877f !important; } + border-bottom: 1px solid #f8877f !important; +} .border-left-danger.border-left-lighten-3 { - border-left: 1px solid #f8877f !important; } + border-left: 1px solid #f8877f !important; +} .border-right-danger.border-right-lighten-3 { - border-right: 1px solid #f8877f !important; } + border-right: 1px solid #f8877f !important; +} .overlay-danger.overlay-lighten-3 { background: #f8877f; /* The Fallback */ - background: rgba(248, 135, 127, 0.8); } + background: rgba(248, 135, 127, 0.8); +} .danger.lighten-2 { - color: #f77066 !important; } + color: #f77066 !important; +} .bg-danger.bg-lighten-2 { - background-color: #f77066 !important; } - .bg-danger.bg-lighten-2.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(247, 112, 102, 0.6); } + background-color: #f77066 !important; +} +.bg-danger.bg-lighten-2.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(247, 112, 102, 0.6); +} .btn-danger.btn-lighten-2 { border-color: #ea1c0d !important; - background-color: #f77066 !important; } - .btn-danger.btn-lighten-2:hover { - border-color: #ea1c0d !important; - background-color: #d2190b !important; } - .btn-danger.btn-lighten-2:focus, .btn-danger.btn-lighten-2:active { - border-color: #d2190b !important; - background-color: #ba160a !important; } + background-color: #f77066 !important; +} +.btn-danger.btn-lighten-2:hover { + border-color: #ea1c0d !important; + background-color: #d2190b !important; +} +.btn-danger.btn-lighten-2:focus, +.btn-danger.btn-lighten-2:active { + border-color: #d2190b !important; + background-color: #ba160a !important; +} .btn-outline-danger.btn-outline-lighten-2 { border-color: #f77066 !important; - color: #f77066 !important; } - .btn-outline-danger.btn-outline-lighten-2:hover { - background-color: #f77066 !important; } + color: #f77066 !important; +} +.btn-outline-danger.btn-outline-lighten-2:hover { + background-color: #f77066 !important; +} input:focus ~ .bg-danger { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #f77066 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #f77066 !important; +} .border-danger.border-lighten-2 { - border: 1px solid #f77066 !important; } + border: 1px solid #f77066 !important; +} .border-top-danger.border-top-lighten-2 { - border-top: 1px solid #f77066 !important; } + border-top: 1px solid #f77066 !important; +} .border-bottom-danger.border-bottom-lighten-2 { - border-bottom: 1px solid #f77066 !important; } + border-bottom: 1px solid #f77066 !important; +} .border-left-danger.border-left-lighten-2 { - border-left: 1px solid #f77066 !important; } + border-left: 1px solid #f77066 !important; +} .border-right-danger.border-right-lighten-2 { - border-right: 1px solid #f77066 !important; } + border-right: 1px solid #f77066 !important; +} .overlay-danger.overlay-lighten-2 { background: #f77066; /* The Fallback */ - background: rgba(247, 112, 102, 0.8); } + background: rgba(247, 112, 102, 0.8); +} .danger.lighten-1 { - color: #f55a4e !important; } + color: #f55a4e !important; +} .bg-danger.bg-lighten-1 { - background-color: #f55a4e !important; } - .bg-danger.bg-lighten-1.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(245, 90, 78, 0.6); } + background-color: #f55a4e !important; +} +.bg-danger.bg-lighten-1.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(245, 90, 78, 0.6); +} .btn-danger.btn-lighten-1 { border-color: #ea1c0d !important; - background-color: #f55a4e !important; } - .btn-danger.btn-lighten-1:hover { - border-color: #ea1c0d !important; - background-color: #d2190b !important; } - .btn-danger.btn-lighten-1:focus, .btn-danger.btn-lighten-1:active { - border-color: #d2190b !important; - background-color: #ba160a !important; } + background-color: #f55a4e !important; +} +.btn-danger.btn-lighten-1:hover { + border-color: #ea1c0d !important; + background-color: #d2190b !important; +} +.btn-danger.btn-lighten-1:focus, +.btn-danger.btn-lighten-1:active { + border-color: #d2190b !important; + background-color: #ba160a !important; +} .btn-outline-danger.btn-outline-lighten-1 { border-color: #f55a4e !important; - color: #f55a4e !important; } - .btn-outline-danger.btn-outline-lighten-1:hover { - background-color: #f55a4e !important; } + color: #f55a4e !important; +} +.btn-outline-danger.btn-outline-lighten-1:hover { + background-color: #f55a4e !important; +} input:focus ~ .bg-danger { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #f55a4e !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #f55a4e !important; +} .border-danger.border-lighten-1 { - border: 1px solid #f55a4e !important; } + border: 1px solid #f55a4e !important; +} .border-top-danger.border-top-lighten-1 { - border-top: 1px solid #f55a4e !important; } + border-top: 1px solid #f55a4e !important; +} .border-bottom-danger.border-bottom-lighten-1 { - border-bottom: 1px solid #f55a4e !important; } + border-bottom: 1px solid #f55a4e !important; +} .border-left-danger.border-left-lighten-1 { - border-left: 1px solid #f55a4e !important; } + border-left: 1px solid #f55a4e !important; +} .border-right-danger.border-right-lighten-1 { - border-right: 1px solid #f55a4e !important; } + border-right: 1px solid #f55a4e !important; +} .overlay-danger.overlay-lighten-1 { background: #f55a4e; /* The Fallback */ - background: rgba(245, 90, 78, 0.8); } + background: rgba(245, 90, 78, 0.8); +} .danger { - color: #f44336 !important; } + color: #f44336 !important; +} .bg-danger { - background-color: #f44336 !important; } - .bg-danger .card-header, - .bg-danger .card-footer { - background-color: transparent; } - .bg-danger.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(244, 67, 54, 0.6); } + background-color: #f44336 !important; +} +.bg-danger .card-header, +.bg-danger .card-footer { + background-color: transparent; +} +.bg-danger.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(244, 67, 54, 0.6); +} .selectboxit.selectboxit-btn.bg-danger { - background-color: #f44336 !important; } + background-color: #f44336 !important; +} .alert-danger { border-color: #f44336 !important; - background-color: #f8827a; } + background-color: #f8827a; +} .border-danger { border-color: #f44336; - border: 1px solid; } + border: 1px solid; +} .overlay-danger { background: #f44336; /* The Fallback */ - background: rgba(244, 67, 54, 0.8); } + background: rgba(244, 67, 54, 0.8); +} .color-info.danger { - background-color: #f44336 !important; } + background-color: #f44336 !important; +} .btn-danger { border-color: #ea1c0d !important; background-color: #f44336 !important; - color: #FFFFFF; } - .btn-danger:hover { - border-color: #f32c1e !important; - background-color: #f55a4e !important; - color: #FFF !important; } - .btn-danger:focus, .btn-danger:active { - border-color: #ea1c0d !important; - background-color: #d2190b !important; - color: #FFF !important; } - .btn-danger.btn-glow { - box-shadow: 0px 1px 20px 1px rgba(244, 67, 54, 0.6); } + color: #ffffff; +} +.btn-danger:hover { + border-color: #f32c1e !important; + background-color: #f55a4e !important; + color: #fff !important; +} +.btn-danger:focus, +.btn-danger:active { + border-color: #ea1c0d !important; + background-color: #d2190b !important; + color: #fff !important; +} +.btn-danger.btn-glow { + box-shadow: 0px 1px 20px 1px rgba(244, 67, 54, 0.6); +} .btn-outline-danger { border: 1px solid; border-color: #f44336; background-color: transparent; - color: #f44336; } - .btn-outline-danger:hover { - background-color: #f44336; - color: #FFF !important; } - .btn-outline-danger.btn-glow { - box-shadow: 0px 1px 20px 1px rgba(244, 67, 54, 0.6); } - -input[type="checkbox"].bg-danger + .custom-control-label:before, input[type="radio"].bg-danger + .custom-control-label:before { - background-color: #f44336 !important; } - -/* .custom-control-label{ - &:before{ - background-color: #ddd !important; - } + color: #f44336; +} +.btn-outline-danger:hover { + background-color: #f44336; + color: #fff !important; +} +.btn-outline-danger.btn-glow { + box-shadow: 0px 1px 20px 1px rgba(244, 67, 54, 0.6); +} + +input[type='checkbox'].bg-danger + .custom-control-label:before, +input[type='radio'].bg-danger + .custom-control-label:before { + background-color: #f44336 !important; +} + +/* .custom-control-label{ + &:before{ + background-color: #ddd !important; + } } */ input:focus ~ .bg-danger { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #f44336 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #f44336 !important; +} .border-danger { - border-color: #f44336 !important; } + border-color: #f44336 !important; +} .border-top-danger { - border-top: 1px solid #f44336; } + border-top: 1px solid #f44336; +} .border-bottom-danger { - border-bottom: 1px solid #f44336; } + border-bottom: 1px solid #f44336; +} .border-left-danger { - border-left: 1px solid #f44336; } + border-left: 1px solid #f44336; +} .border-right-danger { - border-right: 1px solid #f44336; } + border-right: 1px solid #f44336; +} /* Bullet danger */ .bullet.bullet-danger { - background-color: #f44336; } + background-color: #f44336; +} .danger.darken-1 { - color: #f32c1e !important; } + color: #f32c1e !important; +} .bg-danger.bg-darken-1 { - background-color: #f32c1e !important; } - .bg-danger.bg-darken-1.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(243, 44, 30, 0.6); } + background-color: #f32c1e !important; +} +.bg-danger.bg-darken-1.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(243, 44, 30, 0.6); +} .btn-danger.btn-darken-1 { border-color: #ea1c0d !important; - background-color: #f32c1e !important; } - .btn-danger.btn-darken-1:hover { - border-color: #ea1c0d !important; - background-color: #d2190b !important; } - .btn-danger.btn-darken-1:focus, .btn-danger.btn-darken-1:active { - border-color: #d2190b !important; - background-color: #ba160a !important; } + background-color: #f32c1e !important; +} +.btn-danger.btn-darken-1:hover { + border-color: #ea1c0d !important; + background-color: #d2190b !important; +} +.btn-danger.btn-darken-1:focus, +.btn-danger.btn-darken-1:active { + border-color: #d2190b !important; + background-color: #ba160a !important; +} .btn-outline-danger.btn-outline-darken-1 { border-color: #f32c1e !important; - color: #f32c1e !important; } - .btn-outline-danger.btn-outline-darken-1:hover { - background-color: #f32c1e !important; } + color: #f32c1e !important; +} +.btn-outline-danger.btn-outline-darken-1:hover { + background-color: #f32c1e !important; +} input:focus ~ .bg-danger { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #f32c1e !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #f32c1e !important; +} .border-danger.border-darken-1 { - border: 1px solid #f32c1e !important; } + border: 1px solid #f32c1e !important; +} .border-top-danger.border-top-darken-1 { - border-top: 1px solid #f32c1e !important; } + border-top: 1px solid #f32c1e !important; +} .border-bottom-danger.border-bottom-darken-1 { - border-bottom: 1px solid #f32c1e !important; } + border-bottom: 1px solid #f32c1e !important; +} .border-left-danger.border-left-darken-1 { - border-left: 1px solid #f32c1e !important; } + border-left: 1px solid #f32c1e !important; +} .border-right-danger.border-right-darken-1 { - border-right: 1px solid #f32c1e !important; } + border-right: 1px solid #f32c1e !important; +} .overlay-danger.overlay-darken-1 { background: #f32c1e; /* The Fallback */ - background: rgba(243, 44, 30, 0.8); } + background: rgba(243, 44, 30, 0.8); +} .danger.darken-2 { - color: #ea1c0d !important; } + color: #ea1c0d !important; +} .bg-danger.bg-darken-2 { - background-color: #ea1c0d !important; } - .bg-danger.bg-darken-2.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(234, 28, 13, 0.6); } + background-color: #ea1c0d !important; +} +.bg-danger.bg-darken-2.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(234, 28, 13, 0.6); +} .btn-danger.btn-darken-2 { border-color: #ea1c0d !important; - background-color: #ea1c0d !important; } - .btn-danger.btn-darken-2:hover { - border-color: #ea1c0d !important; - background-color: #d2190b !important; } - .btn-danger.btn-darken-2:focus, .btn-danger.btn-darken-2:active { - border-color: #d2190b !important; - background-color: #ba160a !important; } + background-color: #ea1c0d !important; +} +.btn-danger.btn-darken-2:hover { + border-color: #ea1c0d !important; + background-color: #d2190b !important; +} +.btn-danger.btn-darken-2:focus, +.btn-danger.btn-darken-2:active { + border-color: #d2190b !important; + background-color: #ba160a !important; +} .btn-outline-danger.btn-outline-darken-2 { border-color: #ea1c0d !important; - color: #ea1c0d !important; } - .btn-outline-danger.btn-outline-darken-2:hover { - background-color: #ea1c0d !important; } + color: #ea1c0d !important; +} +.btn-outline-danger.btn-outline-darken-2:hover { + background-color: #ea1c0d !important; +} input:focus ~ .bg-danger { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ea1c0d !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ea1c0d !important; +} .border-danger.border-darken-2 { - border: 1px solid #ea1c0d !important; } + border: 1px solid #ea1c0d !important; +} .border-top-danger.border-top-darken-2 { - border-top: 1px solid #ea1c0d !important; } + border-top: 1px solid #ea1c0d !important; +} .border-bottom-danger.border-bottom-darken-2 { - border-bottom: 1px solid #ea1c0d !important; } + border-bottom: 1px solid #ea1c0d !important; +} .border-left-danger.border-left-darken-2 { - border-left: 1px solid #ea1c0d !important; } + border-left: 1px solid #ea1c0d !important; +} .border-right-danger.border-right-darken-2 { - border-right: 1px solid #ea1c0d !important; } + border-right: 1px solid #ea1c0d !important; +} .overlay-danger.overlay-darken-2 { background: #ea1c0d; /* The Fallback */ - background: rgba(234, 28, 13, 0.8); } + background: rgba(234, 28, 13, 0.8); +} .danger.darken-3 { - color: #d2190b !important; } + color: #d2190b !important; +} .bg-danger.bg-darken-3 { - background-color: #d2190b !important; } - .bg-danger.bg-darken-3.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(210, 25, 11, 0.6); } + background-color: #d2190b !important; +} +.bg-danger.bg-darken-3.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(210, 25, 11, 0.6); +} .btn-danger.btn-darken-3 { border-color: #ea1c0d !important; - background-color: #d2190b !important; } - .btn-danger.btn-darken-3:hover { - border-color: #ea1c0d !important; - background-color: #d2190b !important; } - .btn-danger.btn-darken-3:focus, .btn-danger.btn-darken-3:active { - border-color: #d2190b !important; - background-color: #ba160a !important; } + background-color: #d2190b !important; +} +.btn-danger.btn-darken-3:hover { + border-color: #ea1c0d !important; + background-color: #d2190b !important; +} +.btn-danger.btn-darken-3:focus, +.btn-danger.btn-darken-3:active { + border-color: #d2190b !important; + background-color: #ba160a !important; +} .btn-outline-danger.btn-outline-darken-3 { border-color: #d2190b !important; - color: #d2190b !important; } - .btn-outline-danger.btn-outline-darken-3:hover { - background-color: #d2190b !important; } + color: #d2190b !important; +} +.btn-outline-danger.btn-outline-darken-3:hover { + background-color: #d2190b !important; +} input:focus ~ .bg-danger { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #d2190b !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #d2190b !important; +} .border-danger.border-darken-3 { - border: 1px solid #d2190b !important; } + border: 1px solid #d2190b !important; +} .border-top-danger.border-top-darken-3 { - border-top: 1px solid #d2190b !important; } + border-top: 1px solid #d2190b !important; +} .border-bottom-danger.border-bottom-darken-3 { - border-bottom: 1px solid #d2190b !important; } + border-bottom: 1px solid #d2190b !important; +} .border-left-danger.border-left-darken-3 { - border-left: 1px solid #d2190b !important; } + border-left: 1px solid #d2190b !important; +} .border-right-danger.border-right-darken-3 { - border-right: 1px solid #d2190b !important; } + border-right: 1px solid #d2190b !important; +} .overlay-danger.overlay-darken-3 { background: #d2190b; /* The Fallback */ - background: rgba(210, 25, 11, 0.8); } + background: rgba(210, 25, 11, 0.8); +} .danger.darken-4 { - color: #ba160a !important; } + color: #ba160a !important; +} .bg-danger.bg-darken-4 { - background-color: #ba160a !important; } - .bg-danger.bg-darken-4.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(186, 22, 10, 0.6); } + background-color: #ba160a !important; +} +.bg-danger.bg-darken-4.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(186, 22, 10, 0.6); +} .btn-danger.btn-darken-4 { border-color: #ea1c0d !important; - background-color: #ba160a !important; } - .btn-danger.btn-darken-4:hover { - border-color: #ea1c0d !important; - background-color: #d2190b !important; } - .btn-danger.btn-darken-4:focus, .btn-danger.btn-darken-4:active { - border-color: #d2190b !important; - background-color: #ba160a !important; } + background-color: #ba160a !important; +} +.btn-danger.btn-darken-4:hover { + border-color: #ea1c0d !important; + background-color: #d2190b !important; +} +.btn-danger.btn-darken-4:focus, +.btn-danger.btn-darken-4:active { + border-color: #d2190b !important; + background-color: #ba160a !important; +} .btn-outline-danger.btn-outline-darken-4 { border-color: #ba160a !important; - color: #ba160a !important; } - .btn-outline-danger.btn-outline-darken-4:hover { - background-color: #ba160a !important; } + color: #ba160a !important; +} +.btn-outline-danger.btn-outline-darken-4:hover { + background-color: #ba160a !important; +} input:focus ~ .bg-danger { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ba160a !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ba160a !important; +} .border-danger.border-darken-4 { - border: 1px solid #ba160a !important; } + border: 1px solid #ba160a !important; +} .border-top-danger.border-top-darken-4 { - border-top: 1px solid #ba160a !important; } + border-top: 1px solid #ba160a !important; +} .border-bottom-danger.border-bottom-darken-4 { - border-bottom: 1px solid #ba160a !important; } + border-bottom: 1px solid #ba160a !important; +} .border-left-danger.border-left-darken-4 { - border-left: 1px solid #ba160a !important; } + border-left: 1px solid #ba160a !important; +} .border-right-danger.border-right-darken-4 { - border-right: 1px solid #ba160a !important; } + border-right: 1px solid #ba160a !important; +} .overlay-danger.overlay-darken-4 { background: #ba160a; /* The Fallback */ - background: rgba(186, 22, 10, 0.8); } + background: rgba(186, 22, 10, 0.8); +} .danger.accent-1 { - color: #ff8a80 !important; } + color: #ff8a80 !important; +} .bg-danger.bg-accent-1 { - background-color: #ff8a80 !important; } - .bg-danger.bg-accent-1.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(255, 138, 128, 0.6); } + background-color: #ff8a80 !important; +} +.bg-danger.bg-accent-1.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(255, 138, 128, 0.6); +} .btn-danger.btn-accent-1 { border-color: #ea1c0d !important; - background-color: #ff8a80 !important; } - .btn-danger.btn-accent-1:hover { - border-color: #ea1c0d !important; - background-color: #d2190b !important; } - .btn-danger.btn-accent-1:focus, .btn-danger.btn-accent-1:active { - border-color: #d2190b !important; - background-color: #ba160a !important; } + background-color: #ff8a80 !important; +} +.btn-danger.btn-accent-1:hover { + border-color: #ea1c0d !important; + background-color: #d2190b !important; +} +.btn-danger.btn-accent-1:focus, +.btn-danger.btn-accent-1:active { + border-color: #d2190b !important; + background-color: #ba160a !important; +} .btn-outline-danger.btn-outline-accent-1 { border-color: #ff8a80 !important; - color: #ff8a80 !important; } - .btn-outline-danger.btn-outline-accent-1:hover { - background-color: #ff8a80 !important; } + color: #ff8a80 !important; +} +.btn-outline-danger.btn-outline-accent-1:hover { + background-color: #ff8a80 !important; +} input:focus ~ .bg-danger { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ff8a80 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ff8a80 !important; +} .border-danger.border-accent-1 { - border: 1px solid #ff8a80 !important; } + border: 1px solid #ff8a80 !important; +} .border-top-danger.border-top-accent-1 { - border-top: 1px solid #ff8a80 !important; } + border-top: 1px solid #ff8a80 !important; +} .border-bottom-danger.border-bottom-accent-1 { - border-bottom: 1px solid #ff8a80 !important; } + border-bottom: 1px solid #ff8a80 !important; +} .border-left-danger.border-left-accent-1 { - border-left: 1px solid #ff8a80 !important; } + border-left: 1px solid #ff8a80 !important; +} .border-right-danger.border-right-accent-1 { - border-right: 1px solid #ff8a80 !important; } + border-right: 1px solid #ff8a80 !important; +} .overlay-danger.overlay-accent-1 { background: #ff8a80; /* The Fallback */ - background: rgba(255, 138, 128, 0.8); } + background: rgba(255, 138, 128, 0.8); +} .danger.accent-2 { - color: #ff5252 !important; } + color: #ff5252 !important; +} .bg-danger.bg-accent-2 { - background-color: #ff5252 !important; } - .bg-danger.bg-accent-2.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(255, 82, 82, 0.6); } + background-color: #ff5252 !important; +} +.bg-danger.bg-accent-2.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(255, 82, 82, 0.6); +} .btn-danger.btn-accent-2 { border-color: #ea1c0d !important; - background-color: #ff5252 !important; } - .btn-danger.btn-accent-2:hover { - border-color: #ea1c0d !important; - background-color: #d2190b !important; } - .btn-danger.btn-accent-2:focus, .btn-danger.btn-accent-2:active { - border-color: #d2190b !important; - background-color: #ba160a !important; } + background-color: #ff5252 !important; +} +.btn-danger.btn-accent-2:hover { + border-color: #ea1c0d !important; + background-color: #d2190b !important; +} +.btn-danger.btn-accent-2:focus, +.btn-danger.btn-accent-2:active { + border-color: #d2190b !important; + background-color: #ba160a !important; +} .btn-outline-danger.btn-outline-accent-2 { border-color: #ff5252 !important; - color: #ff5252 !important; } - .btn-outline-danger.btn-outline-accent-2:hover { - background-color: #ff5252 !important; } + color: #ff5252 !important; +} +.btn-outline-danger.btn-outline-accent-2:hover { + background-color: #ff5252 !important; +} input:focus ~ .bg-danger { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ff5252 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ff5252 !important; +} .border-danger.border-accent-2 { - border: 1px solid #ff5252 !important; } + border: 1px solid #ff5252 !important; +} .border-top-danger.border-top-accent-2 { - border-top: 1px solid #ff5252 !important; } + border-top: 1px solid #ff5252 !important; +} .border-bottom-danger.border-bottom-accent-2 { - border-bottom: 1px solid #ff5252 !important; } + border-bottom: 1px solid #ff5252 !important; +} .border-left-danger.border-left-accent-2 { - border-left: 1px solid #ff5252 !important; } + border-left: 1px solid #ff5252 !important; +} .border-right-danger.border-right-accent-2 { - border-right: 1px solid #ff5252 !important; } + border-right: 1px solid #ff5252 !important; +} .overlay-danger.overlay-accent-2 { background: #ff5252; /* The Fallback */ - background: rgba(255, 82, 82, 0.8); } + background: rgba(255, 82, 82, 0.8); +} .danger.accent-3 { - color: #ff1744 !important; } + color: #ff1744 !important; +} .bg-danger.bg-accent-3 { - background-color: #ff1744 !important; } - .bg-danger.bg-accent-3.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(255, 23, 68, 0.6); } + background-color: #ff1744 !important; +} +.bg-danger.bg-accent-3.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(255, 23, 68, 0.6); +} .btn-danger.btn-accent-3 { border-color: #ea1c0d !important; - background-color: #ff1744 !important; } - .btn-danger.btn-accent-3:hover { - border-color: #ea1c0d !important; - background-color: #d2190b !important; } - .btn-danger.btn-accent-3:focus, .btn-danger.btn-accent-3:active { - border-color: #d2190b !important; - background-color: #ba160a !important; } + background-color: #ff1744 !important; +} +.btn-danger.btn-accent-3:hover { + border-color: #ea1c0d !important; + background-color: #d2190b !important; +} +.btn-danger.btn-accent-3:focus, +.btn-danger.btn-accent-3:active { + border-color: #d2190b !important; + background-color: #ba160a !important; +} .btn-outline-danger.btn-outline-accent-3 { border-color: #ff1744 !important; - color: #ff1744 !important; } - .btn-outline-danger.btn-outline-accent-3:hover { - background-color: #ff1744 !important; } + color: #ff1744 !important; +} +.btn-outline-danger.btn-outline-accent-3:hover { + background-color: #ff1744 !important; +} input:focus ~ .bg-danger { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ff1744 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ff1744 !important; +} .border-danger.border-accent-3 { - border: 1px solid #ff1744 !important; } + border: 1px solid #ff1744 !important; +} .border-top-danger.border-top-accent-3 { - border-top: 1px solid #ff1744 !important; } + border-top: 1px solid #ff1744 !important; +} .border-bottom-danger.border-bottom-accent-3 { - border-bottom: 1px solid #ff1744 !important; } + border-bottom: 1px solid #ff1744 !important; +} .border-left-danger.border-left-accent-3 { - border-left: 1px solid #ff1744 !important; } + border-left: 1px solid #ff1744 !important; +} .border-right-danger.border-right-accent-3 { - border-right: 1px solid #ff1744 !important; } + border-right: 1px solid #ff1744 !important; +} .overlay-danger.overlay-accent-3 { background: #ff1744; /* The Fallback */ - background: rgba(255, 23, 68, 0.8); } + background: rgba(255, 23, 68, 0.8); +} .danger.accent-4 { - color: #d50000 !important; } + color: #d50000 !important; +} .bg-danger.bg-accent-4 { - background-color: #d50000 !important; } - .bg-danger.bg-accent-4.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(213, 0, 0, 0.6); } + background-color: #d50000 !important; +} +.bg-danger.bg-accent-4.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(213, 0, 0, 0.6); +} .btn-danger.btn-accent-4 { border-color: #ea1c0d !important; - background-color: #d50000 !important; } - .btn-danger.btn-accent-4:hover { - border-color: #ea1c0d !important; - background-color: #d2190b !important; } - .btn-danger.btn-accent-4:focus, .btn-danger.btn-accent-4:active { - border-color: #d2190b !important; - background-color: #ba160a !important; } + background-color: #d50000 !important; +} +.btn-danger.btn-accent-4:hover { + border-color: #ea1c0d !important; + background-color: #d2190b !important; +} +.btn-danger.btn-accent-4:focus, +.btn-danger.btn-accent-4:active { + border-color: #d2190b !important; + background-color: #ba160a !important; +} .btn-outline-danger.btn-outline-accent-4 { border-color: #d50000 !important; - color: #d50000 !important; } - .btn-outline-danger.btn-outline-accent-4:hover { - background-color: #d50000 !important; } + color: #d50000 !important; +} +.btn-outline-danger.btn-outline-accent-4:hover { + background-color: #d50000 !important; +} input:focus ~ .bg-danger { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #d50000 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #d50000 !important; +} .border-danger.border-accent-4 { - border: 1px solid #d50000 !important; } + border: 1px solid #d50000 !important; +} .border-top-danger.border-top-accent-4 { - border-top: 1px solid #d50000 !important; } + border-top: 1px solid #d50000 !important; +} .border-bottom-danger.border-bottom-accent-4 { - border-bottom: 1px solid #d50000 !important; } + border-bottom: 1px solid #d50000 !important; +} .border-left-danger.border-left-accent-4 { - border-left: 1px solid #d50000 !important; } + border-left: 1px solid #d50000 !important; +} .border-right-danger.border-right-accent-4 { - border-right: 1px solid #d50000 !important; } + border-right: 1px solid #d50000 !important; +} .overlay-danger.overlay-accent-4 { background: #d50000; /* The Fallback */ - background: rgba(213, 0, 0, 0.8); } + background: rgba(213, 0, 0, 0.8); +} .light { - color: #e0e0e0 !important; } + color: #e0e0e0 !important; +} .bg-light { - background-color: #e0e0e0 !important; } - .bg-light .card-header, - .bg-light .card-footer { - background-color: transparent; } - .bg-light.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(224, 224, 224, 0.6); } + background-color: #e0e0e0 !important; +} +.bg-light .card-header, +.bg-light .card-footer { + background-color: transparent; +} +.bg-light.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(224, 224, 224, 0.6); +} .selectboxit.selectboxit-btn.bg-light { - background-color: #e0e0e0 !important; } + background-color: #e0e0e0 !important; +} .alert-light { border-color: #e0e0e0 !important; - background-color: white; } + background-color: white; +} .border-light { border-color: #e0e0e0; - border: 1px solid; } + border: 1px solid; +} .overlay-light { background: #e0e0e0; /* The Fallback */ - background: rgba(224, 224, 224, 0.8); } + background: rgba(224, 224, 224, 0.8); +} .color-info.light { - background-color: #e0e0e0 !important; } + background-color: #e0e0e0 !important; +} .btn-light { border-color: !important; background-color: #e0e0e0 !important; - color: #FFFFFF; } - .btn-light:hover { - border-color: #9e9e9e !important; - background-color: #bdbdbd !important; - color: #FFF !important; } - .btn-light:focus, .btn-light:active { - border-color: !important; - background-color: !important; - color: #FFF !important; } - .btn-light.btn-glow { - box-shadow: 0px 1px 20px 1px rgba(224, 224, 224, 0.6); } + color: #ffffff; +} +.btn-light:hover { + border-color: #9e9e9e !important; + background-color: #bdbdbd !important; + color: #fff !important; +} +.btn-light:focus, +.btn-light:active { + border-color: !important; + background-color: !important; + color: #fff !important; +} +.btn-light.btn-glow { + box-shadow: 0px 1px 20px 1px rgba(224, 224, 224, 0.6); +} .btn-outline-light { border: 1px solid; border-color: #e0e0e0; background-color: transparent; - color: #e0e0e0; } - .btn-outline-light:hover { - background-color: #e0e0e0; - color: #FFF !important; } - .btn-outline-light.btn-glow { - box-shadow: 0px 1px 20px 1px rgba(224, 224, 224, 0.6); } - -input[type="checkbox"].bg-light + .custom-control-label:before, input[type="radio"].bg-light + .custom-control-label:before { - background-color: #e0e0e0 !important; } - -/* .custom-control-label{ - &:before{ - background-color: #ddd !important; - } + color: #e0e0e0; +} +.btn-outline-light:hover { + background-color: #e0e0e0; + color: #fff !important; +} +.btn-outline-light.btn-glow { + box-shadow: 0px 1px 20px 1px rgba(224, 224, 224, 0.6); +} + +input[type='checkbox'].bg-light + .custom-control-label:before, +input[type='radio'].bg-light + .custom-control-label:before { + background-color: #e0e0e0 !important; +} + +/* .custom-control-label{ + &:before{ + background-color: #ddd !important; + } } */ input:focus ~ .bg-light { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #e0e0e0 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #e0e0e0 !important; +} .border-light { - border-color: #e0e0e0 !important; } + border-color: #e0e0e0 !important; +} .border-top-light { - border-top: 1px solid #e0e0e0; } + border-top: 1px solid #e0e0e0; +} .border-bottom-light { - border-bottom: 1px solid #e0e0e0; } + border-bottom: 1px solid #e0e0e0; +} .border-left-light { - border-left: 1px solid #e0e0e0; } + border-left: 1px solid #e0e0e0; +} .border-right-light { - border-right: 1px solid #e0e0e0; } + border-right: 1px solid #e0e0e0; +} /* Bullet light */ .bullet.bullet-light { - background-color: #e0e0e0; } + background-color: #e0e0e0; +} .light.lighten-1 { - color: #bdbdbd !important; } + color: #bdbdbd !important; +} .bg-light.bg-lighten-1 { - background-color: #bdbdbd !important; } - .bg-light.bg-lighten-1.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(189, 189, 189, 0.6); } + background-color: #bdbdbd !important; +} +.bg-light.bg-lighten-1.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(189, 189, 189, 0.6); +} .btn-light.btn-lighten-1 { border-color: !important; - background-color: #bdbdbd !important; } - .btn-light.btn-lighten-1:hover { - border-color: !important; - background-color: !important; } - .btn-light.btn-lighten-1:focus, .btn-light.btn-lighten-1:active { - border-color: !important; - background-color: !important; } + background-color: #bdbdbd !important; +} +.btn-light.btn-lighten-1:hover { + border-color: !important; + background-color: !important; +} +.btn-light.btn-lighten-1:focus, +.btn-light.btn-lighten-1:active { + border-color: !important; + background-color: !important; +} .btn-outline-light.btn-outline-lighten-1 { border-color: #bdbdbd !important; - color: #bdbdbd !important; } - .btn-outline-light.btn-outline-lighten-1:hover { - background-color: #bdbdbd !important; } + color: #bdbdbd !important; +} +.btn-outline-light.btn-outline-lighten-1:hover { + background-color: #bdbdbd !important; +} input:focus ~ .bg-light { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #bdbdbd !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #bdbdbd !important; +} .border-light.border-lighten-1 { - border: 1px solid #bdbdbd !important; } + border: 1px solid #bdbdbd !important; +} .border-top-light.border-top-lighten-1 { - border-top: 1px solid #bdbdbd !important; } + border-top: 1px solid #bdbdbd !important; +} .border-bottom-light.border-bottom-lighten-1 { - border-bottom: 1px solid #bdbdbd !important; } + border-bottom: 1px solid #bdbdbd !important; +} .border-left-light.border-left-lighten-1 { - border-left: 1px solid #bdbdbd !important; } + border-left: 1px solid #bdbdbd !important; +} .border-right-light.border-right-lighten-1 { - border-right: 1px solid #bdbdbd !important; } + border-right: 1px solid #bdbdbd !important; +} .overlay-light.overlay-lighten-1 { background: #bdbdbd; /* The Fallback */ - background: rgba(189, 189, 189, 0.8); } + background: rgba(189, 189, 189, 0.8); +} .light.darken-1 { - color: #9e9e9e !important; } + color: #9e9e9e !important; +} .bg-light.bg-darken-1 { - background-color: #9e9e9e !important; } - .bg-light.bg-darken-1.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(158, 158, 158, 0.6); } + background-color: #9e9e9e !important; +} +.bg-light.bg-darken-1.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(158, 158, 158, 0.6); +} .btn-light.btn-darken-1 { border-color: !important; - background-color: #9e9e9e !important; } - .btn-light.btn-darken-1:hover { - border-color: !important; - background-color: !important; } - .btn-light.btn-darken-1:focus, .btn-light.btn-darken-1:active { - border-color: !important; - background-color: !important; } + background-color: #9e9e9e !important; +} +.btn-light.btn-darken-1:hover { + border-color: !important; + background-color: !important; +} +.btn-light.btn-darken-1:focus, +.btn-light.btn-darken-1:active { + border-color: !important; + background-color: !important; +} .btn-outline-light.btn-outline-darken-1 { border-color: #9e9e9e !important; - color: #9e9e9e !important; } - .btn-outline-light.btn-outline-darken-1:hover { - background-color: #9e9e9e !important; } + color: #9e9e9e !important; +} +.btn-outline-light.btn-outline-darken-1:hover { + background-color: #9e9e9e !important; +} input:focus ~ .bg-light { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #9e9e9e !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #9e9e9e !important; +} .border-light.border-darken-1 { - border: 1px solid #9e9e9e !important; } + border: 1px solid #9e9e9e !important; +} .border-top-light.border-top-darken-1 { - border-top: 1px solid #9e9e9e !important; } + border-top: 1px solid #9e9e9e !important; +} .border-bottom-light.border-bottom-darken-1 { - border-bottom: 1px solid #9e9e9e !important; } + border-bottom: 1px solid #9e9e9e !important; +} .border-left-light.border-left-darken-1 { - border-left: 1px solid #9e9e9e !important; } + border-left: 1px solid #9e9e9e !important; +} .border-right-light.border-right-darken-1 { - border-right: 1px solid #9e9e9e !important; } + border-right: 1px solid #9e9e9e !important; +} .overlay-light.overlay-darken-1 { background: #9e9e9e; /* The Fallback */ - background: rgba(158, 158, 158, 0.8); } + background: rgba(158, 158, 158, 0.8); +} .dark { - color: #424242 !important; } + color: #424242 !important; +} .bg-dark { - background-color: #424242 !important; } - .bg-dark .card-header, - .bg-dark .card-footer { - background-color: transparent; } - .bg-dark.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(66, 66, 66, 0.6); } + background-color: #424242 !important; +} +.bg-dark .card-header, +.bg-dark .card-footer { + background-color: transparent; +} +.bg-dark.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(66, 66, 66, 0.6); +} .selectboxit.selectboxit-btn.bg-dark { - background-color: #424242 !important; } + background-color: #424242 !important; +} .alert-dark { border-color: #424242 !important; - background-color: #666666; } + background-color: #666666; +} .border-dark { border-color: #424242; - border: 1px solid; } + border: 1px solid; +} .overlay-dark { background: #424242; /* The Fallback */ - background: rgba(66, 66, 66, 0.8); } + background: rgba(66, 66, 66, 0.8); +} .color-info.dark { - background-color: #424242 !important; } + background-color: #424242 !important; +} .btn-dark { border-color: !important; background-color: #424242 !important; - color: #FFFFFF; } - .btn-dark:hover { - border-color: #212121 !important; - background-color: #616161 !important; - color: #FFF !important; } - .btn-dark:focus, .btn-dark:active { - border-color: !important; - background-color: !important; - color: #FFF !important; } - .btn-dark.btn-glow { - box-shadow: 0px 1px 20px 1px rgba(66, 66, 66, 0.6); } + color: #ffffff; +} +.btn-dark:hover { + border-color: #212121 !important; + background-color: #616161 !important; + color: #fff !important; +} +.btn-dark:focus, +.btn-dark:active { + border-color: !important; + background-color: !important; + color: #fff !important; +} +.btn-dark.btn-glow { + box-shadow: 0px 1px 20px 1px rgba(66, 66, 66, 0.6); +} .btn-outline-dark { border: 1px solid; border-color: #424242; background-color: transparent; - color: #424242; } - .btn-outline-dark:hover { - background-color: #424242; - color: #FFF !important; } - .btn-outline-dark.btn-glow { - box-shadow: 0px 1px 20px 1px rgba(66, 66, 66, 0.6); } - -input[type="checkbox"].bg-dark + .custom-control-label:before, input[type="radio"].bg-dark + .custom-control-label:before { - background-color: #424242 !important; } - -/* .custom-control-label{ - &:before{ - background-color: #ddd !important; - } + color: #424242; +} +.btn-outline-dark:hover { + background-color: #424242; + color: #fff !important; +} +.btn-outline-dark.btn-glow { + box-shadow: 0px 1px 20px 1px rgba(66, 66, 66, 0.6); +} + +input[type='checkbox'].bg-dark + .custom-control-label:before, +input[type='radio'].bg-dark + .custom-control-label:before { + background-color: #424242 !important; +} + +/* .custom-control-label{ + &:before{ + background-color: #ddd !important; + } } */ input:focus ~ .bg-dark { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #424242 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #424242 !important; +} .border-dark { - border-color: #424242 !important; } + border-color: #424242 !important; +} .border-top-dark { - border-top: 1px solid #424242; } + border-top: 1px solid #424242; +} .border-bottom-dark { - border-bottom: 1px solid #424242; } + border-bottom: 1px solid #424242; +} .border-left-dark { - border-left: 1px solid #424242; } + border-left: 1px solid #424242; +} .border-right-dark { - border-right: 1px solid #424242; } + border-right: 1px solid #424242; +} /* Bullet dark */ .bullet.bullet-dark { - background-color: #424242; } + background-color: #424242; +} .dark.lighten-1 { - color: #616161 !important; } + color: #616161 !important; +} .bg-dark.bg-lighten-1 { - background-color: #616161 !important; } - .bg-dark.bg-lighten-1.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(97, 97, 97, 0.6); } + background-color: #616161 !important; +} +.bg-dark.bg-lighten-1.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(97, 97, 97, 0.6); +} .btn-dark.btn-lighten-1 { border-color: !important; - background-color: #616161 !important; } - .btn-dark.btn-lighten-1:hover { - border-color: !important; - background-color: !important; } - .btn-dark.btn-lighten-1:focus, .btn-dark.btn-lighten-1:active { - border-color: !important; - background-color: !important; } + background-color: #616161 !important; +} +.btn-dark.btn-lighten-1:hover { + border-color: !important; + background-color: !important; +} +.btn-dark.btn-lighten-1:focus, +.btn-dark.btn-lighten-1:active { + border-color: !important; + background-color: !important; +} .btn-outline-dark.btn-outline-lighten-1 { border-color: #616161 !important; - color: #616161 !important; } - .btn-outline-dark.btn-outline-lighten-1:hover { - background-color: #616161 !important; } + color: #616161 !important; +} +.btn-outline-dark.btn-outline-lighten-1:hover { + background-color: #616161 !important; +} input:focus ~ .bg-dark { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #616161 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #616161 !important; +} .border-dark.border-lighten-1 { - border: 1px solid #616161 !important; } + border: 1px solid #616161 !important; +} .border-top-dark.border-top-lighten-1 { - border-top: 1px solid #616161 !important; } + border-top: 1px solid #616161 !important; +} .border-bottom-dark.border-bottom-lighten-1 { - border-bottom: 1px solid #616161 !important; } + border-bottom: 1px solid #616161 !important; +} .border-left-dark.border-left-lighten-1 { - border-left: 1px solid #616161 !important; } + border-left: 1px solid #616161 !important; +} .border-right-dark.border-right-lighten-1 { - border-right: 1px solid #616161 !important; } + border-right: 1px solid #616161 !important; +} .overlay-dark.overlay-lighten-1 { background: #616161; /* The Fallback */ - background: rgba(97, 97, 97, 0.8); } + background: rgba(97, 97, 97, 0.8); +} .dark.darken-1 { - color: #212121 !important; } + color: #212121 !important; +} .bg-dark.bg-darken-1 { - background-color: #212121 !important; } - .bg-dark.bg-darken-1.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(33, 33, 33, 0.6); } + background-color: #212121 !important; +} +.bg-dark.bg-darken-1.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(33, 33, 33, 0.6); +} .btn-dark.btn-darken-1 { border-color: !important; - background-color: #212121 !important; } - .btn-dark.btn-darken-1:hover { - border-color: !important; - background-color: !important; } - .btn-dark.btn-darken-1:focus, .btn-dark.btn-darken-1:active { - border-color: !important; - background-color: !important; } + background-color: #212121 !important; +} +.btn-dark.btn-darken-1:hover { + border-color: !important; + background-color: !important; +} +.btn-dark.btn-darken-1:focus, +.btn-dark.btn-darken-1:active { + border-color: !important; + background-color: !important; +} .btn-outline-dark.btn-outline-darken-1 { border-color: #212121 !important; - color: #212121 !important; } - .btn-outline-dark.btn-outline-darken-1:hover { - background-color: #212121 !important; } + color: #212121 !important; +} +.btn-outline-dark.btn-outline-darken-1:hover { + background-color: #212121 !important; +} input:focus ~ .bg-dark { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #212121 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #212121 !important; +} .border-dark.border-darken-1 { - border: 1px solid #212121 !important; } + border: 1px solid #212121 !important; +} .border-top-dark.border-top-darken-1 { - border-top: 1px solid #212121 !important; } + border-top: 1px solid #212121 !important; +} .border-bottom-dark.border-bottom-darken-1 { - border-bottom: 1px solid #212121 !important; } + border-bottom: 1px solid #212121 !important; +} .border-left-dark.border-left-darken-1 { - border-left: 1px solid #212121 !important; } + border-left: 1px solid #212121 !important; +} .border-right-dark.border-right-darken-1 { - border-right: 1px solid #212121 !important; } + border-right: 1px solid #212121 !important; +} .overlay-dark.overlay-darken-1 { background: #212121; /* The Fallback */ - background: rgba(33, 33, 33, 0.8); } + background: rgba(33, 33, 33, 0.8); +} .red.lighten-5 { - color: #ffebee !important; } + color: #ffebee !important; +} .bg-red.bg-lighten-5 { - background-color: #ffebee !important; } - .bg-red.bg-lighten-5.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(255, 235, 238, 0.6); } + background-color: #ffebee !important; +} +.bg-red.bg-lighten-5.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(255, 235, 238, 0.6); +} .btn-red.btn-lighten-5 { border-color: #d32f2f !important; - background-color: #ffebee !important; } - .btn-red.btn-lighten-5:hover { - border-color: #d32f2f !important; - background-color: #c62828 !important; } - .btn-red.btn-lighten-5:focus, .btn-red.btn-lighten-5:active { - border-color: #c62828 !important; - background-color: #b71c1c !important; } + background-color: #ffebee !important; +} +.btn-red.btn-lighten-5:hover { + border-color: #d32f2f !important; + background-color: #c62828 !important; +} +.btn-red.btn-lighten-5:focus, +.btn-red.btn-lighten-5:active { + border-color: #c62828 !important; + background-color: #b71c1c !important; +} .btn-outline-red.btn-outline-lighten-5 { border-color: #ffebee !important; - color: #ffebee !important; } - .btn-outline-red.btn-outline-lighten-5:hover { - background-color: #ffebee !important; } + color: #ffebee !important; +} +.btn-outline-red.btn-outline-lighten-5:hover { + background-color: #ffebee !important; +} input:focus ~ .bg-red { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffebee !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffebee !important; +} .border-red.border-lighten-5 { - border: 1px solid #ffebee !important; } + border: 1px solid #ffebee !important; +} .border-top-red.border-top-lighten-5 { - border-top: 1px solid #ffebee !important; } + border-top: 1px solid #ffebee !important; +} .border-bottom-red.border-bottom-lighten-5 { - border-bottom: 1px solid #ffebee !important; } + border-bottom: 1px solid #ffebee !important; +} .border-left-red.border-left-lighten-5 { - border-left: 1px solid #ffebee !important; } + border-left: 1px solid #ffebee !important; +} .border-right-red.border-right-lighten-5 { - border-right: 1px solid #ffebee !important; } + border-right: 1px solid #ffebee !important; +} .overlay-red.overlay-lighten-5 { background: #ffebee; /* The Fallback */ - background: rgba(255, 235, 238, 0.8); } + background: rgba(255, 235, 238, 0.8); +} .red.lighten-4 { - color: #ffcdd2 !important; } + color: #ffcdd2 !important; +} .bg-red.bg-lighten-4 { - background-color: #ffcdd2 !important; } - .bg-red.bg-lighten-4.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(255, 205, 210, 0.6); } + background-color: #ffcdd2 !important; +} +.bg-red.bg-lighten-4.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(255, 205, 210, 0.6); +} .btn-red.btn-lighten-4 { border-color: #d32f2f !important; - background-color: #ffcdd2 !important; } - .btn-red.btn-lighten-4:hover { - border-color: #d32f2f !important; - background-color: #c62828 !important; } - .btn-red.btn-lighten-4:focus, .btn-red.btn-lighten-4:active { - border-color: #c62828 !important; - background-color: #b71c1c !important; } + background-color: #ffcdd2 !important; +} +.btn-red.btn-lighten-4:hover { + border-color: #d32f2f !important; + background-color: #c62828 !important; +} +.btn-red.btn-lighten-4:focus, +.btn-red.btn-lighten-4:active { + border-color: #c62828 !important; + background-color: #b71c1c !important; +} .btn-outline-red.btn-outline-lighten-4 { border-color: #ffcdd2 !important; - color: #ffcdd2 !important; } - .btn-outline-red.btn-outline-lighten-4:hover { - background-color: #ffcdd2 !important; } + color: #ffcdd2 !important; +} +.btn-outline-red.btn-outline-lighten-4:hover { + background-color: #ffcdd2 !important; +} input:focus ~ .bg-red { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffcdd2 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffcdd2 !important; +} .border-red.border-lighten-4 { - border: 1px solid #ffcdd2 !important; } + border: 1px solid #ffcdd2 !important; +} .border-top-red.border-top-lighten-4 { - border-top: 1px solid #ffcdd2 !important; } + border-top: 1px solid #ffcdd2 !important; +} .border-bottom-red.border-bottom-lighten-4 { - border-bottom: 1px solid #ffcdd2 !important; } + border-bottom: 1px solid #ffcdd2 !important; +} .border-left-red.border-left-lighten-4 { - border-left: 1px solid #ffcdd2 !important; } + border-left: 1px solid #ffcdd2 !important; +} .border-right-red.border-right-lighten-4 { - border-right: 1px solid #ffcdd2 !important; } + border-right: 1px solid #ffcdd2 !important; +} .overlay-red.overlay-lighten-4 { background: #ffcdd2; /* The Fallback */ - background: rgba(255, 205, 210, 0.8); } + background: rgba(255, 205, 210, 0.8); +} .red.lighten-3 { - color: #ef9a9a !important; } + color: #ef9a9a !important; +} .bg-red.bg-lighten-3 { - background-color: #ef9a9a !important; } - .bg-red.bg-lighten-3.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(239, 154, 154, 0.6); } + background-color: #ef9a9a !important; +} +.bg-red.bg-lighten-3.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(239, 154, 154, 0.6); +} .btn-red.btn-lighten-3 { border-color: #d32f2f !important; - background-color: #ef9a9a !important; } - .btn-red.btn-lighten-3:hover { - border-color: #d32f2f !important; - background-color: #c62828 !important; } - .btn-red.btn-lighten-3:focus, .btn-red.btn-lighten-3:active { - border-color: #c62828 !important; - background-color: #b71c1c !important; } + background-color: #ef9a9a !important; +} +.btn-red.btn-lighten-3:hover { + border-color: #d32f2f !important; + background-color: #c62828 !important; +} +.btn-red.btn-lighten-3:focus, +.btn-red.btn-lighten-3:active { + border-color: #c62828 !important; + background-color: #b71c1c !important; +} .btn-outline-red.btn-outline-lighten-3 { border-color: #ef9a9a !important; - color: #ef9a9a !important; } - .btn-outline-red.btn-outline-lighten-3:hover { - background-color: #ef9a9a !important; } + color: #ef9a9a !important; +} +.btn-outline-red.btn-outline-lighten-3:hover { + background-color: #ef9a9a !important; +} input:focus ~ .bg-red { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ef9a9a !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ef9a9a !important; +} .border-red.border-lighten-3 { - border: 1px solid #ef9a9a !important; } + border: 1px solid #ef9a9a !important; +} .border-top-red.border-top-lighten-3 { - border-top: 1px solid #ef9a9a !important; } + border-top: 1px solid #ef9a9a !important; +} .border-bottom-red.border-bottom-lighten-3 { - border-bottom: 1px solid #ef9a9a !important; } + border-bottom: 1px solid #ef9a9a !important; +} .border-left-red.border-left-lighten-3 { - border-left: 1px solid #ef9a9a !important; } + border-left: 1px solid #ef9a9a !important; +} .border-right-red.border-right-lighten-3 { - border-right: 1px solid #ef9a9a !important; } + border-right: 1px solid #ef9a9a !important; +} .overlay-red.overlay-lighten-3 { background: #ef9a9a; /* The Fallback */ - background: rgba(239, 154, 154, 0.8); } + background: rgba(239, 154, 154, 0.8); +} .red.lighten-2 { - color: #e57373 !important; } + color: #e57373 !important; +} .bg-red.bg-lighten-2 { - background-color: #e57373 !important; } - .bg-red.bg-lighten-2.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(229, 115, 115, 0.6); } + background-color: #e57373 !important; +} +.bg-red.bg-lighten-2.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(229, 115, 115, 0.6); +} .btn-red.btn-lighten-2 { border-color: #d32f2f !important; - background-color: #e57373 !important; } - .btn-red.btn-lighten-2:hover { - border-color: #d32f2f !important; - background-color: #c62828 !important; } - .btn-red.btn-lighten-2:focus, .btn-red.btn-lighten-2:active { - border-color: #c62828 !important; - background-color: #b71c1c !important; } + background-color: #e57373 !important; +} +.btn-red.btn-lighten-2:hover { + border-color: #d32f2f !important; + background-color: #c62828 !important; +} +.btn-red.btn-lighten-2:focus, +.btn-red.btn-lighten-2:active { + border-color: #c62828 !important; + background-color: #b71c1c !important; +} .btn-outline-red.btn-outline-lighten-2 { border-color: #e57373 !important; - color: #e57373 !important; } - .btn-outline-red.btn-outline-lighten-2:hover { - background-color: #e57373 !important; } + color: #e57373 !important; +} +.btn-outline-red.btn-outline-lighten-2:hover { + background-color: #e57373 !important; +} input:focus ~ .bg-red { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #e57373 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #e57373 !important; +} .border-red.border-lighten-2 { - border: 1px solid #e57373 !important; } + border: 1px solid #e57373 !important; +} .border-top-red.border-top-lighten-2 { - border-top: 1px solid #e57373 !important; } + border-top: 1px solid #e57373 !important; +} .border-bottom-red.border-bottom-lighten-2 { - border-bottom: 1px solid #e57373 !important; } + border-bottom: 1px solid #e57373 !important; +} .border-left-red.border-left-lighten-2 { - border-left: 1px solid #e57373 !important; } + border-left: 1px solid #e57373 !important; +} .border-right-red.border-right-lighten-2 { - border-right: 1px solid #e57373 !important; } + border-right: 1px solid #e57373 !important; +} .overlay-red.overlay-lighten-2 { background: #e57373; /* The Fallback */ - background: rgba(229, 115, 115, 0.8); } + background: rgba(229, 115, 115, 0.8); +} .red.lighten-1 { - color: #ef5350 !important; } + color: #ef5350 !important; +} .bg-red.bg-lighten-1 { - background-color: #ef5350 !important; } - .bg-red.bg-lighten-1.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(239, 83, 80, 0.6); } + background-color: #ef5350 !important; +} +.bg-red.bg-lighten-1.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(239, 83, 80, 0.6); +} .btn-red.btn-lighten-1 { border-color: #d32f2f !important; - background-color: #ef5350 !important; } - .btn-red.btn-lighten-1:hover { - border-color: #d32f2f !important; - background-color: #c62828 !important; } - .btn-red.btn-lighten-1:focus, .btn-red.btn-lighten-1:active { - border-color: #c62828 !important; - background-color: #b71c1c !important; } + background-color: #ef5350 !important; +} +.btn-red.btn-lighten-1:hover { + border-color: #d32f2f !important; + background-color: #c62828 !important; +} +.btn-red.btn-lighten-1:focus, +.btn-red.btn-lighten-1:active { + border-color: #c62828 !important; + background-color: #b71c1c !important; +} .btn-outline-red.btn-outline-lighten-1 { border-color: #ef5350 !important; - color: #ef5350 !important; } - .btn-outline-red.btn-outline-lighten-1:hover { - background-color: #ef5350 !important; } + color: #ef5350 !important; +} +.btn-outline-red.btn-outline-lighten-1:hover { + background-color: #ef5350 !important; +} input:focus ~ .bg-red { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ef5350 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ef5350 !important; +} .border-red.border-lighten-1 { - border: 1px solid #ef5350 !important; } + border: 1px solid #ef5350 !important; +} .border-top-red.border-top-lighten-1 { - border-top: 1px solid #ef5350 !important; } + border-top: 1px solid #ef5350 !important; +} .border-bottom-red.border-bottom-lighten-1 { - border-bottom: 1px solid #ef5350 !important; } + border-bottom: 1px solid #ef5350 !important; +} .border-left-red.border-left-lighten-1 { - border-left: 1px solid #ef5350 !important; } + border-left: 1px solid #ef5350 !important; +} .border-right-red.border-right-lighten-1 { - border-right: 1px solid #ef5350 !important; } + border-right: 1px solid #ef5350 !important; +} .overlay-red.overlay-lighten-1 { background: #ef5350; /* The Fallback */ - background: rgba(239, 83, 80, 0.8); } + background: rgba(239, 83, 80, 0.8); +} .red { - color: #f44336 !important; } + color: #f44336 !important; +} .bg-red { - background-color: #f44336 !important; } - .bg-red .card-header, - .bg-red .card-footer { - background-color: transparent; } - .bg-red.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(244, 67, 54, 0.6); } + background-color: #f44336 !important; +} +.bg-red .card-header, +.bg-red .card-footer { + background-color: transparent; +} +.bg-red.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(244, 67, 54, 0.6); +} .selectboxit.selectboxit-btn.bg-red { - background-color: #f44336 !important; } + background-color: #f44336 !important; +} .alert-red { border-color: #f44336 !important; - background-color: #f8827a; } + background-color: #f8827a; +} .border-red { border-color: #f44336; - border: 1px solid; } + border: 1px solid; +} .overlay-red { background: #f44336; /* The Fallback */ - background: rgba(244, 67, 54, 0.8); } + background: rgba(244, 67, 54, 0.8); +} .color-info.red { - background-color: #f44336 !important; } + background-color: #f44336 !important; +} .btn-red { border-color: #d32f2f !important; background-color: #f44336 !important; - color: #FFFFFF; } - .btn-red:hover { - border-color: #e53935 !important; - background-color: #ef5350 !important; - color: #FFF !important; } - .btn-red:focus, .btn-red:active { - border-color: #d32f2f !important; - background-color: #c62828 !important; - color: #FFF !important; } - .btn-red.btn-glow { - box-shadow: 0px 1px 20px 1px rgba(244, 67, 54, 0.6); } + color: #ffffff; +} +.btn-red:hover { + border-color: #e53935 !important; + background-color: #ef5350 !important; + color: #fff !important; +} +.btn-red:focus, +.btn-red:active { + border-color: #d32f2f !important; + background-color: #c62828 !important; + color: #fff !important; +} +.btn-red.btn-glow { + box-shadow: 0px 1px 20px 1px rgba(244, 67, 54, 0.6); +} .btn-outline-red { border: 1px solid; border-color: #f44336; background-color: transparent; - color: #f44336; } - .btn-outline-red:hover { - background-color: #f44336; - color: #FFF !important; } - .btn-outline-red.btn-glow { - box-shadow: 0px 1px 20px 1px rgba(244, 67, 54, 0.6); } - -input[type="checkbox"].bg-red + .custom-control-label:before, input[type="radio"].bg-red + .custom-control-label:before { - background-color: #f44336 !important; } - -/* .custom-control-label{ - &:before{ - background-color: #ddd !important; - } + color: #f44336; +} +.btn-outline-red:hover { + background-color: #f44336; + color: #fff !important; +} +.btn-outline-red.btn-glow { + box-shadow: 0px 1px 20px 1px rgba(244, 67, 54, 0.6); +} + +input[type='checkbox'].bg-red + .custom-control-label:before, +input[type='radio'].bg-red + .custom-control-label:before { + background-color: #f44336 !important; +} + +/* .custom-control-label{ + &:before{ + background-color: #ddd !important; + } } */ input:focus ~ .bg-red { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #f44336 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #f44336 !important; +} .border-red { - border-color: #f44336 !important; } + border-color: #f44336 !important; +} .border-top-red { - border-top: 1px solid #f44336; } + border-top: 1px solid #f44336; +} .border-bottom-red { - border-bottom: 1px solid #f44336; } + border-bottom: 1px solid #f44336; +} .border-left-red { - border-left: 1px solid #f44336; } + border-left: 1px solid #f44336; +} .border-right-red { - border-right: 1px solid #f44336; } + border-right: 1px solid #f44336; +} /* Bullet red */ .bullet.bullet-red { - background-color: #f44336; } + background-color: #f44336; +} .red.darken-1 { - color: #e53935 !important; } + color: #e53935 !important; +} .bg-red.bg-darken-1 { - background-color: #e53935 !important; } - .bg-red.bg-darken-1.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(229, 57, 53, 0.6); } + background-color: #e53935 !important; +} +.bg-red.bg-darken-1.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(229, 57, 53, 0.6); +} .btn-red.btn-darken-1 { border-color: #d32f2f !important; - background-color: #e53935 !important; } - .btn-red.btn-darken-1:hover { - border-color: #d32f2f !important; - background-color: #c62828 !important; } - .btn-red.btn-darken-1:focus, .btn-red.btn-darken-1:active { - border-color: #c62828 !important; - background-color: #b71c1c !important; } + background-color: #e53935 !important; +} +.btn-red.btn-darken-1:hover { + border-color: #d32f2f !important; + background-color: #c62828 !important; +} +.btn-red.btn-darken-1:focus, +.btn-red.btn-darken-1:active { + border-color: #c62828 !important; + background-color: #b71c1c !important; +} .btn-outline-red.btn-outline-darken-1 { border-color: #e53935 !important; - color: #e53935 !important; } - .btn-outline-red.btn-outline-darken-1:hover { - background-color: #e53935 !important; } + color: #e53935 !important; +} +.btn-outline-red.btn-outline-darken-1:hover { + background-color: #e53935 !important; +} input:focus ~ .bg-red { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #e53935 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #e53935 !important; +} .border-red.border-darken-1 { - border: 1px solid #e53935 !important; } + border: 1px solid #e53935 !important; +} .border-top-red.border-top-darken-1 { - border-top: 1px solid #e53935 !important; } + border-top: 1px solid #e53935 !important; +} .border-bottom-red.border-bottom-darken-1 { - border-bottom: 1px solid #e53935 !important; } + border-bottom: 1px solid #e53935 !important; +} .border-left-red.border-left-darken-1 { - border-left: 1px solid #e53935 !important; } + border-left: 1px solid #e53935 !important; +} .border-right-red.border-right-darken-1 { - border-right: 1px solid #e53935 !important; } + border-right: 1px solid #e53935 !important; +} .overlay-red.overlay-darken-1 { background: #e53935; /* The Fallback */ - background: rgba(229, 57, 53, 0.8); } + background: rgba(229, 57, 53, 0.8); +} .red.darken-2 { - color: #d32f2f !important; } + color: #d32f2f !important; +} .bg-red.bg-darken-2 { - background-color: #d32f2f !important; } - .bg-red.bg-darken-2.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(211, 47, 47, 0.6); } + background-color: #d32f2f !important; +} +.bg-red.bg-darken-2.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(211, 47, 47, 0.6); +} .btn-red.btn-darken-2 { border-color: #d32f2f !important; - background-color: #d32f2f !important; } - .btn-red.btn-darken-2:hover { - border-color: #d32f2f !important; - background-color: #c62828 !important; } - .btn-red.btn-darken-2:focus, .btn-red.btn-darken-2:active { - border-color: #c62828 !important; - background-color: #b71c1c !important; } + background-color: #d32f2f !important; +} +.btn-red.btn-darken-2:hover { + border-color: #d32f2f !important; + background-color: #c62828 !important; +} +.btn-red.btn-darken-2:focus, +.btn-red.btn-darken-2:active { + border-color: #c62828 !important; + background-color: #b71c1c !important; +} .btn-outline-red.btn-outline-darken-2 { border-color: #d32f2f !important; - color: #d32f2f !important; } - .btn-outline-red.btn-outline-darken-2:hover { - background-color: #d32f2f !important; } + color: #d32f2f !important; +} +.btn-outline-red.btn-outline-darken-2:hover { + background-color: #d32f2f !important; +} input:focus ~ .bg-red { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #d32f2f !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #d32f2f !important; +} .border-red.border-darken-2 { - border: 1px solid #d32f2f !important; } + border: 1px solid #d32f2f !important; +} .border-top-red.border-top-darken-2 { - border-top: 1px solid #d32f2f !important; } + border-top: 1px solid #d32f2f !important; +} .border-bottom-red.border-bottom-darken-2 { - border-bottom: 1px solid #d32f2f !important; } + border-bottom: 1px solid #d32f2f !important; +} .border-left-red.border-left-darken-2 { - border-left: 1px solid #d32f2f !important; } + border-left: 1px solid #d32f2f !important; +} .border-right-red.border-right-darken-2 { - border-right: 1px solid #d32f2f !important; } + border-right: 1px solid #d32f2f !important; +} .overlay-red.overlay-darken-2 { background: #d32f2f; /* The Fallback */ - background: rgba(211, 47, 47, 0.8); } + background: rgba(211, 47, 47, 0.8); +} .red.darken-3 { - color: #c62828 !important; } + color: #c62828 !important; +} .bg-red.bg-darken-3 { - background-color: #c62828 !important; } - .bg-red.bg-darken-3.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(198, 40, 40, 0.6); } + background-color: #c62828 !important; +} +.bg-red.bg-darken-3.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(198, 40, 40, 0.6); +} .btn-red.btn-darken-3 { border-color: #d32f2f !important; - background-color: #c62828 !important; } - .btn-red.btn-darken-3:hover { - border-color: #d32f2f !important; - background-color: #c62828 !important; } - .btn-red.btn-darken-3:focus, .btn-red.btn-darken-3:active { - border-color: #c62828 !important; - background-color: #b71c1c !important; } + background-color: #c62828 !important; +} +.btn-red.btn-darken-3:hover { + border-color: #d32f2f !important; + background-color: #c62828 !important; +} +.btn-red.btn-darken-3:focus, +.btn-red.btn-darken-3:active { + border-color: #c62828 !important; + background-color: #b71c1c !important; +} .btn-outline-red.btn-outline-darken-3 { border-color: #c62828 !important; - color: #c62828 !important; } - .btn-outline-red.btn-outline-darken-3:hover { - background-color: #c62828 !important; } + color: #c62828 !important; +} +.btn-outline-red.btn-outline-darken-3:hover { + background-color: #c62828 !important; +} input:focus ~ .bg-red { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #c62828 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #c62828 !important; +} .border-red.border-darken-3 { - border: 1px solid #c62828 !important; } + border: 1px solid #c62828 !important; +} .border-top-red.border-top-darken-3 { - border-top: 1px solid #c62828 !important; } + border-top: 1px solid #c62828 !important; +} .border-bottom-red.border-bottom-darken-3 { - border-bottom: 1px solid #c62828 !important; } + border-bottom: 1px solid #c62828 !important; +} .border-left-red.border-left-darken-3 { - border-left: 1px solid #c62828 !important; } + border-left: 1px solid #c62828 !important; +} .border-right-red.border-right-darken-3 { - border-right: 1px solid #c62828 !important; } + border-right: 1px solid #c62828 !important; +} .overlay-red.overlay-darken-3 { background: #c62828; /* The Fallback */ - background: rgba(198, 40, 40, 0.8); } + background: rgba(198, 40, 40, 0.8); +} .red.darken-4 { - color: #b71c1c !important; } + color: #b71c1c !important; +} .bg-red.bg-darken-4 { - background-color: #b71c1c !important; } - .bg-red.bg-darken-4.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(183, 28, 28, 0.6); } + background-color: #b71c1c !important; +} +.bg-red.bg-darken-4.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(183, 28, 28, 0.6); +} .btn-red.btn-darken-4 { border-color: #d32f2f !important; - background-color: #b71c1c !important; } - .btn-red.btn-darken-4:hover { - border-color: #d32f2f !important; - background-color: #c62828 !important; } - .btn-red.btn-darken-4:focus, .btn-red.btn-darken-4:active { - border-color: #c62828 !important; - background-color: #b71c1c !important; } + background-color: #b71c1c !important; +} +.btn-red.btn-darken-4:hover { + border-color: #d32f2f !important; + background-color: #c62828 !important; +} +.btn-red.btn-darken-4:focus, +.btn-red.btn-darken-4:active { + border-color: #c62828 !important; + background-color: #b71c1c !important; +} .btn-outline-red.btn-outline-darken-4 { border-color: #b71c1c !important; - color: #b71c1c !important; } - .btn-outline-red.btn-outline-darken-4:hover { - background-color: #b71c1c !important; } + color: #b71c1c !important; +} +.btn-outline-red.btn-outline-darken-4:hover { + background-color: #b71c1c !important; +} input:focus ~ .bg-red { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #b71c1c !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #b71c1c !important; +} .border-red.border-darken-4 { - border: 1px solid #b71c1c !important; } + border: 1px solid #b71c1c !important; +} .border-top-red.border-top-darken-4 { - border-top: 1px solid #b71c1c !important; } + border-top: 1px solid #b71c1c !important; +} .border-bottom-red.border-bottom-darken-4 { - border-bottom: 1px solid #b71c1c !important; } + border-bottom: 1px solid #b71c1c !important; +} .border-left-red.border-left-darken-4 { - border-left: 1px solid #b71c1c !important; } + border-left: 1px solid #b71c1c !important; +} .border-right-red.border-right-darken-4 { - border-right: 1px solid #b71c1c !important; } + border-right: 1px solid #b71c1c !important; +} .overlay-red.overlay-darken-4 { background: #b71c1c; /* The Fallback */ - background: rgba(183, 28, 28, 0.8); } + background: rgba(183, 28, 28, 0.8); +} .red.accent-1 { - color: #ff8a80 !important; } + color: #ff8a80 !important; +} .bg-red.bg-accent-1 { - background-color: #ff8a80 !important; } - .bg-red.bg-accent-1.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(255, 138, 128, 0.6); } + background-color: #ff8a80 !important; +} +.bg-red.bg-accent-1.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(255, 138, 128, 0.6); +} .btn-red.btn-accent-1 { border-color: #d32f2f !important; - background-color: #ff8a80 !important; } - .btn-red.btn-accent-1:hover { - border-color: #d32f2f !important; - background-color: #c62828 !important; } - .btn-red.btn-accent-1:focus, .btn-red.btn-accent-1:active { - border-color: #c62828 !important; - background-color: #b71c1c !important; } + background-color: #ff8a80 !important; +} +.btn-red.btn-accent-1:hover { + border-color: #d32f2f !important; + background-color: #c62828 !important; +} +.btn-red.btn-accent-1:focus, +.btn-red.btn-accent-1:active { + border-color: #c62828 !important; + background-color: #b71c1c !important; +} .btn-outline-red.btn-outline-accent-1 { border-color: #ff8a80 !important; - color: #ff8a80 !important; } - .btn-outline-red.btn-outline-accent-1:hover { - background-color: #ff8a80 !important; } + color: #ff8a80 !important; +} +.btn-outline-red.btn-outline-accent-1:hover { + background-color: #ff8a80 !important; +} input:focus ~ .bg-red { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ff8a80 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ff8a80 !important; +} .border-red.border-accent-1 { - border: 1px solid #ff8a80 !important; } + border: 1px solid #ff8a80 !important; +} .border-top-red.border-top-accent-1 { - border-top: 1px solid #ff8a80 !important; } + border-top: 1px solid #ff8a80 !important; +} .border-bottom-red.border-bottom-accent-1 { - border-bottom: 1px solid #ff8a80 !important; } + border-bottom: 1px solid #ff8a80 !important; +} .border-left-red.border-left-accent-1 { - border-left: 1px solid #ff8a80 !important; } + border-left: 1px solid #ff8a80 !important; +} .border-right-red.border-right-accent-1 { - border-right: 1px solid #ff8a80 !important; } + border-right: 1px solid #ff8a80 !important; +} .overlay-red.overlay-accent-1 { background: #ff8a80; /* The Fallback */ - background: rgba(255, 138, 128, 0.8); } + background: rgba(255, 138, 128, 0.8); +} .red.accent-2 { - color: #ff5252 !important; } + color: #ff5252 !important; +} .bg-red.bg-accent-2 { - background-color: #ff5252 !important; } - .bg-red.bg-accent-2.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(255, 82, 82, 0.6); } + background-color: #ff5252 !important; +} +.bg-red.bg-accent-2.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(255, 82, 82, 0.6); +} .btn-red.btn-accent-2 { border-color: #d32f2f !important; - background-color: #ff5252 !important; } - .btn-red.btn-accent-2:hover { - border-color: #d32f2f !important; - background-color: #c62828 !important; } - .btn-red.btn-accent-2:focus, .btn-red.btn-accent-2:active { - border-color: #c62828 !important; - background-color: #b71c1c !important; } + background-color: #ff5252 !important; +} +.btn-red.btn-accent-2:hover { + border-color: #d32f2f !important; + background-color: #c62828 !important; +} +.btn-red.btn-accent-2:focus, +.btn-red.btn-accent-2:active { + border-color: #c62828 !important; + background-color: #b71c1c !important; +} .btn-outline-red.btn-outline-accent-2 { border-color: #ff5252 !important; - color: #ff5252 !important; } - .btn-outline-red.btn-outline-accent-2:hover { - background-color: #ff5252 !important; } + color: #ff5252 !important; +} +.btn-outline-red.btn-outline-accent-2:hover { + background-color: #ff5252 !important; +} input:focus ~ .bg-red { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ff5252 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ff5252 !important; +} .border-red.border-accent-2 { - border: 1px solid #ff5252 !important; } + border: 1px solid #ff5252 !important; +} .border-top-red.border-top-accent-2 { - border-top: 1px solid #ff5252 !important; } + border-top: 1px solid #ff5252 !important; +} .border-bottom-red.border-bottom-accent-2 { - border-bottom: 1px solid #ff5252 !important; } + border-bottom: 1px solid #ff5252 !important; +} .border-left-red.border-left-accent-2 { - border-left: 1px solid #ff5252 !important; } + border-left: 1px solid #ff5252 !important; +} .border-right-red.border-right-accent-2 { - border-right: 1px solid #ff5252 !important; } + border-right: 1px solid #ff5252 !important; +} .overlay-red.overlay-accent-2 { background: #ff5252; /* The Fallback */ - background: rgba(255, 82, 82, 0.8); } + background: rgba(255, 82, 82, 0.8); +} .red.accent-3 { - color: #ff1744 !important; } + color: #ff1744 !important; +} .bg-red.bg-accent-3 { - background-color: #ff1744 !important; } - .bg-red.bg-accent-3.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(255, 23, 68, 0.6); } + background-color: #ff1744 !important; +} +.bg-red.bg-accent-3.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(255, 23, 68, 0.6); +} .btn-red.btn-accent-3 { border-color: #d32f2f !important; - background-color: #ff1744 !important; } - .btn-red.btn-accent-3:hover { - border-color: #d32f2f !important; - background-color: #c62828 !important; } - .btn-red.btn-accent-3:focus, .btn-red.btn-accent-3:active { - border-color: #c62828 !important; - background-color: #b71c1c !important; } + background-color: #ff1744 !important; +} +.btn-red.btn-accent-3:hover { + border-color: #d32f2f !important; + background-color: #c62828 !important; +} +.btn-red.btn-accent-3:focus, +.btn-red.btn-accent-3:active { + border-color: #c62828 !important; + background-color: #b71c1c !important; +} .btn-outline-red.btn-outline-accent-3 { border-color: #ff1744 !important; - color: #ff1744 !important; } - .btn-outline-red.btn-outline-accent-3:hover { - background-color: #ff1744 !important; } + color: #ff1744 !important; +} +.btn-outline-red.btn-outline-accent-3:hover { + background-color: #ff1744 !important; +} input:focus ~ .bg-red { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ff1744 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ff1744 !important; +} .border-red.border-accent-3 { - border: 1px solid #ff1744 !important; } + border: 1px solid #ff1744 !important; +} .border-top-red.border-top-accent-3 { - border-top: 1px solid #ff1744 !important; } + border-top: 1px solid #ff1744 !important; +} .border-bottom-red.border-bottom-accent-3 { - border-bottom: 1px solid #ff1744 !important; } + border-bottom: 1px solid #ff1744 !important; +} .border-left-red.border-left-accent-3 { - border-left: 1px solid #ff1744 !important; } + border-left: 1px solid #ff1744 !important; +} .border-right-red.border-right-accent-3 { - border-right: 1px solid #ff1744 !important; } + border-right: 1px solid #ff1744 !important; +} .overlay-red.overlay-accent-3 { background: #ff1744; /* The Fallback */ - background: rgba(255, 23, 68, 0.8); } + background: rgba(255, 23, 68, 0.8); +} .red.accent-4 { - color: #d50000 !important; } + color: #d50000 !important; +} .bg-red.bg-accent-4 { - background-color: #d50000 !important; } - .bg-red.bg-accent-4.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(213, 0, 0, 0.6); } + background-color: #d50000 !important; +} +.bg-red.bg-accent-4.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(213, 0, 0, 0.6); +} .btn-red.btn-accent-4 { border-color: #d32f2f !important; - background-color: #d50000 !important; } - .btn-red.btn-accent-4:hover { - border-color: #d32f2f !important; - background-color: #c62828 !important; } - .btn-red.btn-accent-4:focus, .btn-red.btn-accent-4:active { - border-color: #c62828 !important; - background-color: #b71c1c !important; } + background-color: #d50000 !important; +} +.btn-red.btn-accent-4:hover { + border-color: #d32f2f !important; + background-color: #c62828 !important; +} +.btn-red.btn-accent-4:focus, +.btn-red.btn-accent-4:active { + border-color: #c62828 !important; + background-color: #b71c1c !important; +} .btn-outline-red.btn-outline-accent-4 { border-color: #d50000 !important; - color: #d50000 !important; } - .btn-outline-red.btn-outline-accent-4:hover { - background-color: #d50000 !important; } + color: #d50000 !important; +} +.btn-outline-red.btn-outline-accent-4:hover { + background-color: #d50000 !important; +} input:focus ~ .bg-red { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #d50000 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #d50000 !important; +} .border-red.border-accent-4 { - border: 1px solid #d50000 !important; } + border: 1px solid #d50000 !important; +} .border-top-red.border-top-accent-4 { - border-top: 1px solid #d50000 !important; } + border-top: 1px solid #d50000 !important; +} .border-bottom-red.border-bottom-accent-4 { - border-bottom: 1px solid #d50000 !important; } + border-bottom: 1px solid #d50000 !important; +} .border-left-red.border-left-accent-4 { - border-left: 1px solid #d50000 !important; } + border-left: 1px solid #d50000 !important; +} .border-right-red.border-right-accent-4 { - border-right: 1px solid #d50000 !important; } + border-right: 1px solid #d50000 !important; +} .overlay-red.overlay-accent-4 { background: #d50000; /* The Fallback */ - background: rgba(213, 0, 0, 0.8); } + background: rgba(213, 0, 0, 0.8); +} .pink.lighten-5 { - color: #fce4ec !important; } + color: #fce4ec !important; +} .bg-pink.bg-lighten-5 { - background-color: #fce4ec !important; } - .bg-pink.bg-lighten-5.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(252, 228, 236, 0.6); } + background-color: #fce4ec !important; +} +.bg-pink.bg-lighten-5.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(252, 228, 236, 0.6); +} .btn-pink.btn-lighten-5 { border-color: #c2185b !important; - background-color: #fce4ec !important; } - .btn-pink.btn-lighten-5:hover { - border-color: #c2185b !important; - background-color: #ad1457 !important; } - .btn-pink.btn-lighten-5:focus, .btn-pink.btn-lighten-5:active { - border-color: #ad1457 !important; - background-color: #880e4f !important; } + background-color: #fce4ec !important; +} +.btn-pink.btn-lighten-5:hover { + border-color: #c2185b !important; + background-color: #ad1457 !important; +} +.btn-pink.btn-lighten-5:focus, +.btn-pink.btn-lighten-5:active { + border-color: #ad1457 !important; + background-color: #880e4f !important; +} .btn-outline-pink.btn-outline-lighten-5 { border-color: #fce4ec !important; - color: #fce4ec !important; } - .btn-outline-pink.btn-outline-lighten-5:hover { - background-color: #fce4ec !important; } + color: #fce4ec !important; +} +.btn-outline-pink.btn-outline-lighten-5:hover { + background-color: #fce4ec !important; +} input:focus ~ .bg-pink { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #fce4ec !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #fce4ec !important; +} .border-pink.border-lighten-5 { - border: 1px solid #fce4ec !important; } + border: 1px solid #fce4ec !important; +} .border-top-pink.border-top-lighten-5 { - border-top: 1px solid #fce4ec !important; } + border-top: 1px solid #fce4ec !important; +} .border-bottom-pink.border-bottom-lighten-5 { - border-bottom: 1px solid #fce4ec !important; } + border-bottom: 1px solid #fce4ec !important; +} .border-left-pink.border-left-lighten-5 { - border-left: 1px solid #fce4ec !important; } + border-left: 1px solid #fce4ec !important; +} .border-right-pink.border-right-lighten-5 { - border-right: 1px solid #fce4ec !important; } + border-right: 1px solid #fce4ec !important; +} .overlay-pink.overlay-lighten-5 { background: #fce4ec; /* The Fallback */ - background: rgba(252, 228, 236, 0.8); } + background: rgba(252, 228, 236, 0.8); +} .pink.lighten-4 { - color: #f8bbd0 !important; } + color: #f8bbd0 !important; +} .bg-pink.bg-lighten-4 { - background-color: #f8bbd0 !important; } - .bg-pink.bg-lighten-4.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(248, 187, 208, 0.6); } + background-color: #f8bbd0 !important; +} +.bg-pink.bg-lighten-4.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(248, 187, 208, 0.6); +} .btn-pink.btn-lighten-4 { border-color: #c2185b !important; - background-color: #f8bbd0 !important; } - .btn-pink.btn-lighten-4:hover { - border-color: #c2185b !important; - background-color: #ad1457 !important; } - .btn-pink.btn-lighten-4:focus, .btn-pink.btn-lighten-4:active { - border-color: #ad1457 !important; - background-color: #880e4f !important; } + background-color: #f8bbd0 !important; +} +.btn-pink.btn-lighten-4:hover { + border-color: #c2185b !important; + background-color: #ad1457 !important; +} +.btn-pink.btn-lighten-4:focus, +.btn-pink.btn-lighten-4:active { + border-color: #ad1457 !important; + background-color: #880e4f !important; +} .btn-outline-pink.btn-outline-lighten-4 { border-color: #f8bbd0 !important; - color: #f8bbd0 !important; } - .btn-outline-pink.btn-outline-lighten-4:hover { - background-color: #f8bbd0 !important; } + color: #f8bbd0 !important; +} +.btn-outline-pink.btn-outline-lighten-4:hover { + background-color: #f8bbd0 !important; +} input:focus ~ .bg-pink { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #f8bbd0 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #f8bbd0 !important; +} .border-pink.border-lighten-4 { - border: 1px solid #f8bbd0 !important; } + border: 1px solid #f8bbd0 !important; +} .border-top-pink.border-top-lighten-4 { - border-top: 1px solid #f8bbd0 !important; } + border-top: 1px solid #f8bbd0 !important; +} .border-bottom-pink.border-bottom-lighten-4 { - border-bottom: 1px solid #f8bbd0 !important; } + border-bottom: 1px solid #f8bbd0 !important; +} .border-left-pink.border-left-lighten-4 { - border-left: 1px solid #f8bbd0 !important; } + border-left: 1px solid #f8bbd0 !important; +} .border-right-pink.border-right-lighten-4 { - border-right: 1px solid #f8bbd0 !important; } + border-right: 1px solid #f8bbd0 !important; +} .overlay-pink.overlay-lighten-4 { background: #f8bbd0; /* The Fallback */ - background: rgba(248, 187, 208, 0.8); } + background: rgba(248, 187, 208, 0.8); +} .pink.lighten-3 { - color: #f48fb1 !important; } + color: #f48fb1 !important; +} .bg-pink.bg-lighten-3 { - background-color: #f48fb1 !important; } - .bg-pink.bg-lighten-3.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(244, 143, 177, 0.6); } + background-color: #f48fb1 !important; +} +.bg-pink.bg-lighten-3.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(244, 143, 177, 0.6); +} .btn-pink.btn-lighten-3 { border-color: #c2185b !important; - background-color: #f48fb1 !important; } - .btn-pink.btn-lighten-3:hover { - border-color: #c2185b !important; - background-color: #ad1457 !important; } - .btn-pink.btn-lighten-3:focus, .btn-pink.btn-lighten-3:active { - border-color: #ad1457 !important; - background-color: #880e4f !important; } + background-color: #f48fb1 !important; +} +.btn-pink.btn-lighten-3:hover { + border-color: #c2185b !important; + background-color: #ad1457 !important; +} +.btn-pink.btn-lighten-3:focus, +.btn-pink.btn-lighten-3:active { + border-color: #ad1457 !important; + background-color: #880e4f !important; +} .btn-outline-pink.btn-outline-lighten-3 { border-color: #f48fb1 !important; - color: #f48fb1 !important; } - .btn-outline-pink.btn-outline-lighten-3:hover { - background-color: #f48fb1 !important; } + color: #f48fb1 !important; +} +.btn-outline-pink.btn-outline-lighten-3:hover { + background-color: #f48fb1 !important; +} input:focus ~ .bg-pink { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #f48fb1 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #f48fb1 !important; +} .border-pink.border-lighten-3 { - border: 1px solid #f48fb1 !important; } + border: 1px solid #f48fb1 !important; +} .border-top-pink.border-top-lighten-3 { - border-top: 1px solid #f48fb1 !important; } + border-top: 1px solid #f48fb1 !important; +} .border-bottom-pink.border-bottom-lighten-3 { - border-bottom: 1px solid #f48fb1 !important; } + border-bottom: 1px solid #f48fb1 !important; +} .border-left-pink.border-left-lighten-3 { - border-left: 1px solid #f48fb1 !important; } + border-left: 1px solid #f48fb1 !important; +} .border-right-pink.border-right-lighten-3 { - border-right: 1px solid #f48fb1 !important; } + border-right: 1px solid #f48fb1 !important; +} .overlay-pink.overlay-lighten-3 { background: #f48fb1; /* The Fallback */ - background: rgba(244, 143, 177, 0.8); } + background: rgba(244, 143, 177, 0.8); +} .pink.lighten-2 { - color: #f06292 !important; } + color: #f06292 !important; +} .bg-pink.bg-lighten-2 { - background-color: #f06292 !important; } - .bg-pink.bg-lighten-2.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(240, 98, 146, 0.6); } + background-color: #f06292 !important; +} +.bg-pink.bg-lighten-2.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(240, 98, 146, 0.6); +} .btn-pink.btn-lighten-2 { border-color: #c2185b !important; - background-color: #f06292 !important; } - .btn-pink.btn-lighten-2:hover { - border-color: #c2185b !important; - background-color: #ad1457 !important; } - .btn-pink.btn-lighten-2:focus, .btn-pink.btn-lighten-2:active { - border-color: #ad1457 !important; - background-color: #880e4f !important; } + background-color: #f06292 !important; +} +.btn-pink.btn-lighten-2:hover { + border-color: #c2185b !important; + background-color: #ad1457 !important; +} +.btn-pink.btn-lighten-2:focus, +.btn-pink.btn-lighten-2:active { + border-color: #ad1457 !important; + background-color: #880e4f !important; +} .btn-outline-pink.btn-outline-lighten-2 { border-color: #f06292 !important; - color: #f06292 !important; } - .btn-outline-pink.btn-outline-lighten-2:hover { - background-color: #f06292 !important; } + color: #f06292 !important; +} +.btn-outline-pink.btn-outline-lighten-2:hover { + background-color: #f06292 !important; +} input:focus ~ .bg-pink { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #f06292 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #f06292 !important; +} .border-pink.border-lighten-2 { - border: 1px solid #f06292 !important; } + border: 1px solid #f06292 !important; +} .border-top-pink.border-top-lighten-2 { - border-top: 1px solid #f06292 !important; } + border-top: 1px solid #f06292 !important; +} .border-bottom-pink.border-bottom-lighten-2 { - border-bottom: 1px solid #f06292 !important; } + border-bottom: 1px solid #f06292 !important; +} .border-left-pink.border-left-lighten-2 { - border-left: 1px solid #f06292 !important; } + border-left: 1px solid #f06292 !important; +} .border-right-pink.border-right-lighten-2 { - border-right: 1px solid #f06292 !important; } + border-right: 1px solid #f06292 !important; +} .overlay-pink.overlay-lighten-2 { background: #f06292; /* The Fallback */ - background: rgba(240, 98, 146, 0.8); } + background: rgba(240, 98, 146, 0.8); +} .pink.lighten-1 { - color: #ec407a !important; } + color: #ec407a !important; +} .bg-pink.bg-lighten-1 { - background-color: #ec407a !important; } - .bg-pink.bg-lighten-1.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(236, 64, 122, 0.6); } + background-color: #ec407a !important; +} +.bg-pink.bg-lighten-1.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(236, 64, 122, 0.6); +} .btn-pink.btn-lighten-1 { border-color: #c2185b !important; - background-color: #ec407a !important; } - .btn-pink.btn-lighten-1:hover { - border-color: #c2185b !important; - background-color: #ad1457 !important; } - .btn-pink.btn-lighten-1:focus, .btn-pink.btn-lighten-1:active { - border-color: #ad1457 !important; - background-color: #880e4f !important; } + background-color: #ec407a !important; +} +.btn-pink.btn-lighten-1:hover { + border-color: #c2185b !important; + background-color: #ad1457 !important; +} +.btn-pink.btn-lighten-1:focus, +.btn-pink.btn-lighten-1:active { + border-color: #ad1457 !important; + background-color: #880e4f !important; +} .btn-outline-pink.btn-outline-lighten-1 { border-color: #ec407a !important; - color: #ec407a !important; } - .btn-outline-pink.btn-outline-lighten-1:hover { - background-color: #ec407a !important; } + color: #ec407a !important; +} +.btn-outline-pink.btn-outline-lighten-1:hover { + background-color: #ec407a !important; +} input:focus ~ .bg-pink { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ec407a !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ec407a !important; +} .border-pink.border-lighten-1 { - border: 1px solid #ec407a !important; } + border: 1px solid #ec407a !important; +} .border-top-pink.border-top-lighten-1 { - border-top: 1px solid #ec407a !important; } + border-top: 1px solid #ec407a !important; +} .border-bottom-pink.border-bottom-lighten-1 { - border-bottom: 1px solid #ec407a !important; } + border-bottom: 1px solid #ec407a !important; +} .border-left-pink.border-left-lighten-1 { - border-left: 1px solid #ec407a !important; } + border-left: 1px solid #ec407a !important; +} .border-right-pink.border-right-lighten-1 { - border-right: 1px solid #ec407a !important; } + border-right: 1px solid #ec407a !important; +} .overlay-pink.overlay-lighten-1 { background: #ec407a; /* The Fallback */ - background: rgba(236, 64, 122, 0.8); } + background: rgba(236, 64, 122, 0.8); +} .pink { - color: #e91e63 !important; } + color: #e91e63 !important; +} .bg-pink { - background-color: #e91e63 !important; } - .bg-pink .card-header, - .bg-pink .card-footer { - background-color: transparent; } - .bg-pink.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(233, 30, 99, 0.6); } + background-color: #e91e63 !important; +} +.bg-pink .card-header, +.bg-pink .card-footer { + background-color: transparent; +} +.bg-pink.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(233, 30, 99, 0.6); +} .selectboxit.selectboxit-btn.bg-pink { - background-color: #e91e63 !important; } + background-color: #e91e63 !important; +} .alert-pink { border-color: #e91e63 !important; - background-color: #ef5f90; } + background-color: #ef5f90; +} .border-pink { border-color: #e91e63; - border: 1px solid; } + border: 1px solid; +} .overlay-pink { background: #e91e63; /* The Fallback */ - background: rgba(233, 30, 99, 0.8); } + background: rgba(233, 30, 99, 0.8); +} .color-info.pink { - background-color: #e91e63 !important; } + background-color: #e91e63 !important; +} .btn-pink { border-color: #c2185b !important; background-color: #e91e63 !important; - color: #FFFFFF; } - .btn-pink:hover { - border-color: #d81b60 !important; - background-color: #ec407a !important; - color: #FFF !important; } - .btn-pink:focus, .btn-pink:active { - border-color: #c2185b !important; - background-color: #ad1457 !important; - color: #FFF !important; } - .btn-pink.btn-glow { - box-shadow: 0px 1px 20px 1px rgba(233, 30, 99, 0.6); } + color: #ffffff; +} +.btn-pink:hover { + border-color: #d81b60 !important; + background-color: #ec407a !important; + color: #fff !important; +} +.btn-pink:focus, +.btn-pink:active { + border-color: #c2185b !important; + background-color: #ad1457 !important; + color: #fff !important; +} +.btn-pink.btn-glow { + box-shadow: 0px 1px 20px 1px rgba(233, 30, 99, 0.6); +} .btn-outline-pink { border: 1px solid; border-color: #e91e63; background-color: transparent; - color: #e91e63; } - .btn-outline-pink:hover { - background-color: #e91e63; - color: #FFF !important; } - .btn-outline-pink.btn-glow { - box-shadow: 0px 1px 20px 1px rgba(233, 30, 99, 0.6); } - -input[type="checkbox"].bg-pink + .custom-control-label:before, input[type="radio"].bg-pink + .custom-control-label:before { - background-color: #e91e63 !important; } - -/* .custom-control-label{ - &:before{ - background-color: #ddd !important; - } + color: #e91e63; +} +.btn-outline-pink:hover { + background-color: #e91e63; + color: #fff !important; +} +.btn-outline-pink.btn-glow { + box-shadow: 0px 1px 20px 1px rgba(233, 30, 99, 0.6); +} + +input[type='checkbox'].bg-pink + .custom-control-label:before, +input[type='radio'].bg-pink + .custom-control-label:before { + background-color: #e91e63 !important; +} + +/* .custom-control-label{ + &:before{ + background-color: #ddd !important; + } } */ input:focus ~ .bg-pink { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #e91e63 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #e91e63 !important; +} .border-pink { - border-color: #e91e63 !important; } + border-color: #e91e63 !important; +} .border-top-pink { - border-top: 1px solid #e91e63; } + border-top: 1px solid #e91e63; +} .border-bottom-pink { - border-bottom: 1px solid #e91e63; } + border-bottom: 1px solid #e91e63; +} .border-left-pink { - border-left: 1px solid #e91e63; } + border-left: 1px solid #e91e63; +} .border-right-pink { - border-right: 1px solid #e91e63; } + border-right: 1px solid #e91e63; +} /* Bullet pink */ .bullet.bullet-pink { - background-color: #e91e63; } + background-color: #e91e63; +} .pink.darken-1 { - color: #d81b60 !important; } + color: #d81b60 !important; +} .bg-pink.bg-darken-1 { - background-color: #d81b60 !important; } - .bg-pink.bg-darken-1.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(216, 27, 96, 0.6); } + background-color: #d81b60 !important; +} +.bg-pink.bg-darken-1.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(216, 27, 96, 0.6); +} .btn-pink.btn-darken-1 { border-color: #c2185b !important; - background-color: #d81b60 !important; } - .btn-pink.btn-darken-1:hover { - border-color: #c2185b !important; - background-color: #ad1457 !important; } - .btn-pink.btn-darken-1:focus, .btn-pink.btn-darken-1:active { - border-color: #ad1457 !important; - background-color: #880e4f !important; } + background-color: #d81b60 !important; +} +.btn-pink.btn-darken-1:hover { + border-color: #c2185b !important; + background-color: #ad1457 !important; +} +.btn-pink.btn-darken-1:focus, +.btn-pink.btn-darken-1:active { + border-color: #ad1457 !important; + background-color: #880e4f !important; +} .btn-outline-pink.btn-outline-darken-1 { border-color: #d81b60 !important; - color: #d81b60 !important; } - .btn-outline-pink.btn-outline-darken-1:hover { - background-color: #d81b60 !important; } + color: #d81b60 !important; +} +.btn-outline-pink.btn-outline-darken-1:hover { + background-color: #d81b60 !important; +} input:focus ~ .bg-pink { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #d81b60 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #d81b60 !important; +} .border-pink.border-darken-1 { - border: 1px solid #d81b60 !important; } + border: 1px solid #d81b60 !important; +} .border-top-pink.border-top-darken-1 { - border-top: 1px solid #d81b60 !important; } + border-top: 1px solid #d81b60 !important; +} .border-bottom-pink.border-bottom-darken-1 { - border-bottom: 1px solid #d81b60 !important; } + border-bottom: 1px solid #d81b60 !important; +} .border-left-pink.border-left-darken-1 { - border-left: 1px solid #d81b60 !important; } + border-left: 1px solid #d81b60 !important; +} .border-right-pink.border-right-darken-1 { - border-right: 1px solid #d81b60 !important; } + border-right: 1px solid #d81b60 !important; +} .overlay-pink.overlay-darken-1 { background: #d81b60; /* The Fallback */ - background: rgba(216, 27, 96, 0.8); } + background: rgba(216, 27, 96, 0.8); +} .pink.darken-2 { - color: #c2185b !important; } + color: #c2185b !important; +} .bg-pink.bg-darken-2 { - background-color: #c2185b !important; } - .bg-pink.bg-darken-2.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(194, 24, 91, 0.6); } + background-color: #c2185b !important; +} +.bg-pink.bg-darken-2.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(194, 24, 91, 0.6); +} .btn-pink.btn-darken-2 { border-color: #c2185b !important; - background-color: #c2185b !important; } - .btn-pink.btn-darken-2:hover { - border-color: #c2185b !important; - background-color: #ad1457 !important; } - .btn-pink.btn-darken-2:focus, .btn-pink.btn-darken-2:active { - border-color: #ad1457 !important; - background-color: #880e4f !important; } + background-color: #c2185b !important; +} +.btn-pink.btn-darken-2:hover { + border-color: #c2185b !important; + background-color: #ad1457 !important; +} +.btn-pink.btn-darken-2:focus, +.btn-pink.btn-darken-2:active { + border-color: #ad1457 !important; + background-color: #880e4f !important; +} .btn-outline-pink.btn-outline-darken-2 { border-color: #c2185b !important; - color: #c2185b !important; } - .btn-outline-pink.btn-outline-darken-2:hover { - background-color: #c2185b !important; } + color: #c2185b !important; +} +.btn-outline-pink.btn-outline-darken-2:hover { + background-color: #c2185b !important; +} input:focus ~ .bg-pink { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #c2185b !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #c2185b !important; +} .border-pink.border-darken-2 { - border: 1px solid #c2185b !important; } + border: 1px solid #c2185b !important; +} .border-top-pink.border-top-darken-2 { - border-top: 1px solid #c2185b !important; } + border-top: 1px solid #c2185b !important; +} .border-bottom-pink.border-bottom-darken-2 { - border-bottom: 1px solid #c2185b !important; } + border-bottom: 1px solid #c2185b !important; +} .border-left-pink.border-left-darken-2 { - border-left: 1px solid #c2185b !important; } + border-left: 1px solid #c2185b !important; +} .border-right-pink.border-right-darken-2 { - border-right: 1px solid #c2185b !important; } + border-right: 1px solid #c2185b !important; +} .overlay-pink.overlay-darken-2 { background: #c2185b; /* The Fallback */ - background: rgba(194, 24, 91, 0.8); } + background: rgba(194, 24, 91, 0.8); +} .pink.darken-3 { - color: #ad1457 !important; } + color: #ad1457 !important; +} .bg-pink.bg-darken-3 { - background-color: #ad1457 !important; } - .bg-pink.bg-darken-3.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(173, 20, 87, 0.6); } + background-color: #ad1457 !important; +} +.bg-pink.bg-darken-3.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(173, 20, 87, 0.6); +} .btn-pink.btn-darken-3 { border-color: #c2185b !important; - background-color: #ad1457 !important; } - .btn-pink.btn-darken-3:hover { - border-color: #c2185b !important; - background-color: #ad1457 !important; } - .btn-pink.btn-darken-3:focus, .btn-pink.btn-darken-3:active { - border-color: #ad1457 !important; - background-color: #880e4f !important; } + background-color: #ad1457 !important; +} +.btn-pink.btn-darken-3:hover { + border-color: #c2185b !important; + background-color: #ad1457 !important; +} +.btn-pink.btn-darken-3:focus, +.btn-pink.btn-darken-3:active { + border-color: #ad1457 !important; + background-color: #880e4f !important; +} .btn-outline-pink.btn-outline-darken-3 { border-color: #ad1457 !important; - color: #ad1457 !important; } - .btn-outline-pink.btn-outline-darken-3:hover { - background-color: #ad1457 !important; } + color: #ad1457 !important; +} +.btn-outline-pink.btn-outline-darken-3:hover { + background-color: #ad1457 !important; +} input:focus ~ .bg-pink { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ad1457 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ad1457 !important; +} .border-pink.border-darken-3 { - border: 1px solid #ad1457 !important; } + border: 1px solid #ad1457 !important; +} .border-top-pink.border-top-darken-3 { - border-top: 1px solid #ad1457 !important; } + border-top: 1px solid #ad1457 !important; +} .border-bottom-pink.border-bottom-darken-3 { - border-bottom: 1px solid #ad1457 !important; } + border-bottom: 1px solid #ad1457 !important; +} .border-left-pink.border-left-darken-3 { - border-left: 1px solid #ad1457 !important; } + border-left: 1px solid #ad1457 !important; +} .border-right-pink.border-right-darken-3 { - border-right: 1px solid #ad1457 !important; } + border-right: 1px solid #ad1457 !important; +} .overlay-pink.overlay-darken-3 { background: #ad1457; /* The Fallback */ - background: rgba(173, 20, 87, 0.8); } + background: rgba(173, 20, 87, 0.8); +} .pink.darken-4 { - color: #880e4f !important; } + color: #880e4f !important; +} .bg-pink.bg-darken-4 { - background-color: #880e4f !important; } - .bg-pink.bg-darken-4.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(136, 14, 79, 0.6); } + background-color: #880e4f !important; +} +.bg-pink.bg-darken-4.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(136, 14, 79, 0.6); +} .btn-pink.btn-darken-4 { border-color: #c2185b !important; - background-color: #880e4f !important; } - .btn-pink.btn-darken-4:hover { - border-color: #c2185b !important; - background-color: #ad1457 !important; } - .btn-pink.btn-darken-4:focus, .btn-pink.btn-darken-4:active { - border-color: #ad1457 !important; - background-color: #880e4f !important; } + background-color: #880e4f !important; +} +.btn-pink.btn-darken-4:hover { + border-color: #c2185b !important; + background-color: #ad1457 !important; +} +.btn-pink.btn-darken-4:focus, +.btn-pink.btn-darken-4:active { + border-color: #ad1457 !important; + background-color: #880e4f !important; +} .btn-outline-pink.btn-outline-darken-4 { border-color: #880e4f !important; - color: #880e4f !important; } - .btn-outline-pink.btn-outline-darken-4:hover { - background-color: #880e4f !important; } + color: #880e4f !important; +} +.btn-outline-pink.btn-outline-darken-4:hover { + background-color: #880e4f !important; +} input:focus ~ .bg-pink { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #880e4f !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #880e4f !important; +} .border-pink.border-darken-4 { - border: 1px solid #880e4f !important; } + border: 1px solid #880e4f !important; +} .border-top-pink.border-top-darken-4 { - border-top: 1px solid #880e4f !important; } + border-top: 1px solid #880e4f !important; +} .border-bottom-pink.border-bottom-darken-4 { - border-bottom: 1px solid #880e4f !important; } + border-bottom: 1px solid #880e4f !important; +} .border-left-pink.border-left-darken-4 { - border-left: 1px solid #880e4f !important; } + border-left: 1px solid #880e4f !important; +} .border-right-pink.border-right-darken-4 { - border-right: 1px solid #880e4f !important; } + border-right: 1px solid #880e4f !important; +} .overlay-pink.overlay-darken-4 { background: #880e4f; /* The Fallback */ - background: rgba(136, 14, 79, 0.8); } + background: rgba(136, 14, 79, 0.8); +} .pink.accent-1 { - color: #ff80ab !important; } + color: #ff80ab !important; +} .bg-pink.bg-accent-1 { - background-color: #ff80ab !important; } - .bg-pink.bg-accent-1.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(255, 128, 171, 0.6); } + background-color: #ff80ab !important; +} +.bg-pink.bg-accent-1.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(255, 128, 171, 0.6); +} .btn-pink.btn-accent-1 { border-color: #c2185b !important; - background-color: #ff80ab !important; } - .btn-pink.btn-accent-1:hover { - border-color: #c2185b !important; - background-color: #ad1457 !important; } - .btn-pink.btn-accent-1:focus, .btn-pink.btn-accent-1:active { - border-color: #ad1457 !important; - background-color: #880e4f !important; } + background-color: #ff80ab !important; +} +.btn-pink.btn-accent-1:hover { + border-color: #c2185b !important; + background-color: #ad1457 !important; +} +.btn-pink.btn-accent-1:focus, +.btn-pink.btn-accent-1:active { + border-color: #ad1457 !important; + background-color: #880e4f !important; +} .btn-outline-pink.btn-outline-accent-1 { border-color: #ff80ab !important; - color: #ff80ab !important; } - .btn-outline-pink.btn-outline-accent-1:hover { - background-color: #ff80ab !important; } + color: #ff80ab !important; +} +.btn-outline-pink.btn-outline-accent-1:hover { + background-color: #ff80ab !important; +} input:focus ~ .bg-pink { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ff80ab !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ff80ab !important; +} .border-pink.border-accent-1 { - border: 1px solid #ff80ab !important; } + border: 1px solid #ff80ab !important; +} .border-top-pink.border-top-accent-1 { - border-top: 1px solid #ff80ab !important; } + border-top: 1px solid #ff80ab !important; +} .border-bottom-pink.border-bottom-accent-1 { - border-bottom: 1px solid #ff80ab !important; } + border-bottom: 1px solid #ff80ab !important; +} .border-left-pink.border-left-accent-1 { - border-left: 1px solid #ff80ab !important; } + border-left: 1px solid #ff80ab !important; +} .border-right-pink.border-right-accent-1 { - border-right: 1px solid #ff80ab !important; } + border-right: 1px solid #ff80ab !important; +} .overlay-pink.overlay-accent-1 { background: #ff80ab; /* The Fallback */ - background: rgba(255, 128, 171, 0.8); } + background: rgba(255, 128, 171, 0.8); +} .pink.accent-2 { - color: #ff4081 !important; } + color: #ff4081 !important; +} .bg-pink.bg-accent-2 { - background-color: #ff4081 !important; } - .bg-pink.bg-accent-2.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(255, 64, 129, 0.6); } + background-color: #ff4081 !important; +} +.bg-pink.bg-accent-2.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(255, 64, 129, 0.6); +} .btn-pink.btn-accent-2 { border-color: #c2185b !important; - background-color: #ff4081 !important; } - .btn-pink.btn-accent-2:hover { - border-color: #c2185b !important; - background-color: #ad1457 !important; } - .btn-pink.btn-accent-2:focus, .btn-pink.btn-accent-2:active { - border-color: #ad1457 !important; - background-color: #880e4f !important; } + background-color: #ff4081 !important; +} +.btn-pink.btn-accent-2:hover { + border-color: #c2185b !important; + background-color: #ad1457 !important; +} +.btn-pink.btn-accent-2:focus, +.btn-pink.btn-accent-2:active { + border-color: #ad1457 !important; + background-color: #880e4f !important; +} .btn-outline-pink.btn-outline-accent-2 { border-color: #ff4081 !important; - color: #ff4081 !important; } - .btn-outline-pink.btn-outline-accent-2:hover { - background-color: #ff4081 !important; } + color: #ff4081 !important; +} +.btn-outline-pink.btn-outline-accent-2:hover { + background-color: #ff4081 !important; +} input:focus ~ .bg-pink { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ff4081 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ff4081 !important; +} .border-pink.border-accent-2 { - border: 1px solid #ff4081 !important; } + border: 1px solid #ff4081 !important; +} .border-top-pink.border-top-accent-2 { - border-top: 1px solid #ff4081 !important; } + border-top: 1px solid #ff4081 !important; +} .border-bottom-pink.border-bottom-accent-2 { - border-bottom: 1px solid #ff4081 !important; } + border-bottom: 1px solid #ff4081 !important; +} .border-left-pink.border-left-accent-2 { - border-left: 1px solid #ff4081 !important; } + border-left: 1px solid #ff4081 !important; +} .border-right-pink.border-right-accent-2 { - border-right: 1px solid #ff4081 !important; } + border-right: 1px solid #ff4081 !important; +} .overlay-pink.overlay-accent-2 { background: #ff4081; /* The Fallback */ - background: rgba(255, 64, 129, 0.8); } + background: rgba(255, 64, 129, 0.8); +} .pink.accent-3 { - color: #f50057 !important; } + color: #f50057 !important; +} .bg-pink.bg-accent-3 { - background-color: #f50057 !important; } - .bg-pink.bg-accent-3.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(245, 0, 87, 0.6); } + background-color: #f50057 !important; +} +.bg-pink.bg-accent-3.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(245, 0, 87, 0.6); +} .btn-pink.btn-accent-3 { border-color: #c2185b !important; - background-color: #f50057 !important; } - .btn-pink.btn-accent-3:hover { - border-color: #c2185b !important; - background-color: #ad1457 !important; } - .btn-pink.btn-accent-3:focus, .btn-pink.btn-accent-3:active { - border-color: #ad1457 !important; - background-color: #880e4f !important; } + background-color: #f50057 !important; +} +.btn-pink.btn-accent-3:hover { + border-color: #c2185b !important; + background-color: #ad1457 !important; +} +.btn-pink.btn-accent-3:focus, +.btn-pink.btn-accent-3:active { + border-color: #ad1457 !important; + background-color: #880e4f !important; +} .btn-outline-pink.btn-outline-accent-3 { border-color: #f50057 !important; - color: #f50057 !important; } - .btn-outline-pink.btn-outline-accent-3:hover { - background-color: #f50057 !important; } + color: #f50057 !important; +} +.btn-outline-pink.btn-outline-accent-3:hover { + background-color: #f50057 !important; +} input:focus ~ .bg-pink { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #f50057 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #f50057 !important; +} .border-pink.border-accent-3 { - border: 1px solid #f50057 !important; } + border: 1px solid #f50057 !important; +} .border-top-pink.border-top-accent-3 { - border-top: 1px solid #f50057 !important; } + border-top: 1px solid #f50057 !important; +} .border-bottom-pink.border-bottom-accent-3 { - border-bottom: 1px solid #f50057 !important; } + border-bottom: 1px solid #f50057 !important; +} .border-left-pink.border-left-accent-3 { - border-left: 1px solid #f50057 !important; } + border-left: 1px solid #f50057 !important; +} .border-right-pink.border-right-accent-3 { - border-right: 1px solid #f50057 !important; } + border-right: 1px solid #f50057 !important; +} .overlay-pink.overlay-accent-3 { background: #f50057; /* The Fallback */ - background: rgba(245, 0, 87, 0.8); } + background: rgba(245, 0, 87, 0.8); +} .pink.accent-4 { - color: #c51162 !important; } + color: #c51162 !important; +} .bg-pink.bg-accent-4 { - background-color: #c51162 !important; } - .bg-pink.bg-accent-4.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(197, 17, 98, 0.6); } + background-color: #c51162 !important; +} +.bg-pink.bg-accent-4.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(197, 17, 98, 0.6); +} .btn-pink.btn-accent-4 { border-color: #c2185b !important; - background-color: #c51162 !important; } - .btn-pink.btn-accent-4:hover { - border-color: #c2185b !important; - background-color: #ad1457 !important; } - .btn-pink.btn-accent-4:focus, .btn-pink.btn-accent-4:active { - border-color: #ad1457 !important; - background-color: #880e4f !important; } + background-color: #c51162 !important; +} +.btn-pink.btn-accent-4:hover { + border-color: #c2185b !important; + background-color: #ad1457 !important; +} +.btn-pink.btn-accent-4:focus, +.btn-pink.btn-accent-4:active { + border-color: #ad1457 !important; + background-color: #880e4f !important; +} .btn-outline-pink.btn-outline-accent-4 { border-color: #c51162 !important; - color: #c51162 !important; } - .btn-outline-pink.btn-outline-accent-4:hover { - background-color: #c51162 !important; } + color: #c51162 !important; +} +.btn-outline-pink.btn-outline-accent-4:hover { + background-color: #c51162 !important; +} input:focus ~ .bg-pink { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #c51162 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #c51162 !important; +} .border-pink.border-accent-4 { - border: 1px solid #c51162 !important; } + border: 1px solid #c51162 !important; +} .border-top-pink.border-top-accent-4 { - border-top: 1px solid #c51162 !important; } + border-top: 1px solid #c51162 !important; +} .border-bottom-pink.border-bottom-accent-4 { - border-bottom: 1px solid #c51162 !important; } + border-bottom: 1px solid #c51162 !important; +} .border-left-pink.border-left-accent-4 { - border-left: 1px solid #c51162 !important; } + border-left: 1px solid #c51162 !important; +} .border-right-pink.border-right-accent-4 { - border-right: 1px solid #c51162 !important; } + border-right: 1px solid #c51162 !important; +} .overlay-pink.overlay-accent-4 { background: #c51162; /* The Fallback */ - background: rgba(197, 17, 98, 0.8); } + background: rgba(197, 17, 98, 0.8); +} .purple.lighten-5 { - color: #f3e5f5 !important; } + color: #f3e5f5 !important; +} .bg-purple.bg-lighten-5 { - background-color: #f3e5f5 !important; } - .bg-purple.bg-lighten-5.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(243, 229, 245, 0.6); } + background-color: #f3e5f5 !important; +} +.bg-purple.bg-lighten-5.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(243, 229, 245, 0.6); +} .btn-purple.btn-lighten-5 { border-color: #7b1fa2 !important; - background-color: #f3e5f5 !important; } - .btn-purple.btn-lighten-5:hover { - border-color: #7b1fa2 !important; - background-color: #6a1b9a !important; } - .btn-purple.btn-lighten-5:focus, .btn-purple.btn-lighten-5:active { - border-color: #6a1b9a !important; - background-color: #4a148c !important; } + background-color: #f3e5f5 !important; +} +.btn-purple.btn-lighten-5:hover { + border-color: #7b1fa2 !important; + background-color: #6a1b9a !important; +} +.btn-purple.btn-lighten-5:focus, +.btn-purple.btn-lighten-5:active { + border-color: #6a1b9a !important; + background-color: #4a148c !important; +} .btn-outline-purple.btn-outline-lighten-5 { border-color: #f3e5f5 !important; - color: #f3e5f5 !important; } - .btn-outline-purple.btn-outline-lighten-5:hover { - background-color: #f3e5f5 !important; } + color: #f3e5f5 !important; +} +.btn-outline-purple.btn-outline-lighten-5:hover { + background-color: #f3e5f5 !important; +} input:focus ~ .bg-purple { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #f3e5f5 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #f3e5f5 !important; +} .border-purple.border-lighten-5 { - border: 1px solid #f3e5f5 !important; } + border: 1px solid #f3e5f5 !important; +} .border-top-purple.border-top-lighten-5 { - border-top: 1px solid #f3e5f5 !important; } + border-top: 1px solid #f3e5f5 !important; +} .border-bottom-purple.border-bottom-lighten-5 { - border-bottom: 1px solid #f3e5f5 !important; } + border-bottom: 1px solid #f3e5f5 !important; +} .border-left-purple.border-left-lighten-5 { - border-left: 1px solid #f3e5f5 !important; } + border-left: 1px solid #f3e5f5 !important; +} .border-right-purple.border-right-lighten-5 { - border-right: 1px solid #f3e5f5 !important; } + border-right: 1px solid #f3e5f5 !important; +} .overlay-purple.overlay-lighten-5 { background: #f3e5f5; /* The Fallback */ - background: rgba(243, 229, 245, 0.8); } + background: rgba(243, 229, 245, 0.8); +} .purple.lighten-4 { - color: #e1bee7 !important; } + color: #e1bee7 !important; +} .bg-purple.bg-lighten-4 { - background-color: #e1bee7 !important; } - .bg-purple.bg-lighten-4.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(225, 190, 231, 0.6); } + background-color: #e1bee7 !important; +} +.bg-purple.bg-lighten-4.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(225, 190, 231, 0.6); +} .btn-purple.btn-lighten-4 { border-color: #7b1fa2 !important; - background-color: #e1bee7 !important; } - .btn-purple.btn-lighten-4:hover { - border-color: #7b1fa2 !important; - background-color: #6a1b9a !important; } - .btn-purple.btn-lighten-4:focus, .btn-purple.btn-lighten-4:active { - border-color: #6a1b9a !important; - background-color: #4a148c !important; } + background-color: #e1bee7 !important; +} +.btn-purple.btn-lighten-4:hover { + border-color: #7b1fa2 !important; + background-color: #6a1b9a !important; +} +.btn-purple.btn-lighten-4:focus, +.btn-purple.btn-lighten-4:active { + border-color: #6a1b9a !important; + background-color: #4a148c !important; +} .btn-outline-purple.btn-outline-lighten-4 { border-color: #e1bee7 !important; - color: #e1bee7 !important; } - .btn-outline-purple.btn-outline-lighten-4:hover { - background-color: #e1bee7 !important; } + color: #e1bee7 !important; +} +.btn-outline-purple.btn-outline-lighten-4:hover { + background-color: #e1bee7 !important; +} input:focus ~ .bg-purple { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #e1bee7 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #e1bee7 !important; +} .border-purple.border-lighten-4 { - border: 1px solid #e1bee7 !important; } + border: 1px solid #e1bee7 !important; +} .border-top-purple.border-top-lighten-4 { - border-top: 1px solid #e1bee7 !important; } + border-top: 1px solid #e1bee7 !important; +} .border-bottom-purple.border-bottom-lighten-4 { - border-bottom: 1px solid #e1bee7 !important; } + border-bottom: 1px solid #e1bee7 !important; +} .border-left-purple.border-left-lighten-4 { - border-left: 1px solid #e1bee7 !important; } + border-left: 1px solid #e1bee7 !important; +} .border-right-purple.border-right-lighten-4 { - border-right: 1px solid #e1bee7 !important; } + border-right: 1px solid #e1bee7 !important; +} .overlay-purple.overlay-lighten-4 { background: #e1bee7; /* The Fallback */ - background: rgba(225, 190, 231, 0.8); } + background: rgba(225, 190, 231, 0.8); +} .purple.lighten-3 { - color: #ce93d8 !important; } + color: #ce93d8 !important; +} .bg-purple.bg-lighten-3 { - background-color: #ce93d8 !important; } - .bg-purple.bg-lighten-3.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(206, 147, 216, 0.6); } + background-color: #ce93d8 !important; +} +.bg-purple.bg-lighten-3.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(206, 147, 216, 0.6); +} .btn-purple.btn-lighten-3 { border-color: #7b1fa2 !important; - background-color: #ce93d8 !important; } - .btn-purple.btn-lighten-3:hover { - border-color: #7b1fa2 !important; - background-color: #6a1b9a !important; } - .btn-purple.btn-lighten-3:focus, .btn-purple.btn-lighten-3:active { - border-color: #6a1b9a !important; - background-color: #4a148c !important; } + background-color: #ce93d8 !important; +} +.btn-purple.btn-lighten-3:hover { + border-color: #7b1fa2 !important; + background-color: #6a1b9a !important; +} +.btn-purple.btn-lighten-3:focus, +.btn-purple.btn-lighten-3:active { + border-color: #6a1b9a !important; + background-color: #4a148c !important; +} .btn-outline-purple.btn-outline-lighten-3 { border-color: #ce93d8 !important; - color: #ce93d8 !important; } - .btn-outline-purple.btn-outline-lighten-3:hover { - background-color: #ce93d8 !important; } + color: #ce93d8 !important; +} +.btn-outline-purple.btn-outline-lighten-3:hover { + background-color: #ce93d8 !important; +} input:focus ~ .bg-purple { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ce93d8 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ce93d8 !important; +} .border-purple.border-lighten-3 { - border: 1px solid #ce93d8 !important; } + border: 1px solid #ce93d8 !important; +} .border-top-purple.border-top-lighten-3 { - border-top: 1px solid #ce93d8 !important; } + border-top: 1px solid #ce93d8 !important; +} .border-bottom-purple.border-bottom-lighten-3 { - border-bottom: 1px solid #ce93d8 !important; } + border-bottom: 1px solid #ce93d8 !important; +} .border-left-purple.border-left-lighten-3 { - border-left: 1px solid #ce93d8 !important; } + border-left: 1px solid #ce93d8 !important; +} .border-right-purple.border-right-lighten-3 { - border-right: 1px solid #ce93d8 !important; } + border-right: 1px solid #ce93d8 !important; +} .overlay-purple.overlay-lighten-3 { background: #ce93d8; /* The Fallback */ - background: rgba(206, 147, 216, 0.8); } + background: rgba(206, 147, 216, 0.8); +} .purple.lighten-2 { - color: #ba68c8 !important; } + color: #ba68c8 !important; +} .bg-purple.bg-lighten-2 { - background-color: #ba68c8 !important; } - .bg-purple.bg-lighten-2.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(186, 104, 200, 0.6); } + background-color: #ba68c8 !important; +} +.bg-purple.bg-lighten-2.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(186, 104, 200, 0.6); +} .btn-purple.btn-lighten-2 { border-color: #7b1fa2 !important; - background-color: #ba68c8 !important; } - .btn-purple.btn-lighten-2:hover { - border-color: #7b1fa2 !important; - background-color: #6a1b9a !important; } - .btn-purple.btn-lighten-2:focus, .btn-purple.btn-lighten-2:active { - border-color: #6a1b9a !important; - background-color: #4a148c !important; } + background-color: #ba68c8 !important; +} +.btn-purple.btn-lighten-2:hover { + border-color: #7b1fa2 !important; + background-color: #6a1b9a !important; +} +.btn-purple.btn-lighten-2:focus, +.btn-purple.btn-lighten-2:active { + border-color: #6a1b9a !important; + background-color: #4a148c !important; +} .btn-outline-purple.btn-outline-lighten-2 { border-color: #ba68c8 !important; - color: #ba68c8 !important; } - .btn-outline-purple.btn-outline-lighten-2:hover { - background-color: #ba68c8 !important; } + color: #ba68c8 !important; +} +.btn-outline-purple.btn-outline-lighten-2:hover { + background-color: #ba68c8 !important; +} input:focus ~ .bg-purple { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ba68c8 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ba68c8 !important; +} .border-purple.border-lighten-2 { - border: 1px solid #ba68c8 !important; } + border: 1px solid #ba68c8 !important; +} .border-top-purple.border-top-lighten-2 { - border-top: 1px solid #ba68c8 !important; } + border-top: 1px solid #ba68c8 !important; +} .border-bottom-purple.border-bottom-lighten-2 { - border-bottom: 1px solid #ba68c8 !important; } + border-bottom: 1px solid #ba68c8 !important; +} .border-left-purple.border-left-lighten-2 { - border-left: 1px solid #ba68c8 !important; } + border-left: 1px solid #ba68c8 !important; +} .border-right-purple.border-right-lighten-2 { - border-right: 1px solid #ba68c8 !important; } + border-right: 1px solid #ba68c8 !important; +} .overlay-purple.overlay-lighten-2 { background: #ba68c8; /* The Fallback */ - background: rgba(186, 104, 200, 0.8); } + background: rgba(186, 104, 200, 0.8); +} .purple.lighten-1 { - color: #ab47bc !important; } + color: #ab47bc !important; +} .bg-purple.bg-lighten-1 { - background-color: #ab47bc !important; } - .bg-purple.bg-lighten-1.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(171, 71, 188, 0.6); } + background-color: #ab47bc !important; +} +.bg-purple.bg-lighten-1.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(171, 71, 188, 0.6); +} .btn-purple.btn-lighten-1 { border-color: #7b1fa2 !important; - background-color: #ab47bc !important; } - .btn-purple.btn-lighten-1:hover { - border-color: #7b1fa2 !important; - background-color: #6a1b9a !important; } - .btn-purple.btn-lighten-1:focus, .btn-purple.btn-lighten-1:active { - border-color: #6a1b9a !important; - background-color: #4a148c !important; } + background-color: #ab47bc !important; +} +.btn-purple.btn-lighten-1:hover { + border-color: #7b1fa2 !important; + background-color: #6a1b9a !important; +} +.btn-purple.btn-lighten-1:focus, +.btn-purple.btn-lighten-1:active { + border-color: #6a1b9a !important; + background-color: #4a148c !important; +} .btn-outline-purple.btn-outline-lighten-1 { border-color: #ab47bc !important; - color: #ab47bc !important; } - .btn-outline-purple.btn-outline-lighten-1:hover { - background-color: #ab47bc !important; } + color: #ab47bc !important; +} +.btn-outline-purple.btn-outline-lighten-1:hover { + background-color: #ab47bc !important; +} input:focus ~ .bg-purple { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ab47bc !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ab47bc !important; +} .border-purple.border-lighten-1 { - border: 1px solid #ab47bc !important; } + border: 1px solid #ab47bc !important; +} .border-top-purple.border-top-lighten-1 { - border-top: 1px solid #ab47bc !important; } + border-top: 1px solid #ab47bc !important; +} .border-bottom-purple.border-bottom-lighten-1 { - border-bottom: 1px solid #ab47bc !important; } + border-bottom: 1px solid #ab47bc !important; +} .border-left-purple.border-left-lighten-1 { - border-left: 1px solid #ab47bc !important; } + border-left: 1px solid #ab47bc !important; +} .border-right-purple.border-right-lighten-1 { - border-right: 1px solid #ab47bc !important; } + border-right: 1px solid #ab47bc !important; +} .overlay-purple.overlay-lighten-1 { background: #ab47bc; /* The Fallback */ - background: rgba(171, 71, 188, 0.8); } + background: rgba(171, 71, 188, 0.8); +} .purple { - color: #9c27b0 !important; } + color: #9c27b0 !important; +} .bg-purple { - background-color: #9c27b0 !important; } - .bg-purple .card-header, - .bg-purple .card-footer { - background-color: transparent; } - .bg-purple.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(156, 39, 176, 0.6); } + background-color: #9c27b0 !important; +} +.bg-purple .card-header, +.bg-purple .card-footer { + background-color: transparent; +} +.bg-purple.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(156, 39, 176, 0.6); +} .selectboxit.selectboxit-btn.bg-purple { - background-color: #9c27b0 !important; } + background-color: #9c27b0 !important; +} .alert-purple { border-color: #9c27b0 !important; - background-color: #c248d6; } + background-color: #c248d6; +} .border-purple { border-color: #9c27b0; - border: 1px solid; } + border: 1px solid; +} .overlay-purple { background: #9c27b0; /* The Fallback */ - background: rgba(156, 39, 176, 0.8); } + background: rgba(156, 39, 176, 0.8); +} .color-info.purple { - background-color: #9c27b0 !important; } + background-color: #9c27b0 !important; +} .btn-purple { border-color: #7b1fa2 !important; background-color: #9c27b0 !important; - color: #FFFFFF; } - .btn-purple:hover { - border-color: #8e24aa !important; - background-color: #ab47bc !important; - color: #FFF !important; } - .btn-purple:focus, .btn-purple:active { - border-color: #7b1fa2 !important; - background-color: #6a1b9a !important; - color: #FFF !important; } - .btn-purple.btn-glow { - box-shadow: 0px 1px 20px 1px rgba(156, 39, 176, 0.6); } + color: #ffffff; +} +.btn-purple:hover { + border-color: #8e24aa !important; + background-color: #ab47bc !important; + color: #fff !important; +} +.btn-purple:focus, +.btn-purple:active { + border-color: #7b1fa2 !important; + background-color: #6a1b9a !important; + color: #fff !important; +} +.btn-purple.btn-glow { + box-shadow: 0px 1px 20px 1px rgba(156, 39, 176, 0.6); +} .btn-outline-purple { border: 1px solid; border-color: #9c27b0; background-color: transparent; - color: #9c27b0; } - .btn-outline-purple:hover { - background-color: #9c27b0; - color: #FFF !important; } - .btn-outline-purple.btn-glow { - box-shadow: 0px 1px 20px 1px rgba(156, 39, 176, 0.6); } - -input[type="checkbox"].bg-purple + .custom-control-label:before, input[type="radio"].bg-purple + .custom-control-label:before { - background-color: #9c27b0 !important; } - -/* .custom-control-label{ - &:before{ - background-color: #ddd !important; - } + color: #9c27b0; +} +.btn-outline-purple:hover { + background-color: #9c27b0; + color: #fff !important; +} +.btn-outline-purple.btn-glow { + box-shadow: 0px 1px 20px 1px rgba(156, 39, 176, 0.6); +} + +input[type='checkbox'].bg-purple + .custom-control-label:before, +input[type='radio'].bg-purple + .custom-control-label:before { + background-color: #9c27b0 !important; +} + +/* .custom-control-label{ + &:before{ + background-color: #ddd !important; + } } */ input:focus ~ .bg-purple { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #9c27b0 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #9c27b0 !important; +} .border-purple { - border-color: #9c27b0 !important; } + border-color: #9c27b0 !important; +} .border-top-purple { - border-top: 1px solid #9c27b0; } + border-top: 1px solid #9c27b0; +} .border-bottom-purple { - border-bottom: 1px solid #9c27b0; } + border-bottom: 1px solid #9c27b0; +} .border-left-purple { - border-left: 1px solid #9c27b0; } + border-left: 1px solid #9c27b0; +} .border-right-purple { - border-right: 1px solid #9c27b0; } + border-right: 1px solid #9c27b0; +} /* Bullet purple */ .bullet.bullet-purple { - background-color: #9c27b0; } + background-color: #9c27b0; +} .purple.darken-1 { - color: #8e24aa !important; } + color: #8e24aa !important; +} .bg-purple.bg-darken-1 { - background-color: #8e24aa !important; } - .bg-purple.bg-darken-1.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(142, 36, 170, 0.6); } + background-color: #8e24aa !important; +} +.bg-purple.bg-darken-1.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(142, 36, 170, 0.6); +} .btn-purple.btn-darken-1 { border-color: #7b1fa2 !important; - background-color: #8e24aa !important; } - .btn-purple.btn-darken-1:hover { - border-color: #7b1fa2 !important; - background-color: #6a1b9a !important; } - .btn-purple.btn-darken-1:focus, .btn-purple.btn-darken-1:active { - border-color: #6a1b9a !important; - background-color: #4a148c !important; } + background-color: #8e24aa !important; +} +.btn-purple.btn-darken-1:hover { + border-color: #7b1fa2 !important; + background-color: #6a1b9a !important; +} +.btn-purple.btn-darken-1:focus, +.btn-purple.btn-darken-1:active { + border-color: #6a1b9a !important; + background-color: #4a148c !important; +} .btn-outline-purple.btn-outline-darken-1 { border-color: #8e24aa !important; - color: #8e24aa !important; } - .btn-outline-purple.btn-outline-darken-1:hover { - background-color: #8e24aa !important; } + color: #8e24aa !important; +} +.btn-outline-purple.btn-outline-darken-1:hover { + background-color: #8e24aa !important; +} input:focus ~ .bg-purple { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #8e24aa !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #8e24aa !important; +} .border-purple.border-darken-1 { - border: 1px solid #8e24aa !important; } + border: 1px solid #8e24aa !important; +} .border-top-purple.border-top-darken-1 { - border-top: 1px solid #8e24aa !important; } + border-top: 1px solid #8e24aa !important; +} .border-bottom-purple.border-bottom-darken-1 { - border-bottom: 1px solid #8e24aa !important; } + border-bottom: 1px solid #8e24aa !important; +} .border-left-purple.border-left-darken-1 { - border-left: 1px solid #8e24aa !important; } + border-left: 1px solid #8e24aa !important; +} .border-right-purple.border-right-darken-1 { - border-right: 1px solid #8e24aa !important; } + border-right: 1px solid #8e24aa !important; +} .overlay-purple.overlay-darken-1 { background: #8e24aa; /* The Fallback */ - background: rgba(142, 36, 170, 0.8); } + background: rgba(142, 36, 170, 0.8); +} .purple.darken-2 { - color: #7b1fa2 !important; } + color: #7b1fa2 !important; +} .bg-purple.bg-darken-2 { - background-color: #7b1fa2 !important; } - .bg-purple.bg-darken-2.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(123, 31, 162, 0.6); } + background-color: #7b1fa2 !important; +} +.bg-purple.bg-darken-2.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(123, 31, 162, 0.6); +} .btn-purple.btn-darken-2 { border-color: #7b1fa2 !important; - background-color: #7b1fa2 !important; } - .btn-purple.btn-darken-2:hover { - border-color: #7b1fa2 !important; - background-color: #6a1b9a !important; } - .btn-purple.btn-darken-2:focus, .btn-purple.btn-darken-2:active { - border-color: #6a1b9a !important; - background-color: #4a148c !important; } + background-color: #7b1fa2 !important; +} +.btn-purple.btn-darken-2:hover { + border-color: #7b1fa2 !important; + background-color: #6a1b9a !important; +} +.btn-purple.btn-darken-2:focus, +.btn-purple.btn-darken-2:active { + border-color: #6a1b9a !important; + background-color: #4a148c !important; +} .btn-outline-purple.btn-outline-darken-2 { border-color: #7b1fa2 !important; - color: #7b1fa2 !important; } - .btn-outline-purple.btn-outline-darken-2:hover { - background-color: #7b1fa2 !important; } + color: #7b1fa2 !important; +} +.btn-outline-purple.btn-outline-darken-2:hover { + background-color: #7b1fa2 !important; +} input:focus ~ .bg-purple { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #7b1fa2 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #7b1fa2 !important; +} .border-purple.border-darken-2 { - border: 1px solid #7b1fa2 !important; } + border: 1px solid #7b1fa2 !important; +} .border-top-purple.border-top-darken-2 { - border-top: 1px solid #7b1fa2 !important; } + border-top: 1px solid #7b1fa2 !important; +} .border-bottom-purple.border-bottom-darken-2 { - border-bottom: 1px solid #7b1fa2 !important; } + border-bottom: 1px solid #7b1fa2 !important; +} .border-left-purple.border-left-darken-2 { - border-left: 1px solid #7b1fa2 !important; } + border-left: 1px solid #7b1fa2 !important; +} .border-right-purple.border-right-darken-2 { - border-right: 1px solid #7b1fa2 !important; } + border-right: 1px solid #7b1fa2 !important; +} .overlay-purple.overlay-darken-2 { background: #7b1fa2; /* The Fallback */ - background: rgba(123, 31, 162, 0.8); } + background: rgba(123, 31, 162, 0.8); +} .purple.darken-3 { - color: #6a1b9a !important; } + color: #6a1b9a !important; +} .bg-purple.bg-darken-3 { - background-color: #6a1b9a !important; } - .bg-purple.bg-darken-3.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(106, 27, 154, 0.6); } + background-color: #6a1b9a !important; +} +.bg-purple.bg-darken-3.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(106, 27, 154, 0.6); +} .btn-purple.btn-darken-3 { border-color: #7b1fa2 !important; - background-color: #6a1b9a !important; } - .btn-purple.btn-darken-3:hover { - border-color: #7b1fa2 !important; - background-color: #6a1b9a !important; } - .btn-purple.btn-darken-3:focus, .btn-purple.btn-darken-3:active { - border-color: #6a1b9a !important; - background-color: #4a148c !important; } + background-color: #6a1b9a !important; +} +.btn-purple.btn-darken-3:hover { + border-color: #7b1fa2 !important; + background-color: #6a1b9a !important; +} +.btn-purple.btn-darken-3:focus, +.btn-purple.btn-darken-3:active { + border-color: #6a1b9a !important; + background-color: #4a148c !important; +} .btn-outline-purple.btn-outline-darken-3 { border-color: #6a1b9a !important; - color: #6a1b9a !important; } - .btn-outline-purple.btn-outline-darken-3:hover { - background-color: #6a1b9a !important; } + color: #6a1b9a !important; +} +.btn-outline-purple.btn-outline-darken-3:hover { + background-color: #6a1b9a !important; +} input:focus ~ .bg-purple { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #6a1b9a !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #6a1b9a !important; +} .border-purple.border-darken-3 { - border: 1px solid #6a1b9a !important; } + border: 1px solid #6a1b9a !important; +} .border-top-purple.border-top-darken-3 { - border-top: 1px solid #6a1b9a !important; } + border-top: 1px solid #6a1b9a !important; +} .border-bottom-purple.border-bottom-darken-3 { - border-bottom: 1px solid #6a1b9a !important; } + border-bottom: 1px solid #6a1b9a !important; +} .border-left-purple.border-left-darken-3 { - border-left: 1px solid #6a1b9a !important; } + border-left: 1px solid #6a1b9a !important; +} .border-right-purple.border-right-darken-3 { - border-right: 1px solid #6a1b9a !important; } + border-right: 1px solid #6a1b9a !important; +} .overlay-purple.overlay-darken-3 { background: #6a1b9a; /* The Fallback */ - background: rgba(106, 27, 154, 0.8); } + background: rgba(106, 27, 154, 0.8); +} .purple.darken-4 { - color: #4a148c !important; } + color: #4a148c !important; +} .bg-purple.bg-darken-4 { - background-color: #4a148c !important; } - .bg-purple.bg-darken-4.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(74, 20, 140, 0.6); } + background-color: #4a148c !important; +} +.bg-purple.bg-darken-4.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(74, 20, 140, 0.6); +} .btn-purple.btn-darken-4 { border-color: #7b1fa2 !important; - background-color: #4a148c !important; } - .btn-purple.btn-darken-4:hover { - border-color: #7b1fa2 !important; - background-color: #6a1b9a !important; } - .btn-purple.btn-darken-4:focus, .btn-purple.btn-darken-4:active { - border-color: #6a1b9a !important; - background-color: #4a148c !important; } + background-color: #4a148c !important; +} +.btn-purple.btn-darken-4:hover { + border-color: #7b1fa2 !important; + background-color: #6a1b9a !important; +} +.btn-purple.btn-darken-4:focus, +.btn-purple.btn-darken-4:active { + border-color: #6a1b9a !important; + background-color: #4a148c !important; +} .btn-outline-purple.btn-outline-darken-4 { border-color: #4a148c !important; - color: #4a148c !important; } - .btn-outline-purple.btn-outline-darken-4:hover { - background-color: #4a148c !important; } + color: #4a148c !important; +} +.btn-outline-purple.btn-outline-darken-4:hover { + background-color: #4a148c !important; +} input:focus ~ .bg-purple { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #4a148c !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #4a148c !important; +} .border-purple.border-darken-4 { - border: 1px solid #4a148c !important; } + border: 1px solid #4a148c !important; +} .border-top-purple.border-top-darken-4 { - border-top: 1px solid #4a148c !important; } + border-top: 1px solid #4a148c !important; +} .border-bottom-purple.border-bottom-darken-4 { - border-bottom: 1px solid #4a148c !important; } + border-bottom: 1px solid #4a148c !important; +} .border-left-purple.border-left-darken-4 { - border-left: 1px solid #4a148c !important; } + border-left: 1px solid #4a148c !important; +} .border-right-purple.border-right-darken-4 { - border-right: 1px solid #4a148c !important; } + border-right: 1px solid #4a148c !important; +} .overlay-purple.overlay-darken-4 { background: #4a148c; /* The Fallback */ - background: rgba(74, 20, 140, 0.8); } + background: rgba(74, 20, 140, 0.8); +} .purple.accent-1 { - color: #ea80fc !important; } + color: #ea80fc !important; +} .bg-purple.bg-accent-1 { - background-color: #ea80fc !important; } - .bg-purple.bg-accent-1.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(234, 128, 252, 0.6); } + background-color: #ea80fc !important; +} +.bg-purple.bg-accent-1.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(234, 128, 252, 0.6); +} .btn-purple.btn-accent-1 { border-color: #7b1fa2 !important; - background-color: #ea80fc !important; } - .btn-purple.btn-accent-1:hover { - border-color: #7b1fa2 !important; - background-color: #6a1b9a !important; } - .btn-purple.btn-accent-1:focus, .btn-purple.btn-accent-1:active { - border-color: #6a1b9a !important; - background-color: #4a148c !important; } + background-color: #ea80fc !important; +} +.btn-purple.btn-accent-1:hover { + border-color: #7b1fa2 !important; + background-color: #6a1b9a !important; +} +.btn-purple.btn-accent-1:focus, +.btn-purple.btn-accent-1:active { + border-color: #6a1b9a !important; + background-color: #4a148c !important; +} .btn-outline-purple.btn-outline-accent-1 { border-color: #ea80fc !important; - color: #ea80fc !important; } - .btn-outline-purple.btn-outline-accent-1:hover { - background-color: #ea80fc !important; } + color: #ea80fc !important; +} +.btn-outline-purple.btn-outline-accent-1:hover { + background-color: #ea80fc !important; +} input:focus ~ .bg-purple { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ea80fc !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ea80fc !important; +} .border-purple.border-accent-1 { - border: 1px solid #ea80fc !important; } + border: 1px solid #ea80fc !important; +} .border-top-purple.border-top-accent-1 { - border-top: 1px solid #ea80fc !important; } + border-top: 1px solid #ea80fc !important; +} .border-bottom-purple.border-bottom-accent-1 { - border-bottom: 1px solid #ea80fc !important; } + border-bottom: 1px solid #ea80fc !important; +} .border-left-purple.border-left-accent-1 { - border-left: 1px solid #ea80fc !important; } + border-left: 1px solid #ea80fc !important; +} .border-right-purple.border-right-accent-1 { - border-right: 1px solid #ea80fc !important; } + border-right: 1px solid #ea80fc !important; +} .overlay-purple.overlay-accent-1 { background: #ea80fc; /* The Fallback */ - background: rgba(234, 128, 252, 0.8); } + background: rgba(234, 128, 252, 0.8); +} .purple.accent-2 { - color: #e040fb !important; } + color: #e040fb !important; +} .bg-purple.bg-accent-2 { - background-color: #e040fb !important; } - .bg-purple.bg-accent-2.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(224, 64, 251, 0.6); } + background-color: #e040fb !important; +} +.bg-purple.bg-accent-2.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(224, 64, 251, 0.6); +} .btn-purple.btn-accent-2 { border-color: #7b1fa2 !important; - background-color: #e040fb !important; } - .btn-purple.btn-accent-2:hover { - border-color: #7b1fa2 !important; - background-color: #6a1b9a !important; } - .btn-purple.btn-accent-2:focus, .btn-purple.btn-accent-2:active { - border-color: #6a1b9a !important; - background-color: #4a148c !important; } + background-color: #e040fb !important; +} +.btn-purple.btn-accent-2:hover { + border-color: #7b1fa2 !important; + background-color: #6a1b9a !important; +} +.btn-purple.btn-accent-2:focus, +.btn-purple.btn-accent-2:active { + border-color: #6a1b9a !important; + background-color: #4a148c !important; +} .btn-outline-purple.btn-outline-accent-2 { border-color: #e040fb !important; - color: #e040fb !important; } - .btn-outline-purple.btn-outline-accent-2:hover { - background-color: #e040fb !important; } + color: #e040fb !important; +} +.btn-outline-purple.btn-outline-accent-2:hover { + background-color: #e040fb !important; +} input:focus ~ .bg-purple { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #e040fb !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #e040fb !important; +} .border-purple.border-accent-2 { - border: 1px solid #e040fb !important; } + border: 1px solid #e040fb !important; +} .border-top-purple.border-top-accent-2 { - border-top: 1px solid #e040fb !important; } + border-top: 1px solid #e040fb !important; +} .border-bottom-purple.border-bottom-accent-2 { - border-bottom: 1px solid #e040fb !important; } + border-bottom: 1px solid #e040fb !important; +} .border-left-purple.border-left-accent-2 { - border-left: 1px solid #e040fb !important; } + border-left: 1px solid #e040fb !important; +} .border-right-purple.border-right-accent-2 { - border-right: 1px solid #e040fb !important; } + border-right: 1px solid #e040fb !important; +} .overlay-purple.overlay-accent-2 { background: #e040fb; /* The Fallback */ - background: rgba(224, 64, 251, 0.8); } + background: rgba(224, 64, 251, 0.8); +} .purple.accent-3 { - color: #d500f9 !important; } + color: #d500f9 !important; +} .bg-purple.bg-accent-3 { - background-color: #d500f9 !important; } - .bg-purple.bg-accent-3.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(213, 0, 249, 0.6); } + background-color: #d500f9 !important; +} +.bg-purple.bg-accent-3.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(213, 0, 249, 0.6); +} .btn-purple.btn-accent-3 { border-color: #7b1fa2 !important; - background-color: #d500f9 !important; } - .btn-purple.btn-accent-3:hover { - border-color: #7b1fa2 !important; - background-color: #6a1b9a !important; } - .btn-purple.btn-accent-3:focus, .btn-purple.btn-accent-3:active { - border-color: #6a1b9a !important; - background-color: #4a148c !important; } + background-color: #d500f9 !important; +} +.btn-purple.btn-accent-3:hover { + border-color: #7b1fa2 !important; + background-color: #6a1b9a !important; +} +.btn-purple.btn-accent-3:focus, +.btn-purple.btn-accent-3:active { + border-color: #6a1b9a !important; + background-color: #4a148c !important; +} .btn-outline-purple.btn-outline-accent-3 { border-color: #d500f9 !important; - color: #d500f9 !important; } - .btn-outline-purple.btn-outline-accent-3:hover { - background-color: #d500f9 !important; } + color: #d500f9 !important; +} +.btn-outline-purple.btn-outline-accent-3:hover { + background-color: #d500f9 !important; +} input:focus ~ .bg-purple { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #d500f9 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #d500f9 !important; +} .border-purple.border-accent-3 { - border: 1px solid #d500f9 !important; } + border: 1px solid #d500f9 !important; +} .border-top-purple.border-top-accent-3 { - border-top: 1px solid #d500f9 !important; } + border-top: 1px solid #d500f9 !important; +} .border-bottom-purple.border-bottom-accent-3 { - border-bottom: 1px solid #d500f9 !important; } + border-bottom: 1px solid #d500f9 !important; +} .border-left-purple.border-left-accent-3 { - border-left: 1px solid #d500f9 !important; } + border-left: 1px solid #d500f9 !important; +} .border-right-purple.border-right-accent-3 { - border-right: 1px solid #d500f9 !important; } + border-right: 1px solid #d500f9 !important; +} .overlay-purple.overlay-accent-3 { background: #d500f9; /* The Fallback */ - background: rgba(213, 0, 249, 0.8); } + background: rgba(213, 0, 249, 0.8); +} .purple.accent-4 { - color: #dd00ff !important; } + color: #dd00ff !important; +} .bg-purple.bg-accent-4 { - background-color: #dd00ff !important; } - .bg-purple.bg-accent-4.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(221, 0, 255, 0.6); } + background-color: #dd00ff !important; +} +.bg-purple.bg-accent-4.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(221, 0, 255, 0.6); +} .btn-purple.btn-accent-4 { border-color: #7b1fa2 !important; - background-color: #dd00ff !important; } - .btn-purple.btn-accent-4:hover { - border-color: #7b1fa2 !important; - background-color: #6a1b9a !important; } - .btn-purple.btn-accent-4:focus, .btn-purple.btn-accent-4:active { - border-color: #6a1b9a !important; - background-color: #4a148c !important; } + background-color: #dd00ff !important; +} +.btn-purple.btn-accent-4:hover { + border-color: #7b1fa2 !important; + background-color: #6a1b9a !important; +} +.btn-purple.btn-accent-4:focus, +.btn-purple.btn-accent-4:active { + border-color: #6a1b9a !important; + background-color: #4a148c !important; +} .btn-outline-purple.btn-outline-accent-4 { border-color: #dd00ff !important; - color: #dd00ff !important; } - .btn-outline-purple.btn-outline-accent-4:hover { - background-color: #dd00ff !important; } + color: #dd00ff !important; +} +.btn-outline-purple.btn-outline-accent-4:hover { + background-color: #dd00ff !important; +} input:focus ~ .bg-purple { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #dd00ff !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #dd00ff !important; +} .border-purple.border-accent-4 { - border: 1px solid #dd00ff !important; } + border: 1px solid #dd00ff !important; +} .border-top-purple.border-top-accent-4 { - border-top: 1px solid #dd00ff !important; } + border-top: 1px solid #dd00ff !important; +} .border-bottom-purple.border-bottom-accent-4 { - border-bottom: 1px solid #dd00ff !important; } + border-bottom: 1px solid #dd00ff !important; +} .border-left-purple.border-left-accent-4 { - border-left: 1px solid #dd00ff !important; } + border-left: 1px solid #dd00ff !important; +} .border-right-purple.border-right-accent-4 { - border-right: 1px solid #dd00ff !important; } + border-right: 1px solid #dd00ff !important; +} .overlay-purple.overlay-accent-4 { background: #dd00ff; /* The Fallback */ - background: rgba(221, 0, 255, 0.8); } + background: rgba(221, 0, 255, 0.8); +} .blue.lighten-5 { - color: #e3f2fd !important; } + color: #e3f2fd !important; +} .bg-blue.bg-lighten-5 { - background-color: #e3f2fd !important; } - .bg-blue.bg-lighten-5.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(227, 242, 253, 0.6); } + background-color: #e3f2fd !important; +} +.bg-blue.bg-lighten-5.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(227, 242, 253, 0.6); +} .btn-blue.btn-lighten-5 { border-color: #1976d2 !important; - background-color: #e3f2fd !important; } - .btn-blue.btn-lighten-5:hover { - border-color: #1976d2 !important; - background-color: #1565c0 !important; } - .btn-blue.btn-lighten-5:focus, .btn-blue.btn-lighten-5:active { - border-color: #1565c0 !important; - background-color: #0d47a1 !important; } + background-color: #e3f2fd !important; +} +.btn-blue.btn-lighten-5:hover { + border-color: #1976d2 !important; + background-color: #1565c0 !important; +} +.btn-blue.btn-lighten-5:focus, +.btn-blue.btn-lighten-5:active { + border-color: #1565c0 !important; + background-color: #0d47a1 !important; +} .btn-outline-blue.btn-outline-lighten-5 { border-color: #e3f2fd !important; - color: #e3f2fd !important; } - .btn-outline-blue.btn-outline-lighten-5:hover { - background-color: #e3f2fd !important; } + color: #e3f2fd !important; +} +.btn-outline-blue.btn-outline-lighten-5:hover { + background-color: #e3f2fd !important; +} input:focus ~ .bg-blue { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #e3f2fd !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #e3f2fd !important; +} .border-blue.border-lighten-5 { - border: 1px solid #e3f2fd !important; } + border: 1px solid #e3f2fd !important; +} .border-top-blue.border-top-lighten-5 { - border-top: 1px solid #e3f2fd !important; } + border-top: 1px solid #e3f2fd !important; +} .border-bottom-blue.border-bottom-lighten-5 { - border-bottom: 1px solid #e3f2fd !important; } + border-bottom: 1px solid #e3f2fd !important; +} .border-left-blue.border-left-lighten-5 { - border-left: 1px solid #e3f2fd !important; } + border-left: 1px solid #e3f2fd !important; +} .border-right-blue.border-right-lighten-5 { - border-right: 1px solid #e3f2fd !important; } + border-right: 1px solid #e3f2fd !important; +} .overlay-blue.overlay-lighten-5 { background: #e3f2fd; /* The Fallback */ - background: rgba(227, 242, 253, 0.8); } + background: rgba(227, 242, 253, 0.8); +} .blue.lighten-4 { - color: #bbdefb !important; } + color: #bbdefb !important; +} .bg-blue.bg-lighten-4 { - background-color: #bbdefb !important; } - .bg-blue.bg-lighten-4.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(187, 222, 251, 0.6); } + background-color: #bbdefb !important; +} +.bg-blue.bg-lighten-4.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(187, 222, 251, 0.6); +} .btn-blue.btn-lighten-4 { border-color: #1976d2 !important; - background-color: #bbdefb !important; } - .btn-blue.btn-lighten-4:hover { - border-color: #1976d2 !important; - background-color: #1565c0 !important; } - .btn-blue.btn-lighten-4:focus, .btn-blue.btn-lighten-4:active { - border-color: #1565c0 !important; - background-color: #0d47a1 !important; } + background-color: #bbdefb !important; +} +.btn-blue.btn-lighten-4:hover { + border-color: #1976d2 !important; + background-color: #1565c0 !important; +} +.btn-blue.btn-lighten-4:focus, +.btn-blue.btn-lighten-4:active { + border-color: #1565c0 !important; + background-color: #0d47a1 !important; +} .btn-outline-blue.btn-outline-lighten-4 { border-color: #bbdefb !important; - color: #bbdefb !important; } - .btn-outline-blue.btn-outline-lighten-4:hover { - background-color: #bbdefb !important; } + color: #bbdefb !important; +} +.btn-outline-blue.btn-outline-lighten-4:hover { + background-color: #bbdefb !important; +} input:focus ~ .bg-blue { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #bbdefb !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #bbdefb !important; +} .border-blue.border-lighten-4 { - border: 1px solid #bbdefb !important; } + border: 1px solid #bbdefb !important; +} .border-top-blue.border-top-lighten-4 { - border-top: 1px solid #bbdefb !important; } + border-top: 1px solid #bbdefb !important; +} .border-bottom-blue.border-bottom-lighten-4 { - border-bottom: 1px solid #bbdefb !important; } + border-bottom: 1px solid #bbdefb !important; +} .border-left-blue.border-left-lighten-4 { - border-left: 1px solid #bbdefb !important; } + border-left: 1px solid #bbdefb !important; +} .border-right-blue.border-right-lighten-4 { - border-right: 1px solid #bbdefb !important; } + border-right: 1px solid #bbdefb !important; +} .overlay-blue.overlay-lighten-4 { background: #bbdefb; /* The Fallback */ - background: rgba(187, 222, 251, 0.8); } + background: rgba(187, 222, 251, 0.8); +} .blue.lighten-3 { - color: #90caf9 !important; } + color: #90caf9 !important; +} .bg-blue.bg-lighten-3 { - background-color: #90caf9 !important; } - .bg-blue.bg-lighten-3.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(144, 202, 249, 0.6); } + background-color: #90caf9 !important; +} +.bg-blue.bg-lighten-3.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(144, 202, 249, 0.6); +} .btn-blue.btn-lighten-3 { border-color: #1976d2 !important; - background-color: #90caf9 !important; } - .btn-blue.btn-lighten-3:hover { - border-color: #1976d2 !important; - background-color: #1565c0 !important; } - .btn-blue.btn-lighten-3:focus, .btn-blue.btn-lighten-3:active { - border-color: #1565c0 !important; - background-color: #0d47a1 !important; } + background-color: #90caf9 !important; +} +.btn-blue.btn-lighten-3:hover { + border-color: #1976d2 !important; + background-color: #1565c0 !important; +} +.btn-blue.btn-lighten-3:focus, +.btn-blue.btn-lighten-3:active { + border-color: #1565c0 !important; + background-color: #0d47a1 !important; +} .btn-outline-blue.btn-outline-lighten-3 { border-color: #90caf9 !important; - color: #90caf9 !important; } - .btn-outline-blue.btn-outline-lighten-3:hover { - background-color: #90caf9 !important; } + color: #90caf9 !important; +} +.btn-outline-blue.btn-outline-lighten-3:hover { + background-color: #90caf9 !important; +} input:focus ~ .bg-blue { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #90caf9 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #90caf9 !important; +} .border-blue.border-lighten-3 { - border: 1px solid #90caf9 !important; } + border: 1px solid #90caf9 !important; +} .border-top-blue.border-top-lighten-3 { - border-top: 1px solid #90caf9 !important; } + border-top: 1px solid #90caf9 !important; +} .border-bottom-blue.border-bottom-lighten-3 { - border-bottom: 1px solid #90caf9 !important; } + border-bottom: 1px solid #90caf9 !important; +} .border-left-blue.border-left-lighten-3 { - border-left: 1px solid #90caf9 !important; } + border-left: 1px solid #90caf9 !important; +} .border-right-blue.border-right-lighten-3 { - border-right: 1px solid #90caf9 !important; } + border-right: 1px solid #90caf9 !important; +} .overlay-blue.overlay-lighten-3 { background: #90caf9; /* The Fallback */ - background: rgba(144, 202, 249, 0.8); } + background: rgba(144, 202, 249, 0.8); +} .blue.lighten-2 { - color: #64b5f6 !important; } + color: #64b5f6 !important; +} .bg-blue.bg-lighten-2 { - background-color: #64b5f6 !important; } - .bg-blue.bg-lighten-2.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(100, 181, 246, 0.6); } + background-color: #64b5f6 !important; +} +.bg-blue.bg-lighten-2.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(100, 181, 246, 0.6); +} .btn-blue.btn-lighten-2 { border-color: #1976d2 !important; - background-color: #64b5f6 !important; } - .btn-blue.btn-lighten-2:hover { - border-color: #1976d2 !important; - background-color: #1565c0 !important; } - .btn-blue.btn-lighten-2:focus, .btn-blue.btn-lighten-2:active { - border-color: #1565c0 !important; - background-color: #0d47a1 !important; } + background-color: #64b5f6 !important; +} +.btn-blue.btn-lighten-2:hover { + border-color: #1976d2 !important; + background-color: #1565c0 !important; +} +.btn-blue.btn-lighten-2:focus, +.btn-blue.btn-lighten-2:active { + border-color: #1565c0 !important; + background-color: #0d47a1 !important; +} .btn-outline-blue.btn-outline-lighten-2 { border-color: #64b5f6 !important; - color: #64b5f6 !important; } - .btn-outline-blue.btn-outline-lighten-2:hover { - background-color: #64b5f6 !important; } + color: #64b5f6 !important; +} +.btn-outline-blue.btn-outline-lighten-2:hover { + background-color: #64b5f6 !important; +} input:focus ~ .bg-blue { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #64b5f6 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #64b5f6 !important; +} .border-blue.border-lighten-2 { - border: 1px solid #64b5f6 !important; } + border: 1px solid #64b5f6 !important; +} .border-top-blue.border-top-lighten-2 { - border-top: 1px solid #64b5f6 !important; } + border-top: 1px solid #64b5f6 !important; +} .border-bottom-blue.border-bottom-lighten-2 { - border-bottom: 1px solid #64b5f6 !important; } + border-bottom: 1px solid #64b5f6 !important; +} .border-left-blue.border-left-lighten-2 { - border-left: 1px solid #64b5f6 !important; } + border-left: 1px solid #64b5f6 !important; +} .border-right-blue.border-right-lighten-2 { - border-right: 1px solid #64b5f6 !important; } + border-right: 1px solid #64b5f6 !important; +} .overlay-blue.overlay-lighten-2 { background: #64b5f6; /* The Fallback */ - background: rgba(100, 181, 246, 0.8); } + background: rgba(100, 181, 246, 0.8); +} .blue.lighten-1 { - color: #42a5f5 !important; } + color: #42a5f5 !important; +} .bg-blue.bg-lighten-1 { - background-color: #42a5f5 !important; } - .bg-blue.bg-lighten-1.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(66, 165, 245, 0.6); } + background-color: #42a5f5 !important; +} +.bg-blue.bg-lighten-1.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(66, 165, 245, 0.6); +} .btn-blue.btn-lighten-1 { border-color: #1976d2 !important; - background-color: #42a5f5 !important; } - .btn-blue.btn-lighten-1:hover { - border-color: #1976d2 !important; - background-color: #1565c0 !important; } - .btn-blue.btn-lighten-1:focus, .btn-blue.btn-lighten-1:active { - border-color: #1565c0 !important; - background-color: #0d47a1 !important; } + background-color: #42a5f5 !important; +} +.btn-blue.btn-lighten-1:hover { + border-color: #1976d2 !important; + background-color: #1565c0 !important; +} +.btn-blue.btn-lighten-1:focus, +.btn-blue.btn-lighten-1:active { + border-color: #1565c0 !important; + background-color: #0d47a1 !important; +} .btn-outline-blue.btn-outline-lighten-1 { border-color: #42a5f5 !important; - color: #42a5f5 !important; } - .btn-outline-blue.btn-outline-lighten-1:hover { - background-color: #42a5f5 !important; } + color: #42a5f5 !important; +} +.btn-outline-blue.btn-outline-lighten-1:hover { + background-color: #42a5f5 !important; +} input:focus ~ .bg-blue { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #42a5f5 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #42a5f5 !important; +} .border-blue.border-lighten-1 { - border: 1px solid #42a5f5 !important; } + border: 1px solid #42a5f5 !important; +} .border-top-blue.border-top-lighten-1 { - border-top: 1px solid #42a5f5 !important; } + border-top: 1px solid #42a5f5 !important; +} .border-bottom-blue.border-bottom-lighten-1 { - border-bottom: 1px solid #42a5f5 !important; } + border-bottom: 1px solid #42a5f5 !important; +} .border-left-blue.border-left-lighten-1 { - border-left: 1px solid #42a5f5 !important; } + border-left: 1px solid #42a5f5 !important; +} .border-right-blue.border-right-lighten-1 { - border-right: 1px solid #42a5f5 !important; } + border-right: 1px solid #42a5f5 !important; +} .overlay-blue.overlay-lighten-1 { background: #42a5f5; /* The Fallback */ - background: rgba(66, 165, 245, 0.8); } + background: rgba(66, 165, 245, 0.8); +} .blue { - color: #2196f3 !important; } + color: #2196f3 !important; +} .bg-blue { - background-color: #2196f3 !important; } - .bg-blue .card-header, - .bg-blue .card-footer { - background-color: transparent; } - .bg-blue.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(33, 150, 243, 0.6); } + background-color: #2196f3 !important; +} +.bg-blue .card-header, +.bg-blue .card-footer { + background-color: transparent; +} +.bg-blue.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(33, 150, 243, 0.6); +} .selectboxit.selectboxit-btn.bg-blue { - background-color: #2196f3 !important; } + background-color: #2196f3 !important; +} .alert-blue { border-color: #2196f3 !important; - background-color: #65b6f7; } + background-color: #65b6f7; +} .border-blue { border-color: #2196f3; - border: 1px solid; } + border: 1px solid; +} .overlay-blue { background: #2196f3; /* The Fallback */ - background: rgba(33, 150, 243, 0.8); } + background: rgba(33, 150, 243, 0.8); +} .color-info.blue { - background-color: #2196f3 !important; } + background-color: #2196f3 !important; +} .btn-blue { border-color: #1976d2 !important; background-color: #2196f3 !important; - color: #FFFFFF; } - .btn-blue:hover { - border-color: #1e88e5 !important; - background-color: #42a5f5 !important; - color: #FFF !important; } - .btn-blue:focus, .btn-blue:active { - border-color: #1976d2 !important; - background-color: #1565c0 !important; - color: #FFF !important; } - .btn-blue.btn-glow { - box-shadow: 0px 1px 20px 1px rgba(33, 150, 243, 0.6); } + color: #ffffff; +} +.btn-blue:hover { + border-color: #1e88e5 !important; + background-color: #42a5f5 !important; + color: #fff !important; +} +.btn-blue:focus, +.btn-blue:active { + border-color: #1976d2 !important; + background-color: #1565c0 !important; + color: #fff !important; +} +.btn-blue.btn-glow { + box-shadow: 0px 1px 20px 1px rgba(33, 150, 243, 0.6); +} .btn-outline-blue { border: 1px solid; border-color: #2196f3; background-color: transparent; - color: #2196f3; } - .btn-outline-blue:hover { - background-color: #2196f3; - color: #FFF !important; } - .btn-outline-blue.btn-glow { - box-shadow: 0px 1px 20px 1px rgba(33, 150, 243, 0.6); } - -input[type="checkbox"].bg-blue + .custom-control-label:before, input[type="radio"].bg-blue + .custom-control-label:before { - background-color: #2196f3 !important; } - -/* .custom-control-label{ - &:before{ - background-color: #ddd !important; - } + color: #2196f3; +} +.btn-outline-blue:hover { + background-color: #2196f3; + color: #fff !important; +} +.btn-outline-blue.btn-glow { + box-shadow: 0px 1px 20px 1px rgba(33, 150, 243, 0.6); +} + +input[type='checkbox'].bg-blue + .custom-control-label:before, +input[type='radio'].bg-blue + .custom-control-label:before { + background-color: #2196f3 !important; +} + +/* .custom-control-label{ + &:before{ + background-color: #ddd !important; + } } */ input:focus ~ .bg-blue { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #2196f3 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #2196f3 !important; +} .border-blue { - border-color: #2196f3 !important; } + border-color: #2196f3 !important; +} .border-top-blue { - border-top: 1px solid #2196f3; } + border-top: 1px solid #2196f3; +} .border-bottom-blue { - border-bottom: 1px solid #2196f3; } + border-bottom: 1px solid #2196f3; +} .border-left-blue { - border-left: 1px solid #2196f3; } + border-left: 1px solid #2196f3; +} .border-right-blue { - border-right: 1px solid #2196f3; } + border-right: 1px solid #2196f3; +} /* Bullet blue */ .bullet.bullet-blue { - background-color: #2196f3; } + background-color: #2196f3; +} .blue.darken-1 { - color: #1e88e5 !important; } + color: #1e88e5 !important; +} .bg-blue.bg-darken-1 { - background-color: #1e88e5 !important; } - .bg-blue.bg-darken-1.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(30, 136, 229, 0.6); } + background-color: #1e88e5 !important; +} +.bg-blue.bg-darken-1.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(30, 136, 229, 0.6); +} .btn-blue.btn-darken-1 { border-color: #1976d2 !important; - background-color: #1e88e5 !important; } - .btn-blue.btn-darken-1:hover { - border-color: #1976d2 !important; - background-color: #1565c0 !important; } - .btn-blue.btn-darken-1:focus, .btn-blue.btn-darken-1:active { - border-color: #1565c0 !important; - background-color: #0d47a1 !important; } + background-color: #1e88e5 !important; +} +.btn-blue.btn-darken-1:hover { + border-color: #1976d2 !important; + background-color: #1565c0 !important; +} +.btn-blue.btn-darken-1:focus, +.btn-blue.btn-darken-1:active { + border-color: #1565c0 !important; + background-color: #0d47a1 !important; +} .btn-outline-blue.btn-outline-darken-1 { border-color: #1e88e5 !important; - color: #1e88e5 !important; } - .btn-outline-blue.btn-outline-darken-1:hover { - background-color: #1e88e5 !important; } + color: #1e88e5 !important; +} +.btn-outline-blue.btn-outline-darken-1:hover { + background-color: #1e88e5 !important; +} input:focus ~ .bg-blue { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #1e88e5 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #1e88e5 !important; +} .border-blue.border-darken-1 { - border: 1px solid #1e88e5 !important; } + border: 1px solid #1e88e5 !important; +} .border-top-blue.border-top-darken-1 { - border-top: 1px solid #1e88e5 !important; } + border-top: 1px solid #1e88e5 !important; +} .border-bottom-blue.border-bottom-darken-1 { - border-bottom: 1px solid #1e88e5 !important; } + border-bottom: 1px solid #1e88e5 !important; +} .border-left-blue.border-left-darken-1 { - border-left: 1px solid #1e88e5 !important; } + border-left: 1px solid #1e88e5 !important; +} .border-right-blue.border-right-darken-1 { - border-right: 1px solid #1e88e5 !important; } + border-right: 1px solid #1e88e5 !important; +} .overlay-blue.overlay-darken-1 { background: #1e88e5; /* The Fallback */ - background: rgba(30, 136, 229, 0.8); } + background: rgba(30, 136, 229, 0.8); +} .blue.darken-2 { - color: #1976d2 !important; } + color: #1976d2 !important; +} .bg-blue.bg-darken-2 { - background-color: #1976d2 !important; } - .bg-blue.bg-darken-2.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(25, 118, 210, 0.6); } + background-color: #1976d2 !important; +} +.bg-blue.bg-darken-2.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(25, 118, 210, 0.6); +} .btn-blue.btn-darken-2 { border-color: #1976d2 !important; - background-color: #1976d2 !important; } - .btn-blue.btn-darken-2:hover { - border-color: #1976d2 !important; - background-color: #1565c0 !important; } - .btn-blue.btn-darken-2:focus, .btn-blue.btn-darken-2:active { - border-color: #1565c0 !important; - background-color: #0d47a1 !important; } + background-color: #1976d2 !important; +} +.btn-blue.btn-darken-2:hover { + border-color: #1976d2 !important; + background-color: #1565c0 !important; +} +.btn-blue.btn-darken-2:focus, +.btn-blue.btn-darken-2:active { + border-color: #1565c0 !important; + background-color: #0d47a1 !important; +} .btn-outline-blue.btn-outline-darken-2 { border-color: #1976d2 !important; - color: #1976d2 !important; } - .btn-outline-blue.btn-outline-darken-2:hover { - background-color: #1976d2 !important; } + color: #1976d2 !important; +} +.btn-outline-blue.btn-outline-darken-2:hover { + background-color: #1976d2 !important; +} input:focus ~ .bg-blue { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #1976d2 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #1976d2 !important; +} .border-blue.border-darken-2 { - border: 1px solid #1976d2 !important; } + border: 1px solid #1976d2 !important; +} .border-top-blue.border-top-darken-2 { - border-top: 1px solid #1976d2 !important; } + border-top: 1px solid #1976d2 !important; +} .border-bottom-blue.border-bottom-darken-2 { - border-bottom: 1px solid #1976d2 !important; } + border-bottom: 1px solid #1976d2 !important; +} .border-left-blue.border-left-darken-2 { - border-left: 1px solid #1976d2 !important; } + border-left: 1px solid #1976d2 !important; +} .border-right-blue.border-right-darken-2 { - border-right: 1px solid #1976d2 !important; } + border-right: 1px solid #1976d2 !important; +} .overlay-blue.overlay-darken-2 { background: #1976d2; /* The Fallback */ - background: rgba(25, 118, 210, 0.8); } + background: rgba(25, 118, 210, 0.8); +} .blue.darken-3 { - color: #1565c0 !important; } + color: #1565c0 !important; +} .bg-blue.bg-darken-3 { - background-color: #1565c0 !important; } - .bg-blue.bg-darken-3.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(21, 101, 192, 0.6); } + background-color: #1565c0 !important; +} +.bg-blue.bg-darken-3.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(21, 101, 192, 0.6); +} .btn-blue.btn-darken-3 { border-color: #1976d2 !important; - background-color: #1565c0 !important; } - .btn-blue.btn-darken-3:hover { - border-color: #1976d2 !important; - background-color: #1565c0 !important; } - .btn-blue.btn-darken-3:focus, .btn-blue.btn-darken-3:active { - border-color: #1565c0 !important; - background-color: #0d47a1 !important; } + background-color: #1565c0 !important; +} +.btn-blue.btn-darken-3:hover { + border-color: #1976d2 !important; + background-color: #1565c0 !important; +} +.btn-blue.btn-darken-3:focus, +.btn-blue.btn-darken-3:active { + border-color: #1565c0 !important; + background-color: #0d47a1 !important; +} .btn-outline-blue.btn-outline-darken-3 { border-color: #1565c0 !important; - color: #1565c0 !important; } - .btn-outline-blue.btn-outline-darken-3:hover { - background-color: #1565c0 !important; } + color: #1565c0 !important; +} +.btn-outline-blue.btn-outline-darken-3:hover { + background-color: #1565c0 !important; +} input:focus ~ .bg-blue { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #1565c0 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #1565c0 !important; +} .border-blue.border-darken-3 { - border: 1px solid #1565c0 !important; } + border: 1px solid #1565c0 !important; +} .border-top-blue.border-top-darken-3 { - border-top: 1px solid #1565c0 !important; } + border-top: 1px solid #1565c0 !important; +} .border-bottom-blue.border-bottom-darken-3 { - border-bottom: 1px solid #1565c0 !important; } + border-bottom: 1px solid #1565c0 !important; +} .border-left-blue.border-left-darken-3 { - border-left: 1px solid #1565c0 !important; } + border-left: 1px solid #1565c0 !important; +} .border-right-blue.border-right-darken-3 { - border-right: 1px solid #1565c0 !important; } + border-right: 1px solid #1565c0 !important; +} .overlay-blue.overlay-darken-3 { background: #1565c0; /* The Fallback */ - background: rgba(21, 101, 192, 0.8); } + background: rgba(21, 101, 192, 0.8); +} .blue.darken-4 { - color: #0d47a1 !important; } + color: #0d47a1 !important; +} .bg-blue.bg-darken-4 { - background-color: #0d47a1 !important; } - .bg-blue.bg-darken-4.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(13, 71, 161, 0.6); } + background-color: #0d47a1 !important; +} +.bg-blue.bg-darken-4.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(13, 71, 161, 0.6); +} .btn-blue.btn-darken-4 { border-color: #1976d2 !important; - background-color: #0d47a1 !important; } - .btn-blue.btn-darken-4:hover { - border-color: #1976d2 !important; - background-color: #1565c0 !important; } - .btn-blue.btn-darken-4:focus, .btn-blue.btn-darken-4:active { - border-color: #1565c0 !important; - background-color: #0d47a1 !important; } + background-color: #0d47a1 !important; +} +.btn-blue.btn-darken-4:hover { + border-color: #1976d2 !important; + background-color: #1565c0 !important; +} +.btn-blue.btn-darken-4:focus, +.btn-blue.btn-darken-4:active { + border-color: #1565c0 !important; + background-color: #0d47a1 !important; +} .btn-outline-blue.btn-outline-darken-4 { border-color: #0d47a1 !important; - color: #0d47a1 !important; } - .btn-outline-blue.btn-outline-darken-4:hover { - background-color: #0d47a1 !important; } + color: #0d47a1 !important; +} +.btn-outline-blue.btn-outline-darken-4:hover { + background-color: #0d47a1 !important; +} input:focus ~ .bg-blue { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #0d47a1 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #0d47a1 !important; +} .border-blue.border-darken-4 { - border: 1px solid #0d47a1 !important; } + border: 1px solid #0d47a1 !important; +} .border-top-blue.border-top-darken-4 { - border-top: 1px solid #0d47a1 !important; } + border-top: 1px solid #0d47a1 !important; +} .border-bottom-blue.border-bottom-darken-4 { - border-bottom: 1px solid #0d47a1 !important; } + border-bottom: 1px solid #0d47a1 !important; +} .border-left-blue.border-left-darken-4 { - border-left: 1px solid #0d47a1 !important; } + border-left: 1px solid #0d47a1 !important; +} .border-right-blue.border-right-darken-4 { - border-right: 1px solid #0d47a1 !important; } + border-right: 1px solid #0d47a1 !important; +} .overlay-blue.overlay-darken-4 { background: #0d47a1; /* The Fallback */ - background: rgba(13, 71, 161, 0.8); } + background: rgba(13, 71, 161, 0.8); +} .blue.accent-1 { - color: #82b1ff !important; } + color: #82b1ff !important; +} .bg-blue.bg-accent-1 { - background-color: #82b1ff !important; } - .bg-blue.bg-accent-1.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(130, 177, 255, 0.6); } + background-color: #82b1ff !important; +} +.bg-blue.bg-accent-1.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(130, 177, 255, 0.6); +} .btn-blue.btn-accent-1 { border-color: #1976d2 !important; - background-color: #82b1ff !important; } - .btn-blue.btn-accent-1:hover { - border-color: #1976d2 !important; - background-color: #1565c0 !important; } - .btn-blue.btn-accent-1:focus, .btn-blue.btn-accent-1:active { - border-color: #1565c0 !important; - background-color: #0d47a1 !important; } + background-color: #82b1ff !important; +} +.btn-blue.btn-accent-1:hover { + border-color: #1976d2 !important; + background-color: #1565c0 !important; +} +.btn-blue.btn-accent-1:focus, +.btn-blue.btn-accent-1:active { + border-color: #1565c0 !important; + background-color: #0d47a1 !important; +} .btn-outline-blue.btn-outline-accent-1 { border-color: #82b1ff !important; - color: #82b1ff !important; } - .btn-outline-blue.btn-outline-accent-1:hover { - background-color: #82b1ff !important; } + color: #82b1ff !important; +} +.btn-outline-blue.btn-outline-accent-1:hover { + background-color: #82b1ff !important; +} input:focus ~ .bg-blue { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #82b1ff !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #82b1ff !important; +} .border-blue.border-accent-1 { - border: 1px solid #82b1ff !important; } + border: 1px solid #82b1ff !important; +} .border-top-blue.border-top-accent-1 { - border-top: 1px solid #82b1ff !important; } + border-top: 1px solid #82b1ff !important; +} .border-bottom-blue.border-bottom-accent-1 { - border-bottom: 1px solid #82b1ff !important; } + border-bottom: 1px solid #82b1ff !important; +} .border-left-blue.border-left-accent-1 { - border-left: 1px solid #82b1ff !important; } + border-left: 1px solid #82b1ff !important; +} .border-right-blue.border-right-accent-1 { - border-right: 1px solid #82b1ff !important; } + border-right: 1px solid #82b1ff !important; +} .overlay-blue.overlay-accent-1 { background: #82b1ff; /* The Fallback */ - background: rgba(130, 177, 255, 0.8); } + background: rgba(130, 177, 255, 0.8); +} .blue.accent-2 { - color: #448aff !important; } + color: #448aff !important; +} .bg-blue.bg-accent-2 { - background-color: #448aff !important; } - .bg-blue.bg-accent-2.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(68, 138, 255, 0.6); } + background-color: #448aff !important; +} +.bg-blue.bg-accent-2.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(68, 138, 255, 0.6); +} .btn-blue.btn-accent-2 { border-color: #1976d2 !important; - background-color: #448aff !important; } - .btn-blue.btn-accent-2:hover { - border-color: #1976d2 !important; - background-color: #1565c0 !important; } - .btn-blue.btn-accent-2:focus, .btn-blue.btn-accent-2:active { - border-color: #1565c0 !important; - background-color: #0d47a1 !important; } + background-color: #448aff !important; +} +.btn-blue.btn-accent-2:hover { + border-color: #1976d2 !important; + background-color: #1565c0 !important; +} +.btn-blue.btn-accent-2:focus, +.btn-blue.btn-accent-2:active { + border-color: #1565c0 !important; + background-color: #0d47a1 !important; +} .btn-outline-blue.btn-outline-accent-2 { border-color: #448aff !important; - color: #448aff !important; } - .btn-outline-blue.btn-outline-accent-2:hover { - background-color: #448aff !important; } + color: #448aff !important; +} +.btn-outline-blue.btn-outline-accent-2:hover { + background-color: #448aff !important; +} input:focus ~ .bg-blue { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #448aff !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #448aff !important; +} .border-blue.border-accent-2 { - border: 1px solid #448aff !important; } + border: 1px solid #448aff !important; +} .border-top-blue.border-top-accent-2 { - border-top: 1px solid #448aff !important; } + border-top: 1px solid #448aff !important; +} .border-bottom-blue.border-bottom-accent-2 { - border-bottom: 1px solid #448aff !important; } + border-bottom: 1px solid #448aff !important; +} .border-left-blue.border-left-accent-2 { - border-left: 1px solid #448aff !important; } + border-left: 1px solid #448aff !important; +} .border-right-blue.border-right-accent-2 { - border-right: 1px solid #448aff !important; } + border-right: 1px solid #448aff !important; +} .overlay-blue.overlay-accent-2 { background: #448aff; /* The Fallback */ - background: rgba(68, 138, 255, 0.8); } + background: rgba(68, 138, 255, 0.8); +} .blue.accent-3 { - color: #2979ff !important; } + color: #2979ff !important; +} .bg-blue.bg-accent-3 { - background-color: #2979ff !important; } - .bg-blue.bg-accent-3.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(41, 121, 255, 0.6); } + background-color: #2979ff !important; +} +.bg-blue.bg-accent-3.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(41, 121, 255, 0.6); +} .btn-blue.btn-accent-3 { border-color: #1976d2 !important; - background-color: #2979ff !important; } - .btn-blue.btn-accent-3:hover { - border-color: #1976d2 !important; - background-color: #1565c0 !important; } - .btn-blue.btn-accent-3:focus, .btn-blue.btn-accent-3:active { - border-color: #1565c0 !important; - background-color: #0d47a1 !important; } + background-color: #2979ff !important; +} +.btn-blue.btn-accent-3:hover { + border-color: #1976d2 !important; + background-color: #1565c0 !important; +} +.btn-blue.btn-accent-3:focus, +.btn-blue.btn-accent-3:active { + border-color: #1565c0 !important; + background-color: #0d47a1 !important; +} .btn-outline-blue.btn-outline-accent-3 { border-color: #2979ff !important; - color: #2979ff !important; } - .btn-outline-blue.btn-outline-accent-3:hover { - background-color: #2979ff !important; } + color: #2979ff !important; +} +.btn-outline-blue.btn-outline-accent-3:hover { + background-color: #2979ff !important; +} input:focus ~ .bg-blue { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #2979ff !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #2979ff !important; +} .border-blue.border-accent-3 { - border: 1px solid #2979ff !important; } + border: 1px solid #2979ff !important; +} .border-top-blue.border-top-accent-3 { - border-top: 1px solid #2979ff !important; } + border-top: 1px solid #2979ff !important; +} .border-bottom-blue.border-bottom-accent-3 { - border-bottom: 1px solid #2979ff !important; } + border-bottom: 1px solid #2979ff !important; +} .border-left-blue.border-left-accent-3 { - border-left: 1px solid #2979ff !important; } + border-left: 1px solid #2979ff !important; +} .border-right-blue.border-right-accent-3 { - border-right: 1px solid #2979ff !important; } + border-right: 1px solid #2979ff !important; +} .overlay-blue.overlay-accent-3 { background: #2979ff; /* The Fallback */ - background: rgba(41, 121, 255, 0.8); } + background: rgba(41, 121, 255, 0.8); +} .blue.accent-4 { - color: #2962ff !important; } + color: #2962ff !important; +} .bg-blue.bg-accent-4 { - background-color: #2962ff !important; } - .bg-blue.bg-accent-4.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(41, 98, 255, 0.6); } + background-color: #2962ff !important; +} +.bg-blue.bg-accent-4.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(41, 98, 255, 0.6); +} .btn-blue.btn-accent-4 { border-color: #1976d2 !important; - background-color: #2962ff !important; } - .btn-blue.btn-accent-4:hover { - border-color: #1976d2 !important; - background-color: #1565c0 !important; } - .btn-blue.btn-accent-4:focus, .btn-blue.btn-accent-4:active { - border-color: #1565c0 !important; - background-color: #0d47a1 !important; } + background-color: #2962ff !important; +} +.btn-blue.btn-accent-4:hover { + border-color: #1976d2 !important; + background-color: #1565c0 !important; +} +.btn-blue.btn-accent-4:focus, +.btn-blue.btn-accent-4:active { + border-color: #1565c0 !important; + background-color: #0d47a1 !important; +} .btn-outline-blue.btn-outline-accent-4 { border-color: #2962ff !important; - color: #2962ff !important; } - .btn-outline-blue.btn-outline-accent-4:hover { - background-color: #2962ff !important; } + color: #2962ff !important; +} +.btn-outline-blue.btn-outline-accent-4:hover { + background-color: #2962ff !important; +} input:focus ~ .bg-blue { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #2962ff !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #2962ff !important; +} .border-blue.border-accent-4 { - border: 1px solid #2962ff !important; } + border: 1px solid #2962ff !important; +} .border-top-blue.border-top-accent-4 { - border-top: 1px solid #2962ff !important; } + border-top: 1px solid #2962ff !important; +} .border-bottom-blue.border-bottom-accent-4 { - border-bottom: 1px solid #2962ff !important; } + border-bottom: 1px solid #2962ff !important; +} .border-left-blue.border-left-accent-4 { - border-left: 1px solid #2962ff !important; } + border-left: 1px solid #2962ff !important; +} .border-right-blue.border-right-accent-4 { - border-right: 1px solid #2962ff !important; } + border-right: 1px solid #2962ff !important; +} .overlay-blue.overlay-accent-4 { background: #2962ff; /* The Fallback */ - background: rgba(41, 98, 255, 0.8); } + background: rgba(41, 98, 255, 0.8); +} .cyan.lighten-5 { - color: #e0f7fa !important; } + color: #e0f7fa !important; +} .bg-cyan.bg-lighten-5 { - background-color: #e0f7fa !important; } - .bg-cyan.bg-lighten-5.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(224, 247, 250, 0.6); } + background-color: #e0f7fa !important; +} +.bg-cyan.bg-lighten-5.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(224, 247, 250, 0.6); +} .btn-cyan.btn-lighten-5 { border-color: #0097a7 !important; - background-color: #e0f7fa !important; } - .btn-cyan.btn-lighten-5:hover { - border-color: #0097a7 !important; - background-color: #00838f !important; } - .btn-cyan.btn-lighten-5:focus, .btn-cyan.btn-lighten-5:active { - border-color: #00838f !important; - background-color: #006064 !important; } + background-color: #e0f7fa !important; +} +.btn-cyan.btn-lighten-5:hover { + border-color: #0097a7 !important; + background-color: #00838f !important; +} +.btn-cyan.btn-lighten-5:focus, +.btn-cyan.btn-lighten-5:active { + border-color: #00838f !important; + background-color: #006064 !important; +} .btn-outline-cyan.btn-outline-lighten-5 { border-color: #e0f7fa !important; - color: #e0f7fa !important; } - .btn-outline-cyan.btn-outline-lighten-5:hover { - background-color: #e0f7fa !important; } + color: #e0f7fa !important; +} +.btn-outline-cyan.btn-outline-lighten-5:hover { + background-color: #e0f7fa !important; +} input:focus ~ .bg-cyan { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #e0f7fa !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #e0f7fa !important; +} .border-cyan.border-lighten-5 { - border: 1px solid #e0f7fa !important; } + border: 1px solid #e0f7fa !important; +} .border-top-cyan.border-top-lighten-5 { - border-top: 1px solid #e0f7fa !important; } + border-top: 1px solid #e0f7fa !important; +} .border-bottom-cyan.border-bottom-lighten-5 { - border-bottom: 1px solid #e0f7fa !important; } + border-bottom: 1px solid #e0f7fa !important; +} .border-left-cyan.border-left-lighten-5 { - border-left: 1px solid #e0f7fa !important; } + border-left: 1px solid #e0f7fa !important; +} .border-right-cyan.border-right-lighten-5 { - border-right: 1px solid #e0f7fa !important; } + border-right: 1px solid #e0f7fa !important; +} .overlay-cyan.overlay-lighten-5 { background: #e0f7fa; /* The Fallback */ - background: rgba(224, 247, 250, 0.8); } + background: rgba(224, 247, 250, 0.8); +} .cyan.lighten-4 { - color: #b2ebf2 !important; } + color: #b2ebf2 !important; +} .bg-cyan.bg-lighten-4 { - background-color: #b2ebf2 !important; } - .bg-cyan.bg-lighten-4.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(178, 235, 242, 0.6); } + background-color: #b2ebf2 !important; +} +.bg-cyan.bg-lighten-4.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(178, 235, 242, 0.6); +} .btn-cyan.btn-lighten-4 { border-color: #0097a7 !important; - background-color: #b2ebf2 !important; } - .btn-cyan.btn-lighten-4:hover { - border-color: #0097a7 !important; - background-color: #00838f !important; } - .btn-cyan.btn-lighten-4:focus, .btn-cyan.btn-lighten-4:active { - border-color: #00838f !important; - background-color: #006064 !important; } + background-color: #b2ebf2 !important; +} +.btn-cyan.btn-lighten-4:hover { + border-color: #0097a7 !important; + background-color: #00838f !important; +} +.btn-cyan.btn-lighten-4:focus, +.btn-cyan.btn-lighten-4:active { + border-color: #00838f !important; + background-color: #006064 !important; +} .btn-outline-cyan.btn-outline-lighten-4 { border-color: #b2ebf2 !important; - color: #b2ebf2 !important; } - .btn-outline-cyan.btn-outline-lighten-4:hover { - background-color: #b2ebf2 !important; } + color: #b2ebf2 !important; +} +.btn-outline-cyan.btn-outline-lighten-4:hover { + background-color: #b2ebf2 !important; +} input:focus ~ .bg-cyan { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #b2ebf2 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #b2ebf2 !important; +} .border-cyan.border-lighten-4 { - border: 1px solid #b2ebf2 !important; } + border: 1px solid #b2ebf2 !important; +} .border-top-cyan.border-top-lighten-4 { - border-top: 1px solid #b2ebf2 !important; } + border-top: 1px solid #b2ebf2 !important; +} .border-bottom-cyan.border-bottom-lighten-4 { - border-bottom: 1px solid #b2ebf2 !important; } + border-bottom: 1px solid #b2ebf2 !important; +} .border-left-cyan.border-left-lighten-4 { - border-left: 1px solid #b2ebf2 !important; } + border-left: 1px solid #b2ebf2 !important; +} .border-right-cyan.border-right-lighten-4 { - border-right: 1px solid #b2ebf2 !important; } + border-right: 1px solid #b2ebf2 !important; +} .overlay-cyan.overlay-lighten-4 { background: #b2ebf2; /* The Fallback */ - background: rgba(178, 235, 242, 0.8); } + background: rgba(178, 235, 242, 0.8); +} .cyan.lighten-3 { - color: #80deea !important; } + color: #80deea !important; +} .bg-cyan.bg-lighten-3 { - background-color: #80deea !important; } - .bg-cyan.bg-lighten-3.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(128, 222, 234, 0.6); } + background-color: #80deea !important; +} +.bg-cyan.bg-lighten-3.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(128, 222, 234, 0.6); +} .btn-cyan.btn-lighten-3 { border-color: #0097a7 !important; - background-color: #80deea !important; } - .btn-cyan.btn-lighten-3:hover { - border-color: #0097a7 !important; - background-color: #00838f !important; } - .btn-cyan.btn-lighten-3:focus, .btn-cyan.btn-lighten-3:active { - border-color: #00838f !important; - background-color: #006064 !important; } + background-color: #80deea !important; +} +.btn-cyan.btn-lighten-3:hover { + border-color: #0097a7 !important; + background-color: #00838f !important; +} +.btn-cyan.btn-lighten-3:focus, +.btn-cyan.btn-lighten-3:active { + border-color: #00838f !important; + background-color: #006064 !important; +} .btn-outline-cyan.btn-outline-lighten-3 { border-color: #80deea !important; - color: #80deea !important; } - .btn-outline-cyan.btn-outline-lighten-3:hover { - background-color: #80deea !important; } + color: #80deea !important; +} +.btn-outline-cyan.btn-outline-lighten-3:hover { + background-color: #80deea !important; +} input:focus ~ .bg-cyan { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #80deea !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #80deea !important; +} .border-cyan.border-lighten-3 { - border: 1px solid #80deea !important; } + border: 1px solid #80deea !important; +} .border-top-cyan.border-top-lighten-3 { - border-top: 1px solid #80deea !important; } + border-top: 1px solid #80deea !important; +} .border-bottom-cyan.border-bottom-lighten-3 { - border-bottom: 1px solid #80deea !important; } + border-bottom: 1px solid #80deea !important; +} .border-left-cyan.border-left-lighten-3 { - border-left: 1px solid #80deea !important; } + border-left: 1px solid #80deea !important; +} .border-right-cyan.border-right-lighten-3 { - border-right: 1px solid #80deea !important; } + border-right: 1px solid #80deea !important; +} .overlay-cyan.overlay-lighten-3 { background: #80deea; /* The Fallback */ - background: rgba(128, 222, 234, 0.8); } + background: rgba(128, 222, 234, 0.8); +} .cyan.lighten-2 { - color: #4dd0e1 !important; } + color: #4dd0e1 !important; +} .bg-cyan.bg-lighten-2 { - background-color: #4dd0e1 !important; } - .bg-cyan.bg-lighten-2.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(77, 208, 225, 0.6); } + background-color: #4dd0e1 !important; +} +.bg-cyan.bg-lighten-2.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(77, 208, 225, 0.6); +} .btn-cyan.btn-lighten-2 { border-color: #0097a7 !important; - background-color: #4dd0e1 !important; } - .btn-cyan.btn-lighten-2:hover { - border-color: #0097a7 !important; - background-color: #00838f !important; } - .btn-cyan.btn-lighten-2:focus, .btn-cyan.btn-lighten-2:active { - border-color: #00838f !important; - background-color: #006064 !important; } + background-color: #4dd0e1 !important; +} +.btn-cyan.btn-lighten-2:hover { + border-color: #0097a7 !important; + background-color: #00838f !important; +} +.btn-cyan.btn-lighten-2:focus, +.btn-cyan.btn-lighten-2:active { + border-color: #00838f !important; + background-color: #006064 !important; +} .btn-outline-cyan.btn-outline-lighten-2 { border-color: #4dd0e1 !important; - color: #4dd0e1 !important; } - .btn-outline-cyan.btn-outline-lighten-2:hover { - background-color: #4dd0e1 !important; } + color: #4dd0e1 !important; +} +.btn-outline-cyan.btn-outline-lighten-2:hover { + background-color: #4dd0e1 !important; +} input:focus ~ .bg-cyan { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #4dd0e1 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #4dd0e1 !important; +} .border-cyan.border-lighten-2 { - border: 1px solid #4dd0e1 !important; } + border: 1px solid #4dd0e1 !important; +} .border-top-cyan.border-top-lighten-2 { - border-top: 1px solid #4dd0e1 !important; } + border-top: 1px solid #4dd0e1 !important; +} .border-bottom-cyan.border-bottom-lighten-2 { - border-bottom: 1px solid #4dd0e1 !important; } + border-bottom: 1px solid #4dd0e1 !important; +} .border-left-cyan.border-left-lighten-2 { - border-left: 1px solid #4dd0e1 !important; } + border-left: 1px solid #4dd0e1 !important; +} .border-right-cyan.border-right-lighten-2 { - border-right: 1px solid #4dd0e1 !important; } + border-right: 1px solid #4dd0e1 !important; +} .overlay-cyan.overlay-lighten-2 { background: #4dd0e1; /* The Fallback */ - background: rgba(77, 208, 225, 0.8); } + background: rgba(77, 208, 225, 0.8); +} .cyan.lighten-1 { - color: #26c6da !important; } + color: #26c6da !important; +} .bg-cyan.bg-lighten-1 { - background-color: #26c6da !important; } - .bg-cyan.bg-lighten-1.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(38, 198, 218, 0.6); } + background-color: #26c6da !important; +} +.bg-cyan.bg-lighten-1.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(38, 198, 218, 0.6); +} .btn-cyan.btn-lighten-1 { border-color: #0097a7 !important; - background-color: #26c6da !important; } - .btn-cyan.btn-lighten-1:hover { - border-color: #0097a7 !important; - background-color: #00838f !important; } - .btn-cyan.btn-lighten-1:focus, .btn-cyan.btn-lighten-1:active { - border-color: #00838f !important; - background-color: #006064 !important; } + background-color: #26c6da !important; +} +.btn-cyan.btn-lighten-1:hover { + border-color: #0097a7 !important; + background-color: #00838f !important; +} +.btn-cyan.btn-lighten-1:focus, +.btn-cyan.btn-lighten-1:active { + border-color: #00838f !important; + background-color: #006064 !important; +} .btn-outline-cyan.btn-outline-lighten-1 { border-color: #26c6da !important; - color: #26c6da !important; } - .btn-outline-cyan.btn-outline-lighten-1:hover { - background-color: #26c6da !important; } + color: #26c6da !important; +} +.btn-outline-cyan.btn-outline-lighten-1:hover { + background-color: #26c6da !important; +} input:focus ~ .bg-cyan { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #26c6da !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #26c6da !important; +} .border-cyan.border-lighten-1 { - border: 1px solid #26c6da !important; } + border: 1px solid #26c6da !important; +} .border-top-cyan.border-top-lighten-1 { - border-top: 1px solid #26c6da !important; } + border-top: 1px solid #26c6da !important; +} .border-bottom-cyan.border-bottom-lighten-1 { - border-bottom: 1px solid #26c6da !important; } + border-bottom: 1px solid #26c6da !important; +} .border-left-cyan.border-left-lighten-1 { - border-left: 1px solid #26c6da !important; } + border-left: 1px solid #26c6da !important; +} .border-right-cyan.border-right-lighten-1 { - border-right: 1px solid #26c6da !important; } + border-right: 1px solid #26c6da !important; +} .overlay-cyan.overlay-lighten-1 { background: #26c6da; /* The Fallback */ - background: rgba(38, 198, 218, 0.8); } + background: rgba(38, 198, 218, 0.8); +} .cyan { - color: #00bcd4 !important; } + color: #00bcd4 !important; +} .bg-cyan { - background-color: #00bcd4 !important; } - .bg-cyan .card-header, - .bg-cyan .card-footer { - background-color: transparent; } - .bg-cyan.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(0, 188, 212, 0.6); } + background-color: #00bcd4 !important; +} +.bg-cyan .card-header, +.bg-cyan .card-footer { + background-color: transparent; +} +.bg-cyan.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(0, 188, 212, 0.6); +} .selectboxit.selectboxit-btn.bg-cyan { - background-color: #00bcd4 !important; } + background-color: #00bcd4 !important; +} .alert-cyan { border-color: #00bcd4 !important; - background-color: #1ce5ff; } + background-color: #1ce5ff; +} .border-cyan { border-color: #00bcd4; - border: 1px solid; } + border: 1px solid; +} .overlay-cyan { background: #00bcd4; /* The Fallback */ - background: rgba(0, 188, 212, 0.8); } + background: rgba(0, 188, 212, 0.8); +} .color-info.cyan { - background-color: #00bcd4 !important; } + background-color: #00bcd4 !important; +} .btn-cyan { border-color: #0097a7 !important; background-color: #00bcd4 !important; - color: #FFFFFF; } - .btn-cyan:hover { - border-color: #00acc1 !important; - background-color: #26c6da !important; - color: #FFF !important; } - .btn-cyan:focus, .btn-cyan:active { - border-color: #0097a7 !important; - background-color: #00838f !important; - color: #FFF !important; } - .btn-cyan.btn-glow { - box-shadow: 0px 1px 20px 1px rgba(0, 188, 212, 0.6); } + color: #ffffff; +} +.btn-cyan:hover { + border-color: #00acc1 !important; + background-color: #26c6da !important; + color: #fff !important; +} +.btn-cyan:focus, +.btn-cyan:active { + border-color: #0097a7 !important; + background-color: #00838f !important; + color: #fff !important; +} +.btn-cyan.btn-glow { + box-shadow: 0px 1px 20px 1px rgba(0, 188, 212, 0.6); +} .btn-outline-cyan { border: 1px solid; border-color: #00bcd4; background-color: transparent; - color: #00bcd4; } - .btn-outline-cyan:hover { - background-color: #00bcd4; - color: #FFF !important; } - .btn-outline-cyan.btn-glow { - box-shadow: 0px 1px 20px 1px rgba(0, 188, 212, 0.6); } - -input[type="checkbox"].bg-cyan + .custom-control-label:before, input[type="radio"].bg-cyan + .custom-control-label:before { - background-color: #00bcd4 !important; } - -/* .custom-control-label{ - &:before{ - background-color: #ddd !important; - } + color: #00bcd4; +} +.btn-outline-cyan:hover { + background-color: #00bcd4; + color: #fff !important; +} +.btn-outline-cyan.btn-glow { + box-shadow: 0px 1px 20px 1px rgba(0, 188, 212, 0.6); +} + +input[type='checkbox'].bg-cyan + .custom-control-label:before, +input[type='radio'].bg-cyan + .custom-control-label:before { + background-color: #00bcd4 !important; +} + +/* .custom-control-label{ + &:before{ + background-color: #ddd !important; + } } */ input:focus ~ .bg-cyan { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #00bcd4 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #00bcd4 !important; +} .border-cyan { - border-color: #00bcd4 !important; } + border-color: #00bcd4 !important; +} .border-top-cyan { - border-top: 1px solid #00bcd4; } + border-top: 1px solid #00bcd4; +} .border-bottom-cyan { - border-bottom: 1px solid #00bcd4; } + border-bottom: 1px solid #00bcd4; +} .border-left-cyan { - border-left: 1px solid #00bcd4; } + border-left: 1px solid #00bcd4; +} .border-right-cyan { - border-right: 1px solid #00bcd4; } + border-right: 1px solid #00bcd4; +} /* Bullet cyan */ .bullet.bullet-cyan { - background-color: #00bcd4; } + background-color: #00bcd4; +} .cyan.darken-1 { - color: #00acc1 !important; } + color: #00acc1 !important; +} .bg-cyan.bg-darken-1 { - background-color: #00acc1 !important; } - .bg-cyan.bg-darken-1.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(0, 172, 193, 0.6); } + background-color: #00acc1 !important; +} +.bg-cyan.bg-darken-1.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(0, 172, 193, 0.6); +} .btn-cyan.btn-darken-1 { border-color: #0097a7 !important; - background-color: #00acc1 !important; } - .btn-cyan.btn-darken-1:hover { - border-color: #0097a7 !important; - background-color: #00838f !important; } - .btn-cyan.btn-darken-1:focus, .btn-cyan.btn-darken-1:active { - border-color: #00838f !important; - background-color: #006064 !important; } + background-color: #00acc1 !important; +} +.btn-cyan.btn-darken-1:hover { + border-color: #0097a7 !important; + background-color: #00838f !important; +} +.btn-cyan.btn-darken-1:focus, +.btn-cyan.btn-darken-1:active { + border-color: #00838f !important; + background-color: #006064 !important; +} .btn-outline-cyan.btn-outline-darken-1 { border-color: #00acc1 !important; - color: #00acc1 !important; } - .btn-outline-cyan.btn-outline-darken-1:hover { - background-color: #00acc1 !important; } + color: #00acc1 !important; +} +.btn-outline-cyan.btn-outline-darken-1:hover { + background-color: #00acc1 !important; +} input:focus ~ .bg-cyan { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #00acc1 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #00acc1 !important; +} .border-cyan.border-darken-1 { - border: 1px solid #00acc1 !important; } + border: 1px solid #00acc1 !important; +} .border-top-cyan.border-top-darken-1 { - border-top: 1px solid #00acc1 !important; } + border-top: 1px solid #00acc1 !important; +} .border-bottom-cyan.border-bottom-darken-1 { - border-bottom: 1px solid #00acc1 !important; } + border-bottom: 1px solid #00acc1 !important; +} .border-left-cyan.border-left-darken-1 { - border-left: 1px solid #00acc1 !important; } + border-left: 1px solid #00acc1 !important; +} .border-right-cyan.border-right-darken-1 { - border-right: 1px solid #00acc1 !important; } + border-right: 1px solid #00acc1 !important; +} .overlay-cyan.overlay-darken-1 { background: #00acc1; /* The Fallback */ - background: rgba(0, 172, 193, 0.8); } + background: rgba(0, 172, 193, 0.8); +} .cyan.darken-2 { - color: #0097a7 !important; } + color: #0097a7 !important; +} .bg-cyan.bg-darken-2 { - background-color: #0097a7 !important; } - .bg-cyan.bg-darken-2.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(0, 151, 167, 0.6); } + background-color: #0097a7 !important; +} +.bg-cyan.bg-darken-2.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(0, 151, 167, 0.6); +} .btn-cyan.btn-darken-2 { border-color: #0097a7 !important; - background-color: #0097a7 !important; } - .btn-cyan.btn-darken-2:hover { - border-color: #0097a7 !important; - background-color: #00838f !important; } - .btn-cyan.btn-darken-2:focus, .btn-cyan.btn-darken-2:active { - border-color: #00838f !important; - background-color: #006064 !important; } + background-color: #0097a7 !important; +} +.btn-cyan.btn-darken-2:hover { + border-color: #0097a7 !important; + background-color: #00838f !important; +} +.btn-cyan.btn-darken-2:focus, +.btn-cyan.btn-darken-2:active { + border-color: #00838f !important; + background-color: #006064 !important; +} .btn-outline-cyan.btn-outline-darken-2 { border-color: #0097a7 !important; - color: #0097a7 !important; } - .btn-outline-cyan.btn-outline-darken-2:hover { - background-color: #0097a7 !important; } + color: #0097a7 !important; +} +.btn-outline-cyan.btn-outline-darken-2:hover { + background-color: #0097a7 !important; +} input:focus ~ .bg-cyan { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #0097a7 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #0097a7 !important; +} .border-cyan.border-darken-2 { - border: 1px solid #0097a7 !important; } + border: 1px solid #0097a7 !important; +} .border-top-cyan.border-top-darken-2 { - border-top: 1px solid #0097a7 !important; } + border-top: 1px solid #0097a7 !important; +} .border-bottom-cyan.border-bottom-darken-2 { - border-bottom: 1px solid #0097a7 !important; } + border-bottom: 1px solid #0097a7 !important; +} .border-left-cyan.border-left-darken-2 { - border-left: 1px solid #0097a7 !important; } + border-left: 1px solid #0097a7 !important; +} .border-right-cyan.border-right-darken-2 { - border-right: 1px solid #0097a7 !important; } + border-right: 1px solid #0097a7 !important; +} .overlay-cyan.overlay-darken-2 { background: #0097a7; /* The Fallback */ - background: rgba(0, 151, 167, 0.8); } + background: rgba(0, 151, 167, 0.8); +} .cyan.darken-3 { - color: #00838f !important; } + color: #00838f !important; +} .bg-cyan.bg-darken-3 { - background-color: #00838f !important; } - .bg-cyan.bg-darken-3.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(0, 131, 143, 0.6); } + background-color: #00838f !important; +} +.bg-cyan.bg-darken-3.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(0, 131, 143, 0.6); +} .btn-cyan.btn-darken-3 { border-color: #0097a7 !important; - background-color: #00838f !important; } - .btn-cyan.btn-darken-3:hover { - border-color: #0097a7 !important; - background-color: #00838f !important; } - .btn-cyan.btn-darken-3:focus, .btn-cyan.btn-darken-3:active { - border-color: #00838f !important; - background-color: #006064 !important; } + background-color: #00838f !important; +} +.btn-cyan.btn-darken-3:hover { + border-color: #0097a7 !important; + background-color: #00838f !important; +} +.btn-cyan.btn-darken-3:focus, +.btn-cyan.btn-darken-3:active { + border-color: #00838f !important; + background-color: #006064 !important; +} .btn-outline-cyan.btn-outline-darken-3 { border-color: #00838f !important; - color: #00838f !important; } - .btn-outline-cyan.btn-outline-darken-3:hover { - background-color: #00838f !important; } + color: #00838f !important; +} +.btn-outline-cyan.btn-outline-darken-3:hover { + background-color: #00838f !important; +} input:focus ~ .bg-cyan { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #00838f !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #00838f !important; +} .border-cyan.border-darken-3 { - border: 1px solid #00838f !important; } + border: 1px solid #00838f !important; +} .border-top-cyan.border-top-darken-3 { - border-top: 1px solid #00838f !important; } + border-top: 1px solid #00838f !important; +} .border-bottom-cyan.border-bottom-darken-3 { - border-bottom: 1px solid #00838f !important; } + border-bottom: 1px solid #00838f !important; +} .border-left-cyan.border-left-darken-3 { - border-left: 1px solid #00838f !important; } + border-left: 1px solid #00838f !important; +} .border-right-cyan.border-right-darken-3 { - border-right: 1px solid #00838f !important; } + border-right: 1px solid #00838f !important; +} .overlay-cyan.overlay-darken-3 { background: #00838f; /* The Fallback */ - background: rgba(0, 131, 143, 0.8); } + background: rgba(0, 131, 143, 0.8); +} .cyan.darken-4 { - color: #006064 !important; } + color: #006064 !important; +} .bg-cyan.bg-darken-4 { - background-color: #006064 !important; } - .bg-cyan.bg-darken-4.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(0, 96, 100, 0.6); } + background-color: #006064 !important; +} +.bg-cyan.bg-darken-4.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(0, 96, 100, 0.6); +} .btn-cyan.btn-darken-4 { border-color: #0097a7 !important; - background-color: #006064 !important; } - .btn-cyan.btn-darken-4:hover { - border-color: #0097a7 !important; - background-color: #00838f !important; } - .btn-cyan.btn-darken-4:focus, .btn-cyan.btn-darken-4:active { - border-color: #00838f !important; - background-color: #006064 !important; } + background-color: #006064 !important; +} +.btn-cyan.btn-darken-4:hover { + border-color: #0097a7 !important; + background-color: #00838f !important; +} +.btn-cyan.btn-darken-4:focus, +.btn-cyan.btn-darken-4:active { + border-color: #00838f !important; + background-color: #006064 !important; +} .btn-outline-cyan.btn-outline-darken-4 { border-color: #006064 !important; - color: #006064 !important; } - .btn-outline-cyan.btn-outline-darken-4:hover { - background-color: #006064 !important; } + color: #006064 !important; +} +.btn-outline-cyan.btn-outline-darken-4:hover { + background-color: #006064 !important; +} input:focus ~ .bg-cyan { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #006064 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #006064 !important; +} .border-cyan.border-darken-4 { - border: 1px solid #006064 !important; } + border: 1px solid #006064 !important; +} .border-top-cyan.border-top-darken-4 { - border-top: 1px solid #006064 !important; } + border-top: 1px solid #006064 !important; +} .border-bottom-cyan.border-bottom-darken-4 { - border-bottom: 1px solid #006064 !important; } + border-bottom: 1px solid #006064 !important; +} .border-left-cyan.border-left-darken-4 { - border-left: 1px solid #006064 !important; } + border-left: 1px solid #006064 !important; +} .border-right-cyan.border-right-darken-4 { - border-right: 1px solid #006064 !important; } + border-right: 1px solid #006064 !important; +} .overlay-cyan.overlay-darken-4 { background: #006064; /* The Fallback */ - background: rgba(0, 96, 100, 0.8); } + background: rgba(0, 96, 100, 0.8); +} .cyan.accent-1 { - color: #84ffff !important; } + color: #84ffff !important; +} .bg-cyan.bg-accent-1 { - background-color: #84ffff !important; } - .bg-cyan.bg-accent-1.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(132, 255, 255, 0.6); } + background-color: #84ffff !important; +} +.bg-cyan.bg-accent-1.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(132, 255, 255, 0.6); +} .btn-cyan.btn-accent-1 { border-color: #0097a7 !important; - background-color: #84ffff !important; } - .btn-cyan.btn-accent-1:hover { - border-color: #0097a7 !important; - background-color: #00838f !important; } - .btn-cyan.btn-accent-1:focus, .btn-cyan.btn-accent-1:active { - border-color: #00838f !important; - background-color: #006064 !important; } + background-color: #84ffff !important; +} +.btn-cyan.btn-accent-1:hover { + border-color: #0097a7 !important; + background-color: #00838f !important; +} +.btn-cyan.btn-accent-1:focus, +.btn-cyan.btn-accent-1:active { + border-color: #00838f !important; + background-color: #006064 !important; +} .btn-outline-cyan.btn-outline-accent-1 { border-color: #84ffff !important; - color: #84ffff !important; } - .btn-outline-cyan.btn-outline-accent-1:hover { - background-color: #84ffff !important; } + color: #84ffff !important; +} +.btn-outline-cyan.btn-outline-accent-1:hover { + background-color: #84ffff !important; +} input:focus ~ .bg-cyan { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #84ffff !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #84ffff !important; +} .border-cyan.border-accent-1 { - border: 1px solid #84ffff !important; } + border: 1px solid #84ffff !important; +} .border-top-cyan.border-top-accent-1 { - border-top: 1px solid #84ffff !important; } + border-top: 1px solid #84ffff !important; +} .border-bottom-cyan.border-bottom-accent-1 { - border-bottom: 1px solid #84ffff !important; } + border-bottom: 1px solid #84ffff !important; +} .border-left-cyan.border-left-accent-1 { - border-left: 1px solid #84ffff !important; } + border-left: 1px solid #84ffff !important; +} .border-right-cyan.border-right-accent-1 { - border-right: 1px solid #84ffff !important; } + border-right: 1px solid #84ffff !important; +} .overlay-cyan.overlay-accent-1 { background: #84ffff; /* The Fallback */ - background: rgba(132, 255, 255, 0.8); } + background: rgba(132, 255, 255, 0.8); +} .cyan.accent-2 { - color: #18ffff !important; } + color: #18ffff !important; +} .bg-cyan.bg-accent-2 { - background-color: #18ffff !important; } - .bg-cyan.bg-accent-2.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(24, 255, 255, 0.6); } + background-color: #18ffff !important; +} +.bg-cyan.bg-accent-2.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(24, 255, 255, 0.6); +} .btn-cyan.btn-accent-2 { border-color: #0097a7 !important; - background-color: #18ffff !important; } - .btn-cyan.btn-accent-2:hover { - border-color: #0097a7 !important; - background-color: #00838f !important; } - .btn-cyan.btn-accent-2:focus, .btn-cyan.btn-accent-2:active { - border-color: #00838f !important; - background-color: #006064 !important; } + background-color: #18ffff !important; +} +.btn-cyan.btn-accent-2:hover { + border-color: #0097a7 !important; + background-color: #00838f !important; +} +.btn-cyan.btn-accent-2:focus, +.btn-cyan.btn-accent-2:active { + border-color: #00838f !important; + background-color: #006064 !important; +} .btn-outline-cyan.btn-outline-accent-2 { border-color: #18ffff !important; - color: #18ffff !important; } - .btn-outline-cyan.btn-outline-accent-2:hover { - background-color: #18ffff !important; } + color: #18ffff !important; +} +.btn-outline-cyan.btn-outline-accent-2:hover { + background-color: #18ffff !important; +} input:focus ~ .bg-cyan { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #18ffff !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #18ffff !important; +} .border-cyan.border-accent-2 { - border: 1px solid #18ffff !important; } + border: 1px solid #18ffff !important; +} .border-top-cyan.border-top-accent-2 { - border-top: 1px solid #18ffff !important; } + border-top: 1px solid #18ffff !important; +} .border-bottom-cyan.border-bottom-accent-2 { - border-bottom: 1px solid #18ffff !important; } + border-bottom: 1px solid #18ffff !important; +} .border-left-cyan.border-left-accent-2 { - border-left: 1px solid #18ffff !important; } + border-left: 1px solid #18ffff !important; +} .border-right-cyan.border-right-accent-2 { - border-right: 1px solid #18ffff !important; } + border-right: 1px solid #18ffff !important; +} .overlay-cyan.overlay-accent-2 { background: #18ffff; /* The Fallback */ - background: rgba(24, 255, 255, 0.8); } + background: rgba(24, 255, 255, 0.8); +} .cyan.accent-3 { - color: #00e5ff !important; } + color: #00e5ff !important; +} .bg-cyan.bg-accent-3 { - background-color: #00e5ff !important; } - .bg-cyan.bg-accent-3.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(0, 229, 255, 0.6); } + background-color: #00e5ff !important; +} +.bg-cyan.bg-accent-3.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(0, 229, 255, 0.6); +} .btn-cyan.btn-accent-3 { border-color: #0097a7 !important; - background-color: #00e5ff !important; } - .btn-cyan.btn-accent-3:hover { - border-color: #0097a7 !important; - background-color: #00838f !important; } - .btn-cyan.btn-accent-3:focus, .btn-cyan.btn-accent-3:active { - border-color: #00838f !important; - background-color: #006064 !important; } + background-color: #00e5ff !important; +} +.btn-cyan.btn-accent-3:hover { + border-color: #0097a7 !important; + background-color: #00838f !important; +} +.btn-cyan.btn-accent-3:focus, +.btn-cyan.btn-accent-3:active { + border-color: #00838f !important; + background-color: #006064 !important; +} .btn-outline-cyan.btn-outline-accent-3 { border-color: #00e5ff !important; - color: #00e5ff !important; } - .btn-outline-cyan.btn-outline-accent-3:hover { - background-color: #00e5ff !important; } + color: #00e5ff !important; +} +.btn-outline-cyan.btn-outline-accent-3:hover { + background-color: #00e5ff !important; +} input:focus ~ .bg-cyan { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #00e5ff !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #00e5ff !important; +} .border-cyan.border-accent-3 { - border: 1px solid #00e5ff !important; } + border: 1px solid #00e5ff !important; +} .border-top-cyan.border-top-accent-3 { - border-top: 1px solid #00e5ff !important; } + border-top: 1px solid #00e5ff !important; +} .border-bottom-cyan.border-bottom-accent-3 { - border-bottom: 1px solid #00e5ff !important; } + border-bottom: 1px solid #00e5ff !important; +} .border-left-cyan.border-left-accent-3 { - border-left: 1px solid #00e5ff !important; } + border-left: 1px solid #00e5ff !important; +} .border-right-cyan.border-right-accent-3 { - border-right: 1px solid #00e5ff !important; } + border-right: 1px solid #00e5ff !important; +} .overlay-cyan.overlay-accent-3 { background: #00e5ff; /* The Fallback */ - background: rgba(0, 229, 255, 0.8); } + background: rgba(0, 229, 255, 0.8); +} .cyan.accent-4 { - color: #00b8d4 !important; } + color: #00b8d4 !important; +} .bg-cyan.bg-accent-4 { - background-color: #00b8d4 !important; } - .bg-cyan.bg-accent-4.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(0, 184, 212, 0.6); } + background-color: #00b8d4 !important; +} +.bg-cyan.bg-accent-4.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(0, 184, 212, 0.6); +} .btn-cyan.btn-accent-4 { border-color: #0097a7 !important; - background-color: #00b8d4 !important; } - .btn-cyan.btn-accent-4:hover { - border-color: #0097a7 !important; - background-color: #00838f !important; } - .btn-cyan.btn-accent-4:focus, .btn-cyan.btn-accent-4:active { - border-color: #00838f !important; - background-color: #006064 !important; } + background-color: #00b8d4 !important; +} +.btn-cyan.btn-accent-4:hover { + border-color: #0097a7 !important; + background-color: #00838f !important; +} +.btn-cyan.btn-accent-4:focus, +.btn-cyan.btn-accent-4:active { + border-color: #00838f !important; + background-color: #006064 !important; +} .btn-outline-cyan.btn-outline-accent-4 { border-color: #00b8d4 !important; - color: #00b8d4 !important; } - .btn-outline-cyan.btn-outline-accent-4:hover { - background-color: #00b8d4 !important; } + color: #00b8d4 !important; +} +.btn-outline-cyan.btn-outline-accent-4:hover { + background-color: #00b8d4 !important; +} input:focus ~ .bg-cyan { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #00b8d4 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #00b8d4 !important; +} .border-cyan.border-accent-4 { - border: 1px solid #00b8d4 !important; } + border: 1px solid #00b8d4 !important; +} .border-top-cyan.border-top-accent-4 { - border-top: 1px solid #00b8d4 !important; } + border-top: 1px solid #00b8d4 !important; +} .border-bottom-cyan.border-bottom-accent-4 { - border-bottom: 1px solid #00b8d4 !important; } + border-bottom: 1px solid #00b8d4 !important; +} .border-left-cyan.border-left-accent-4 { - border-left: 1px solid #00b8d4 !important; } + border-left: 1px solid #00b8d4 !important; +} .border-right-cyan.border-right-accent-4 { - border-right: 1px solid #00b8d4 !important; } + border-right: 1px solid #00b8d4 !important; +} .overlay-cyan.overlay-accent-4 { background: #00b8d4; /* The Fallback */ - background: rgba(0, 184, 212, 0.8); } + background: rgba(0, 184, 212, 0.8); +} .teal.lighten-5 { - color: #e0f2f1 !important; } + color: #e0f2f1 !important; +} .bg-teal.bg-lighten-5 { - background-color: #e0f2f1 !important; } - .bg-teal.bg-lighten-5.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(224, 242, 241, 0.6); } + background-color: #e0f2f1 !important; +} +.bg-teal.bg-lighten-5.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(224, 242, 241, 0.6); +} .btn-teal.btn-lighten-5 { border-color: #00796b !important; - background-color: #e0f2f1 !important; } - .btn-teal.btn-lighten-5:hover { - border-color: #00796b !important; - background-color: #00695c !important; } - .btn-teal.btn-lighten-5:focus, .btn-teal.btn-lighten-5:active { - border-color: #00695c !important; - background-color: #004d40 !important; } + background-color: #e0f2f1 !important; +} +.btn-teal.btn-lighten-5:hover { + border-color: #00796b !important; + background-color: #00695c !important; +} +.btn-teal.btn-lighten-5:focus, +.btn-teal.btn-lighten-5:active { + border-color: #00695c !important; + background-color: #004d40 !important; +} .btn-outline-teal.btn-outline-lighten-5 { border-color: #e0f2f1 !important; - color: #e0f2f1 !important; } - .btn-outline-teal.btn-outline-lighten-5:hover { - background-color: #e0f2f1 !important; } + color: #e0f2f1 !important; +} +.btn-outline-teal.btn-outline-lighten-5:hover { + background-color: #e0f2f1 !important; +} input:focus ~ .bg-teal { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #e0f2f1 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #e0f2f1 !important; +} .border-teal.border-lighten-5 { - border: 1px solid #e0f2f1 !important; } + border: 1px solid #e0f2f1 !important; +} .border-top-teal.border-top-lighten-5 { - border-top: 1px solid #e0f2f1 !important; } + border-top: 1px solid #e0f2f1 !important; +} .border-bottom-teal.border-bottom-lighten-5 { - border-bottom: 1px solid #e0f2f1 !important; } + border-bottom: 1px solid #e0f2f1 !important; +} .border-left-teal.border-left-lighten-5 { - border-left: 1px solid #e0f2f1 !important; } + border-left: 1px solid #e0f2f1 !important; +} .border-right-teal.border-right-lighten-5 { - border-right: 1px solid #e0f2f1 !important; } + border-right: 1px solid #e0f2f1 !important; +} .overlay-teal.overlay-lighten-5 { background: #e0f2f1; /* The Fallback */ - background: rgba(224, 242, 241, 0.8); } + background: rgba(224, 242, 241, 0.8); +} .teal.lighten-4 { - color: #b2dfdb !important; } + color: #b2dfdb !important; +} .bg-teal.bg-lighten-4 { - background-color: #b2dfdb !important; } - .bg-teal.bg-lighten-4.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(178, 223, 219, 0.6); } + background-color: #b2dfdb !important; +} +.bg-teal.bg-lighten-4.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(178, 223, 219, 0.6); +} .btn-teal.btn-lighten-4 { border-color: #00796b !important; - background-color: #b2dfdb !important; } - .btn-teal.btn-lighten-4:hover { - border-color: #00796b !important; - background-color: #00695c !important; } - .btn-teal.btn-lighten-4:focus, .btn-teal.btn-lighten-4:active { - border-color: #00695c !important; - background-color: #004d40 !important; } + background-color: #b2dfdb !important; +} +.btn-teal.btn-lighten-4:hover { + border-color: #00796b !important; + background-color: #00695c !important; +} +.btn-teal.btn-lighten-4:focus, +.btn-teal.btn-lighten-4:active { + border-color: #00695c !important; + background-color: #004d40 !important; +} .btn-outline-teal.btn-outline-lighten-4 { border-color: #b2dfdb !important; - color: #b2dfdb !important; } - .btn-outline-teal.btn-outline-lighten-4:hover { - background-color: #b2dfdb !important; } + color: #b2dfdb !important; +} +.btn-outline-teal.btn-outline-lighten-4:hover { + background-color: #b2dfdb !important; +} input:focus ~ .bg-teal { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #b2dfdb !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #b2dfdb !important; +} .border-teal.border-lighten-4 { - border: 1px solid #b2dfdb !important; } + border: 1px solid #b2dfdb !important; +} .border-top-teal.border-top-lighten-4 { - border-top: 1px solid #b2dfdb !important; } + border-top: 1px solid #b2dfdb !important; +} .border-bottom-teal.border-bottom-lighten-4 { - border-bottom: 1px solid #b2dfdb !important; } + border-bottom: 1px solid #b2dfdb !important; +} .border-left-teal.border-left-lighten-4 { - border-left: 1px solid #b2dfdb !important; } + border-left: 1px solid #b2dfdb !important; +} .border-right-teal.border-right-lighten-4 { - border-right: 1px solid #b2dfdb !important; } + border-right: 1px solid #b2dfdb !important; +} .overlay-teal.overlay-lighten-4 { background: #b2dfdb; /* The Fallback */ - background: rgba(178, 223, 219, 0.8); } + background: rgba(178, 223, 219, 0.8); +} .teal.lighten-3 { - color: #80cbc4 !important; } + color: #80cbc4 !important; +} .bg-teal.bg-lighten-3 { - background-color: #80cbc4 !important; } - .bg-teal.bg-lighten-3.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(128, 203, 196, 0.6); } + background-color: #80cbc4 !important; +} +.bg-teal.bg-lighten-3.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(128, 203, 196, 0.6); +} .btn-teal.btn-lighten-3 { border-color: #00796b !important; - background-color: #80cbc4 !important; } - .btn-teal.btn-lighten-3:hover { - border-color: #00796b !important; - background-color: #00695c !important; } - .btn-teal.btn-lighten-3:focus, .btn-teal.btn-lighten-3:active { - border-color: #00695c !important; - background-color: #004d40 !important; } + background-color: #80cbc4 !important; +} +.btn-teal.btn-lighten-3:hover { + border-color: #00796b !important; + background-color: #00695c !important; +} +.btn-teal.btn-lighten-3:focus, +.btn-teal.btn-lighten-3:active { + border-color: #00695c !important; + background-color: #004d40 !important; +} .btn-outline-teal.btn-outline-lighten-3 { border-color: #80cbc4 !important; - color: #80cbc4 !important; } - .btn-outline-teal.btn-outline-lighten-3:hover { - background-color: #80cbc4 !important; } + color: #80cbc4 !important; +} +.btn-outline-teal.btn-outline-lighten-3:hover { + background-color: #80cbc4 !important; +} input:focus ~ .bg-teal { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #80cbc4 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #80cbc4 !important; +} .border-teal.border-lighten-3 { - border: 1px solid #80cbc4 !important; } + border: 1px solid #80cbc4 !important; +} .border-top-teal.border-top-lighten-3 { - border-top: 1px solid #80cbc4 !important; } + border-top: 1px solid #80cbc4 !important; +} .border-bottom-teal.border-bottom-lighten-3 { - border-bottom: 1px solid #80cbc4 !important; } + border-bottom: 1px solid #80cbc4 !important; +} .border-left-teal.border-left-lighten-3 { - border-left: 1px solid #80cbc4 !important; } + border-left: 1px solid #80cbc4 !important; +} .border-right-teal.border-right-lighten-3 { - border-right: 1px solid #80cbc4 !important; } + border-right: 1px solid #80cbc4 !important; +} .overlay-teal.overlay-lighten-3 { background: #80cbc4; /* The Fallback */ - background: rgba(128, 203, 196, 0.8); } + background: rgba(128, 203, 196, 0.8); +} .teal.lighten-2 { - color: #4db6ac !important; } + color: #4db6ac !important; +} .bg-teal.bg-lighten-2 { - background-color: #4db6ac !important; } - .bg-teal.bg-lighten-2.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(77, 182, 172, 0.6); } + background-color: #4db6ac !important; +} +.bg-teal.bg-lighten-2.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(77, 182, 172, 0.6); +} .btn-teal.btn-lighten-2 { border-color: #00796b !important; - background-color: #4db6ac !important; } - .btn-teal.btn-lighten-2:hover { - border-color: #00796b !important; - background-color: #00695c !important; } - .btn-teal.btn-lighten-2:focus, .btn-teal.btn-lighten-2:active { - border-color: #00695c !important; - background-color: #004d40 !important; } + background-color: #4db6ac !important; +} +.btn-teal.btn-lighten-2:hover { + border-color: #00796b !important; + background-color: #00695c !important; +} +.btn-teal.btn-lighten-2:focus, +.btn-teal.btn-lighten-2:active { + border-color: #00695c !important; + background-color: #004d40 !important; +} .btn-outline-teal.btn-outline-lighten-2 { border-color: #4db6ac !important; - color: #4db6ac !important; } - .btn-outline-teal.btn-outline-lighten-2:hover { - background-color: #4db6ac !important; } + color: #4db6ac !important; +} +.btn-outline-teal.btn-outline-lighten-2:hover { + background-color: #4db6ac !important; +} input:focus ~ .bg-teal { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #4db6ac !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #4db6ac !important; +} .border-teal.border-lighten-2 { - border: 1px solid #4db6ac !important; } + border: 1px solid #4db6ac !important; +} .border-top-teal.border-top-lighten-2 { - border-top: 1px solid #4db6ac !important; } + border-top: 1px solid #4db6ac !important; +} .border-bottom-teal.border-bottom-lighten-2 { - border-bottom: 1px solid #4db6ac !important; } + border-bottom: 1px solid #4db6ac !important; +} .border-left-teal.border-left-lighten-2 { - border-left: 1px solid #4db6ac !important; } + border-left: 1px solid #4db6ac !important; +} .border-right-teal.border-right-lighten-2 { - border-right: 1px solid #4db6ac !important; } + border-right: 1px solid #4db6ac !important; +} .overlay-teal.overlay-lighten-2 { background: #4db6ac; /* The Fallback */ - background: rgba(77, 182, 172, 0.8); } + background: rgba(77, 182, 172, 0.8); +} .teal.lighten-1 { - color: #26a69a !important; } + color: #26a69a !important; +} .bg-teal.bg-lighten-1 { - background-color: #26a69a !important; } - .bg-teal.bg-lighten-1.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(38, 166, 154, 0.6); } + background-color: #26a69a !important; +} +.bg-teal.bg-lighten-1.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(38, 166, 154, 0.6); +} .btn-teal.btn-lighten-1 { border-color: #00796b !important; - background-color: #26a69a !important; } - .btn-teal.btn-lighten-1:hover { - border-color: #00796b !important; - background-color: #00695c !important; } - .btn-teal.btn-lighten-1:focus, .btn-teal.btn-lighten-1:active { - border-color: #00695c !important; - background-color: #004d40 !important; } + background-color: #26a69a !important; +} +.btn-teal.btn-lighten-1:hover { + border-color: #00796b !important; + background-color: #00695c !important; +} +.btn-teal.btn-lighten-1:focus, +.btn-teal.btn-lighten-1:active { + border-color: #00695c !important; + background-color: #004d40 !important; +} .btn-outline-teal.btn-outline-lighten-1 { border-color: #26a69a !important; - color: #26a69a !important; } - .btn-outline-teal.btn-outline-lighten-1:hover { - background-color: #26a69a !important; } + color: #26a69a !important; +} +.btn-outline-teal.btn-outline-lighten-1:hover { + background-color: #26a69a !important; +} input:focus ~ .bg-teal { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #26a69a !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #26a69a !important; +} .border-teal.border-lighten-1 { - border: 1px solid #26a69a !important; } + border: 1px solid #26a69a !important; +} .border-top-teal.border-top-lighten-1 { - border-top: 1px solid #26a69a !important; } + border-top: 1px solid #26a69a !important; +} .border-bottom-teal.border-bottom-lighten-1 { - border-bottom: 1px solid #26a69a !important; } + border-bottom: 1px solid #26a69a !important; +} .border-left-teal.border-left-lighten-1 { - border-left: 1px solid #26a69a !important; } + border-left: 1px solid #26a69a !important; +} .border-right-teal.border-right-lighten-1 { - border-right: 1px solid #26a69a !important; } + border-right: 1px solid #26a69a !important; +} .overlay-teal.overlay-lighten-1 { background: #26a69a; /* The Fallback */ - background: rgba(38, 166, 154, 0.8); } + background: rgba(38, 166, 154, 0.8); +} .teal { - color: #009688 !important; } + color: #009688 !important; +} .bg-teal { - background-color: #009688 !important; } - .bg-teal .card-header, - .bg-teal .card-footer { - background-color: transparent; } - .bg-teal.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(0, 150, 136, 0.6); } + background-color: #009688 !important; +} +.bg-teal .card-header, +.bg-teal .card-footer { + background-color: transparent; +} +.bg-teal.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(0, 150, 136, 0.6); +} .selectboxit.selectboxit-btn.bg-teal { - background-color: #009688 !important; } + background-color: #009688 !important; +} .alert-teal { border-color: #009688 !important; - background-color: #00ddc9; } + background-color: #00ddc9; +} .border-teal { border-color: #009688; - border: 1px solid; } + border: 1px solid; +} .overlay-teal { background: #009688; /* The Fallback */ - background: rgba(0, 150, 136, 0.8); } + background: rgba(0, 150, 136, 0.8); +} .color-info.teal { - background-color: #009688 !important; } + background-color: #009688 !important; +} .btn-teal { border-color: #00796b !important; background-color: #009688 !important; - color: #FFFFFF; } - .btn-teal:hover { - border-color: #00897b !important; - background-color: #26a69a !important; - color: #FFF !important; } - .btn-teal:focus, .btn-teal:active { - border-color: #00796b !important; - background-color: #00695c !important; - color: #FFF !important; } - .btn-teal.btn-glow { - box-shadow: 0px 1px 20px 1px rgba(0, 150, 136, 0.6); } + color: #ffffff; +} +.btn-teal:hover { + border-color: #00897b !important; + background-color: #26a69a !important; + color: #fff !important; +} +.btn-teal:focus, +.btn-teal:active { + border-color: #00796b !important; + background-color: #00695c !important; + color: #fff !important; +} +.btn-teal.btn-glow { + box-shadow: 0px 1px 20px 1px rgba(0, 150, 136, 0.6); +} .btn-outline-teal { border: 1px solid; border-color: #009688; background-color: transparent; - color: #009688; } - .btn-outline-teal:hover { - background-color: #009688; - color: #FFF !important; } - .btn-outline-teal.btn-glow { - box-shadow: 0px 1px 20px 1px rgba(0, 150, 136, 0.6); } - -input[type="checkbox"].bg-teal + .custom-control-label:before, input[type="radio"].bg-teal + .custom-control-label:before { - background-color: #009688 !important; } - -/* .custom-control-label{ - &:before{ - background-color: #ddd !important; - } + color: #009688; +} +.btn-outline-teal:hover { + background-color: #009688; + color: #fff !important; +} +.btn-outline-teal.btn-glow { + box-shadow: 0px 1px 20px 1px rgba(0, 150, 136, 0.6); +} + +input[type='checkbox'].bg-teal + .custom-control-label:before, +input[type='radio'].bg-teal + .custom-control-label:before { + background-color: #009688 !important; +} + +/* .custom-control-label{ + &:before{ + background-color: #ddd !important; + } } */ input:focus ~ .bg-teal { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #009688 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #009688 !important; +} .border-teal { - border-color: #009688 !important; } + border-color: #009688 !important; +} .border-top-teal { - border-top: 1px solid #009688; } + border-top: 1px solid #009688; +} .border-bottom-teal { - border-bottom: 1px solid #009688; } + border-bottom: 1px solid #009688; +} .border-left-teal { - border-left: 1px solid #009688; } + border-left: 1px solid #009688; +} .border-right-teal { - border-right: 1px solid #009688; } + border-right: 1px solid #009688; +} /* Bullet teal */ .bullet.bullet-teal { - background-color: #009688; } + background-color: #009688; +} .teal.darken-1 { - color: #00897b !important; } + color: #00897b !important; +} .bg-teal.bg-darken-1 { - background-color: #00897b !important; } - .bg-teal.bg-darken-1.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(0, 137, 123, 0.6); } + background-color: #00897b !important; +} +.bg-teal.bg-darken-1.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(0, 137, 123, 0.6); +} .btn-teal.btn-darken-1 { border-color: #00796b !important; - background-color: #00897b !important; } - .btn-teal.btn-darken-1:hover { - border-color: #00796b !important; - background-color: #00695c !important; } - .btn-teal.btn-darken-1:focus, .btn-teal.btn-darken-1:active { - border-color: #00695c !important; - background-color: #004d40 !important; } + background-color: #00897b !important; +} +.btn-teal.btn-darken-1:hover { + border-color: #00796b !important; + background-color: #00695c !important; +} +.btn-teal.btn-darken-1:focus, +.btn-teal.btn-darken-1:active { + border-color: #00695c !important; + background-color: #004d40 !important; +} .btn-outline-teal.btn-outline-darken-1 { border-color: #00897b !important; - color: #00897b !important; } - .btn-outline-teal.btn-outline-darken-1:hover { - background-color: #00897b !important; } + color: #00897b !important; +} +.btn-outline-teal.btn-outline-darken-1:hover { + background-color: #00897b !important; +} input:focus ~ .bg-teal { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #00897b !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #00897b !important; +} .border-teal.border-darken-1 { - border: 1px solid #00897b !important; } + border: 1px solid #00897b !important; +} .border-top-teal.border-top-darken-1 { - border-top: 1px solid #00897b !important; } + border-top: 1px solid #00897b !important; +} .border-bottom-teal.border-bottom-darken-1 { - border-bottom: 1px solid #00897b !important; } + border-bottom: 1px solid #00897b !important; +} .border-left-teal.border-left-darken-1 { - border-left: 1px solid #00897b !important; } + border-left: 1px solid #00897b !important; +} .border-right-teal.border-right-darken-1 { - border-right: 1px solid #00897b !important; } + border-right: 1px solid #00897b !important; +} .overlay-teal.overlay-darken-1 { background: #00897b; /* The Fallback */ - background: rgba(0, 137, 123, 0.8); } + background: rgba(0, 137, 123, 0.8); +} .teal.darken-2 { - color: #00796b !important; } + color: #00796b !important; +} .bg-teal.bg-darken-2 { - background-color: #00796b !important; } - .bg-teal.bg-darken-2.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(0, 121, 107, 0.6); } + background-color: #00796b !important; +} +.bg-teal.bg-darken-2.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(0, 121, 107, 0.6); +} .btn-teal.btn-darken-2 { border-color: #00796b !important; - background-color: #00796b !important; } - .btn-teal.btn-darken-2:hover { - border-color: #00796b !important; - background-color: #00695c !important; } - .btn-teal.btn-darken-2:focus, .btn-teal.btn-darken-2:active { - border-color: #00695c !important; - background-color: #004d40 !important; } + background-color: #00796b !important; +} +.btn-teal.btn-darken-2:hover { + border-color: #00796b !important; + background-color: #00695c !important; +} +.btn-teal.btn-darken-2:focus, +.btn-teal.btn-darken-2:active { + border-color: #00695c !important; + background-color: #004d40 !important; +} .btn-outline-teal.btn-outline-darken-2 { border-color: #00796b !important; - color: #00796b !important; } - .btn-outline-teal.btn-outline-darken-2:hover { - background-color: #00796b !important; } + color: #00796b !important; +} +.btn-outline-teal.btn-outline-darken-2:hover { + background-color: #00796b !important; +} input:focus ~ .bg-teal { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #00796b !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #00796b !important; +} .border-teal.border-darken-2 { - border: 1px solid #00796b !important; } + border: 1px solid #00796b !important; +} .border-top-teal.border-top-darken-2 { - border-top: 1px solid #00796b !important; } + border-top: 1px solid #00796b !important; +} .border-bottom-teal.border-bottom-darken-2 { - border-bottom: 1px solid #00796b !important; } + border-bottom: 1px solid #00796b !important; +} .border-left-teal.border-left-darken-2 { - border-left: 1px solid #00796b !important; } + border-left: 1px solid #00796b !important; +} .border-right-teal.border-right-darken-2 { - border-right: 1px solid #00796b !important; } + border-right: 1px solid #00796b !important; +} .overlay-teal.overlay-darken-2 { background: #00796b; /* The Fallback */ - background: rgba(0, 121, 107, 0.8); } + background: rgba(0, 121, 107, 0.8); +} .teal.darken-3 { - color: #00695c !important; } + color: #00695c !important; +} .bg-teal.bg-darken-3 { - background-color: #00695c !important; } - .bg-teal.bg-darken-3.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(0, 105, 92, 0.6); } + background-color: #00695c !important; +} +.bg-teal.bg-darken-3.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(0, 105, 92, 0.6); +} .btn-teal.btn-darken-3 { border-color: #00796b !important; - background-color: #00695c !important; } - .btn-teal.btn-darken-3:hover { - border-color: #00796b !important; - background-color: #00695c !important; } - .btn-teal.btn-darken-3:focus, .btn-teal.btn-darken-3:active { - border-color: #00695c !important; - background-color: #004d40 !important; } + background-color: #00695c !important; +} +.btn-teal.btn-darken-3:hover { + border-color: #00796b !important; + background-color: #00695c !important; +} +.btn-teal.btn-darken-3:focus, +.btn-teal.btn-darken-3:active { + border-color: #00695c !important; + background-color: #004d40 !important; +} .btn-outline-teal.btn-outline-darken-3 { border-color: #00695c !important; - color: #00695c !important; } - .btn-outline-teal.btn-outline-darken-3:hover { - background-color: #00695c !important; } + color: #00695c !important; +} +.btn-outline-teal.btn-outline-darken-3:hover { + background-color: #00695c !important; +} input:focus ~ .bg-teal { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #00695c !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #00695c !important; +} .border-teal.border-darken-3 { - border: 1px solid #00695c !important; } + border: 1px solid #00695c !important; +} .border-top-teal.border-top-darken-3 { - border-top: 1px solid #00695c !important; } + border-top: 1px solid #00695c !important; +} .border-bottom-teal.border-bottom-darken-3 { - border-bottom: 1px solid #00695c !important; } + border-bottom: 1px solid #00695c !important; +} .border-left-teal.border-left-darken-3 { - border-left: 1px solid #00695c !important; } + border-left: 1px solid #00695c !important; +} .border-right-teal.border-right-darken-3 { - border-right: 1px solid #00695c !important; } + border-right: 1px solid #00695c !important; +} .overlay-teal.overlay-darken-3 { background: #00695c; /* The Fallback */ - background: rgba(0, 105, 92, 0.8); } + background: rgba(0, 105, 92, 0.8); +} .teal.darken-4 { - color: #004d40 !important; } + color: #004d40 !important; +} .bg-teal.bg-darken-4 { - background-color: #004d40 !important; } - .bg-teal.bg-darken-4.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(0, 77, 64, 0.6); } + background-color: #004d40 !important; +} +.bg-teal.bg-darken-4.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(0, 77, 64, 0.6); +} .btn-teal.btn-darken-4 { border-color: #00796b !important; - background-color: #004d40 !important; } - .btn-teal.btn-darken-4:hover { - border-color: #00796b !important; - background-color: #00695c !important; } - .btn-teal.btn-darken-4:focus, .btn-teal.btn-darken-4:active { - border-color: #00695c !important; - background-color: #004d40 !important; } + background-color: #004d40 !important; +} +.btn-teal.btn-darken-4:hover { + border-color: #00796b !important; + background-color: #00695c !important; +} +.btn-teal.btn-darken-4:focus, +.btn-teal.btn-darken-4:active { + border-color: #00695c !important; + background-color: #004d40 !important; +} .btn-outline-teal.btn-outline-darken-4 { border-color: #004d40 !important; - color: #004d40 !important; } - .btn-outline-teal.btn-outline-darken-4:hover { - background-color: #004d40 !important; } + color: #004d40 !important; +} +.btn-outline-teal.btn-outline-darken-4:hover { + background-color: #004d40 !important; +} input:focus ~ .bg-teal { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #004d40 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #004d40 !important; +} .border-teal.border-darken-4 { - border: 1px solid #004d40 !important; } + border: 1px solid #004d40 !important; +} .border-top-teal.border-top-darken-4 { - border-top: 1px solid #004d40 !important; } + border-top: 1px solid #004d40 !important; +} .border-bottom-teal.border-bottom-darken-4 { - border-bottom: 1px solid #004d40 !important; } + border-bottom: 1px solid #004d40 !important; +} .border-left-teal.border-left-darken-4 { - border-left: 1px solid #004d40 !important; } + border-left: 1px solid #004d40 !important; +} .border-right-teal.border-right-darken-4 { - border-right: 1px solid #004d40 !important; } + border-right: 1px solid #004d40 !important; +} .overlay-teal.overlay-darken-4 { background: #004d40; /* The Fallback */ - background: rgba(0, 77, 64, 0.8); } + background: rgba(0, 77, 64, 0.8); +} .teal.accent-1 { - color: #a7ffeb !important; } + color: #a7ffeb !important; +} .bg-teal.bg-accent-1 { - background-color: #a7ffeb !important; } - .bg-teal.bg-accent-1.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(167, 255, 235, 0.6); } + background-color: #a7ffeb !important; +} +.bg-teal.bg-accent-1.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(167, 255, 235, 0.6); +} .btn-teal.btn-accent-1 { border-color: #00796b !important; - background-color: #a7ffeb !important; } - .btn-teal.btn-accent-1:hover { - border-color: #00796b !important; - background-color: #00695c !important; } - .btn-teal.btn-accent-1:focus, .btn-teal.btn-accent-1:active { - border-color: #00695c !important; - background-color: #004d40 !important; } + background-color: #a7ffeb !important; +} +.btn-teal.btn-accent-1:hover { + border-color: #00796b !important; + background-color: #00695c !important; +} +.btn-teal.btn-accent-1:focus, +.btn-teal.btn-accent-1:active { + border-color: #00695c !important; + background-color: #004d40 !important; +} .btn-outline-teal.btn-outline-accent-1 { border-color: #a7ffeb !important; - color: #a7ffeb !important; } - .btn-outline-teal.btn-outline-accent-1:hover { - background-color: #a7ffeb !important; } + color: #a7ffeb !important; +} +.btn-outline-teal.btn-outline-accent-1:hover { + background-color: #a7ffeb !important; +} input:focus ~ .bg-teal { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #a7ffeb !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #a7ffeb !important; +} .border-teal.border-accent-1 { - border: 1px solid #a7ffeb !important; } + border: 1px solid #a7ffeb !important; +} .border-top-teal.border-top-accent-1 { - border-top: 1px solid #a7ffeb !important; } + border-top: 1px solid #a7ffeb !important; +} .border-bottom-teal.border-bottom-accent-1 { - border-bottom: 1px solid #a7ffeb !important; } + border-bottom: 1px solid #a7ffeb !important; +} .border-left-teal.border-left-accent-1 { - border-left: 1px solid #a7ffeb !important; } + border-left: 1px solid #a7ffeb !important; +} .border-right-teal.border-right-accent-1 { - border-right: 1px solid #a7ffeb !important; } + border-right: 1px solid #a7ffeb !important; +} .overlay-teal.overlay-accent-1 { background: #a7ffeb; /* The Fallback */ - background: rgba(167, 255, 235, 0.8); } + background: rgba(167, 255, 235, 0.8); +} .teal.accent-2 { - color: #64ffda !important; } + color: #64ffda !important; +} .bg-teal.bg-accent-2 { - background-color: #64ffda !important; } - .bg-teal.bg-accent-2.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(100, 255, 218, 0.6); } + background-color: #64ffda !important; +} +.bg-teal.bg-accent-2.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(100, 255, 218, 0.6); +} .btn-teal.btn-accent-2 { border-color: #00796b !important; - background-color: #64ffda !important; } - .btn-teal.btn-accent-2:hover { - border-color: #00796b !important; - background-color: #00695c !important; } - .btn-teal.btn-accent-2:focus, .btn-teal.btn-accent-2:active { - border-color: #00695c !important; - background-color: #004d40 !important; } + background-color: #64ffda !important; +} +.btn-teal.btn-accent-2:hover { + border-color: #00796b !important; + background-color: #00695c !important; +} +.btn-teal.btn-accent-2:focus, +.btn-teal.btn-accent-2:active { + border-color: #00695c !important; + background-color: #004d40 !important; +} .btn-outline-teal.btn-outline-accent-2 { border-color: #64ffda !important; - color: #64ffda !important; } - .btn-outline-teal.btn-outline-accent-2:hover { - background-color: #64ffda !important; } + color: #64ffda !important; +} +.btn-outline-teal.btn-outline-accent-2:hover { + background-color: #64ffda !important; +} input:focus ~ .bg-teal { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #64ffda !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #64ffda !important; +} .border-teal.border-accent-2 { - border: 1px solid #64ffda !important; } + border: 1px solid #64ffda !important; +} .border-top-teal.border-top-accent-2 { - border-top: 1px solid #64ffda !important; } + border-top: 1px solid #64ffda !important; +} .border-bottom-teal.border-bottom-accent-2 { - border-bottom: 1px solid #64ffda !important; } + border-bottom: 1px solid #64ffda !important; +} .border-left-teal.border-left-accent-2 { - border-left: 1px solid #64ffda !important; } + border-left: 1px solid #64ffda !important; +} .border-right-teal.border-right-accent-2 { - border-right: 1px solid #64ffda !important; } + border-right: 1px solid #64ffda !important; +} .overlay-teal.overlay-accent-2 { background: #64ffda; /* The Fallback */ - background: rgba(100, 255, 218, 0.8); } + background: rgba(100, 255, 218, 0.8); +} .teal.accent-3 { - color: #1de9b6 !important; } + color: #1de9b6 !important; +} .bg-teal.bg-accent-3 { - background-color: #1de9b6 !important; } - .bg-teal.bg-accent-3.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(29, 233, 182, 0.6); } + background-color: #1de9b6 !important; +} +.bg-teal.bg-accent-3.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(29, 233, 182, 0.6); +} .btn-teal.btn-accent-3 { border-color: #00796b !important; - background-color: #1de9b6 !important; } - .btn-teal.btn-accent-3:hover { - border-color: #00796b !important; - background-color: #00695c !important; } - .btn-teal.btn-accent-3:focus, .btn-teal.btn-accent-3:active { - border-color: #00695c !important; - background-color: #004d40 !important; } + background-color: #1de9b6 !important; +} +.btn-teal.btn-accent-3:hover { + border-color: #00796b !important; + background-color: #00695c !important; +} +.btn-teal.btn-accent-3:focus, +.btn-teal.btn-accent-3:active { + border-color: #00695c !important; + background-color: #004d40 !important; +} .btn-outline-teal.btn-outline-accent-3 { border-color: #1de9b6 !important; - color: #1de9b6 !important; } - .btn-outline-teal.btn-outline-accent-3:hover { - background-color: #1de9b6 !important; } + color: #1de9b6 !important; +} +.btn-outline-teal.btn-outline-accent-3:hover { + background-color: #1de9b6 !important; +} input:focus ~ .bg-teal { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #1de9b6 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #1de9b6 !important; +} .border-teal.border-accent-3 { - border: 1px solid #1de9b6 !important; } + border: 1px solid #1de9b6 !important; +} .border-top-teal.border-top-accent-3 { - border-top: 1px solid #1de9b6 !important; } + border-top: 1px solid #1de9b6 !important; +} .border-bottom-teal.border-bottom-accent-3 { - border-bottom: 1px solid #1de9b6 !important; } + border-bottom: 1px solid #1de9b6 !important; +} .border-left-teal.border-left-accent-3 { - border-left: 1px solid #1de9b6 !important; } + border-left: 1px solid #1de9b6 !important; +} .border-right-teal.border-right-accent-3 { - border-right: 1px solid #1de9b6 !important; } + border-right: 1px solid #1de9b6 !important; +} .overlay-teal.overlay-accent-3 { background: #1de9b6; /* The Fallback */ - background: rgba(29, 233, 182, 0.8); } + background: rgba(29, 233, 182, 0.8); +} .teal.accent-4 { - color: #00bfa5 !important; } + color: #00bfa5 !important; +} .bg-teal.bg-accent-4 { - background-color: #00bfa5 !important; } - .bg-teal.bg-accent-4.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(0, 191, 165, 0.6); } + background-color: #00bfa5 !important; +} +.bg-teal.bg-accent-4.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(0, 191, 165, 0.6); +} .btn-teal.btn-accent-4 { border-color: #00796b !important; - background-color: #00bfa5 !important; } - .btn-teal.btn-accent-4:hover { - border-color: #00796b !important; - background-color: #00695c !important; } - .btn-teal.btn-accent-4:focus, .btn-teal.btn-accent-4:active { - border-color: #00695c !important; - background-color: #004d40 !important; } + background-color: #00bfa5 !important; +} +.btn-teal.btn-accent-4:hover { + border-color: #00796b !important; + background-color: #00695c !important; +} +.btn-teal.btn-accent-4:focus, +.btn-teal.btn-accent-4:active { + border-color: #00695c !important; + background-color: #004d40 !important; +} .btn-outline-teal.btn-outline-accent-4 { border-color: #00bfa5 !important; - color: #00bfa5 !important; } - .btn-outline-teal.btn-outline-accent-4:hover { - background-color: #00bfa5 !important; } + color: #00bfa5 !important; +} +.btn-outline-teal.btn-outline-accent-4:hover { + background-color: #00bfa5 !important; +} input:focus ~ .bg-teal { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #00bfa5 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #00bfa5 !important; +} .border-teal.border-accent-4 { - border: 1px solid #00bfa5 !important; } + border: 1px solid #00bfa5 !important; +} .border-top-teal.border-top-accent-4 { - border-top: 1px solid #00bfa5 !important; } + border-top: 1px solid #00bfa5 !important; +} .border-bottom-teal.border-bottom-accent-4 { - border-bottom: 1px solid #00bfa5 !important; } + border-bottom: 1px solid #00bfa5 !important; +} .border-left-teal.border-left-accent-4 { - border-left: 1px solid #00bfa5 !important; } + border-left: 1px solid #00bfa5 !important; +} .border-right-teal.border-right-accent-4 { - border-right: 1px solid #00bfa5 !important; } + border-right: 1px solid #00bfa5 !important; +} .overlay-teal.overlay-accent-4 { background: #00bfa5; /* The Fallback */ - background: rgba(0, 191, 165, 0.8); } + background: rgba(0, 191, 165, 0.8); +} .yellow.lighten-5 { - color: #fffde7 !important; } + color: #fffde7 !important; +} .bg-yellow.bg-lighten-5 { - background-color: #fffde7 !important; } - .bg-yellow.bg-lighten-5.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(255, 253, 231, 0.6); } + background-color: #fffde7 !important; +} +.bg-yellow.bg-lighten-5.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(255, 253, 231, 0.6); +} .btn-yellow.btn-lighten-5 { border-color: #fbc02d !important; - background-color: #fffde7 !important; } - .btn-yellow.btn-lighten-5:hover { - border-color: #fbc02d !important; - background-color: #f9a825 !important; } - .btn-yellow.btn-lighten-5:focus, .btn-yellow.btn-lighten-5:active { - border-color: #f9a825 !important; - background-color: #f57f17 !important; } + background-color: #fffde7 !important; +} +.btn-yellow.btn-lighten-5:hover { + border-color: #fbc02d !important; + background-color: #f9a825 !important; +} +.btn-yellow.btn-lighten-5:focus, +.btn-yellow.btn-lighten-5:active { + border-color: #f9a825 !important; + background-color: #f57f17 !important; +} .btn-outline-yellow.btn-outline-lighten-5 { border-color: #fffde7 !important; - color: #fffde7 !important; } - .btn-outline-yellow.btn-outline-lighten-5:hover { - background-color: #fffde7 !important; } + color: #fffde7 !important; +} +.btn-outline-yellow.btn-outline-lighten-5:hover { + background-color: #fffde7 !important; +} input:focus ~ .bg-yellow { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #fffde7 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #fffde7 !important; +} .border-yellow.border-lighten-5 { - border: 1px solid #fffde7 !important; } + border: 1px solid #fffde7 !important; +} .border-top-yellow.border-top-lighten-5 { - border-top: 1px solid #fffde7 !important; } + border-top: 1px solid #fffde7 !important; +} .border-bottom-yellow.border-bottom-lighten-5 { - border-bottom: 1px solid #fffde7 !important; } + border-bottom: 1px solid #fffde7 !important; +} .border-left-yellow.border-left-lighten-5 { - border-left: 1px solid #fffde7 !important; } + border-left: 1px solid #fffde7 !important; +} .border-right-yellow.border-right-lighten-5 { - border-right: 1px solid #fffde7 !important; } + border-right: 1px solid #fffde7 !important; +} .overlay-yellow.overlay-lighten-5 { background: #fffde7; /* The Fallback */ - background: rgba(255, 253, 231, 0.8); } + background: rgba(255, 253, 231, 0.8); +} .yellow.lighten-4 { - color: #fff9c4 !important; } + color: #fff9c4 !important; +} .bg-yellow.bg-lighten-4 { - background-color: #fff9c4 !important; } - .bg-yellow.bg-lighten-4.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(255, 249, 196, 0.6); } + background-color: #fff9c4 !important; +} +.bg-yellow.bg-lighten-4.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(255, 249, 196, 0.6); +} .btn-yellow.btn-lighten-4 { border-color: #fbc02d !important; - background-color: #fff9c4 !important; } - .btn-yellow.btn-lighten-4:hover { - border-color: #fbc02d !important; - background-color: #f9a825 !important; } - .btn-yellow.btn-lighten-4:focus, .btn-yellow.btn-lighten-4:active { - border-color: #f9a825 !important; - background-color: #f57f17 !important; } + background-color: #fff9c4 !important; +} +.btn-yellow.btn-lighten-4:hover { + border-color: #fbc02d !important; + background-color: #f9a825 !important; +} +.btn-yellow.btn-lighten-4:focus, +.btn-yellow.btn-lighten-4:active { + border-color: #f9a825 !important; + background-color: #f57f17 !important; +} .btn-outline-yellow.btn-outline-lighten-4 { border-color: #fff9c4 !important; - color: #fff9c4 !important; } - .btn-outline-yellow.btn-outline-lighten-4:hover { - background-color: #fff9c4 !important; } + color: #fff9c4 !important; +} +.btn-outline-yellow.btn-outline-lighten-4:hover { + background-color: #fff9c4 !important; +} input:focus ~ .bg-yellow { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #fff9c4 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #fff9c4 !important; +} .border-yellow.border-lighten-4 { - border: 1px solid #fff9c4 !important; } + border: 1px solid #fff9c4 !important; +} .border-top-yellow.border-top-lighten-4 { - border-top: 1px solid #fff9c4 !important; } + border-top: 1px solid #fff9c4 !important; +} .border-bottom-yellow.border-bottom-lighten-4 { - border-bottom: 1px solid #fff9c4 !important; } + border-bottom: 1px solid #fff9c4 !important; +} .border-left-yellow.border-left-lighten-4 { - border-left: 1px solid #fff9c4 !important; } + border-left: 1px solid #fff9c4 !important; +} .border-right-yellow.border-right-lighten-4 { - border-right: 1px solid #fff9c4 !important; } + border-right: 1px solid #fff9c4 !important; +} .overlay-yellow.overlay-lighten-4 { background: #fff9c4; /* The Fallback */ - background: rgba(255, 249, 196, 0.8); } + background: rgba(255, 249, 196, 0.8); +} .yellow.lighten-3 { - color: #fff59d !important; } + color: #fff59d !important; +} .bg-yellow.bg-lighten-3 { - background-color: #fff59d !important; } - .bg-yellow.bg-lighten-3.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(255, 245, 157, 0.6); } + background-color: #fff59d !important; +} +.bg-yellow.bg-lighten-3.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(255, 245, 157, 0.6); +} .btn-yellow.btn-lighten-3 { border-color: #fbc02d !important; - background-color: #fff59d !important; } - .btn-yellow.btn-lighten-3:hover { - border-color: #fbc02d !important; - background-color: #f9a825 !important; } - .btn-yellow.btn-lighten-3:focus, .btn-yellow.btn-lighten-3:active { - border-color: #f9a825 !important; - background-color: #f57f17 !important; } + background-color: #fff59d !important; +} +.btn-yellow.btn-lighten-3:hover { + border-color: #fbc02d !important; + background-color: #f9a825 !important; +} +.btn-yellow.btn-lighten-3:focus, +.btn-yellow.btn-lighten-3:active { + border-color: #f9a825 !important; + background-color: #f57f17 !important; +} .btn-outline-yellow.btn-outline-lighten-3 { border-color: #fff59d !important; - color: #fff59d !important; } - .btn-outline-yellow.btn-outline-lighten-3:hover { - background-color: #fff59d !important; } + color: #fff59d !important; +} +.btn-outline-yellow.btn-outline-lighten-3:hover { + background-color: #fff59d !important; +} input:focus ~ .bg-yellow { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #fff59d !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #fff59d !important; +} .border-yellow.border-lighten-3 { - border: 1px solid #fff59d !important; } + border: 1px solid #fff59d !important; +} .border-top-yellow.border-top-lighten-3 { - border-top: 1px solid #fff59d !important; } + border-top: 1px solid #fff59d !important; +} .border-bottom-yellow.border-bottom-lighten-3 { - border-bottom: 1px solid #fff59d !important; } + border-bottom: 1px solid #fff59d !important; +} .border-left-yellow.border-left-lighten-3 { - border-left: 1px solid #fff59d !important; } + border-left: 1px solid #fff59d !important; +} .border-right-yellow.border-right-lighten-3 { - border-right: 1px solid #fff59d !important; } + border-right: 1px solid #fff59d !important; +} .overlay-yellow.overlay-lighten-3 { background: #fff59d; /* The Fallback */ - background: rgba(255, 245, 157, 0.8); } + background: rgba(255, 245, 157, 0.8); +} .yellow.lighten-2 { - color: #fff176 !important; } + color: #fff176 !important; +} .bg-yellow.bg-lighten-2 { - background-color: #fff176 !important; } - .bg-yellow.bg-lighten-2.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(255, 241, 118, 0.6); } + background-color: #fff176 !important; +} +.bg-yellow.bg-lighten-2.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(255, 241, 118, 0.6); +} .btn-yellow.btn-lighten-2 { border-color: #fbc02d !important; - background-color: #fff176 !important; } - .btn-yellow.btn-lighten-2:hover { - border-color: #fbc02d !important; - background-color: #f9a825 !important; } - .btn-yellow.btn-lighten-2:focus, .btn-yellow.btn-lighten-2:active { - border-color: #f9a825 !important; - background-color: #f57f17 !important; } + background-color: #fff176 !important; +} +.btn-yellow.btn-lighten-2:hover { + border-color: #fbc02d !important; + background-color: #f9a825 !important; +} +.btn-yellow.btn-lighten-2:focus, +.btn-yellow.btn-lighten-2:active { + border-color: #f9a825 !important; + background-color: #f57f17 !important; +} .btn-outline-yellow.btn-outline-lighten-2 { border-color: #fff176 !important; - color: #fff176 !important; } - .btn-outline-yellow.btn-outline-lighten-2:hover { - background-color: #fff176 !important; } + color: #fff176 !important; +} +.btn-outline-yellow.btn-outline-lighten-2:hover { + background-color: #fff176 !important; +} input:focus ~ .bg-yellow { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #fff176 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #fff176 !important; +} .border-yellow.border-lighten-2 { - border: 1px solid #fff176 !important; } + border: 1px solid #fff176 !important; +} .border-top-yellow.border-top-lighten-2 { - border-top: 1px solid #fff176 !important; } + border-top: 1px solid #fff176 !important; +} .border-bottom-yellow.border-bottom-lighten-2 { - border-bottom: 1px solid #fff176 !important; } + border-bottom: 1px solid #fff176 !important; +} .border-left-yellow.border-left-lighten-2 { - border-left: 1px solid #fff176 !important; } + border-left: 1px solid #fff176 !important; +} .border-right-yellow.border-right-lighten-2 { - border-right: 1px solid #fff176 !important; } + border-right: 1px solid #fff176 !important; +} .overlay-yellow.overlay-lighten-2 { background: #fff176; /* The Fallback */ - background: rgba(255, 241, 118, 0.8); } + background: rgba(255, 241, 118, 0.8); +} .yellow.lighten-1 { - color: #ffee58 !important; } + color: #ffee58 !important; +} .bg-yellow.bg-lighten-1 { - background-color: #ffee58 !important; } - .bg-yellow.bg-lighten-1.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(255, 238, 88, 0.6); } + background-color: #ffee58 !important; +} +.bg-yellow.bg-lighten-1.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(255, 238, 88, 0.6); +} .btn-yellow.btn-lighten-1 { border-color: #fbc02d !important; - background-color: #ffee58 !important; } - .btn-yellow.btn-lighten-1:hover { - border-color: #fbc02d !important; - background-color: #f9a825 !important; } - .btn-yellow.btn-lighten-1:focus, .btn-yellow.btn-lighten-1:active { - border-color: #f9a825 !important; - background-color: #f57f17 !important; } + background-color: #ffee58 !important; +} +.btn-yellow.btn-lighten-1:hover { + border-color: #fbc02d !important; + background-color: #f9a825 !important; +} +.btn-yellow.btn-lighten-1:focus, +.btn-yellow.btn-lighten-1:active { + border-color: #f9a825 !important; + background-color: #f57f17 !important; +} .btn-outline-yellow.btn-outline-lighten-1 { border-color: #ffee58 !important; - color: #ffee58 !important; } - .btn-outline-yellow.btn-outline-lighten-1:hover { - background-color: #ffee58 !important; } + color: #ffee58 !important; +} +.btn-outline-yellow.btn-outline-lighten-1:hover { + background-color: #ffee58 !important; +} input:focus ~ .bg-yellow { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffee58 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffee58 !important; +} .border-yellow.border-lighten-1 { - border: 1px solid #ffee58 !important; } + border: 1px solid #ffee58 !important; +} .border-top-yellow.border-top-lighten-1 { - border-top: 1px solid #ffee58 !important; } + border-top: 1px solid #ffee58 !important; +} .border-bottom-yellow.border-bottom-lighten-1 { - border-bottom: 1px solid #ffee58 !important; } + border-bottom: 1px solid #ffee58 !important; +} .border-left-yellow.border-left-lighten-1 { - border-left: 1px solid #ffee58 !important; } + border-left: 1px solid #ffee58 !important; +} .border-right-yellow.border-right-lighten-1 { - border-right: 1px solid #ffee58 !important; } + border-right: 1px solid #ffee58 !important; +} .overlay-yellow.overlay-lighten-1 { background: #ffee58; /* The Fallback */ - background: rgba(255, 238, 88, 0.8); } + background: rgba(255, 238, 88, 0.8); +} .yellow { - color: #ffeb3b !important; } + color: #ffeb3b !important; +} .bg-yellow { - background-color: #ffeb3b !important; } - .bg-yellow .card-header, - .bg-yellow .card-footer { - background-color: transparent; } - .bg-yellow.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(255, 235, 59, 0.6); } + background-color: #ffeb3b !important; +} +.bg-yellow .card-header, +.bg-yellow .card-footer { + background-color: transparent; +} +.bg-yellow.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(255, 235, 59, 0.6); +} .selectboxit.selectboxit-btn.bg-yellow { - background-color: #ffeb3b !important; } + background-color: #ffeb3b !important; +} .alert-yellow { border-color: #ffeb3b !important; - background-color: #fff282; } + background-color: #fff282; +} .border-yellow { border-color: #ffeb3b; - border: 1px solid; } + border: 1px solid; +} .overlay-yellow { background: #ffeb3b; /* The Fallback */ - background: rgba(255, 235, 59, 0.8); } + background: rgba(255, 235, 59, 0.8); +} .color-info.yellow { - background-color: #ffeb3b !important; } + background-color: #ffeb3b !important; +} .btn-yellow { border-color: #fbc02d !important; background-color: #ffeb3b !important; - color: #FFFFFF; } - .btn-yellow:hover { - border-color: #fdd835 !important; - background-color: #ffee58 !important; - color: #FFF !important; } - .btn-yellow:focus, .btn-yellow:active { - border-color: #fbc02d !important; - background-color: #f9a825 !important; - color: #FFF !important; } - .btn-yellow.btn-glow { - box-shadow: 0px 1px 20px 1px rgba(255, 235, 59, 0.6); } + color: #ffffff; +} +.btn-yellow:hover { + border-color: #fdd835 !important; + background-color: #ffee58 !important; + color: #fff !important; +} +.btn-yellow:focus, +.btn-yellow:active { + border-color: #fbc02d !important; + background-color: #f9a825 !important; + color: #fff !important; +} +.btn-yellow.btn-glow { + box-shadow: 0px 1px 20px 1px rgba(255, 235, 59, 0.6); +} .btn-outline-yellow { border: 1px solid; border-color: #ffeb3b; background-color: transparent; - color: #ffeb3b; } - .btn-outline-yellow:hover { - background-color: #ffeb3b; - color: #FFF !important; } - .btn-outline-yellow.btn-glow { - box-shadow: 0px 1px 20px 1px rgba(255, 235, 59, 0.6); } - -input[type="checkbox"].bg-yellow + .custom-control-label:before, input[type="radio"].bg-yellow + .custom-control-label:before { - background-color: #ffeb3b !important; } - -/* .custom-control-label{ - &:before{ - background-color: #ddd !important; - } + color: #ffeb3b; +} +.btn-outline-yellow:hover { + background-color: #ffeb3b; + color: #fff !important; +} +.btn-outline-yellow.btn-glow { + box-shadow: 0px 1px 20px 1px rgba(255, 235, 59, 0.6); +} + +input[type='checkbox'].bg-yellow + .custom-control-label:before, +input[type='radio'].bg-yellow + .custom-control-label:before { + background-color: #ffeb3b !important; +} + +/* .custom-control-label{ + &:before{ + background-color: #ddd !important; + } } */ input:focus ~ .bg-yellow { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffeb3b !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffeb3b !important; +} .border-yellow { - border-color: #ffeb3b !important; } + border-color: #ffeb3b !important; +} .border-top-yellow { - border-top: 1px solid #ffeb3b; } + border-top: 1px solid #ffeb3b; +} .border-bottom-yellow { - border-bottom: 1px solid #ffeb3b; } + border-bottom: 1px solid #ffeb3b; +} .border-left-yellow { - border-left: 1px solid #ffeb3b; } + border-left: 1px solid #ffeb3b; +} .border-right-yellow { - border-right: 1px solid #ffeb3b; } + border-right: 1px solid #ffeb3b; +} /* Bullet yellow */ .bullet.bullet-yellow { - background-color: #ffeb3b; } + background-color: #ffeb3b; +} .yellow.darken-1 { - color: #fdd835 !important; } + color: #fdd835 !important; +} .bg-yellow.bg-darken-1 { - background-color: #fdd835 !important; } - .bg-yellow.bg-darken-1.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(253, 216, 53, 0.6); } + background-color: #fdd835 !important; +} +.bg-yellow.bg-darken-1.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(253, 216, 53, 0.6); +} .btn-yellow.btn-darken-1 { border-color: #fbc02d !important; - background-color: #fdd835 !important; } - .btn-yellow.btn-darken-1:hover { - border-color: #fbc02d !important; - background-color: #f9a825 !important; } - .btn-yellow.btn-darken-1:focus, .btn-yellow.btn-darken-1:active { - border-color: #f9a825 !important; - background-color: #f57f17 !important; } + background-color: #fdd835 !important; +} +.btn-yellow.btn-darken-1:hover { + border-color: #fbc02d !important; + background-color: #f9a825 !important; +} +.btn-yellow.btn-darken-1:focus, +.btn-yellow.btn-darken-1:active { + border-color: #f9a825 !important; + background-color: #f57f17 !important; +} .btn-outline-yellow.btn-outline-darken-1 { border-color: #fdd835 !important; - color: #fdd835 !important; } - .btn-outline-yellow.btn-outline-darken-1:hover { - background-color: #fdd835 !important; } + color: #fdd835 !important; +} +.btn-outline-yellow.btn-outline-darken-1:hover { + background-color: #fdd835 !important; +} input:focus ~ .bg-yellow { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #fdd835 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #fdd835 !important; +} .border-yellow.border-darken-1 { - border: 1px solid #fdd835 !important; } + border: 1px solid #fdd835 !important; +} .border-top-yellow.border-top-darken-1 { - border-top: 1px solid #fdd835 !important; } + border-top: 1px solid #fdd835 !important; +} .border-bottom-yellow.border-bottom-darken-1 { - border-bottom: 1px solid #fdd835 !important; } + border-bottom: 1px solid #fdd835 !important; +} .border-left-yellow.border-left-darken-1 { - border-left: 1px solid #fdd835 !important; } + border-left: 1px solid #fdd835 !important; +} .border-right-yellow.border-right-darken-1 { - border-right: 1px solid #fdd835 !important; } + border-right: 1px solid #fdd835 !important; +} .overlay-yellow.overlay-darken-1 { background: #fdd835; /* The Fallback */ - background: rgba(253, 216, 53, 0.8); } + background: rgba(253, 216, 53, 0.8); +} .yellow.darken-2 { - color: #fbc02d !important; } + color: #fbc02d !important; +} .bg-yellow.bg-darken-2 { - background-color: #fbc02d !important; } - .bg-yellow.bg-darken-2.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(251, 192, 45, 0.6); } + background-color: #fbc02d !important; +} +.bg-yellow.bg-darken-2.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(251, 192, 45, 0.6); +} .btn-yellow.btn-darken-2 { border-color: #fbc02d !important; - background-color: #fbc02d !important; } - .btn-yellow.btn-darken-2:hover { - border-color: #fbc02d !important; - background-color: #f9a825 !important; } - .btn-yellow.btn-darken-2:focus, .btn-yellow.btn-darken-2:active { - border-color: #f9a825 !important; - background-color: #f57f17 !important; } + background-color: #fbc02d !important; +} +.btn-yellow.btn-darken-2:hover { + border-color: #fbc02d !important; + background-color: #f9a825 !important; +} +.btn-yellow.btn-darken-2:focus, +.btn-yellow.btn-darken-2:active { + border-color: #f9a825 !important; + background-color: #f57f17 !important; +} .btn-outline-yellow.btn-outline-darken-2 { border-color: #fbc02d !important; - color: #fbc02d !important; } - .btn-outline-yellow.btn-outline-darken-2:hover { - background-color: #fbc02d !important; } + color: #fbc02d !important; +} +.btn-outline-yellow.btn-outline-darken-2:hover { + background-color: #fbc02d !important; +} input:focus ~ .bg-yellow { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #fbc02d !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #fbc02d !important; +} .border-yellow.border-darken-2 { - border: 1px solid #fbc02d !important; } + border: 1px solid #fbc02d !important; +} .border-top-yellow.border-top-darken-2 { - border-top: 1px solid #fbc02d !important; } + border-top: 1px solid #fbc02d !important; +} .border-bottom-yellow.border-bottom-darken-2 { - border-bottom: 1px solid #fbc02d !important; } + border-bottom: 1px solid #fbc02d !important; +} .border-left-yellow.border-left-darken-2 { - border-left: 1px solid #fbc02d !important; } + border-left: 1px solid #fbc02d !important; +} .border-right-yellow.border-right-darken-2 { - border-right: 1px solid #fbc02d !important; } + border-right: 1px solid #fbc02d !important; +} .overlay-yellow.overlay-darken-2 { background: #fbc02d; /* The Fallback */ - background: rgba(251, 192, 45, 0.8); } + background: rgba(251, 192, 45, 0.8); +} .yellow.darken-3 { - color: #f9a825 !important; } + color: #f9a825 !important; +} .bg-yellow.bg-darken-3 { - background-color: #f9a825 !important; } - .bg-yellow.bg-darken-3.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(249, 168, 37, 0.6); } + background-color: #f9a825 !important; +} +.bg-yellow.bg-darken-3.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(249, 168, 37, 0.6); +} .btn-yellow.btn-darken-3 { border-color: #fbc02d !important; - background-color: #f9a825 !important; } - .btn-yellow.btn-darken-3:hover { - border-color: #fbc02d !important; - background-color: #f9a825 !important; } - .btn-yellow.btn-darken-3:focus, .btn-yellow.btn-darken-3:active { - border-color: #f9a825 !important; - background-color: #f57f17 !important; } + background-color: #f9a825 !important; +} +.btn-yellow.btn-darken-3:hover { + border-color: #fbc02d !important; + background-color: #f9a825 !important; +} +.btn-yellow.btn-darken-3:focus, +.btn-yellow.btn-darken-3:active { + border-color: #f9a825 !important; + background-color: #f57f17 !important; +} .btn-outline-yellow.btn-outline-darken-3 { border-color: #f9a825 !important; - color: #f9a825 !important; } - .btn-outline-yellow.btn-outline-darken-3:hover { - background-color: #f9a825 !important; } + color: #f9a825 !important; +} +.btn-outline-yellow.btn-outline-darken-3:hover { + background-color: #f9a825 !important; +} input:focus ~ .bg-yellow { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #f9a825 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #f9a825 !important; +} .border-yellow.border-darken-3 { - border: 1px solid #f9a825 !important; } + border: 1px solid #f9a825 !important; +} .border-top-yellow.border-top-darken-3 { - border-top: 1px solid #f9a825 !important; } + border-top: 1px solid #f9a825 !important; +} .border-bottom-yellow.border-bottom-darken-3 { - border-bottom: 1px solid #f9a825 !important; } + border-bottom: 1px solid #f9a825 !important; +} .border-left-yellow.border-left-darken-3 { - border-left: 1px solid #f9a825 !important; } + border-left: 1px solid #f9a825 !important; +} .border-right-yellow.border-right-darken-3 { - border-right: 1px solid #f9a825 !important; } + border-right: 1px solid #f9a825 !important; +} .overlay-yellow.overlay-darken-3 { background: #f9a825; /* The Fallback */ - background: rgba(249, 168, 37, 0.8); } + background: rgba(249, 168, 37, 0.8); +} .yellow.darken-4 { - color: #f57f17 !important; } + color: #f57f17 !important; +} .bg-yellow.bg-darken-4 { - background-color: #f57f17 !important; } - .bg-yellow.bg-darken-4.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(245, 127, 23, 0.6); } + background-color: #f57f17 !important; +} +.bg-yellow.bg-darken-4.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(245, 127, 23, 0.6); +} .btn-yellow.btn-darken-4 { border-color: #fbc02d !important; - background-color: #f57f17 !important; } - .btn-yellow.btn-darken-4:hover { - border-color: #fbc02d !important; - background-color: #f9a825 !important; } - .btn-yellow.btn-darken-4:focus, .btn-yellow.btn-darken-4:active { - border-color: #f9a825 !important; - background-color: #f57f17 !important; } + background-color: #f57f17 !important; +} +.btn-yellow.btn-darken-4:hover { + border-color: #fbc02d !important; + background-color: #f9a825 !important; +} +.btn-yellow.btn-darken-4:focus, +.btn-yellow.btn-darken-4:active { + border-color: #f9a825 !important; + background-color: #f57f17 !important; +} .btn-outline-yellow.btn-outline-darken-4 { border-color: #f57f17 !important; - color: #f57f17 !important; } - .btn-outline-yellow.btn-outline-darken-4:hover { - background-color: #f57f17 !important; } + color: #f57f17 !important; +} +.btn-outline-yellow.btn-outline-darken-4:hover { + background-color: #f57f17 !important; +} input:focus ~ .bg-yellow { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #f57f17 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #f57f17 !important; +} .border-yellow.border-darken-4 { - border: 1px solid #f57f17 !important; } + border: 1px solid #f57f17 !important; +} .border-top-yellow.border-top-darken-4 { - border-top: 1px solid #f57f17 !important; } + border-top: 1px solid #f57f17 !important; +} .border-bottom-yellow.border-bottom-darken-4 { - border-bottom: 1px solid #f57f17 !important; } + border-bottom: 1px solid #f57f17 !important; +} .border-left-yellow.border-left-darken-4 { - border-left: 1px solid #f57f17 !important; } + border-left: 1px solid #f57f17 !important; +} .border-right-yellow.border-right-darken-4 { - border-right: 1px solid #f57f17 !important; } + border-right: 1px solid #f57f17 !important; +} .overlay-yellow.overlay-darken-4 { background: #f57f17; /* The Fallback */ - background: rgba(245, 127, 23, 0.8); } + background: rgba(245, 127, 23, 0.8); +} .yellow.accent-1 { - color: #ffff8d !important; } + color: #ffff8d !important; +} .bg-yellow.bg-accent-1 { - background-color: #ffff8d !important; } - .bg-yellow.bg-accent-1.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(255, 255, 141, 0.6); } + background-color: #ffff8d !important; +} +.bg-yellow.bg-accent-1.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(255, 255, 141, 0.6); +} .btn-yellow.btn-accent-1 { border-color: #fbc02d !important; - background-color: #ffff8d !important; } - .btn-yellow.btn-accent-1:hover { - border-color: #fbc02d !important; - background-color: #f9a825 !important; } - .btn-yellow.btn-accent-1:focus, .btn-yellow.btn-accent-1:active { - border-color: #f9a825 !important; - background-color: #f57f17 !important; } + background-color: #ffff8d !important; +} +.btn-yellow.btn-accent-1:hover { + border-color: #fbc02d !important; + background-color: #f9a825 !important; +} +.btn-yellow.btn-accent-1:focus, +.btn-yellow.btn-accent-1:active { + border-color: #f9a825 !important; + background-color: #f57f17 !important; +} .btn-outline-yellow.btn-outline-accent-1 { border-color: #ffff8d !important; - color: #ffff8d !important; } - .btn-outline-yellow.btn-outline-accent-1:hover { - background-color: #ffff8d !important; } + color: #ffff8d !important; +} +.btn-outline-yellow.btn-outline-accent-1:hover { + background-color: #ffff8d !important; +} input:focus ~ .bg-yellow { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffff8d !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffff8d !important; +} .border-yellow.border-accent-1 { - border: 1px solid #ffff8d !important; } + border: 1px solid #ffff8d !important; +} .border-top-yellow.border-top-accent-1 { - border-top: 1px solid #ffff8d !important; } + border-top: 1px solid #ffff8d !important; +} .border-bottom-yellow.border-bottom-accent-1 { - border-bottom: 1px solid #ffff8d !important; } + border-bottom: 1px solid #ffff8d !important; +} .border-left-yellow.border-left-accent-1 { - border-left: 1px solid #ffff8d !important; } + border-left: 1px solid #ffff8d !important; +} .border-right-yellow.border-right-accent-1 { - border-right: 1px solid #ffff8d !important; } + border-right: 1px solid #ffff8d !important; +} .overlay-yellow.overlay-accent-1 { background: #ffff8d; /* The Fallback */ - background: rgba(255, 255, 141, 0.8); } + background: rgba(255, 255, 141, 0.8); +} .yellow.accent-2 { - color: #ffff00 !important; } + color: #ffff00 !important; +} .bg-yellow.bg-accent-2 { - background-color: #ffff00 !important; } - .bg-yellow.bg-accent-2.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(255, 255, 0, 0.6); } + background-color: #ffff00 !important; +} +.bg-yellow.bg-accent-2.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(255, 255, 0, 0.6); +} .btn-yellow.btn-accent-2 { border-color: #fbc02d !important; - background-color: #ffff00 !important; } - .btn-yellow.btn-accent-2:hover { - border-color: #fbc02d !important; - background-color: #f9a825 !important; } - .btn-yellow.btn-accent-2:focus, .btn-yellow.btn-accent-2:active { - border-color: #f9a825 !important; - background-color: #f57f17 !important; } + background-color: #ffff00 !important; +} +.btn-yellow.btn-accent-2:hover { + border-color: #fbc02d !important; + background-color: #f9a825 !important; +} +.btn-yellow.btn-accent-2:focus, +.btn-yellow.btn-accent-2:active { + border-color: #f9a825 !important; + background-color: #f57f17 !important; +} .btn-outline-yellow.btn-outline-accent-2 { border-color: #ffff00 !important; - color: #ffff00 !important; } - .btn-outline-yellow.btn-outline-accent-2:hover { - background-color: #ffff00 !important; } + color: #ffff00 !important; +} +.btn-outline-yellow.btn-outline-accent-2:hover { + background-color: #ffff00 !important; +} input:focus ~ .bg-yellow { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffff00 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffff00 !important; +} .border-yellow.border-accent-2 { - border: 1px solid #ffff00 !important; } + border: 1px solid #ffff00 !important; +} .border-top-yellow.border-top-accent-2 { - border-top: 1px solid #ffff00 !important; } + border-top: 1px solid #ffff00 !important; +} .border-bottom-yellow.border-bottom-accent-2 { - border-bottom: 1px solid #ffff00 !important; } + border-bottom: 1px solid #ffff00 !important; +} .border-left-yellow.border-left-accent-2 { - border-left: 1px solid #ffff00 !important; } + border-left: 1px solid #ffff00 !important; +} .border-right-yellow.border-right-accent-2 { - border-right: 1px solid #ffff00 !important; } + border-right: 1px solid #ffff00 !important; +} .overlay-yellow.overlay-accent-2 { background: #ffff00; /* The Fallback */ - background: rgba(255, 255, 0, 0.8); } + background: rgba(255, 255, 0, 0.8); +} .yellow.accent-3 { - color: #ffea00 !important; } + color: #ffea00 !important; +} .bg-yellow.bg-accent-3 { - background-color: #ffea00 !important; } - .bg-yellow.bg-accent-3.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(255, 234, 0, 0.6); } + background-color: #ffea00 !important; +} +.bg-yellow.bg-accent-3.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(255, 234, 0, 0.6); +} .btn-yellow.btn-accent-3 { border-color: #fbc02d !important; - background-color: #ffea00 !important; } - .btn-yellow.btn-accent-3:hover { - border-color: #fbc02d !important; - background-color: #f9a825 !important; } - .btn-yellow.btn-accent-3:focus, .btn-yellow.btn-accent-3:active { - border-color: #f9a825 !important; - background-color: #f57f17 !important; } + background-color: #ffea00 !important; +} +.btn-yellow.btn-accent-3:hover { + border-color: #fbc02d !important; + background-color: #f9a825 !important; +} +.btn-yellow.btn-accent-3:focus, +.btn-yellow.btn-accent-3:active { + border-color: #f9a825 !important; + background-color: #f57f17 !important; +} .btn-outline-yellow.btn-outline-accent-3 { border-color: #ffea00 !important; - color: #ffea00 !important; } - .btn-outline-yellow.btn-outline-accent-3:hover { - background-color: #ffea00 !important; } + color: #ffea00 !important; +} +.btn-outline-yellow.btn-outline-accent-3:hover { + background-color: #ffea00 !important; +} input:focus ~ .bg-yellow { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffea00 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffea00 !important; +} .border-yellow.border-accent-3 { - border: 1px solid #ffea00 !important; } + border: 1px solid #ffea00 !important; +} .border-top-yellow.border-top-accent-3 { - border-top: 1px solid #ffea00 !important; } + border-top: 1px solid #ffea00 !important; +} .border-bottom-yellow.border-bottom-accent-3 { - border-bottom: 1px solid #ffea00 !important; } + border-bottom: 1px solid #ffea00 !important; +} .border-left-yellow.border-left-accent-3 { - border-left: 1px solid #ffea00 !important; } + border-left: 1px solid #ffea00 !important; +} .border-right-yellow.border-right-accent-3 { - border-right: 1px solid #ffea00 !important; } + border-right: 1px solid #ffea00 !important; +} .overlay-yellow.overlay-accent-3 { background: #ffea00; /* The Fallback */ - background: rgba(255, 234, 0, 0.8); } + background: rgba(255, 234, 0, 0.8); +} .yellow.accent-4 { - color: #ffd600 !important; } + color: #ffd600 !important; +} .bg-yellow.bg-accent-4 { - background-color: #ffd600 !important; } - .bg-yellow.bg-accent-4.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(255, 214, 0, 0.6); } + background-color: #ffd600 !important; +} +.bg-yellow.bg-accent-4.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(255, 214, 0, 0.6); +} .btn-yellow.btn-accent-4 { border-color: #fbc02d !important; - background-color: #ffd600 !important; } - .btn-yellow.btn-accent-4:hover { - border-color: #fbc02d !important; - background-color: #f9a825 !important; } - .btn-yellow.btn-accent-4:focus, .btn-yellow.btn-accent-4:active { - border-color: #f9a825 !important; - background-color: #f57f17 !important; } + background-color: #ffd600 !important; +} +.btn-yellow.btn-accent-4:hover { + border-color: #fbc02d !important; + background-color: #f9a825 !important; +} +.btn-yellow.btn-accent-4:focus, +.btn-yellow.btn-accent-4:active { + border-color: #f9a825 !important; + background-color: #f57f17 !important; +} .btn-outline-yellow.btn-outline-accent-4 { border-color: #ffd600 !important; - color: #ffd600 !important; } - .btn-outline-yellow.btn-outline-accent-4:hover { - background-color: #ffd600 !important; } + color: #ffd600 !important; +} +.btn-outline-yellow.btn-outline-accent-4:hover { + background-color: #ffd600 !important; +} input:focus ~ .bg-yellow { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffd600 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffd600 !important; +} .border-yellow.border-accent-4 { - border: 1px solid #ffd600 !important; } + border: 1px solid #ffd600 !important; +} .border-top-yellow.border-top-accent-4 { - border-top: 1px solid #ffd600 !important; } + border-top: 1px solid #ffd600 !important; +} .border-bottom-yellow.border-bottom-accent-4 { - border-bottom: 1px solid #ffd600 !important; } + border-bottom: 1px solid #ffd600 !important; +} .border-left-yellow.border-left-accent-4 { - border-left: 1px solid #ffd600 !important; } + border-left: 1px solid #ffd600 !important; +} .border-right-yellow.border-right-accent-4 { - border-right: 1px solid #ffd600 !important; } + border-right: 1px solid #ffd600 !important; +} .overlay-yellow.overlay-accent-4 { background: #ffd600; /* The Fallback */ - background: rgba(255, 214, 0, 0.8); } + background: rgba(255, 214, 0, 0.8); +} .amber.lighten-5 { - color: #fff8e1 !important; } + color: #fff8e1 !important; +} .bg-amber.bg-lighten-5 { - background-color: #fff8e1 !important; } - .bg-amber.bg-lighten-5.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(255, 248, 225, 0.6); } + background-color: #fff8e1 !important; +} +.bg-amber.bg-lighten-5.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(255, 248, 225, 0.6); +} .btn-amber.btn-lighten-5 { border-color: #ffa000 !important; - background-color: #fff8e1 !important; } - .btn-amber.btn-lighten-5:hover { - border-color: #ffa000 !important; - background-color: #ff8f00 !important; } - .btn-amber.btn-lighten-5:focus, .btn-amber.btn-lighten-5:active { - border-color: #ff8f00 !important; - background-color: #ff6f00 !important; } + background-color: #fff8e1 !important; +} +.btn-amber.btn-lighten-5:hover { + border-color: #ffa000 !important; + background-color: #ff8f00 !important; +} +.btn-amber.btn-lighten-5:focus, +.btn-amber.btn-lighten-5:active { + border-color: #ff8f00 !important; + background-color: #ff6f00 !important; +} .btn-outline-amber.btn-outline-lighten-5 { border-color: #fff8e1 !important; - color: #fff8e1 !important; } - .btn-outline-amber.btn-outline-lighten-5:hover { - background-color: #fff8e1 !important; } + color: #fff8e1 !important; +} +.btn-outline-amber.btn-outline-lighten-5:hover { + background-color: #fff8e1 !important; +} input:focus ~ .bg-amber { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #fff8e1 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #fff8e1 !important; +} .border-amber.border-lighten-5 { - border: 1px solid #fff8e1 !important; } + border: 1px solid #fff8e1 !important; +} .border-top-amber.border-top-lighten-5 { - border-top: 1px solid #fff8e1 !important; } + border-top: 1px solid #fff8e1 !important; +} .border-bottom-amber.border-bottom-lighten-5 { - border-bottom: 1px solid #fff8e1 !important; } + border-bottom: 1px solid #fff8e1 !important; +} .border-left-amber.border-left-lighten-5 { - border-left: 1px solid #fff8e1 !important; } + border-left: 1px solid #fff8e1 !important; +} .border-right-amber.border-right-lighten-5 { - border-right: 1px solid #fff8e1 !important; } + border-right: 1px solid #fff8e1 !important; +} .overlay-amber.overlay-lighten-5 { background: #fff8e1; /* The Fallback */ - background: rgba(255, 248, 225, 0.8); } + background: rgba(255, 248, 225, 0.8); +} .amber.lighten-4 { - color: #ffecb3 !important; } + color: #ffecb3 !important; +} .bg-amber.bg-lighten-4 { - background-color: #ffecb3 !important; } - .bg-amber.bg-lighten-4.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(255, 236, 179, 0.6); } + background-color: #ffecb3 !important; +} +.bg-amber.bg-lighten-4.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(255, 236, 179, 0.6); +} .btn-amber.btn-lighten-4 { border-color: #ffa000 !important; - background-color: #ffecb3 !important; } - .btn-amber.btn-lighten-4:hover { - border-color: #ffa000 !important; - background-color: #ff8f00 !important; } - .btn-amber.btn-lighten-4:focus, .btn-amber.btn-lighten-4:active { - border-color: #ff8f00 !important; - background-color: #ff6f00 !important; } + background-color: #ffecb3 !important; +} +.btn-amber.btn-lighten-4:hover { + border-color: #ffa000 !important; + background-color: #ff8f00 !important; +} +.btn-amber.btn-lighten-4:focus, +.btn-amber.btn-lighten-4:active { + border-color: #ff8f00 !important; + background-color: #ff6f00 !important; +} .btn-outline-amber.btn-outline-lighten-4 { border-color: #ffecb3 !important; - color: #ffecb3 !important; } - .btn-outline-amber.btn-outline-lighten-4:hover { - background-color: #ffecb3 !important; } + color: #ffecb3 !important; +} +.btn-outline-amber.btn-outline-lighten-4:hover { + background-color: #ffecb3 !important; +} input:focus ~ .bg-amber { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffecb3 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffecb3 !important; +} .border-amber.border-lighten-4 { - border: 1px solid #ffecb3 !important; } + border: 1px solid #ffecb3 !important; +} .border-top-amber.border-top-lighten-4 { - border-top: 1px solid #ffecb3 !important; } + border-top: 1px solid #ffecb3 !important; +} .border-bottom-amber.border-bottom-lighten-4 { - border-bottom: 1px solid #ffecb3 !important; } + border-bottom: 1px solid #ffecb3 !important; +} .border-left-amber.border-left-lighten-4 { - border-left: 1px solid #ffecb3 !important; } + border-left: 1px solid #ffecb3 !important; +} .border-right-amber.border-right-lighten-4 { - border-right: 1px solid #ffecb3 !important; } + border-right: 1px solid #ffecb3 !important; +} .overlay-amber.overlay-lighten-4 { background: #ffecb3; /* The Fallback */ - background: rgba(255, 236, 179, 0.8); } + background: rgba(255, 236, 179, 0.8); +} .amber.lighten-3 { - color: #ffe082 !important; } + color: #ffe082 !important; +} .bg-amber.bg-lighten-3 { - background-color: #ffe082 !important; } - .bg-amber.bg-lighten-3.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(255, 224, 130, 0.6); } + background-color: #ffe082 !important; +} +.bg-amber.bg-lighten-3.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(255, 224, 130, 0.6); +} .btn-amber.btn-lighten-3 { border-color: #ffa000 !important; - background-color: #ffe082 !important; } - .btn-amber.btn-lighten-3:hover { - border-color: #ffa000 !important; - background-color: #ff8f00 !important; } - .btn-amber.btn-lighten-3:focus, .btn-amber.btn-lighten-3:active { - border-color: #ff8f00 !important; - background-color: #ff6f00 !important; } + background-color: #ffe082 !important; +} +.btn-amber.btn-lighten-3:hover { + border-color: #ffa000 !important; + background-color: #ff8f00 !important; +} +.btn-amber.btn-lighten-3:focus, +.btn-amber.btn-lighten-3:active { + border-color: #ff8f00 !important; + background-color: #ff6f00 !important; +} .btn-outline-amber.btn-outline-lighten-3 { border-color: #ffe082 !important; - color: #ffe082 !important; } - .btn-outline-amber.btn-outline-lighten-3:hover { - background-color: #ffe082 !important; } + color: #ffe082 !important; +} +.btn-outline-amber.btn-outline-lighten-3:hover { + background-color: #ffe082 !important; +} input:focus ~ .bg-amber { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffe082 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffe082 !important; +} .border-amber.border-lighten-3 { - border: 1px solid #ffe082 !important; } + border: 1px solid #ffe082 !important; +} .border-top-amber.border-top-lighten-3 { - border-top: 1px solid #ffe082 !important; } + border-top: 1px solid #ffe082 !important; +} .border-bottom-amber.border-bottom-lighten-3 { - border-bottom: 1px solid #ffe082 !important; } + border-bottom: 1px solid #ffe082 !important; +} .border-left-amber.border-left-lighten-3 { - border-left: 1px solid #ffe082 !important; } + border-left: 1px solid #ffe082 !important; +} .border-right-amber.border-right-lighten-3 { - border-right: 1px solid #ffe082 !important; } + border-right: 1px solid #ffe082 !important; +} .overlay-amber.overlay-lighten-3 { background: #ffe082; /* The Fallback */ - background: rgba(255, 224, 130, 0.8); } + background: rgba(255, 224, 130, 0.8); +} .amber.lighten-2 { - color: #ffd54f !important; } + color: #ffd54f !important; +} .bg-amber.bg-lighten-2 { - background-color: #ffd54f !important; } - .bg-amber.bg-lighten-2.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(255, 213, 79, 0.6); } + background-color: #ffd54f !important; +} +.bg-amber.bg-lighten-2.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(255, 213, 79, 0.6); +} .btn-amber.btn-lighten-2 { border-color: #ffa000 !important; - background-color: #ffd54f !important; } - .btn-amber.btn-lighten-2:hover { - border-color: #ffa000 !important; - background-color: #ff8f00 !important; } - .btn-amber.btn-lighten-2:focus, .btn-amber.btn-lighten-2:active { - border-color: #ff8f00 !important; - background-color: #ff6f00 !important; } + background-color: #ffd54f !important; +} +.btn-amber.btn-lighten-2:hover { + border-color: #ffa000 !important; + background-color: #ff8f00 !important; +} +.btn-amber.btn-lighten-2:focus, +.btn-amber.btn-lighten-2:active { + border-color: #ff8f00 !important; + background-color: #ff6f00 !important; +} .btn-outline-amber.btn-outline-lighten-2 { border-color: #ffd54f !important; - color: #ffd54f !important; } - .btn-outline-amber.btn-outline-lighten-2:hover { - background-color: #ffd54f !important; } + color: #ffd54f !important; +} +.btn-outline-amber.btn-outline-lighten-2:hover { + background-color: #ffd54f !important; +} input:focus ~ .bg-amber { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffd54f !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffd54f !important; +} .border-amber.border-lighten-2 { - border: 1px solid #ffd54f !important; } + border: 1px solid #ffd54f !important; +} .border-top-amber.border-top-lighten-2 { - border-top: 1px solid #ffd54f !important; } + border-top: 1px solid #ffd54f !important; +} .border-bottom-amber.border-bottom-lighten-2 { - border-bottom: 1px solid #ffd54f !important; } + border-bottom: 1px solid #ffd54f !important; +} .border-left-amber.border-left-lighten-2 { - border-left: 1px solid #ffd54f !important; } + border-left: 1px solid #ffd54f !important; +} .border-right-amber.border-right-lighten-2 { - border-right: 1px solid #ffd54f !important; } + border-right: 1px solid #ffd54f !important; +} .overlay-amber.overlay-lighten-2 { background: #ffd54f; /* The Fallback */ - background: rgba(255, 213, 79, 0.8); } + background: rgba(255, 213, 79, 0.8); +} .amber.lighten-1 { - color: #ffca28 !important; } + color: #ffca28 !important; +} .bg-amber.bg-lighten-1 { - background-color: #ffca28 !important; } - .bg-amber.bg-lighten-1.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(255, 202, 40, 0.6); } + background-color: #ffca28 !important; +} +.bg-amber.bg-lighten-1.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(255, 202, 40, 0.6); +} .btn-amber.btn-lighten-1 { border-color: #ffa000 !important; - background-color: #ffca28 !important; } - .btn-amber.btn-lighten-1:hover { - border-color: #ffa000 !important; - background-color: #ff8f00 !important; } - .btn-amber.btn-lighten-1:focus, .btn-amber.btn-lighten-1:active { - border-color: #ff8f00 !important; - background-color: #ff6f00 !important; } + background-color: #ffca28 !important; +} +.btn-amber.btn-lighten-1:hover { + border-color: #ffa000 !important; + background-color: #ff8f00 !important; +} +.btn-amber.btn-lighten-1:focus, +.btn-amber.btn-lighten-1:active { + border-color: #ff8f00 !important; + background-color: #ff6f00 !important; +} .btn-outline-amber.btn-outline-lighten-1 { border-color: #ffca28 !important; - color: #ffca28 !important; } - .btn-outline-amber.btn-outline-lighten-1:hover { - background-color: #ffca28 !important; } + color: #ffca28 !important; +} +.btn-outline-amber.btn-outline-lighten-1:hover { + background-color: #ffca28 !important; +} input:focus ~ .bg-amber { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffca28 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffca28 !important; +} .border-amber.border-lighten-1 { - border: 1px solid #ffca28 !important; } + border: 1px solid #ffca28 !important; +} .border-top-amber.border-top-lighten-1 { - border-top: 1px solid #ffca28 !important; } + border-top: 1px solid #ffca28 !important; +} .border-bottom-amber.border-bottom-lighten-1 { - border-bottom: 1px solid #ffca28 !important; } + border-bottom: 1px solid #ffca28 !important; +} .border-left-amber.border-left-lighten-1 { - border-left: 1px solid #ffca28 !important; } + border-left: 1px solid #ffca28 !important; +} .border-right-amber.border-right-lighten-1 { - border-right: 1px solid #ffca28 !important; } + border-right: 1px solid #ffca28 !important; +} .overlay-amber.overlay-lighten-1 { background: #ffca28; /* The Fallback */ - background: rgba(255, 202, 40, 0.8); } + background: rgba(255, 202, 40, 0.8); +} .amber { - color: #ffc107 !important; } + color: #ffc107 !important; +} .bg-amber { - background-color: #ffc107 !important; } - .bg-amber .card-header, - .bg-amber .card-footer { - background-color: transparent; } - .bg-amber.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(255, 193, 7, 0.6); } + background-color: #ffc107 !important; +} +.bg-amber .card-header, +.bg-amber .card-footer { + background-color: transparent; +} +.bg-amber.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(255, 193, 7, 0.6); +} .selectboxit.selectboxit-btn.bg-amber { - background-color: #ffc107 !important; } + background-color: #ffc107 !important; +} .alert-amber { border-color: #ffc107 !important; - background-color: #ffd34e; } + background-color: #ffd34e; +} .border-amber { border-color: #ffc107; - border: 1px solid; } + border: 1px solid; +} .overlay-amber { background: #ffc107; /* The Fallback */ - background: rgba(255, 193, 7, 0.8); } + background: rgba(255, 193, 7, 0.8); +} .color-info.amber { - background-color: #ffc107 !important; } + background-color: #ffc107 !important; +} .btn-amber { border-color: #ffa000 !important; background-color: #ffc107 !important; - color: #FFFFFF; } - .btn-amber:hover { - border-color: #ffb300 !important; - background-color: #ffca28 !important; - color: #FFF !important; } - .btn-amber:focus, .btn-amber:active { - border-color: #ffa000 !important; - background-color: #ff8f00 !important; - color: #FFF !important; } - .btn-amber.btn-glow { - box-shadow: 0px 1px 20px 1px rgba(255, 193, 7, 0.6); } + color: #ffffff; +} +.btn-amber:hover { + border-color: #ffb300 !important; + background-color: #ffca28 !important; + color: #fff !important; +} +.btn-amber:focus, +.btn-amber:active { + border-color: #ffa000 !important; + background-color: #ff8f00 !important; + color: #fff !important; +} +.btn-amber.btn-glow { + box-shadow: 0px 1px 20px 1px rgba(255, 193, 7, 0.6); +} .btn-outline-amber { border: 1px solid; border-color: #ffc107; background-color: transparent; - color: #ffc107; } - .btn-outline-amber:hover { - background-color: #ffc107; - color: #FFF !important; } - .btn-outline-amber.btn-glow { - box-shadow: 0px 1px 20px 1px rgba(255, 193, 7, 0.6); } - -input[type="checkbox"].bg-amber + .custom-control-label:before, input[type="radio"].bg-amber + .custom-control-label:before { - background-color: #ffc107 !important; } - -/* .custom-control-label{ - &:before{ - background-color: #ddd !important; - } + color: #ffc107; +} +.btn-outline-amber:hover { + background-color: #ffc107; + color: #fff !important; +} +.btn-outline-amber.btn-glow { + box-shadow: 0px 1px 20px 1px rgba(255, 193, 7, 0.6); +} + +input[type='checkbox'].bg-amber + .custom-control-label:before, +input[type='radio'].bg-amber + .custom-control-label:before { + background-color: #ffc107 !important; +} + +/* .custom-control-label{ + &:before{ + background-color: #ddd !important; + } } */ input:focus ~ .bg-amber { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffc107 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffc107 !important; +} .border-amber { - border-color: #ffc107 !important; } + border-color: #ffc107 !important; +} .border-top-amber { - border-top: 1px solid #ffc107; } + border-top: 1px solid #ffc107; +} .border-bottom-amber { - border-bottom: 1px solid #ffc107; } + border-bottom: 1px solid #ffc107; +} .border-left-amber { - border-left: 1px solid #ffc107; } + border-left: 1px solid #ffc107; +} .border-right-amber { - border-right: 1px solid #ffc107; } + border-right: 1px solid #ffc107; +} /* Bullet amber */ .bullet.bullet-amber { - background-color: #ffc107; } + background-color: #ffc107; +} .amber.darken-1 { - color: #ffb300 !important; } + color: #ffb300 !important; +} .bg-amber.bg-darken-1 { - background-color: #ffb300 !important; } - .bg-amber.bg-darken-1.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(255, 179, 0, 0.6); } + background-color: #ffb300 !important; +} +.bg-amber.bg-darken-1.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(255, 179, 0, 0.6); +} .btn-amber.btn-darken-1 { border-color: #ffa000 !important; - background-color: #ffb300 !important; } - .btn-amber.btn-darken-1:hover { - border-color: #ffa000 !important; - background-color: #ff8f00 !important; } - .btn-amber.btn-darken-1:focus, .btn-amber.btn-darken-1:active { - border-color: #ff8f00 !important; - background-color: #ff6f00 !important; } + background-color: #ffb300 !important; +} +.btn-amber.btn-darken-1:hover { + border-color: #ffa000 !important; + background-color: #ff8f00 !important; +} +.btn-amber.btn-darken-1:focus, +.btn-amber.btn-darken-1:active { + border-color: #ff8f00 !important; + background-color: #ff6f00 !important; +} .btn-outline-amber.btn-outline-darken-1 { border-color: #ffb300 !important; - color: #ffb300 !important; } - .btn-outline-amber.btn-outline-darken-1:hover { - background-color: #ffb300 !important; } + color: #ffb300 !important; +} +.btn-outline-amber.btn-outline-darken-1:hover { + background-color: #ffb300 !important; +} input:focus ~ .bg-amber { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffb300 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffb300 !important; +} .border-amber.border-darken-1 { - border: 1px solid #ffb300 !important; } + border: 1px solid #ffb300 !important; +} .border-top-amber.border-top-darken-1 { - border-top: 1px solid #ffb300 !important; } + border-top: 1px solid #ffb300 !important; +} .border-bottom-amber.border-bottom-darken-1 { - border-bottom: 1px solid #ffb300 !important; } + border-bottom: 1px solid #ffb300 !important; +} .border-left-amber.border-left-darken-1 { - border-left: 1px solid #ffb300 !important; } + border-left: 1px solid #ffb300 !important; +} .border-right-amber.border-right-darken-1 { - border-right: 1px solid #ffb300 !important; } + border-right: 1px solid #ffb300 !important; +} .overlay-amber.overlay-darken-1 { background: #ffb300; /* The Fallback */ - background: rgba(255, 179, 0, 0.8); } + background: rgba(255, 179, 0, 0.8); +} .amber.darken-2 { - color: #ffa000 !important; } + color: #ffa000 !important; +} .bg-amber.bg-darken-2 { - background-color: #ffa000 !important; } - .bg-amber.bg-darken-2.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(255, 160, 0, 0.6); } + background-color: #ffa000 !important; +} +.bg-amber.bg-darken-2.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(255, 160, 0, 0.6); +} .btn-amber.btn-darken-2 { border-color: #ffa000 !important; - background-color: #ffa000 !important; } - .btn-amber.btn-darken-2:hover { - border-color: #ffa000 !important; - background-color: #ff8f00 !important; } - .btn-amber.btn-darken-2:focus, .btn-amber.btn-darken-2:active { - border-color: #ff8f00 !important; - background-color: #ff6f00 !important; } + background-color: #ffa000 !important; +} +.btn-amber.btn-darken-2:hover { + border-color: #ffa000 !important; + background-color: #ff8f00 !important; +} +.btn-amber.btn-darken-2:focus, +.btn-amber.btn-darken-2:active { + border-color: #ff8f00 !important; + background-color: #ff6f00 !important; +} .btn-outline-amber.btn-outline-darken-2 { border-color: #ffa000 !important; - color: #ffa000 !important; } - .btn-outline-amber.btn-outline-darken-2:hover { - background-color: #ffa000 !important; } + color: #ffa000 !important; +} +.btn-outline-amber.btn-outline-darken-2:hover { + background-color: #ffa000 !important; +} input:focus ~ .bg-amber { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffa000 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffa000 !important; +} .border-amber.border-darken-2 { - border: 1px solid #ffa000 !important; } + border: 1px solid #ffa000 !important; +} .border-top-amber.border-top-darken-2 { - border-top: 1px solid #ffa000 !important; } + border-top: 1px solid #ffa000 !important; +} .border-bottom-amber.border-bottom-darken-2 { - border-bottom: 1px solid #ffa000 !important; } + border-bottom: 1px solid #ffa000 !important; +} .border-left-amber.border-left-darken-2 { - border-left: 1px solid #ffa000 !important; } + border-left: 1px solid #ffa000 !important; +} .border-right-amber.border-right-darken-2 { - border-right: 1px solid #ffa000 !important; } + border-right: 1px solid #ffa000 !important; +} .overlay-amber.overlay-darken-2 { background: #ffa000; /* The Fallback */ - background: rgba(255, 160, 0, 0.8); } + background: rgba(255, 160, 0, 0.8); +} .amber.darken-3 { - color: #ff8f00 !important; } + color: #ff8f00 !important; +} .bg-amber.bg-darken-3 { - background-color: #ff8f00 !important; } - .bg-amber.bg-darken-3.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(255, 143, 0, 0.6); } + background-color: #ff8f00 !important; +} +.bg-amber.bg-darken-3.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(255, 143, 0, 0.6); +} .btn-amber.btn-darken-3 { border-color: #ffa000 !important; - background-color: #ff8f00 !important; } - .btn-amber.btn-darken-3:hover { - border-color: #ffa000 !important; - background-color: #ff8f00 !important; } - .btn-amber.btn-darken-3:focus, .btn-amber.btn-darken-3:active { - border-color: #ff8f00 !important; - background-color: #ff6f00 !important; } + background-color: #ff8f00 !important; +} +.btn-amber.btn-darken-3:hover { + border-color: #ffa000 !important; + background-color: #ff8f00 !important; +} +.btn-amber.btn-darken-3:focus, +.btn-amber.btn-darken-3:active { + border-color: #ff8f00 !important; + background-color: #ff6f00 !important; +} .btn-outline-amber.btn-outline-darken-3 { border-color: #ff8f00 !important; - color: #ff8f00 !important; } - .btn-outline-amber.btn-outline-darken-3:hover { - background-color: #ff8f00 !important; } + color: #ff8f00 !important; +} +.btn-outline-amber.btn-outline-darken-3:hover { + background-color: #ff8f00 !important; +} input:focus ~ .bg-amber { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ff8f00 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ff8f00 !important; +} .border-amber.border-darken-3 { - border: 1px solid #ff8f00 !important; } + border: 1px solid #ff8f00 !important; +} .border-top-amber.border-top-darken-3 { - border-top: 1px solid #ff8f00 !important; } + border-top: 1px solid #ff8f00 !important; +} .border-bottom-amber.border-bottom-darken-3 { - border-bottom: 1px solid #ff8f00 !important; } + border-bottom: 1px solid #ff8f00 !important; +} .border-left-amber.border-left-darken-3 { - border-left: 1px solid #ff8f00 !important; } + border-left: 1px solid #ff8f00 !important; +} .border-right-amber.border-right-darken-3 { - border-right: 1px solid #ff8f00 !important; } + border-right: 1px solid #ff8f00 !important; +} .overlay-amber.overlay-darken-3 { background: #ff8f00; /* The Fallback */ - background: rgba(255, 143, 0, 0.8); } + background: rgba(255, 143, 0, 0.8); +} .amber.darken-4 { - color: #ff6f00 !important; } + color: #ff6f00 !important; +} .bg-amber.bg-darken-4 { - background-color: #ff6f00 !important; } - .bg-amber.bg-darken-4.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(255, 111, 0, 0.6); } + background-color: #ff6f00 !important; +} +.bg-amber.bg-darken-4.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(255, 111, 0, 0.6); +} .btn-amber.btn-darken-4 { border-color: #ffa000 !important; - background-color: #ff6f00 !important; } - .btn-amber.btn-darken-4:hover { - border-color: #ffa000 !important; - background-color: #ff8f00 !important; } - .btn-amber.btn-darken-4:focus, .btn-amber.btn-darken-4:active { - border-color: #ff8f00 !important; - background-color: #ff6f00 !important; } + background-color: #ff6f00 !important; +} +.btn-amber.btn-darken-4:hover { + border-color: #ffa000 !important; + background-color: #ff8f00 !important; +} +.btn-amber.btn-darken-4:focus, +.btn-amber.btn-darken-4:active { + border-color: #ff8f00 !important; + background-color: #ff6f00 !important; +} .btn-outline-amber.btn-outline-darken-4 { border-color: #ff6f00 !important; - color: #ff6f00 !important; } - .btn-outline-amber.btn-outline-darken-4:hover { - background-color: #ff6f00 !important; } + color: #ff6f00 !important; +} +.btn-outline-amber.btn-outline-darken-4:hover { + background-color: #ff6f00 !important; +} input:focus ~ .bg-amber { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ff6f00 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ff6f00 !important; +} .border-amber.border-darken-4 { - border: 1px solid #ff6f00 !important; } + border: 1px solid #ff6f00 !important; +} .border-top-amber.border-top-darken-4 { - border-top: 1px solid #ff6f00 !important; } + border-top: 1px solid #ff6f00 !important; +} .border-bottom-amber.border-bottom-darken-4 { - border-bottom: 1px solid #ff6f00 !important; } + border-bottom: 1px solid #ff6f00 !important; +} .border-left-amber.border-left-darken-4 { - border-left: 1px solid #ff6f00 !important; } + border-left: 1px solid #ff6f00 !important; +} .border-right-amber.border-right-darken-4 { - border-right: 1px solid #ff6f00 !important; } + border-right: 1px solid #ff6f00 !important; +} .overlay-amber.overlay-darken-4 { background: #ff6f00; /* The Fallback */ - background: rgba(255, 111, 0, 0.8); } + background: rgba(255, 111, 0, 0.8); +} .amber.accent-1 { - color: #ffe57f !important; } + color: #ffe57f !important; +} .bg-amber.bg-accent-1 { - background-color: #ffe57f !important; } - .bg-amber.bg-accent-1.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(255, 229, 127, 0.6); } + background-color: #ffe57f !important; +} +.bg-amber.bg-accent-1.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(255, 229, 127, 0.6); +} .btn-amber.btn-accent-1 { border-color: #ffa000 !important; - background-color: #ffe57f !important; } - .btn-amber.btn-accent-1:hover { - border-color: #ffa000 !important; - background-color: #ff8f00 !important; } - .btn-amber.btn-accent-1:focus, .btn-amber.btn-accent-1:active { - border-color: #ff8f00 !important; - background-color: #ff6f00 !important; } + background-color: #ffe57f !important; +} +.btn-amber.btn-accent-1:hover { + border-color: #ffa000 !important; + background-color: #ff8f00 !important; +} +.btn-amber.btn-accent-1:focus, +.btn-amber.btn-accent-1:active { + border-color: #ff8f00 !important; + background-color: #ff6f00 !important; +} .btn-outline-amber.btn-outline-accent-1 { border-color: #ffe57f !important; - color: #ffe57f !important; } - .btn-outline-amber.btn-outline-accent-1:hover { - background-color: #ffe57f !important; } + color: #ffe57f !important; +} +.btn-outline-amber.btn-outline-accent-1:hover { + background-color: #ffe57f !important; +} input:focus ~ .bg-amber { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffe57f !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffe57f !important; +} .border-amber.border-accent-1 { - border: 1px solid #ffe57f !important; } + border: 1px solid #ffe57f !important; +} .border-top-amber.border-top-accent-1 { - border-top: 1px solid #ffe57f !important; } + border-top: 1px solid #ffe57f !important; +} .border-bottom-amber.border-bottom-accent-1 { - border-bottom: 1px solid #ffe57f !important; } + border-bottom: 1px solid #ffe57f !important; +} .border-left-amber.border-left-accent-1 { - border-left: 1px solid #ffe57f !important; } + border-left: 1px solid #ffe57f !important; +} .border-right-amber.border-right-accent-1 { - border-right: 1px solid #ffe57f !important; } + border-right: 1px solid #ffe57f !important; +} .overlay-amber.overlay-accent-1 { background: #ffe57f; /* The Fallback */ - background: rgba(255, 229, 127, 0.8); } + background: rgba(255, 229, 127, 0.8); +} .amber.accent-2 { - color: #ffd740 !important; } + color: #ffd740 !important; +} .bg-amber.bg-accent-2 { - background-color: #ffd740 !important; } - .bg-amber.bg-accent-2.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(255, 215, 64, 0.6); } + background-color: #ffd740 !important; +} +.bg-amber.bg-accent-2.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(255, 215, 64, 0.6); +} .btn-amber.btn-accent-2 { border-color: #ffa000 !important; - background-color: #ffd740 !important; } - .btn-amber.btn-accent-2:hover { - border-color: #ffa000 !important; - background-color: #ff8f00 !important; } - .btn-amber.btn-accent-2:focus, .btn-amber.btn-accent-2:active { - border-color: #ff8f00 !important; - background-color: #ff6f00 !important; } + background-color: #ffd740 !important; +} +.btn-amber.btn-accent-2:hover { + border-color: #ffa000 !important; + background-color: #ff8f00 !important; +} +.btn-amber.btn-accent-2:focus, +.btn-amber.btn-accent-2:active { + border-color: #ff8f00 !important; + background-color: #ff6f00 !important; +} .btn-outline-amber.btn-outline-accent-2 { border-color: #ffd740 !important; - color: #ffd740 !important; } - .btn-outline-amber.btn-outline-accent-2:hover { - background-color: #ffd740 !important; } + color: #ffd740 !important; +} +.btn-outline-amber.btn-outline-accent-2:hover { + background-color: #ffd740 !important; +} input:focus ~ .bg-amber { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffd740 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffd740 !important; +} .border-amber.border-accent-2 { - border: 1px solid #ffd740 !important; } + border: 1px solid #ffd740 !important; +} .border-top-amber.border-top-accent-2 { - border-top: 1px solid #ffd740 !important; } + border-top: 1px solid #ffd740 !important; +} .border-bottom-amber.border-bottom-accent-2 { - border-bottom: 1px solid #ffd740 !important; } + border-bottom: 1px solid #ffd740 !important; +} .border-left-amber.border-left-accent-2 { - border-left: 1px solid #ffd740 !important; } + border-left: 1px solid #ffd740 !important; +} .border-right-amber.border-right-accent-2 { - border-right: 1px solid #ffd740 !important; } + border-right: 1px solid #ffd740 !important; +} .overlay-amber.overlay-accent-2 { background: #ffd740; /* The Fallback */ - background: rgba(255, 215, 64, 0.8); } + background: rgba(255, 215, 64, 0.8); +} .amber.accent-3 { - color: #ffc400 !important; } + color: #ffc400 !important; +} .bg-amber.bg-accent-3 { - background-color: #ffc400 !important; } - .bg-amber.bg-accent-3.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(255, 196, 0, 0.6); } + background-color: #ffc400 !important; +} +.bg-amber.bg-accent-3.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(255, 196, 0, 0.6); +} .btn-amber.btn-accent-3 { border-color: #ffa000 !important; - background-color: #ffc400 !important; } - .btn-amber.btn-accent-3:hover { - border-color: #ffa000 !important; - background-color: #ff8f00 !important; } - .btn-amber.btn-accent-3:focus, .btn-amber.btn-accent-3:active { - border-color: #ff8f00 !important; - background-color: #ff6f00 !important; } + background-color: #ffc400 !important; +} +.btn-amber.btn-accent-3:hover { + border-color: #ffa000 !important; + background-color: #ff8f00 !important; +} +.btn-amber.btn-accent-3:focus, +.btn-amber.btn-accent-3:active { + border-color: #ff8f00 !important; + background-color: #ff6f00 !important; +} .btn-outline-amber.btn-outline-accent-3 { border-color: #ffc400 !important; - color: #ffc400 !important; } - .btn-outline-amber.btn-outline-accent-3:hover { - background-color: #ffc400 !important; } + color: #ffc400 !important; +} +.btn-outline-amber.btn-outline-accent-3:hover { + background-color: #ffc400 !important; +} input:focus ~ .bg-amber { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffc400 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffc400 !important; +} .border-amber.border-accent-3 { - border: 1px solid #ffc400 !important; } + border: 1px solid #ffc400 !important; +} .border-top-amber.border-top-accent-3 { - border-top: 1px solid #ffc400 !important; } + border-top: 1px solid #ffc400 !important; +} .border-bottom-amber.border-bottom-accent-3 { - border-bottom: 1px solid #ffc400 !important; } + border-bottom: 1px solid #ffc400 !important; +} .border-left-amber.border-left-accent-3 { - border-left: 1px solid #ffc400 !important; } + border-left: 1px solid #ffc400 !important; +} .border-right-amber.border-right-accent-3 { - border-right: 1px solid #ffc400 !important; } + border-right: 1px solid #ffc400 !important; +} .overlay-amber.overlay-accent-3 { background: #ffc400; /* The Fallback */ - background: rgba(255, 196, 0, 0.8); } + background: rgba(255, 196, 0, 0.8); +} .amber.accent-4 { - color: #ffab00 !important; } + color: #ffab00 !important; +} .bg-amber.bg-accent-4 { - background-color: #ffab00 !important; } - .bg-amber.bg-accent-4.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(255, 171, 0, 0.6); } + background-color: #ffab00 !important; +} +.bg-amber.bg-accent-4.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(255, 171, 0, 0.6); +} .btn-amber.btn-accent-4 { border-color: #ffa000 !important; - background-color: #ffab00 !important; } - .btn-amber.btn-accent-4:hover { - border-color: #ffa000 !important; - background-color: #ff8f00 !important; } - .btn-amber.btn-accent-4:focus, .btn-amber.btn-accent-4:active { - border-color: #ff8f00 !important; - background-color: #ff6f00 !important; } + background-color: #ffab00 !important; +} +.btn-amber.btn-accent-4:hover { + border-color: #ffa000 !important; + background-color: #ff8f00 !important; +} +.btn-amber.btn-accent-4:focus, +.btn-amber.btn-accent-4:active { + border-color: #ff8f00 !important; + background-color: #ff6f00 !important; +} .btn-outline-amber.btn-outline-accent-4 { border-color: #ffab00 !important; - color: #ffab00 !important; } - .btn-outline-amber.btn-outline-accent-4:hover { - background-color: #ffab00 !important; } + color: #ffab00 !important; +} +.btn-outline-amber.btn-outline-accent-4:hover { + background-color: #ffab00 !important; +} input:focus ~ .bg-amber { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffab00 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffab00 !important; +} .border-amber.border-accent-4 { - border: 1px solid #ffab00 !important; } + border: 1px solid #ffab00 !important; +} .border-top-amber.border-top-accent-4 { - border-top: 1px solid #ffab00 !important; } + border-top: 1px solid #ffab00 !important; +} .border-bottom-amber.border-bottom-accent-4 { - border-bottom: 1px solid #ffab00 !important; } + border-bottom: 1px solid #ffab00 !important; +} .border-left-amber.border-left-accent-4 { - border-left: 1px solid #ffab00 !important; } + border-left: 1px solid #ffab00 !important; +} .border-right-amber.border-right-accent-4 { - border-right: 1px solid #ffab00 !important; } + border-right: 1px solid #ffab00 !important; +} .overlay-amber.overlay-accent-4 { background: #ffab00; /* The Fallback */ - background: rgba(255, 171, 0, 0.8); } + background: rgba(255, 171, 0, 0.8); +} .blue-grey.lighten-5 { - color: #eceff1 !important; } + color: #eceff1 !important; +} .bg-blue-grey.bg-lighten-5 { - background-color: #eceff1 !important; } - .bg-blue-grey.bg-lighten-5.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(236, 239, 241, 0.6); } + background-color: #eceff1 !important; +} +.bg-blue-grey.bg-lighten-5.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(236, 239, 241, 0.6); +} .btn-blue-grey.btn-lighten-5 { border-color: #455a64 !important; - background-color: #eceff1 !important; } - .btn-blue-grey.btn-lighten-5:hover { - border-color: #455a64 !important; - background-color: #37474f !important; } - .btn-blue-grey.btn-lighten-5:focus, .btn-blue-grey.btn-lighten-5:active { - border-color: #37474f !important; - background-color: #263238 !important; } + background-color: #eceff1 !important; +} +.btn-blue-grey.btn-lighten-5:hover { + border-color: #455a64 !important; + background-color: #37474f !important; +} +.btn-blue-grey.btn-lighten-5:focus, +.btn-blue-grey.btn-lighten-5:active { + border-color: #37474f !important; + background-color: #263238 !important; +} .btn-outline-blue-grey.btn-outline-lighten-5 { border-color: #eceff1 !important; - color: #eceff1 !important; } - .btn-outline-blue-grey.btn-outline-lighten-5:hover { - background-color: #eceff1 !important; } + color: #eceff1 !important; +} +.btn-outline-blue-grey.btn-outline-lighten-5:hover { + background-color: #eceff1 !important; +} input:focus ~ .bg-blue-grey { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #eceff1 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #eceff1 !important; +} .border-blue-grey.border-lighten-5 { - border: 1px solid #eceff1 !important; } + border: 1px solid #eceff1 !important; +} .border-top-blue-grey.border-top-lighten-5 { - border-top: 1px solid #eceff1 !important; } + border-top: 1px solid #eceff1 !important; +} .border-bottom-blue-grey.border-bottom-lighten-5 { - border-bottom: 1px solid #eceff1 !important; } + border-bottom: 1px solid #eceff1 !important; +} .border-left-blue-grey.border-left-lighten-5 { - border-left: 1px solid #eceff1 !important; } + border-left: 1px solid #eceff1 !important; +} .border-right-blue-grey.border-right-lighten-5 { - border-right: 1px solid #eceff1 !important; } + border-right: 1px solid #eceff1 !important; +} .overlay-blue-grey.overlay-lighten-5 { background: #eceff1; /* The Fallback */ - background: rgba(236, 239, 241, 0.8); } + background: rgba(236, 239, 241, 0.8); +} .blue-grey.lighten-4 { - color: #cfd8dc !important; } + color: #cfd8dc !important; +} .bg-blue-grey.bg-lighten-4 { - background-color: #cfd8dc !important; } - .bg-blue-grey.bg-lighten-4.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(207, 216, 220, 0.6); } + background-color: #cfd8dc !important; +} +.bg-blue-grey.bg-lighten-4.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(207, 216, 220, 0.6); +} .btn-blue-grey.btn-lighten-4 { border-color: #455a64 !important; - background-color: #cfd8dc !important; } - .btn-blue-grey.btn-lighten-4:hover { - border-color: #455a64 !important; - background-color: #37474f !important; } - .btn-blue-grey.btn-lighten-4:focus, .btn-blue-grey.btn-lighten-4:active { - border-color: #37474f !important; - background-color: #263238 !important; } + background-color: #cfd8dc !important; +} +.btn-blue-grey.btn-lighten-4:hover { + border-color: #455a64 !important; + background-color: #37474f !important; +} +.btn-blue-grey.btn-lighten-4:focus, +.btn-blue-grey.btn-lighten-4:active { + border-color: #37474f !important; + background-color: #263238 !important; +} .btn-outline-blue-grey.btn-outline-lighten-4 { border-color: #cfd8dc !important; - color: #cfd8dc !important; } - .btn-outline-blue-grey.btn-outline-lighten-4:hover { - background-color: #cfd8dc !important; } + color: #cfd8dc !important; +} +.btn-outline-blue-grey.btn-outline-lighten-4:hover { + background-color: #cfd8dc !important; +} input:focus ~ .bg-blue-grey { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #cfd8dc !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #cfd8dc !important; +} .border-blue-grey.border-lighten-4 { - border: 1px solid #cfd8dc !important; } + border: 1px solid #cfd8dc !important; +} .border-top-blue-grey.border-top-lighten-4 { - border-top: 1px solid #cfd8dc !important; } + border-top: 1px solid #cfd8dc !important; +} .border-bottom-blue-grey.border-bottom-lighten-4 { - border-bottom: 1px solid #cfd8dc !important; } + border-bottom: 1px solid #cfd8dc !important; +} .border-left-blue-grey.border-left-lighten-4 { - border-left: 1px solid #cfd8dc !important; } + border-left: 1px solid #cfd8dc !important; +} .border-right-blue-grey.border-right-lighten-4 { - border-right: 1px solid #cfd8dc !important; } + border-right: 1px solid #cfd8dc !important; +} .overlay-blue-grey.overlay-lighten-4 { background: #cfd8dc; /* The Fallback */ - background: rgba(207, 216, 220, 0.8); } + background: rgba(207, 216, 220, 0.8); +} .blue-grey.lighten-3 { - color: #b0bec5 !important; } + color: #b0bec5 !important; +} .bg-blue-grey.bg-lighten-3 { - background-color: #b0bec5 !important; } - .bg-blue-grey.bg-lighten-3.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(176, 190, 197, 0.6); } + background-color: #b0bec5 !important; +} +.bg-blue-grey.bg-lighten-3.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(176, 190, 197, 0.6); +} .btn-blue-grey.btn-lighten-3 { border-color: #455a64 !important; - background-color: #b0bec5 !important; } - .btn-blue-grey.btn-lighten-3:hover { - border-color: #455a64 !important; - background-color: #37474f !important; } - .btn-blue-grey.btn-lighten-3:focus, .btn-blue-grey.btn-lighten-3:active { - border-color: #37474f !important; - background-color: #263238 !important; } + background-color: #b0bec5 !important; +} +.btn-blue-grey.btn-lighten-3:hover { + border-color: #455a64 !important; + background-color: #37474f !important; +} +.btn-blue-grey.btn-lighten-3:focus, +.btn-blue-grey.btn-lighten-3:active { + border-color: #37474f !important; + background-color: #263238 !important; +} .btn-outline-blue-grey.btn-outline-lighten-3 { border-color: #b0bec5 !important; - color: #b0bec5 !important; } - .btn-outline-blue-grey.btn-outline-lighten-3:hover { - background-color: #b0bec5 !important; } + color: #b0bec5 !important; +} +.btn-outline-blue-grey.btn-outline-lighten-3:hover { + background-color: #b0bec5 !important; +} input:focus ~ .bg-blue-grey { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #b0bec5 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #b0bec5 !important; +} .border-blue-grey.border-lighten-3 { - border: 1px solid #b0bec5 !important; } + border: 1px solid #b0bec5 !important; +} .border-top-blue-grey.border-top-lighten-3 { - border-top: 1px solid #b0bec5 !important; } + border-top: 1px solid #b0bec5 !important; +} .border-bottom-blue-grey.border-bottom-lighten-3 { - border-bottom: 1px solid #b0bec5 !important; } + border-bottom: 1px solid #b0bec5 !important; +} .border-left-blue-grey.border-left-lighten-3 { - border-left: 1px solid #b0bec5 !important; } + border-left: 1px solid #b0bec5 !important; +} .border-right-blue-grey.border-right-lighten-3 { - border-right: 1px solid #b0bec5 !important; } + border-right: 1px solid #b0bec5 !important; +} .overlay-blue-grey.overlay-lighten-3 { background: #b0bec5; /* The Fallback */ - background: rgba(176, 190, 197, 0.8); } + background: rgba(176, 190, 197, 0.8); +} .blue-grey.lighten-2 { - color: #90a4ae !important; } + color: #90a4ae !important; +} .bg-blue-grey.bg-lighten-2 { - background-color: #90a4ae !important; } - .bg-blue-grey.bg-lighten-2.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(144, 164, 174, 0.6); } + background-color: #90a4ae !important; +} +.bg-blue-grey.bg-lighten-2.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(144, 164, 174, 0.6); +} .btn-blue-grey.btn-lighten-2 { border-color: #455a64 !important; - background-color: #90a4ae !important; } - .btn-blue-grey.btn-lighten-2:hover { - border-color: #455a64 !important; - background-color: #37474f !important; } - .btn-blue-grey.btn-lighten-2:focus, .btn-blue-grey.btn-lighten-2:active { - border-color: #37474f !important; - background-color: #263238 !important; } + background-color: #90a4ae !important; +} +.btn-blue-grey.btn-lighten-2:hover { + border-color: #455a64 !important; + background-color: #37474f !important; +} +.btn-blue-grey.btn-lighten-2:focus, +.btn-blue-grey.btn-lighten-2:active { + border-color: #37474f !important; + background-color: #263238 !important; +} .btn-outline-blue-grey.btn-outline-lighten-2 { border-color: #90a4ae !important; - color: #90a4ae !important; } - .btn-outline-blue-grey.btn-outline-lighten-2:hover { - background-color: #90a4ae !important; } + color: #90a4ae !important; +} +.btn-outline-blue-grey.btn-outline-lighten-2:hover { + background-color: #90a4ae !important; +} input:focus ~ .bg-blue-grey { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #90a4ae !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #90a4ae !important; +} .border-blue-grey.border-lighten-2 { - border: 1px solid #90a4ae !important; } + border: 1px solid #90a4ae !important; +} .border-top-blue-grey.border-top-lighten-2 { - border-top: 1px solid #90a4ae !important; } + border-top: 1px solid #90a4ae !important; +} .border-bottom-blue-grey.border-bottom-lighten-2 { - border-bottom: 1px solid #90a4ae !important; } + border-bottom: 1px solid #90a4ae !important; +} .border-left-blue-grey.border-left-lighten-2 { - border-left: 1px solid #90a4ae !important; } + border-left: 1px solid #90a4ae !important; +} .border-right-blue-grey.border-right-lighten-2 { - border-right: 1px solid #90a4ae !important; } + border-right: 1px solid #90a4ae !important; +} .overlay-blue-grey.overlay-lighten-2 { background: #90a4ae; /* The Fallback */ - background: rgba(144, 164, 174, 0.8); } + background: rgba(144, 164, 174, 0.8); +} .blue-grey.lighten-1 { - color: #78909c !important; } + color: #78909c !important; +} .bg-blue-grey.bg-lighten-1 { - background-color: #78909c !important; } - .bg-blue-grey.bg-lighten-1.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(120, 144, 156, 0.6); } + background-color: #78909c !important; +} +.bg-blue-grey.bg-lighten-1.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(120, 144, 156, 0.6); +} .btn-blue-grey.btn-lighten-1 { border-color: #455a64 !important; - background-color: #78909c !important; } - .btn-blue-grey.btn-lighten-1:hover { - border-color: #455a64 !important; - background-color: #37474f !important; } - .btn-blue-grey.btn-lighten-1:focus, .btn-blue-grey.btn-lighten-1:active { - border-color: #37474f !important; - background-color: #263238 !important; } + background-color: #78909c !important; +} +.btn-blue-grey.btn-lighten-1:hover { + border-color: #455a64 !important; + background-color: #37474f !important; +} +.btn-blue-grey.btn-lighten-1:focus, +.btn-blue-grey.btn-lighten-1:active { + border-color: #37474f !important; + background-color: #263238 !important; +} .btn-outline-blue-grey.btn-outline-lighten-1 { border-color: #78909c !important; - color: #78909c !important; } - .btn-outline-blue-grey.btn-outline-lighten-1:hover { - background-color: #78909c !important; } + color: #78909c !important; +} +.btn-outline-blue-grey.btn-outline-lighten-1:hover { + background-color: #78909c !important; +} input:focus ~ .bg-blue-grey { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #78909c !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #78909c !important; +} .border-blue-grey.border-lighten-1 { - border: 1px solid #78909c !important; } + border: 1px solid #78909c !important; +} .border-top-blue-grey.border-top-lighten-1 { - border-top: 1px solid #78909c !important; } + border-top: 1px solid #78909c !important; +} .border-bottom-blue-grey.border-bottom-lighten-1 { - border-bottom: 1px solid #78909c !important; } + border-bottom: 1px solid #78909c !important; +} .border-left-blue-grey.border-left-lighten-1 { - border-left: 1px solid #78909c !important; } + border-left: 1px solid #78909c !important; +} .border-right-blue-grey.border-right-lighten-1 { - border-right: 1px solid #78909c !important; } + border-right: 1px solid #78909c !important; +} .overlay-blue-grey.overlay-lighten-1 { background: #78909c; /* The Fallback */ - background: rgba(120, 144, 156, 0.8); } + background: rgba(120, 144, 156, 0.8); +} .blue-grey { - color: #607d8b !important; } + color: #607d8b !important; +} .bg-blue-grey { - background-color: #607d8b !important; } - .bg-blue-grey .card-header, - .bg-blue-grey .card-footer { - background-color: transparent; } - .bg-blue-grey.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(96, 125, 139, 0.6); } + background-color: #607d8b !important; +} +.bg-blue-grey .card-header, +.bg-blue-grey .card-footer { + background-color: transparent; +} +.bg-blue-grey.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(96, 125, 139, 0.6); +} .selectboxit.selectboxit-btn.bg-blue-grey { - background-color: #607d8b !important; } + background-color: #607d8b !important; +} .alert-blue-grey { border-color: #607d8b !important; - background-color: #87a0ac; } + background-color: #87a0ac; +} .border-blue-grey { border-color: #607d8b; - border: 1px solid; } + border: 1px solid; +} .overlay-blue-grey { background: #607d8b; /* The Fallback */ - background: rgba(96, 125, 139, 0.8); } + background: rgba(96, 125, 139, 0.8); +} .color-info.blue-grey { - background-color: #607d8b !important; } + background-color: #607d8b !important; +} .btn-blue-grey { border-color: #455a64 !important; background-color: #607d8b !important; - color: #FFFFFF; } - .btn-blue-grey:hover { - border-color: #546e7a !important; - background-color: #78909c !important; - color: #FFF !important; } - .btn-blue-grey:focus, .btn-blue-grey:active { - border-color: #455a64 !important; - background-color: #37474f !important; - color: #FFF !important; } - .btn-blue-grey.btn-glow { - box-shadow: 0px 1px 20px 1px rgba(96, 125, 139, 0.6); } + color: #ffffff; +} +.btn-blue-grey:hover { + border-color: #546e7a !important; + background-color: #78909c !important; + color: #fff !important; +} +.btn-blue-grey:focus, +.btn-blue-grey:active { + border-color: #455a64 !important; + background-color: #37474f !important; + color: #fff !important; +} +.btn-blue-grey.btn-glow { + box-shadow: 0px 1px 20px 1px rgba(96, 125, 139, 0.6); +} .btn-outline-blue-grey { border: 1px solid; border-color: #607d8b; background-color: transparent; - color: #607d8b; } - .btn-outline-blue-grey:hover { - background-color: #607d8b; - color: #FFF !important; } - .btn-outline-blue-grey.btn-glow { - box-shadow: 0px 1px 20px 1px rgba(96, 125, 139, 0.6); } - -input[type="checkbox"].bg-blue-grey + .custom-control-label:before, input[type="radio"].bg-blue-grey + .custom-control-label:before { - background-color: #607d8b !important; } - -/* .custom-control-label{ - &:before{ - background-color: #ddd !important; - } + color: #607d8b; +} +.btn-outline-blue-grey:hover { + background-color: #607d8b; + color: #fff !important; +} +.btn-outline-blue-grey.btn-glow { + box-shadow: 0px 1px 20px 1px rgba(96, 125, 139, 0.6); +} + +input[type='checkbox'].bg-blue-grey + .custom-control-label:before, +input[type='radio'].bg-blue-grey + .custom-control-label:before { + background-color: #607d8b !important; +} + +/* .custom-control-label{ + &:before{ + background-color: #ddd !important; + } } */ input:focus ~ .bg-blue-grey { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #607d8b !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #607d8b !important; +} .border-blue-grey { - border-color: #607d8b !important; } + border-color: #607d8b !important; +} .border-top-blue-grey { - border-top: 1px solid #607d8b; } + border-top: 1px solid #607d8b; +} .border-bottom-blue-grey { - border-bottom: 1px solid #607d8b; } + border-bottom: 1px solid #607d8b; +} .border-left-blue-grey { - border-left: 1px solid #607d8b; } + border-left: 1px solid #607d8b; +} .border-right-blue-grey { - border-right: 1px solid #607d8b; } + border-right: 1px solid #607d8b; +} /* Bullet blue-grey */ .bullet.bullet-blue-grey { - background-color: #607d8b; } + background-color: #607d8b; +} .blue-grey.darken-1 { - color: #546e7a !important; } + color: #546e7a !important; +} .bg-blue-grey.bg-darken-1 { - background-color: #546e7a !important; } - .bg-blue-grey.bg-darken-1.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(84, 110, 122, 0.6); } + background-color: #546e7a !important; +} +.bg-blue-grey.bg-darken-1.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(84, 110, 122, 0.6); +} .btn-blue-grey.btn-darken-1 { border-color: #455a64 !important; - background-color: #546e7a !important; } - .btn-blue-grey.btn-darken-1:hover { - border-color: #455a64 !important; - background-color: #37474f !important; } - .btn-blue-grey.btn-darken-1:focus, .btn-blue-grey.btn-darken-1:active { - border-color: #37474f !important; - background-color: #263238 !important; } + background-color: #546e7a !important; +} +.btn-blue-grey.btn-darken-1:hover { + border-color: #455a64 !important; + background-color: #37474f !important; +} +.btn-blue-grey.btn-darken-1:focus, +.btn-blue-grey.btn-darken-1:active { + border-color: #37474f !important; + background-color: #263238 !important; +} .btn-outline-blue-grey.btn-outline-darken-1 { border-color: #546e7a !important; - color: #546e7a !important; } - .btn-outline-blue-grey.btn-outline-darken-1:hover { - background-color: #546e7a !important; } + color: #546e7a !important; +} +.btn-outline-blue-grey.btn-outline-darken-1:hover { + background-color: #546e7a !important; +} input:focus ~ .bg-blue-grey { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #546e7a !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #546e7a !important; +} .border-blue-grey.border-darken-1 { - border: 1px solid #546e7a !important; } + border: 1px solid #546e7a !important; +} .border-top-blue-grey.border-top-darken-1 { - border-top: 1px solid #546e7a !important; } + border-top: 1px solid #546e7a !important; +} .border-bottom-blue-grey.border-bottom-darken-1 { - border-bottom: 1px solid #546e7a !important; } + border-bottom: 1px solid #546e7a !important; +} .border-left-blue-grey.border-left-darken-1 { - border-left: 1px solid #546e7a !important; } + border-left: 1px solid #546e7a !important; +} .border-right-blue-grey.border-right-darken-1 { - border-right: 1px solid #546e7a !important; } + border-right: 1px solid #546e7a !important; +} .overlay-blue-grey.overlay-darken-1 { background: #546e7a; /* The Fallback */ - background: rgba(84, 110, 122, 0.8); } + background: rgba(84, 110, 122, 0.8); +} .blue-grey.darken-2 { - color: #455a64 !important; } + color: #455a64 !important; +} .bg-blue-grey.bg-darken-2 { - background-color: #455a64 !important; } - .bg-blue-grey.bg-darken-2.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(69, 90, 100, 0.6); } + background-color: #455a64 !important; +} +.bg-blue-grey.bg-darken-2.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(69, 90, 100, 0.6); +} .btn-blue-grey.btn-darken-2 { border-color: #455a64 !important; - background-color: #455a64 !important; } - .btn-blue-grey.btn-darken-2:hover { - border-color: #455a64 !important; - background-color: #37474f !important; } - .btn-blue-grey.btn-darken-2:focus, .btn-blue-grey.btn-darken-2:active { - border-color: #37474f !important; - background-color: #263238 !important; } + background-color: #455a64 !important; +} +.btn-blue-grey.btn-darken-2:hover { + border-color: #455a64 !important; + background-color: #37474f !important; +} +.btn-blue-grey.btn-darken-2:focus, +.btn-blue-grey.btn-darken-2:active { + border-color: #37474f !important; + background-color: #263238 !important; +} .btn-outline-blue-grey.btn-outline-darken-2 { border-color: #455a64 !important; - color: #455a64 !important; } - .btn-outline-blue-grey.btn-outline-darken-2:hover { - background-color: #455a64 !important; } + color: #455a64 !important; +} +.btn-outline-blue-grey.btn-outline-darken-2:hover { + background-color: #455a64 !important; +} input:focus ~ .bg-blue-grey { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #455a64 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #455a64 !important; +} .border-blue-grey.border-darken-2 { - border: 1px solid #455a64 !important; } + border: 1px solid #455a64 !important; +} .border-top-blue-grey.border-top-darken-2 { - border-top: 1px solid #455a64 !important; } + border-top: 1px solid #455a64 !important; +} .border-bottom-blue-grey.border-bottom-darken-2 { - border-bottom: 1px solid #455a64 !important; } + border-bottom: 1px solid #455a64 !important; +} .border-left-blue-grey.border-left-darken-2 { - border-left: 1px solid #455a64 !important; } + border-left: 1px solid #455a64 !important; +} .border-right-blue-grey.border-right-darken-2 { - border-right: 1px solid #455a64 !important; } + border-right: 1px solid #455a64 !important; +} .overlay-blue-grey.overlay-darken-2 { background: #455a64; /* The Fallback */ - background: rgba(69, 90, 100, 0.8); } + background: rgba(69, 90, 100, 0.8); +} .blue-grey.darken-3 { - color: #37474f !important; } + color: #37474f !important; +} .bg-blue-grey.bg-darken-3 { - background-color: #37474f !important; } - .bg-blue-grey.bg-darken-3.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(55, 71, 79, 0.6); } + background-color: #37474f !important; +} +.bg-blue-grey.bg-darken-3.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(55, 71, 79, 0.6); +} .btn-blue-grey.btn-darken-3 { border-color: #455a64 !important; - background-color: #37474f !important; } - .btn-blue-grey.btn-darken-3:hover { - border-color: #455a64 !important; - background-color: #37474f !important; } - .btn-blue-grey.btn-darken-3:focus, .btn-blue-grey.btn-darken-3:active { - border-color: #37474f !important; - background-color: #263238 !important; } + background-color: #37474f !important; +} +.btn-blue-grey.btn-darken-3:hover { + border-color: #455a64 !important; + background-color: #37474f !important; +} +.btn-blue-grey.btn-darken-3:focus, +.btn-blue-grey.btn-darken-3:active { + border-color: #37474f !important; + background-color: #263238 !important; +} .btn-outline-blue-grey.btn-outline-darken-3 { border-color: #37474f !important; - color: #37474f !important; } - .btn-outline-blue-grey.btn-outline-darken-3:hover { - background-color: #37474f !important; } + color: #37474f !important; +} +.btn-outline-blue-grey.btn-outline-darken-3:hover { + background-color: #37474f !important; +} input:focus ~ .bg-blue-grey { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #37474f !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #37474f !important; +} .border-blue-grey.border-darken-3 { - border: 1px solid #37474f !important; } + border: 1px solid #37474f !important; +} .border-top-blue-grey.border-top-darken-3 { - border-top: 1px solid #37474f !important; } + border-top: 1px solid #37474f !important; +} .border-bottom-blue-grey.border-bottom-darken-3 { - border-bottom: 1px solid #37474f !important; } + border-bottom: 1px solid #37474f !important; +} .border-left-blue-grey.border-left-darken-3 { - border-left: 1px solid #37474f !important; } + border-left: 1px solid #37474f !important; +} .border-right-blue-grey.border-right-darken-3 { - border-right: 1px solid #37474f !important; } + border-right: 1px solid #37474f !important; +} .overlay-blue-grey.overlay-darken-3 { background: #37474f; /* The Fallback */ - background: rgba(55, 71, 79, 0.8); } + background: rgba(55, 71, 79, 0.8); +} .blue-grey.darken-4 { - color: #263238 !important; } + color: #263238 !important; +} .bg-blue-grey.bg-darken-4 { - background-color: #263238 !important; } - .bg-blue-grey.bg-darken-4.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(38, 50, 56, 0.6); } + background-color: #263238 !important; +} +.bg-blue-grey.bg-darken-4.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(38, 50, 56, 0.6); +} .btn-blue-grey.btn-darken-4 { border-color: #455a64 !important; - background-color: #263238 !important; } - .btn-blue-grey.btn-darken-4:hover { - border-color: #455a64 !important; - background-color: #37474f !important; } - .btn-blue-grey.btn-darken-4:focus, .btn-blue-grey.btn-darken-4:active { - border-color: #37474f !important; - background-color: #263238 !important; } + background-color: #263238 !important; +} +.btn-blue-grey.btn-darken-4:hover { + border-color: #455a64 !important; + background-color: #37474f !important; +} +.btn-blue-grey.btn-darken-4:focus, +.btn-blue-grey.btn-darken-4:active { + border-color: #37474f !important; + background-color: #263238 !important; +} .btn-outline-blue-grey.btn-outline-darken-4 { border-color: #263238 !important; - color: #263238 !important; } - .btn-outline-blue-grey.btn-outline-darken-4:hover { - background-color: #263238 !important; } + color: #263238 !important; +} +.btn-outline-blue-grey.btn-outline-darken-4:hover { + background-color: #263238 !important; +} input:focus ~ .bg-blue-grey { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #263238 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #263238 !important; +} .border-blue-grey.border-darken-4 { - border: 1px solid #263238 !important; } + border: 1px solid #263238 !important; +} .border-top-blue-grey.border-top-darken-4 { - border-top: 1px solid #263238 !important; } + border-top: 1px solid #263238 !important; +} .border-bottom-blue-grey.border-bottom-darken-4 { - border-bottom: 1px solid #263238 !important; } + border-bottom: 1px solid #263238 !important; +} .border-left-blue-grey.border-left-darken-4 { - border-left: 1px solid #263238 !important; } + border-left: 1px solid #263238 !important; +} .border-right-blue-grey.border-right-darken-4 { - border-right: 1px solid #263238 !important; } + border-right: 1px solid #263238 !important; +} .overlay-blue-grey.overlay-darken-4 { background: #263238; /* The Fallback */ - background: rgba(38, 50, 56, 0.8); } + background: rgba(38, 50, 56, 0.8); +} .grey-blue.lighten-5 { - color: #eceff1 !important; } + color: #eceff1 !important; +} .bg-grey-blue.bg-lighten-5 { - background-color: #eceff1 !important; } - .bg-grey-blue.bg-lighten-5.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(236, 239, 241, 0.6); } + background-color: #eceff1 !important; +} +.bg-grey-blue.bg-lighten-5.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(236, 239, 241, 0.6); +} .btn-grey-blue.btn-lighten-5 { border-color: #2c303b !important; - background-color: #eceff1 !important; } - .btn-grey-blue.btn-lighten-5:hover { - border-color: #2c303b !important; - background-color: #37474f !important; } - .btn-grey-blue.btn-lighten-5:focus, .btn-grey-blue.btn-lighten-5:active { - border-color: #37474f !important; - background-color: #263238 !important; } + background-color: #eceff1 !important; +} +.btn-grey-blue.btn-lighten-5:hover { + border-color: #2c303b !important; + background-color: #37474f !important; +} +.btn-grey-blue.btn-lighten-5:focus, +.btn-grey-blue.btn-lighten-5:active { + border-color: #37474f !important; + background-color: #263238 !important; +} .btn-outline-grey-blue.btn-outline-lighten-5 { border-color: #eceff1 !important; - color: #eceff1 !important; } - .btn-outline-grey-blue.btn-outline-lighten-5:hover { - background-color: #eceff1 !important; } + color: #eceff1 !important; +} +.btn-outline-grey-blue.btn-outline-lighten-5:hover { + background-color: #eceff1 !important; +} input:focus ~ .bg-grey-blue { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #eceff1 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #eceff1 !important; +} .border-grey-blue.border-lighten-5 { - border: 1px solid #eceff1 !important; } + border: 1px solid #eceff1 !important; +} .border-top-grey-blue.border-top-lighten-5 { - border-top: 1px solid #eceff1 !important; } + border-top: 1px solid #eceff1 !important; +} .border-bottom-grey-blue.border-bottom-lighten-5 { - border-bottom: 1px solid #eceff1 !important; } + border-bottom: 1px solid #eceff1 !important; +} .border-left-grey-blue.border-left-lighten-5 { - border-left: 1px solid #eceff1 !important; } + border-left: 1px solid #eceff1 !important; +} .border-right-grey-blue.border-right-lighten-5 { - border-right: 1px solid #eceff1 !important; } + border-right: 1px solid #eceff1 !important; +} .overlay-grey-blue.overlay-lighten-5 { background: #eceff1; /* The Fallback */ - background: rgba(236, 239, 241, 0.8); } + background: rgba(236, 239, 241, 0.8); +} .grey-blue.lighten-4 { - color: #cfd8dc !important; } + color: #cfd8dc !important; +} .bg-grey-blue.bg-lighten-4 { - background-color: #cfd8dc !important; } - .bg-grey-blue.bg-lighten-4.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(207, 216, 220, 0.6); } + background-color: #cfd8dc !important; +} +.bg-grey-blue.bg-lighten-4.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(207, 216, 220, 0.6); +} .btn-grey-blue.btn-lighten-4 { border-color: #2c303b !important; - background-color: #cfd8dc !important; } - .btn-grey-blue.btn-lighten-4:hover { - border-color: #2c303b !important; - background-color: #37474f !important; } - .btn-grey-blue.btn-lighten-4:focus, .btn-grey-blue.btn-lighten-4:active { - border-color: #37474f !important; - background-color: #263238 !important; } + background-color: #cfd8dc !important; +} +.btn-grey-blue.btn-lighten-4:hover { + border-color: #2c303b !important; + background-color: #37474f !important; +} +.btn-grey-blue.btn-lighten-4:focus, +.btn-grey-blue.btn-lighten-4:active { + border-color: #37474f !important; + background-color: #263238 !important; +} .btn-outline-grey-blue.btn-outline-lighten-4 { border-color: #cfd8dc !important; - color: #cfd8dc !important; } - .btn-outline-grey-blue.btn-outline-lighten-4:hover { - background-color: #cfd8dc !important; } + color: #cfd8dc !important; +} +.btn-outline-grey-blue.btn-outline-lighten-4:hover { + background-color: #cfd8dc !important; +} input:focus ~ .bg-grey-blue { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #cfd8dc !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #cfd8dc !important; +} .border-grey-blue.border-lighten-4 { - border: 1px solid #cfd8dc !important; } + border: 1px solid #cfd8dc !important; +} .border-top-grey-blue.border-top-lighten-4 { - border-top: 1px solid #cfd8dc !important; } + border-top: 1px solid #cfd8dc !important; +} .border-bottom-grey-blue.border-bottom-lighten-4 { - border-bottom: 1px solid #cfd8dc !important; } + border-bottom: 1px solid #cfd8dc !important; +} .border-left-grey-blue.border-left-lighten-4 { - border-left: 1px solid #cfd8dc !important; } + border-left: 1px solid #cfd8dc !important; +} .border-right-grey-blue.border-right-lighten-4 { - border-right: 1px solid #cfd8dc !important; } + border-right: 1px solid #cfd8dc !important; +} .overlay-grey-blue.overlay-lighten-4 { background: #cfd8dc; /* The Fallback */ - background: rgba(207, 216, 220, 0.8); } + background: rgba(207, 216, 220, 0.8); +} .grey-blue.lighten-3 { - color: #b0bec5 !important; } + color: #b0bec5 !important; +} .bg-grey-blue.bg-lighten-3 { - background-color: #b0bec5 !important; } - .bg-grey-blue.bg-lighten-3.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(176, 190, 197, 0.6); } + background-color: #b0bec5 !important; +} +.bg-grey-blue.bg-lighten-3.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(176, 190, 197, 0.6); +} .btn-grey-blue.btn-lighten-3 { border-color: #2c303b !important; - background-color: #b0bec5 !important; } - .btn-grey-blue.btn-lighten-3:hover { - border-color: #2c303b !important; - background-color: #37474f !important; } - .btn-grey-blue.btn-lighten-3:focus, .btn-grey-blue.btn-lighten-3:active { - border-color: #37474f !important; - background-color: #263238 !important; } + background-color: #b0bec5 !important; +} +.btn-grey-blue.btn-lighten-3:hover { + border-color: #2c303b !important; + background-color: #37474f !important; +} +.btn-grey-blue.btn-lighten-3:focus, +.btn-grey-blue.btn-lighten-3:active { + border-color: #37474f !important; + background-color: #263238 !important; +} .btn-outline-grey-blue.btn-outline-lighten-3 { border-color: #b0bec5 !important; - color: #b0bec5 !important; } - .btn-outline-grey-blue.btn-outline-lighten-3:hover { - background-color: #b0bec5 !important; } + color: #b0bec5 !important; +} +.btn-outline-grey-blue.btn-outline-lighten-3:hover { + background-color: #b0bec5 !important; +} input:focus ~ .bg-grey-blue { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #b0bec5 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #b0bec5 !important; +} .border-grey-blue.border-lighten-3 { - border: 1px solid #b0bec5 !important; } + border: 1px solid #b0bec5 !important; +} .border-top-grey-blue.border-top-lighten-3 { - border-top: 1px solid #b0bec5 !important; } + border-top: 1px solid #b0bec5 !important; +} .border-bottom-grey-blue.border-bottom-lighten-3 { - border-bottom: 1px solid #b0bec5 !important; } + border-bottom: 1px solid #b0bec5 !important; +} .border-left-grey-blue.border-left-lighten-3 { - border-left: 1px solid #b0bec5 !important; } + border-left: 1px solid #b0bec5 !important; +} .border-right-grey-blue.border-right-lighten-3 { - border-right: 1px solid #b0bec5 !important; } + border-right: 1px solid #b0bec5 !important; +} .overlay-grey-blue.overlay-lighten-3 { background: #b0bec5; /* The Fallback */ - background: rgba(176, 190, 197, 0.8); } + background: rgba(176, 190, 197, 0.8); +} .grey-blue.lighten-2 { - color: #6f85ad !important; } + color: #6f85ad !important; +} .bg-grey-blue.bg-lighten-2 { - background-color: #6f85ad !important; } - .bg-grey-blue.bg-lighten-2.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(111, 133, 173, 0.6); } + background-color: #6f85ad !important; +} +.bg-grey-blue.bg-lighten-2.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(111, 133, 173, 0.6); +} .btn-grey-blue.btn-lighten-2 { border-color: #2c303b !important; - background-color: #6f85ad !important; } - .btn-grey-blue.btn-lighten-2:hover { - border-color: #2c303b !important; - background-color: #37474f !important; } - .btn-grey-blue.btn-lighten-2:focus, .btn-grey-blue.btn-lighten-2:active { - border-color: #37474f !important; - background-color: #263238 !important; } + background-color: #6f85ad !important; +} +.btn-grey-blue.btn-lighten-2:hover { + border-color: #2c303b !important; + background-color: #37474f !important; +} +.btn-grey-blue.btn-lighten-2:focus, +.btn-grey-blue.btn-lighten-2:active { + border-color: #37474f !important; + background-color: #263238 !important; +} .btn-outline-grey-blue.btn-outline-lighten-2 { border-color: #6f85ad !important; - color: #6f85ad !important; } - .btn-outline-grey-blue.btn-outline-lighten-2:hover { - background-color: #6f85ad !important; } + color: #6f85ad !important; +} +.btn-outline-grey-blue.btn-outline-lighten-2:hover { + background-color: #6f85ad !important; +} input:focus ~ .bg-grey-blue { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #6f85ad !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #6f85ad !important; +} .border-grey-blue.border-lighten-2 { - border: 1px solid #6f85ad !important; } + border: 1px solid #6f85ad !important; +} .border-top-grey-blue.border-top-lighten-2 { - border-top: 1px solid #6f85ad !important; } + border-top: 1px solid #6f85ad !important; +} .border-bottom-grey-blue.border-bottom-lighten-2 { - border-bottom: 1px solid #6f85ad !important; } + border-bottom: 1px solid #6f85ad !important; +} .border-left-grey-blue.border-left-lighten-2 { - border-left: 1px solid #6f85ad !important; } + border-left: 1px solid #6f85ad !important; +} .border-right-grey-blue.border-right-lighten-2 { - border-right: 1px solid #6f85ad !important; } + border-right: 1px solid #6f85ad !important; +} .overlay-grey-blue.overlay-lighten-2 { background: #6f85ad; /* The Fallback */ - background: rgba(111, 133, 173, 0.8); } + background: rgba(111, 133, 173, 0.8); +} .grey-blue.lighten-1 { - color: #78909c !important; } + color: #78909c !important; +} .bg-grey-blue.bg-lighten-1 { - background-color: #78909c !important; } - .bg-grey-blue.bg-lighten-1.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(120, 144, 156, 0.6); } + background-color: #78909c !important; +} +.bg-grey-blue.bg-lighten-1.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(120, 144, 156, 0.6); +} .btn-grey-blue.btn-lighten-1 { border-color: #2c303b !important; - background-color: #78909c !important; } - .btn-grey-blue.btn-lighten-1:hover { - border-color: #2c303b !important; - background-color: #37474f !important; } - .btn-grey-blue.btn-lighten-1:focus, .btn-grey-blue.btn-lighten-1:active { - border-color: #37474f !important; - background-color: #263238 !important; } + background-color: #78909c !important; +} +.btn-grey-blue.btn-lighten-1:hover { + border-color: #2c303b !important; + background-color: #37474f !important; +} +.btn-grey-blue.btn-lighten-1:focus, +.btn-grey-blue.btn-lighten-1:active { + border-color: #37474f !important; + background-color: #263238 !important; +} .btn-outline-grey-blue.btn-outline-lighten-1 { border-color: #78909c !important; - color: #78909c !important; } - .btn-outline-grey-blue.btn-outline-lighten-1:hover { - background-color: #78909c !important; } + color: #78909c !important; +} +.btn-outline-grey-blue.btn-outline-lighten-1:hover { + background-color: #78909c !important; +} input:focus ~ .bg-grey-blue { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #78909c !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #78909c !important; +} .border-grey-blue.border-lighten-1 { - border: 1px solid #78909c !important; } + border: 1px solid #78909c !important; +} .border-top-grey-blue.border-top-lighten-1 { - border-top: 1px solid #78909c !important; } + border-top: 1px solid #78909c !important; +} .border-bottom-grey-blue.border-bottom-lighten-1 { - border-bottom: 1px solid #78909c !important; } + border-bottom: 1px solid #78909c !important; +} .border-left-grey-blue.border-left-lighten-1 { - border-left: 1px solid #78909c !important; } + border-left: 1px solid #78909c !important; +} .border-right-grey-blue.border-right-lighten-1 { - border-right: 1px solid #78909c !important; } + border-right: 1px solid #78909c !important; +} .overlay-grey-blue.overlay-lighten-1 { background: #78909c; /* The Fallback */ - background: rgba(120, 144, 156, 0.8); } + background: rgba(120, 144, 156, 0.8); +} .grey-blue { - color: #1b2942 !important; } + color: #1b2942 !important; +} .bg-grey-blue { - background-color: #1b2942 !important; } - .bg-grey-blue .card-header, - .bg-grey-blue .card-footer { - background-color: transparent; } - .bg-grey-blue.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(27, 41, 66, 0.6); } + background-color: #1b2942 !important; +} +.bg-grey-blue .card-header, +.bg-grey-blue .card-footer { + background-color: transparent; +} +.bg-grey-blue.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(27, 41, 66, 0.6); +} .selectboxit.selectboxit-btn.bg-grey-blue { - background-color: #1b2942 !important; } + background-color: #1b2942 !important; +} .alert-grey-blue { border-color: #1b2942 !important; - background-color: #304875; } + background-color: #304875; +} .border-grey-blue { border-color: #1b2942; - border: 1px solid; } + border: 1px solid; +} .overlay-grey-blue { background: #1b2942; /* The Fallback */ - background: rgba(27, 41, 66, 0.8); } + background: rgba(27, 41, 66, 0.8); +} .color-info.grey-blue { - background-color: #1b2942 !important; } + background-color: #1b2942 !important; +} .btn-grey-blue { border-color: #2c303b !important; background-color: #1b2942 !important; - color: #FFFFFF; } - .btn-grey-blue:hover { - border-color: #546e7a !important; - background-color: #78909c !important; - color: #FFF !important; } - .btn-grey-blue:focus, .btn-grey-blue:active { - border-color: #2c303b !important; - background-color: #37474f !important; - color: #FFF !important; } - .btn-grey-blue.btn-glow { - box-shadow: 0px 1px 20px 1px rgba(27, 41, 66, 0.6); } + color: #ffffff; +} +.btn-grey-blue:hover { + border-color: #546e7a !important; + background-color: #78909c !important; + color: #fff !important; +} +.btn-grey-blue:focus, +.btn-grey-blue:active { + border-color: #2c303b !important; + background-color: #37474f !important; + color: #fff !important; +} +.btn-grey-blue.btn-glow { + box-shadow: 0px 1px 20px 1px rgba(27, 41, 66, 0.6); +} .btn-outline-grey-blue { border: 1px solid; border-color: #1b2942; background-color: transparent; - color: #1b2942; } - .btn-outline-grey-blue:hover { - background-color: #1b2942; - color: #FFF !important; } - .btn-outline-grey-blue.btn-glow { - box-shadow: 0px 1px 20px 1px rgba(27, 41, 66, 0.6); } - -input[type="checkbox"].bg-grey-blue + .custom-control-label:before, input[type="radio"].bg-grey-blue + .custom-control-label:before { - background-color: #1b2942 !important; } - -/* .custom-control-label{ - &:before{ - background-color: #ddd !important; - } + color: #1b2942; +} +.btn-outline-grey-blue:hover { + background-color: #1b2942; + color: #fff !important; +} +.btn-outline-grey-blue.btn-glow { + box-shadow: 0px 1px 20px 1px rgba(27, 41, 66, 0.6); +} + +input[type='checkbox'].bg-grey-blue + .custom-control-label:before, +input[type='radio'].bg-grey-blue + .custom-control-label:before { + background-color: #1b2942 !important; +} + +/* .custom-control-label{ + &:before{ + background-color: #ddd !important; + } } */ input:focus ~ .bg-grey-blue { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #1b2942 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #1b2942 !important; +} .border-grey-blue { - border-color: #1b2942 !important; } + border-color: #1b2942 !important; +} .border-top-grey-blue { - border-top: 1px solid #1b2942; } + border-top: 1px solid #1b2942; +} .border-bottom-grey-blue { - border-bottom: 1px solid #1b2942; } + border-bottom: 1px solid #1b2942; +} .border-left-grey-blue { - border-left: 1px solid #1b2942; } + border-left: 1px solid #1b2942; +} .border-right-grey-blue { - border-right: 1px solid #1b2942; } + border-right: 1px solid #1b2942; +} /* Bullet grey-blue */ .bullet.bullet-grey-blue { - background-color: #1b2942; } + background-color: #1b2942; +} .grey-blue.darken-1 { - color: #546e7a !important; } + color: #546e7a !important; +} .bg-grey-blue.bg-darken-1 { - background-color: #546e7a !important; } - .bg-grey-blue.bg-darken-1.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(84, 110, 122, 0.6); } + background-color: #546e7a !important; +} +.bg-grey-blue.bg-darken-1.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(84, 110, 122, 0.6); +} .btn-grey-blue.btn-darken-1 { border-color: #2c303b !important; - background-color: #546e7a !important; } - .btn-grey-blue.btn-darken-1:hover { - border-color: #2c303b !important; - background-color: #37474f !important; } - .btn-grey-blue.btn-darken-1:focus, .btn-grey-blue.btn-darken-1:active { - border-color: #37474f !important; - background-color: #263238 !important; } + background-color: #546e7a !important; +} +.btn-grey-blue.btn-darken-1:hover { + border-color: #2c303b !important; + background-color: #37474f !important; +} +.btn-grey-blue.btn-darken-1:focus, +.btn-grey-blue.btn-darken-1:active { + border-color: #37474f !important; + background-color: #263238 !important; +} .btn-outline-grey-blue.btn-outline-darken-1 { border-color: #546e7a !important; - color: #546e7a !important; } - .btn-outline-grey-blue.btn-outline-darken-1:hover { - background-color: #546e7a !important; } + color: #546e7a !important; +} +.btn-outline-grey-blue.btn-outline-darken-1:hover { + background-color: #546e7a !important; +} input:focus ~ .bg-grey-blue { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #546e7a !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #546e7a !important; +} .border-grey-blue.border-darken-1 { - border: 1px solid #546e7a !important; } + border: 1px solid #546e7a !important; +} .border-top-grey-blue.border-top-darken-1 { - border-top: 1px solid #546e7a !important; } + border-top: 1px solid #546e7a !important; +} .border-bottom-grey-blue.border-bottom-darken-1 { - border-bottom: 1px solid #546e7a !important; } + border-bottom: 1px solid #546e7a !important; +} .border-left-grey-blue.border-left-darken-1 { - border-left: 1px solid #546e7a !important; } + border-left: 1px solid #546e7a !important; +} .border-right-grey-blue.border-right-darken-1 { - border-right: 1px solid #546e7a !important; } + border-right: 1px solid #546e7a !important; +} .overlay-grey-blue.overlay-darken-1 { background: #546e7a; /* The Fallback */ - background: rgba(84, 110, 122, 0.8); } + background: rgba(84, 110, 122, 0.8); +} .grey-blue.darken-2 { - color: #2c303b !important; } + color: #2c303b !important; +} .bg-grey-blue.bg-darken-2 { - background-color: #2c303b !important; } - .bg-grey-blue.bg-darken-2.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(44, 48, 59, 0.6); } + background-color: #2c303b !important; +} +.bg-grey-blue.bg-darken-2.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(44, 48, 59, 0.6); +} .btn-grey-blue.btn-darken-2 { border-color: #2c303b !important; - background-color: #2c303b !important; } - .btn-grey-blue.btn-darken-2:hover { - border-color: #2c303b !important; - background-color: #37474f !important; } - .btn-grey-blue.btn-darken-2:focus, .btn-grey-blue.btn-darken-2:active { - border-color: #37474f !important; - background-color: #263238 !important; } + background-color: #2c303b !important; +} +.btn-grey-blue.btn-darken-2:hover { + border-color: #2c303b !important; + background-color: #37474f !important; +} +.btn-grey-blue.btn-darken-2:focus, +.btn-grey-blue.btn-darken-2:active { + border-color: #37474f !important; + background-color: #263238 !important; +} .btn-outline-grey-blue.btn-outline-darken-2 { border-color: #2c303b !important; - color: #2c303b !important; } - .btn-outline-grey-blue.btn-outline-darken-2:hover { - background-color: #2c303b !important; } + color: #2c303b !important; +} +.btn-outline-grey-blue.btn-outline-darken-2:hover { + background-color: #2c303b !important; +} input:focus ~ .bg-grey-blue { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #2c303b !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #2c303b !important; +} .border-grey-blue.border-darken-2 { - border: 1px solid #2c303b !important; } + border: 1px solid #2c303b !important; +} .border-top-grey-blue.border-top-darken-2 { - border-top: 1px solid #2c303b !important; } + border-top: 1px solid #2c303b !important; +} .border-bottom-grey-blue.border-bottom-darken-2 { - border-bottom: 1px solid #2c303b !important; } + border-bottom: 1px solid #2c303b !important; +} .border-left-grey-blue.border-left-darken-2 { - border-left: 1px solid #2c303b !important; } + border-left: 1px solid #2c303b !important; +} .border-right-grey-blue.border-right-darken-2 { - border-right: 1px solid #2c303b !important; } + border-right: 1px solid #2c303b !important; +} .overlay-grey-blue.overlay-darken-2 { background: #2c303b; /* The Fallback */ - background: rgba(44, 48, 59, 0.8); } + background: rgba(44, 48, 59, 0.8); +} .grey-blue.darken-3 { - color: #37474f !important; } + color: #37474f !important; +} .bg-grey-blue.bg-darken-3 { - background-color: #37474f !important; } - .bg-grey-blue.bg-darken-3.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(55, 71, 79, 0.6); } + background-color: #37474f !important; +} +.bg-grey-blue.bg-darken-3.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(55, 71, 79, 0.6); +} .btn-grey-blue.btn-darken-3 { border-color: #2c303b !important; - background-color: #37474f !important; } - .btn-grey-blue.btn-darken-3:hover { - border-color: #2c303b !important; - background-color: #37474f !important; } - .btn-grey-blue.btn-darken-3:focus, .btn-grey-blue.btn-darken-3:active { - border-color: #37474f !important; - background-color: #263238 !important; } + background-color: #37474f !important; +} +.btn-grey-blue.btn-darken-3:hover { + border-color: #2c303b !important; + background-color: #37474f !important; +} +.btn-grey-blue.btn-darken-3:focus, +.btn-grey-blue.btn-darken-3:active { + border-color: #37474f !important; + background-color: #263238 !important; +} .btn-outline-grey-blue.btn-outline-darken-3 { border-color: #37474f !important; - color: #37474f !important; } - .btn-outline-grey-blue.btn-outline-darken-3:hover { - background-color: #37474f !important; } + color: #37474f !important; +} +.btn-outline-grey-blue.btn-outline-darken-3:hover { + background-color: #37474f !important; +} input:focus ~ .bg-grey-blue { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #37474f !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #37474f !important; +} .border-grey-blue.border-darken-3 { - border: 1px solid #37474f !important; } + border: 1px solid #37474f !important; +} .border-top-grey-blue.border-top-darken-3 { - border-top: 1px solid #37474f !important; } + border-top: 1px solid #37474f !important; +} .border-bottom-grey-blue.border-bottom-darken-3 { - border-bottom: 1px solid #37474f !important; } + border-bottom: 1px solid #37474f !important; +} .border-left-grey-blue.border-left-darken-3 { - border-left: 1px solid #37474f !important; } + border-left: 1px solid #37474f !important; +} .border-right-grey-blue.border-right-darken-3 { - border-right: 1px solid #37474f !important; } + border-right: 1px solid #37474f !important; +} .overlay-grey-blue.overlay-darken-3 { background: #37474f; /* The Fallback */ - background: rgba(55, 71, 79, 0.8); } + background: rgba(55, 71, 79, 0.8); +} .grey-blue.darken-4 { - color: #263238 !important; } + color: #263238 !important; +} .bg-grey-blue.bg-darken-4 { - background-color: #263238 !important; } - .bg-grey-blue.bg-darken-4.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(38, 50, 56, 0.6); } + background-color: #263238 !important; +} +.bg-grey-blue.bg-darken-4.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(38, 50, 56, 0.6); +} .btn-grey-blue.btn-darken-4 { border-color: #2c303b !important; - background-color: #263238 !important; } - .btn-grey-blue.btn-darken-4:hover { - border-color: #2c303b !important; - background-color: #37474f !important; } - .btn-grey-blue.btn-darken-4:focus, .btn-grey-blue.btn-darken-4:active { - border-color: #37474f !important; - background-color: #263238 !important; } + background-color: #263238 !important; +} +.btn-grey-blue.btn-darken-4:hover { + border-color: #2c303b !important; + background-color: #37474f !important; +} +.btn-grey-blue.btn-darken-4:focus, +.btn-grey-blue.btn-darken-4:active { + border-color: #37474f !important; + background-color: #263238 !important; +} .btn-outline-grey-blue.btn-outline-darken-4 { border-color: #263238 !important; - color: #263238 !important; } - .btn-outline-grey-blue.btn-outline-darken-4:hover { - background-color: #263238 !important; } + color: #263238 !important; +} +.btn-outline-grey-blue.btn-outline-darken-4:hover { + background-color: #263238 !important; +} input:focus ~ .bg-grey-blue { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #263238 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #263238 !important; +} .border-grey-blue.border-darken-4 { - border: 1px solid #263238 !important; } + border: 1px solid #263238 !important; +} .border-top-grey-blue.border-top-darken-4 { - border-top: 1px solid #263238 !important; } + border-top: 1px solid #263238 !important; +} .border-bottom-grey-blue.border-bottom-darken-4 { - border-bottom: 1px solid #263238 !important; } + border-bottom: 1px solid #263238 !important; +} .border-left-grey-blue.border-left-darken-4 { - border-left: 1px solid #263238 !important; } + border-left: 1px solid #263238 !important; +} .border-right-grey-blue.border-right-darken-4 { - border-right: 1px solid #263238 !important; } + border-right: 1px solid #263238 !important; +} .overlay-grey-blue.overlay-darken-4 { background: #263238; /* The Fallback */ - background: rgba(38, 50, 56, 0.8); } + background: rgba(38, 50, 56, 0.8); +} .shades.black { - color: #000000 !important; } + color: #000000 !important; +} .bg-shades.bg-black { - background-color: #000000 !important; } - .bg-shades.bg-black.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(0, 0, 0, 0.6); } + background-color: #000000 !important; +} +.bg-shades.bg-black.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(0, 0, 0, 0.6); +} .btn-shades.btn-black { border-color: !important; - background-color: #000000 !important; } - .btn-shades.btn-black:hover { - border-color: !important; - background-color: !important; } - .btn-shades.btn-black:focus, .btn-shades.btn-black:active { - border-color: !important; - background-color: !important; } + background-color: #000000 !important; +} +.btn-shades.btn-black:hover { + border-color: !important; + background-color: !important; +} +.btn-shades.btn-black:focus, +.btn-shades.btn-black:active { + border-color: !important; + background-color: !important; +} .btn-outline-shades.btn-outline-black { border-color: #000000 !important; - color: #000000 !important; } - .btn-outline-shades.btn-outline-black:hover { - background-color: #000000 !important; } + color: #000000 !important; +} +.btn-outline-shades.btn-outline-black:hover { + background-color: #000000 !important; +} input:focus ~ .bg-shades { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #000000 !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #000000 !important; +} .border-shades.border-black { - border: 1px solid #000000 !important; } + border: 1px solid #000000 !important; +} .border-top-shades.border-top-black { - border-top: 1px solid #000000 !important; } + border-top: 1px solid #000000 !important; +} .border-bottom-shades.border-bottom-black { - border-bottom: 1px solid #000000 !important; } + border-bottom: 1px solid #000000 !important; +} .border-left-shades.border-left-black { - border-left: 1px solid #000000 !important; } + border-left: 1px solid #000000 !important; +} .border-right-shades.border-right-black { - border-right: 1px solid #000000 !important; } + border-right: 1px solid #000000 !important; +} .overlay-shades.overlay-black { background: #000000; /* The Fallback */ - background: rgba(0, 0, 0, 0.8); } + background: rgba(0, 0, 0, 0.8); +} .shades.white { - color: #ffffff !important; } + color: #ffffff !important; +} .bg-shades.bg-white { - background-color: #ffffff !important; } - .bg-shades.bg-white.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(255, 255, 255, 0.6); } + background-color: #ffffff !important; +} +.bg-shades.bg-white.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(255, 255, 255, 0.6); +} .btn-shades.btn-white { border-color: !important; - background-color: #ffffff !important; } - .btn-shades.btn-white:hover { - border-color: !important; - background-color: !important; } - .btn-shades.btn-white:focus, .btn-shades.btn-white:active { - border-color: !important; - background-color: !important; } + background-color: #ffffff !important; +} +.btn-shades.btn-white:hover { + border-color: !important; + background-color: !important; +} +.btn-shades.btn-white:focus, +.btn-shades.btn-white:active { + border-color: !important; + background-color: !important; +} .btn-outline-shades.btn-outline-white { border-color: #ffffff !important; - color: #ffffff !important; } - .btn-outline-shades.btn-outline-white:hover { - background-color: #ffffff !important; } + color: #ffffff !important; +} +.btn-outline-shades.btn-outline-white:hover { + background-color: #ffffff !important; +} input:focus ~ .bg-shades { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffffff !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffffff !important; +} .border-shades.border-white { - border: 1px solid #ffffff !important; } + border: 1px solid #ffffff !important; +} .border-top-shades.border-top-white { - border-top: 1px solid #ffffff !important; } + border-top: 1px solid #ffffff !important; +} .border-bottom-shades.border-bottom-white { - border-bottom: 1px solid #ffffff !important; } + border-bottom: 1px solid #ffffff !important; +} .border-left-shades.border-left-white { - border-left: 1px solid #ffffff !important; } + border-left: 1px solid #ffffff !important; +} .border-right-shades.border-right-white { - border-right: 1px solid #ffffff !important; } + border-right: 1px solid #ffffff !important; +} .overlay-shades.overlay-white { background: #ffffff; /* The Fallback */ - background: rgba(255, 255, 255, 0.8); } + background: rgba(255, 255, 255, 0.8); +} .shades.transparent { - color: transparent !important; } + color: transparent !important; +} .bg-shades.bg-transparent { - background-color: transparent !important; } - .bg-shades.bg-transparent.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(0, 0, 0, 0.6); } + background-color: transparent !important; +} +.bg-shades.bg-transparent.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(0, 0, 0, 0.6); +} .btn-shades.btn-transparent { border-color: !important; - background-color: transparent !important; } - .btn-shades.btn-transparent:hover { - border-color: !important; - background-color: !important; } - .btn-shades.btn-transparent:focus, .btn-shades.btn-transparent:active { - border-color: !important; - background-color: !important; } + background-color: transparent !important; +} +.btn-shades.btn-transparent:hover { + border-color: !important; + background-color: !important; +} +.btn-shades.btn-transparent:focus, +.btn-shades.btn-transparent:active { + border-color: !important; + background-color: !important; +} .btn-outline-shades.btn-outline-transparent { border-color: transparent !important; - color: transparent !important; } - .btn-outline-shades.btn-outline-transparent:hover { - background-color: transparent !important; } + color: transparent !important; +} +.btn-outline-shades.btn-outline-transparent:hover { + background-color: transparent !important; +} input:focus ~ .bg-shades { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem transparent !important; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem transparent !important; +} .border-shades.border-transparent { - border: 1px solid transparent !important; } + border: 1px solid transparent !important; +} .border-top-shades.border-top-transparent { - border-top: 1px solid transparent !important; } + border-top: 1px solid transparent !important; +} .border-bottom-shades.border-bottom-transparent { - border-bottom: 1px solid transparent !important; } + border-bottom: 1px solid transparent !important; +} .border-left-shades.border-left-transparent { - border-left: 1px solid transparent !important; } + border-left: 1px solid transparent !important; +} .border-right-shades.border-right-transparent { - border-right: 1px solid transparent !important; } + border-right: 1px solid transparent !important; +} .overlay-shades.overlay-transparent { background: transparent; /* The Fallback */ - background: rgba(0, 0, 0, 0.8); } + background: rgba(0, 0, 0, 0.8); +} .black { - color: #000000; } + color: #000000; +} .bg-black { - background-color: #000000; } - .bg-black.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(0, 0, 0, 0.6); } + background-color: #000000; +} +.bg-black.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(0, 0, 0, 0.6); +} input:focus ~ .bg-black { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #000000; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #000000; +} .border-black { - border: 1px solid #000000; } + border: 1px solid #000000; +} .border-top-black { - border-top: 1px solid #000000; } + border-top: 1px solid #000000; +} .border-bottom-black { - border-bottom: 1px solid #000000; } + border-bottom: 1px solid #000000; +} .border-left-black { - border-left: 1px solid #000000; } + border-left: 1px solid #000000; +} .border-right-black { - border-right: 1px solid #000000; } + border-right: 1px solid #000000; +} .white { - color: #ffffff; } + color: #ffffff; +} .bg-white { - background-color: #ffffff; } - .bg-white.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(255, 255, 255, 0.6); } + background-color: #ffffff; +} +.bg-white.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(255, 255, 255, 0.6); +} input:focus ~ .bg-white { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffffff; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffffff; +} .border-white { - border: 1px solid #ffffff; } + border: 1px solid #ffffff; +} .border-top-white { - border-top: 1px solid #ffffff; } + border-top: 1px solid #ffffff; +} .border-bottom-white { - border-bottom: 1px solid #ffffff; } + border-bottom: 1px solid #ffffff; +} .border-left-white { - border-left: 1px solid #ffffff; } + border-left: 1px solid #ffffff; +} .border-right-white { - border-right: 1px solid #ffffff; } + border-right: 1px solid #ffffff; +} .transparent { - color: transparent; } + color: transparent; +} .bg-transparent { - background-color: transparent; } - .bg-transparent.bg-glow { - box-shadow: 0px 1px 20px 1px rgba(0, 0, 0, 0.6); } + background-color: transparent; +} +.bg-transparent.bg-glow { + box-shadow: 0px 1px 20px 1px rgba(0, 0, 0, 0.6); +} input:focus ~ .bg-transparent { - box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem transparent; } + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem transparent; +} .border-transparent { - border: 1px solid transparent; } + border: 1px solid transparent; +} .border-top-transparent { - border-top: 1px solid transparent; } + border-top: 1px solid transparent; +} .border-bottom-transparent { - border-bottom: 1px solid transparent; } + border-bottom: 1px solid transparent; +} .border-left-transparent { - border-left: 1px solid transparent; } + border-left: 1px solid transparent; +} .border-right-transparent { - border-right: 1px solid transparent; } + border-right: 1px solid transparent; +} .bg-gradient-x-white { - border-bottom: none; } + border-bottom: none; +} .bg-gradient-x-white .card-header, .bg-gradient-x-white .card-footer, @@ -11354,10 +15150,12 @@ input:focus ~ .bg-transparent { .bg-gradient-x2-white .card-footer, .bg-gradient-y2-white .card-header, .bg-gradient-y2-white .card-footer { - background-color: transparent; } + background-color: transparent; +} .bg-gradient-x-black { - border-bottom: none; } + border-bottom: none; +} .bg-gradient-x-black .card-header, .bg-gradient-x-black .card-footer, @@ -11373,35 +15171,52 @@ input:focus ~ .bg-transparent { .bg-gradient-x2-black .card-footer, .bg-gradient-y2-black .card-header, .bg-gradient-y2-black .card-footer { - background-color: transparent; } + background-color: transparent; +} .bg-gradient-x-primary { background-image: linear-gradient(to right, #512e90 0%, #8259cb 100%); background-repeat: repeat-x; - border-bottom: none; } + border-bottom: none; +} .bg-gradient-y-primary { background-image: linear-gradient(to bottom, #512e90 0%, #8259cb 100%); - background-repeat: repeat-x; } + background-repeat: repeat-x; +} .bg-gradient-directional-primary { background-image: linear-gradient(45deg, #512e90, #8259cb); - background-repeat: repeat-x; } + background-repeat: repeat-x; +} .bg-gradient-x2-primary { background-image: linear-gradient(to right, #8259cb, #673ab7 50%, #916dd1); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-y2-primary { background-image: linear-gradient(#8259cb, #673ab7 50%, #916dd1); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-radial-primary { background-image: radial-gradient(circle, #512e90, #8259cb); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-striped-primary { - background-image: linear-gradient(45deg, #916dd1 25%, transparent 25%, transparent 50%, #916dd1 50%, #916dd1 75%, transparent 75%, transparent); } + background-image: linear-gradient( + 45deg, + #916dd1 25%, + transparent 25%, + transparent 50%, + #916dd1 50%, + #916dd1 75%, + transparent 75%, + transparent + ); +} .bg-gradient-x-primary .card-header, .bg-gradient-x-primary .card-footer, @@ -11417,35 +15232,52 @@ input:focus ~ .bg-transparent { .bg-gradient-x2-primary .card-footer, .bg-gradient-y2-primary .card-header, .bg-gradient-y2-primary .card-footer { - background-color: transparent; } + background-color: transparent; +} .bg-gradient-x-secondary { background-image: linear-gradient(to right, #4b626d 0%, #7b96a3 100%); background-repeat: repeat-x; - border-bottom: none; } + border-bottom: none; +} .bg-gradient-y-secondary { background-image: linear-gradient(to bottom, #4b626d 0%, #7b96a3 100%); - background-repeat: repeat-x; } + background-repeat: repeat-x; +} .bg-gradient-directional-secondary { background-image: linear-gradient(45deg, #4b626d, #7b96a3); - background-repeat: repeat-x; } + background-repeat: repeat-x; +} .bg-gradient-x2-secondary { background-image: linear-gradient(to right, #7b96a3, #607d8b 50%, #8aa2ae); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-y2-secondary { background-image: linear-gradient(#7b96a3, #607d8b 50%, #8aa2ae); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-radial-secondary { background-image: radial-gradient(circle, #4b626d, #7b96a3); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-striped-secondary { - background-image: linear-gradient(45deg, #8aa2ae 25%, transparent 25%, transparent 50%, #8aa2ae 50%, #8aa2ae 75%, transparent 75%, transparent); } + background-image: linear-gradient( + 45deg, + #8aa2ae 25%, + transparent 25%, + transparent 50%, + #8aa2ae 50%, + #8aa2ae 75%, + transparent 75%, + transparent + ); +} .bg-gradient-x-secondary .card-header, .bg-gradient-x-secondary .card-footer, @@ -11461,35 +15293,52 @@ input:focus ~ .bg-transparent { .bg-gradient-x2-secondary .card-footer, .bg-gradient-y2-secondary .card-header, .bg-gradient-y2-secondary .card-footer { - background-color: transparent; } + background-color: transparent; +} .bg-gradient-x-success { background-image: linear-gradient(to right, #71a436 0%, #a4d070 100%); background-repeat: repeat-x; - border-bottom: none; } + border-bottom: none; +} .bg-gradient-y-success { background-image: linear-gradient(to bottom, #71a436 0%, #a4d070 100%); - background-repeat: repeat-x; } + background-repeat: repeat-x; +} .bg-gradient-directional-success { background-image: linear-gradient(45deg, #71a436, #a4d070); - background-repeat: repeat-x; } + background-repeat: repeat-x; +} .bg-gradient-x2-success { background-image: linear-gradient(to right, #a4d070, #8bc34a 50%, #b0d683); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-y2-success { background-image: linear-gradient(#a4d070, #8bc34a 50%, #b0d683); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-radial-success { background-image: radial-gradient(circle, #71a436, #a4d070); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-striped-success { - background-image: linear-gradient(45deg, #b0d683 25%, transparent 25%, transparent 50%, #b0d683 50%, #b0d683 75%, transparent 75%, transparent); } + background-image: linear-gradient( + 45deg, + #b0d683 25%, + transparent 25%, + transparent 50%, + #b0d683 50%, + #b0d683 75%, + transparent 75%, + transparent + ); +} .bg-gradient-x-success .card-header, .bg-gradient-x-success .card-footer, @@ -11505,35 +15354,52 @@ input:focus ~ .bg-transparent { .bg-gradient-x2-success .card-footer, .bg-gradient-y2-success .card-header, .bg-gradient-y2-success .card-footer { - background-color: transparent; } + background-color: transparent; +} .bg-gradient-x-info { background-image: linear-gradient(to right, #008fa1 0%, #08e3ff 100%); background-repeat: repeat-x; - border-bottom: none; } + border-bottom: none; +} .bg-gradient-y-info { background-image: linear-gradient(to bottom, #008fa1 0%, #08e3ff 100%); - background-repeat: repeat-x; } + background-repeat: repeat-x; +} .bg-gradient-directional-info { background-image: linear-gradient(45deg, #008fa1, #08e3ff); - background-repeat: repeat-x; } + background-repeat: repeat-x; +} .bg-gradient-x2-info { background-image: linear-gradient(to right, #08e3ff, #00bcd4 50%, #22e6ff); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-y2-info { background-image: linear-gradient(#08e3ff, #00bcd4 50%, #22e6ff); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-radial-info { background-image: radial-gradient(circle, #008fa1, #08e3ff); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-striped-info { - background-image: linear-gradient(45deg, #22e6ff 25%, transparent 25%, transparent 50%, #22e6ff 50%, #22e6ff 75%, transparent 75%, transparent); } + background-image: linear-gradient( + 45deg, + #22e6ff 25%, + transparent 25%, + transparent 50%, + #22e6ff 50%, + #22e6ff 75%, + transparent 75%, + transparent + ); +} .bg-gradient-x-info .card-header, .bg-gradient-x-info .card-footer, @@ -11549,35 +15415,52 @@ input:focus ~ .bg-transparent { .bg-gradient-x2-info .card-footer, .bg-gradient-y2-info .card-header, .bg-gradient-y2-info .card-footer { - background-color: transparent; } + background-color: transparent; +} .bg-gradient-x-warning { background-image: linear-gradient(to right, #d39e00 0%, #ffce3a 100%); background-repeat: repeat-x; - border-bottom: none; } + border-bottom: none; +} .bg-gradient-y-warning { background-image: linear-gradient(to bottom, #d39e00 0%, #ffce3a 100%); - background-repeat: repeat-x; } + background-repeat: repeat-x; +} .bg-gradient-directional-warning { background-image: linear-gradient(45deg, #d39e00, #ffce3a); - background-repeat: repeat-x; } + background-repeat: repeat-x; +} .bg-gradient-x2-warning { background-image: linear-gradient(to right, #ffce3a, #ffc107 50%, #ffd454); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-y2-warning { background-image: linear-gradient(#ffce3a, #ffc107 50%, #ffd454); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-radial-warning { background-image: radial-gradient(circle, #d39e00, #ffce3a); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-striped-warning { - background-image: linear-gradient(45deg, #ffd454 25%, transparent 25%, transparent 50%, #ffd454 50%, #ffd454 75%, transparent 75%, transparent); } + background-image: linear-gradient( + 45deg, + #ffd454 25%, + transparent 25%, + transparent 50%, + #ffd454 50%, + #ffd454 75%, + transparent 75%, + transparent + ); +} .bg-gradient-x-warning .card-header, .bg-gradient-x-warning .card-footer, @@ -11593,35 +15476,52 @@ input:focus ~ .bg-transparent { .bg-gradient-x2-warning .card-footer, .bg-gradient-y2-warning .card-header, .bg-gradient-y2-warning .card-footer { - background-color: transparent; } + background-color: transparent; +} .bg-gradient-x-danger { background-image: linear-gradient(to right, #ea1c0d 0%, #f77066 100%); background-repeat: repeat-x; - border-bottom: none; } + border-bottom: none; +} .bg-gradient-y-danger { background-image: linear-gradient(to bottom, #ea1c0d 0%, #f77066 100%); - background-repeat: repeat-x; } + background-repeat: repeat-x; +} .bg-gradient-directional-danger { background-image: linear-gradient(45deg, #ea1c0d, #f77066); - background-repeat: repeat-x; } + background-repeat: repeat-x; +} .bg-gradient-x2-danger { background-image: linear-gradient(to right, #f77066, #f44336 50%, #f8877f); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-y2-danger { background-image: linear-gradient(#f77066, #f44336 50%, #f8877f); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-radial-danger { background-image: radial-gradient(circle, #ea1c0d, #f77066); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-striped-danger { - background-image: linear-gradient(45deg, #f8877f 25%, transparent 25%, transparent 50%, #f8877f 50%, #f8877f 75%, transparent 75%, transparent); } + background-image: linear-gradient( + 45deg, + #f8877f 25%, + transparent 25%, + transparent 50%, + #f8877f 50%, + #f8877f 75%, + transparent 75%, + transparent + ); +} .bg-gradient-x-danger .card-header, .bg-gradient-x-danger .card-footer, @@ -11637,10 +15537,12 @@ input:focus ~ .bg-transparent { .bg-gradient-x2-danger .card-footer, .bg-gradient-y2-danger .card-header, .bg-gradient-y2-danger .card-footer { - background-color: transparent; } + background-color: transparent; +} .bg-gradient-x-light { - border-bottom: none; } + border-bottom: none; +} .bg-gradient-x-light .card-header, .bg-gradient-x-light .card-footer, @@ -11656,10 +15558,12 @@ input:focus ~ .bg-transparent { .bg-gradient-x2-light .card-footer, .bg-gradient-y2-light .card-header, .bg-gradient-y2-light .card-footer { - background-color: transparent; } + background-color: transparent; +} .bg-gradient-x-dark { - border-bottom: none; } + border-bottom: none; +} .bg-gradient-x-dark .card-header, .bg-gradient-x-dark .card-footer, @@ -11675,35 +15579,52 @@ input:focus ~ .bg-transparent { .bg-gradient-x2-dark .card-footer, .bg-gradient-y2-dark .card-header, .bg-gradient-y2-dark .card-footer { - background-color: transparent; } + background-color: transparent; +} .bg-gradient-x-red { background-image: linear-gradient(to right, #d32f2f 0%, #e57373 100%); background-repeat: repeat-x; - border-bottom: none; } + border-bottom: none; +} .bg-gradient-y-red { background-image: linear-gradient(to bottom, #d32f2f 0%, #e57373 100%); - background-repeat: repeat-x; } + background-repeat: repeat-x; +} .bg-gradient-directional-red { background-image: linear-gradient(45deg, #d32f2f, #e57373); - background-repeat: repeat-x; } + background-repeat: repeat-x; +} .bg-gradient-x2-red { background-image: linear-gradient(to right, #e57373, #f44336 50%, #ef9a9a); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-y2-red { background-image: linear-gradient(#e57373, #f44336 50%, #ef9a9a); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-radial-red { background-image: radial-gradient(circle, #d32f2f, #e57373); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-striped-red { - background-image: linear-gradient(45deg, #ef9a9a 25%, transparent 25%, transparent 50%, #ef9a9a 50%, #ef9a9a 75%, transparent 75%, transparent); } + background-image: linear-gradient( + 45deg, + #ef9a9a 25%, + transparent 25%, + transparent 50%, + #ef9a9a 50%, + #ef9a9a 75%, + transparent 75%, + transparent + ); +} .bg-gradient-x-red .card-header, .bg-gradient-x-red .card-footer, @@ -11719,35 +15640,52 @@ input:focus ~ .bg-transparent { .bg-gradient-x2-red .card-footer, .bg-gradient-y2-red .card-header, .bg-gradient-y2-red .card-footer { - background-color: transparent; } + background-color: transparent; +} .bg-gradient-x-pink { background-image: linear-gradient(to right, #c2185b 0%, #f06292 100%); background-repeat: repeat-x; - border-bottom: none; } + border-bottom: none; +} .bg-gradient-y-pink { background-image: linear-gradient(to bottom, #c2185b 0%, #f06292 100%); - background-repeat: repeat-x; } + background-repeat: repeat-x; +} .bg-gradient-directional-pink { background-image: linear-gradient(45deg, #c2185b, #f06292); - background-repeat: repeat-x; } + background-repeat: repeat-x; +} .bg-gradient-x2-pink { background-image: linear-gradient(to right, #f06292, #e91e63 50%, #f48fb1); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-y2-pink { background-image: linear-gradient(#f06292, #e91e63 50%, #f48fb1); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-radial-pink { background-image: radial-gradient(circle, #c2185b, #f06292); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-striped-pink { - background-image: linear-gradient(45deg, #f48fb1 25%, transparent 25%, transparent 50%, #f48fb1 50%, #f48fb1 75%, transparent 75%, transparent); } + background-image: linear-gradient( + 45deg, + #f48fb1 25%, + transparent 25%, + transparent 50%, + #f48fb1 50%, + #f48fb1 75%, + transparent 75%, + transparent + ); +} .bg-gradient-x-pink .card-header, .bg-gradient-x-pink .card-footer, @@ -11763,35 +15701,52 @@ input:focus ~ .bg-transparent { .bg-gradient-x2-pink .card-footer, .bg-gradient-y2-pink .card-header, .bg-gradient-y2-pink .card-footer { - background-color: transparent; } + background-color: transparent; +} .bg-gradient-x-purple { background-image: linear-gradient(to right, #7b1fa2 0%, #ba68c8 100%); background-repeat: repeat-x; - border-bottom: none; } + border-bottom: none; +} .bg-gradient-y-purple { background-image: linear-gradient(to bottom, #7b1fa2 0%, #ba68c8 100%); - background-repeat: repeat-x; } + background-repeat: repeat-x; +} .bg-gradient-directional-purple { background-image: linear-gradient(45deg, #7b1fa2, #ba68c8); - background-repeat: repeat-x; } + background-repeat: repeat-x; +} .bg-gradient-x2-purple { background-image: linear-gradient(to right, #ba68c8, #9c27b0 50%, #ce93d8); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-y2-purple { background-image: linear-gradient(#ba68c8, #9c27b0 50%, #ce93d8); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-radial-purple { background-image: radial-gradient(circle, #7b1fa2, #ba68c8); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-striped-purple { - background-image: linear-gradient(45deg, #ce93d8 25%, transparent 25%, transparent 50%, #ce93d8 50%, #ce93d8 75%, transparent 75%, transparent); } + background-image: linear-gradient( + 45deg, + #ce93d8 25%, + transparent 25%, + transparent 50%, + #ce93d8 50%, + #ce93d8 75%, + transparent 75%, + transparent + ); +} .bg-gradient-x-purple .card-header, .bg-gradient-x-purple .card-footer, @@ -11807,35 +15762,52 @@ input:focus ~ .bg-transparent { .bg-gradient-x2-purple .card-footer, .bg-gradient-y2-purple .card-header, .bg-gradient-y2-purple .card-footer { - background-color: transparent; } + background-color: transparent; +} .bg-gradient-x-blue { background-image: linear-gradient(to right, #1976d2 0%, #64b5f6 100%); background-repeat: repeat-x; - border-bottom: none; } + border-bottom: none; +} .bg-gradient-y-blue { background-image: linear-gradient(to bottom, #1976d2 0%, #64b5f6 100%); - background-repeat: repeat-x; } + background-repeat: repeat-x; +} .bg-gradient-directional-blue { background-image: linear-gradient(45deg, #1976d2, #64b5f6); - background-repeat: repeat-x; } + background-repeat: repeat-x; +} .bg-gradient-x2-blue { background-image: linear-gradient(to right, #64b5f6, #2196f3 50%, #90caf9); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-y2-blue { background-image: linear-gradient(#64b5f6, #2196f3 50%, #90caf9); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-radial-blue { background-image: radial-gradient(circle, #1976d2, #64b5f6); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-striped-blue { - background-image: linear-gradient(45deg, #90caf9 25%, transparent 25%, transparent 50%, #90caf9 50%, #90caf9 75%, transparent 75%, transparent); } + background-image: linear-gradient( + 45deg, + #90caf9 25%, + transparent 25%, + transparent 50%, + #90caf9 50%, + #90caf9 75%, + transparent 75%, + transparent + ); +} .bg-gradient-x-blue .card-header, .bg-gradient-x-blue .card-footer, @@ -11851,35 +15823,52 @@ input:focus ~ .bg-transparent { .bg-gradient-x2-blue .card-footer, .bg-gradient-y2-blue .card-header, .bg-gradient-y2-blue .card-footer { - background-color: transparent; } + background-color: transparent; +} .bg-gradient-x-cyan { background-image: linear-gradient(to right, #0097a7 0%, #4dd0e1 100%); background-repeat: repeat-x; - border-bottom: none; } + border-bottom: none; +} .bg-gradient-y-cyan { background-image: linear-gradient(to bottom, #0097a7 0%, #4dd0e1 100%); - background-repeat: repeat-x; } + background-repeat: repeat-x; +} .bg-gradient-directional-cyan { background-image: linear-gradient(45deg, #0097a7, #4dd0e1); - background-repeat: repeat-x; } + background-repeat: repeat-x; +} .bg-gradient-x2-cyan { background-image: linear-gradient(to right, #4dd0e1, #00bcd4 50%, #80deea); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-y2-cyan { background-image: linear-gradient(#4dd0e1, #00bcd4 50%, #80deea); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-radial-cyan { background-image: radial-gradient(circle, #0097a7, #4dd0e1); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-striped-cyan { - background-image: linear-gradient(45deg, #80deea 25%, transparent 25%, transparent 50%, #80deea 50%, #80deea 75%, transparent 75%, transparent); } + background-image: linear-gradient( + 45deg, + #80deea 25%, + transparent 25%, + transparent 50%, + #80deea 50%, + #80deea 75%, + transparent 75%, + transparent + ); +} .bg-gradient-x-cyan .card-header, .bg-gradient-x-cyan .card-footer, @@ -11895,35 +15884,52 @@ input:focus ~ .bg-transparent { .bg-gradient-x2-cyan .card-footer, .bg-gradient-y2-cyan .card-header, .bg-gradient-y2-cyan .card-footer { - background-color: transparent; } + background-color: transparent; +} .bg-gradient-x-teal { background-image: linear-gradient(to right, #00796b 0%, #4db6ac 100%); background-repeat: repeat-x; - border-bottom: none; } + border-bottom: none; +} .bg-gradient-y-teal { background-image: linear-gradient(to bottom, #00796b 0%, #4db6ac 100%); - background-repeat: repeat-x; } + background-repeat: repeat-x; +} .bg-gradient-directional-teal { background-image: linear-gradient(45deg, #00796b, #4db6ac); - background-repeat: repeat-x; } + background-repeat: repeat-x; +} .bg-gradient-x2-teal { background-image: linear-gradient(to right, #4db6ac, #009688 50%, #80cbc4); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-y2-teal { background-image: linear-gradient(#4db6ac, #009688 50%, #80cbc4); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-radial-teal { background-image: radial-gradient(circle, #00796b, #4db6ac); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-striped-teal { - background-image: linear-gradient(45deg, #80cbc4 25%, transparent 25%, transparent 50%, #80cbc4 50%, #80cbc4 75%, transparent 75%, transparent); } + background-image: linear-gradient( + 45deg, + #80cbc4 25%, + transparent 25%, + transparent 50%, + #80cbc4 50%, + #80cbc4 75%, + transparent 75%, + transparent + ); +} .bg-gradient-x-teal .card-header, .bg-gradient-x-teal .card-footer, @@ -11939,35 +15945,52 @@ input:focus ~ .bg-transparent { .bg-gradient-x2-teal .card-footer, .bg-gradient-y2-teal .card-header, .bg-gradient-y2-teal .card-footer { - background-color: transparent; } + background-color: transparent; +} .bg-gradient-x-yellow { background-image: linear-gradient(to right, #fbc02d 0%, #fff176 100%); background-repeat: repeat-x; - border-bottom: none; } + border-bottom: none; +} .bg-gradient-y-yellow { background-image: linear-gradient(to bottom, #fbc02d 0%, #fff176 100%); - background-repeat: repeat-x; } + background-repeat: repeat-x; +} .bg-gradient-directional-yellow { background-image: linear-gradient(45deg, #fbc02d, #fff176); - background-repeat: repeat-x; } + background-repeat: repeat-x; +} .bg-gradient-x2-yellow { background-image: linear-gradient(to right, #fff176, #ffeb3b 50%, #fff59d); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-y2-yellow { background-image: linear-gradient(#fff176, #ffeb3b 50%, #fff59d); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-radial-yellow { background-image: radial-gradient(circle, #fbc02d, #fff176); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-striped-yellow { - background-image: linear-gradient(45deg, #fff59d 25%, transparent 25%, transparent 50%, #fff59d 50%, #fff59d 75%, transparent 75%, transparent); } + background-image: linear-gradient( + 45deg, + #fff59d 25%, + transparent 25%, + transparent 50%, + #fff59d 50%, + #fff59d 75%, + transparent 75%, + transparent + ); +} .bg-gradient-x-yellow .card-header, .bg-gradient-x-yellow .card-footer, @@ -11983,35 +16006,52 @@ input:focus ~ .bg-transparent { .bg-gradient-x2-yellow .card-footer, .bg-gradient-y2-yellow .card-header, .bg-gradient-y2-yellow .card-footer { - background-color: transparent; } + background-color: transparent; +} .bg-gradient-x-amber { background-image: linear-gradient(to right, #ffa000 0%, #ffd54f 100%); background-repeat: repeat-x; - border-bottom: none; } + border-bottom: none; +} .bg-gradient-y-amber { background-image: linear-gradient(to bottom, #ffa000 0%, #ffd54f 100%); - background-repeat: repeat-x; } + background-repeat: repeat-x; +} .bg-gradient-directional-amber { background-image: linear-gradient(45deg, #ffa000, #ffd54f); - background-repeat: repeat-x; } + background-repeat: repeat-x; +} .bg-gradient-x2-amber { background-image: linear-gradient(to right, #ffd54f, #ffc107 50%, #ffe082); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-y2-amber { background-image: linear-gradient(#ffd54f, #ffc107 50%, #ffe082); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-radial-amber { background-image: radial-gradient(circle, #ffa000, #ffd54f); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-striped-amber { - background-image: linear-gradient(45deg, #ffe082 25%, transparent 25%, transparent 50%, #ffe082 50%, #ffe082 75%, transparent 75%, transparent); } + background-image: linear-gradient( + 45deg, + #ffe082 25%, + transparent 25%, + transparent 50%, + #ffe082 50%, + #ffe082 75%, + transparent 75%, + transparent + ); +} .bg-gradient-x-amber .card-header, .bg-gradient-x-amber .card-footer, @@ -12027,35 +16067,52 @@ input:focus ~ .bg-transparent { .bg-gradient-x2-amber .card-footer, .bg-gradient-y2-amber .card-header, .bg-gradient-y2-amber .card-footer { - background-color: transparent; } + background-color: transparent; +} .bg-gradient-x-blue-grey { background-image: linear-gradient(to right, #455a64 0%, #90a4ae 100%); background-repeat: repeat-x; - border-bottom: none; } + border-bottom: none; +} .bg-gradient-y-blue-grey { background-image: linear-gradient(to bottom, #455a64 0%, #90a4ae 100%); - background-repeat: repeat-x; } + background-repeat: repeat-x; +} .bg-gradient-directional-blue-grey { background-image: linear-gradient(45deg, #455a64, #90a4ae); - background-repeat: repeat-x; } + background-repeat: repeat-x; +} .bg-gradient-x2-blue-grey { background-image: linear-gradient(to right, #90a4ae, #607d8b 50%, #b0bec5); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-y2-blue-grey { background-image: linear-gradient(#90a4ae, #607d8b 50%, #b0bec5); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-radial-blue-grey { background-image: radial-gradient(circle, #455a64, #90a4ae); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-striped-blue-grey { - background-image: linear-gradient(45deg, #b0bec5 25%, transparent 25%, transparent 50%, #b0bec5 50%, #b0bec5 75%, transparent 75%, transparent); } + background-image: linear-gradient( + 45deg, + #b0bec5 25%, + transparent 25%, + transparent 50%, + #b0bec5 50%, + #b0bec5 75%, + transparent 75%, + transparent + ); +} .bg-gradient-x-blue-grey .card-header, .bg-gradient-x-blue-grey .card-footer, @@ -12071,35 +16128,52 @@ input:focus ~ .bg-transparent { .bg-gradient-x2-blue-grey .card-footer, .bg-gradient-y2-blue-grey .card-header, .bg-gradient-y2-blue-grey .card-footer { - background-color: transparent; } + background-color: transparent; +} .bg-gradient-x-grey-blue { background-image: linear-gradient(to right, #2c303b 0%, #6f85ad 100%); background-repeat: repeat-x; - border-bottom: none; } + border-bottom: none; +} .bg-gradient-y-grey-blue { background-image: linear-gradient(to bottom, #2c303b 0%, #6f85ad 100%); - background-repeat: repeat-x; } + background-repeat: repeat-x; +} .bg-gradient-directional-grey-blue { background-image: linear-gradient(45deg, #2c303b, #6f85ad); - background-repeat: repeat-x; } + background-repeat: repeat-x; +} .bg-gradient-x2-grey-blue { background-image: linear-gradient(to right, #6f85ad, #1b2942 50%, #b0bec5); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-y2-grey-blue { background-image: linear-gradient(#6f85ad, #1b2942 50%, #b0bec5); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-radial-grey-blue { background-image: radial-gradient(circle, #2c303b, #6f85ad); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-striped-grey-blue { - background-image: linear-gradient(45deg, #b0bec5 25%, transparent 25%, transparent 50%, #b0bec5 50%, #b0bec5 75%, transparent 75%, transparent); } + background-image: linear-gradient( + 45deg, + #b0bec5 25%, + transparent 25%, + transparent 50%, + #b0bec5 50%, + #b0bec5 75%, + transparent 75%, + transparent + ); +} .bg-gradient-x-grey-blue .card-header, .bg-gradient-x-grey-blue .card-footer, @@ -12115,4 +16189,5 @@ input:focus ~ .bg-transparent { .bg-gradient-x2-grey-blue .card-footer, .bg-gradient-y2-grey-blue .card-header, .bg-gradient-y2-grey-blue .card-footer { - background-color: transparent; } + background-color: transparent; +} diff --git a/web/css/palette-gradient.css b/web/css/palette-gradient.css index 55ae770..f8a5470 100644 --- a/web/css/palette-gradient.css +++ b/web/css/palette-gradient.css @@ -12,7 +12,8 @@ .bg-gradient-x2-white .card-footer, .bg-gradient-y2-white .card-header, .bg-gradient-y2-white .card-footer { - background-color: transparent; } + background-color: transparent; +} .bg-gradient-x-black .card-header, .bg-gradient-x-black .card-footer, @@ -28,34 +29,51 @@ .bg-gradient-x2-black .card-footer, .bg-gradient-y2-black .card-header, .bg-gradient-y2-black .card-footer { - background-color: transparent; } + background-color: transparent; +} .bg-gradient-x-primary { background-image: linear-gradient(to right, #3a44e1 0%, #9298ef 100%); - background-repeat: repeat-x; } + background-repeat: repeat-x; +} .bg-gradient-y-primary { background-image: linear-gradient(to bottom, #3a44e1 0%, #9298ef 100%); - background-repeat: repeat-x; } + background-repeat: repeat-x; +} .bg-gradient-directional-primary { background-image: linear-gradient(45deg, #3a44e1, #9298ef); - background-repeat: repeat-x; } + background-repeat: repeat-x; +} .bg-gradient-x2-primary { background-image: linear-gradient(to right, #9298ef, #666ee8 50%, #a9adf2); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-y2-primary { background-image: linear-gradient(#9298ef, #666ee8 50%, #a9adf2); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-radial-primary { background-image: radial-gradient(circle, #3a44e1, #9298ef); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-striped-primary { - background-image: linear-gradient(45deg, #a9adf2 25%, transparent 25%, transparent 50%, #a9adf2 50%, #a9adf2 75%, transparent 75%, transparent); } + background-image: linear-gradient( + 45deg, + #a9adf2 25%, + transparent 25%, + transparent 50%, + #a9adf2 50%, + #a9adf2 75%, + transparent 75%, + transparent + ); +} .bg-gradient-x-primary .card-header, .bg-gradient-x-primary .card-footer, @@ -71,34 +89,51 @@ .bg-gradient-x2-primary .card-footer, .bg-gradient-y2-primary .card-header, .bg-gradient-y2-primary .card-footer { - background-color: transparent; } + background-color: transparent; +} .bg-gradient-x-secondary { background-image: linear-gradient(to right, #545766 0%, #85899b 100%); - background-repeat: repeat-x; } + background-repeat: repeat-x; +} .bg-gradient-y-secondary { background-image: linear-gradient(to bottom, #545766 0%, #85899b 100%); - background-repeat: repeat-x; } + background-repeat: repeat-x; +} .bg-gradient-directional-secondary { background-image: linear-gradient(45deg, #545766, #85899b); - background-repeat: repeat-x; } + background-repeat: repeat-x; +} .bg-gradient-x2-secondary { background-image: linear-gradient(to right, #85899b, #6b6f82 50%, #9397a6); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-y2-secondary { background-image: linear-gradient(#85899b, #6b6f82 50%, #9397a6); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-radial-secondary { background-image: radial-gradient(circle, #545766, #85899b); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-striped-secondary { - background-image: linear-gradient(45deg, #9397a6 25%, transparent 25%, transparent 50%, #9397a6 50%, #9397a6 75%, transparent 75%, transparent); } + background-image: linear-gradient( + 45deg, + #9397a6 25%, + transparent 25%, + transparent 50%, + #9397a6 50%, + #9397a6 75%, + transparent 75%, + transparent + ); +} .bg-gradient-x-secondary .card-header, .bg-gradient-x-secondary .card-footer, @@ -114,34 +149,51 @@ .bg-gradient-x2-secondary .card-footer, .bg-gradient-y2-secondary .card-header, .bg-gradient-y2-secondary .card-footer { - background-color: transparent; } + background-color: transparent; +} .bg-gradient-x-success { background-image: linear-gradient(to right, #20a576 0%, #4eddaa 100%); - background-repeat: repeat-x; } + background-repeat: repeat-x; +} .bg-gradient-y-success { background-image: linear-gradient(to bottom, #20a576 0%, #4eddaa 100%); - background-repeat: repeat-x; } + background-repeat: repeat-x; +} .bg-gradient-directional-success { background-image: linear-gradient(45deg, #20a576, #4eddaa); - background-repeat: repeat-x; } + background-repeat: repeat-x; +} .bg-gradient-x2-success { background-image: linear-gradient(to right, #4eddaa, #28d094 50%, #63e1b4); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-y2-success { background-image: linear-gradient(#4eddaa, #28d094 50%, #63e1b4); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-radial-success { background-image: radial-gradient(circle, #20a576, #4eddaa); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-striped-success { - background-image: linear-gradient(45deg, #63e1b4 25%, transparent 25%, transparent 50%, #63e1b4 50%, #63e1b4 75%, transparent 75%, transparent); } + background-image: linear-gradient( + 45deg, + #63e1b4 25%, + transparent 25%, + transparent 50%, + #63e1b4 50%, + #63e1b4 75%, + transparent 75%, + transparent + ); +} .bg-gradient-x-success .card-header, .bg-gradient-x-success .card-footer, @@ -157,34 +209,51 @@ .bg-gradient-x2-success .card-footer, .bg-gradient-y2-success .card-header, .bg-gradient-y2-success .card-footer { - background-color: transparent; } + background-color: transparent; +} .bg-gradient-x-info { background-image: linear-gradient(to right, #0c84d1 0%, #4eb4f5 100%); - background-repeat: repeat-x; } + background-repeat: repeat-x; +} .bg-gradient-y-info { background-image: linear-gradient(to bottom, #0c84d1 0%, #4eb4f5 100%); - background-repeat: repeat-x; } + background-repeat: repeat-x; +} .bg-gradient-directional-info { background-image: linear-gradient(45deg, #0c84d1, #4eb4f5); - background-repeat: repeat-x; } + background-repeat: repeat-x; +} .bg-gradient-x2-info { background-image: linear-gradient(to right, #4eb4f5, #1e9ff2 50%, #66bef6); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-y2-info { background-image: linear-gradient(#4eb4f5, #1e9ff2 50%, #66bef6); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-radial-info { background-image: radial-gradient(circle, #0c84d1, #4eb4f5); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-striped-info { - background-image: linear-gradient(45deg, #66bef6 25%, transparent 25%, transparent 50%, #66bef6 50%, #66bef6 75%, transparent 75%, transparent); } + background-image: linear-gradient( + 45deg, + #66bef6 25%, + transparent 25%, + transparent 50%, + #66bef6 50%, + #66bef6 75%, + transparent 75%, + transparent + ); +} .bg-gradient-x-info .card-header, .bg-gradient-x-info .card-footer, @@ -200,34 +269,51 @@ .bg-gradient-x2-info .card-footer, .bg-gradient-y2-info .card-header, .bg-gradient-y2-info .card-footer { - background-color: transparent; } + background-color: transparent; +} .bg-gradient-x-warning { background-image: linear-gradient(to right, #ff7216 0%, #ffb07c 100%); - background-repeat: repeat-x; } + background-repeat: repeat-x; +} .bg-gradient-y-warning { background-image: linear-gradient(to bottom, #ff7216 0%, #ffb07c 100%); - background-repeat: repeat-x; } + background-repeat: repeat-x; +} .bg-gradient-directional-warning { background-image: linear-gradient(45deg, #ff7216, #ffb07c); - background-repeat: repeat-x; } + background-repeat: repeat-x; +} .bg-gradient-x2-warning { background-image: linear-gradient(to right, #ffb07c, #ff9149 50%, #ffbf96); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-y2-warning { background-image: linear-gradient(#ffb07c, #ff9149 50%, #ffbf96); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-radial-warning { background-image: radial-gradient(circle, #ff7216, #ffb07c); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-striped-warning { - background-image: linear-gradient(45deg, #ffbf96 25%, transparent 25%, transparent 50%, #ffbf96 50%, #ffbf96 75%, transparent 75%, transparent); } + background-image: linear-gradient( + 45deg, + #ffbf96 25%, + transparent 25%, + transparent 50%, + #ffbf96 50%, + #ffbf96 75%, + transparent 75%, + transparent + ); +} .bg-gradient-x-warning .card-header, .bg-gradient-x-warning .card-footer, @@ -243,34 +329,51 @@ .bg-gradient-x2-warning .card-footer, .bg-gradient-y2-warning .card-header, .bg-gradient-y2-warning .card-footer { - background-color: transparent; } + background-color: transparent; +} .bg-gradient-x-danger { background-image: linear-gradient(to right, #ff1635 0%, #ff7c8d 100%); - background-repeat: repeat-x; } + background-repeat: repeat-x; +} .bg-gradient-y-danger { background-image: linear-gradient(to bottom, #ff1635 0%, #ff7c8d 100%); - background-repeat: repeat-x; } + background-repeat: repeat-x; +} .bg-gradient-directional-danger { background-image: linear-gradient(45deg, #ff1635, #ff7c8d); - background-repeat: repeat-x; } + background-repeat: repeat-x; +} .bg-gradient-x2-danger { background-image: linear-gradient(to right, #ff7c8d, #ff4961 50%, #ff96a3); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-y2-danger { background-image: linear-gradient(#ff7c8d, #ff4961 50%, #ff96a3); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-radial-danger { background-image: radial-gradient(circle, #ff1635, #ff7c8d); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-striped-danger { - background-image: linear-gradient(45deg, #ff96a3 25%, transparent 25%, transparent 50%, #ff96a3 50%, #ff96a3 75%, transparent 75%, transparent); } + background-image: linear-gradient( + 45deg, + #ff96a3 25%, + transparent 25%, + transparent 50%, + #ff96a3 50%, + #ff96a3 75%, + transparent 75%, + transparent + ); +} .bg-gradient-x-danger .card-header, .bg-gradient-x-danger .card-footer, @@ -286,7 +389,8 @@ .bg-gradient-x2-danger .card-footer, .bg-gradient-y2-danger .card-header, .bg-gradient-y2-danger .card-footer { - background-color: transparent; } + background-color: transparent; +} .bg-gradient-x-light .card-header, .bg-gradient-x-light .card-footer, @@ -302,7 +406,8 @@ .bg-gradient-x2-light .card-footer, .bg-gradient-y2-light .card-header, .bg-gradient-y2-light .card-footer { - background-color: transparent; } + background-color: transparent; +} .bg-gradient-x-dark .card-header, .bg-gradient-x-dark .card-footer, @@ -318,34 +423,51 @@ .bg-gradient-x2-dark .card-footer, .bg-gradient-y2-dark .card-header, .bg-gradient-y2-dark .card-footer { - background-color: transparent; } + background-color: transparent; +} .bg-gradient-x-red { background-image: linear-gradient(to right, #d32f2f 0%, #e57373 100%); - background-repeat: repeat-x; } + background-repeat: repeat-x; +} .bg-gradient-y-red { background-image: linear-gradient(to bottom, #d32f2f 0%, #e57373 100%); - background-repeat: repeat-x; } + background-repeat: repeat-x; +} .bg-gradient-directional-red { background-image: linear-gradient(45deg, #d32f2f, #e57373); - background-repeat: repeat-x; } + background-repeat: repeat-x; +} .bg-gradient-x2-red { background-image: linear-gradient(to right, #e57373, #f44336 50%, #ef9a9a); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-y2-red { background-image: linear-gradient(#e57373, #f44336 50%, #ef9a9a); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-radial-red { background-image: radial-gradient(circle, #d32f2f, #e57373); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-striped-red { - background-image: linear-gradient(45deg, #ef9a9a 25%, transparent 25%, transparent 50%, #ef9a9a 50%, #ef9a9a 75%, transparent 75%, transparent); } + background-image: linear-gradient( + 45deg, + #ef9a9a 25%, + transparent 25%, + transparent 50%, + #ef9a9a 50%, + #ef9a9a 75%, + transparent 75%, + transparent + ); +} .bg-gradient-x-red .card-header, .bg-gradient-x-red .card-footer, @@ -361,34 +483,51 @@ .bg-gradient-x2-red .card-footer, .bg-gradient-y2-red .card-header, .bg-gradient-y2-red .card-footer { - background-color: transparent; } + background-color: transparent; +} .bg-gradient-x-pink { background-image: linear-gradient(to right, #c2185b 0%, #f06292 100%); - background-repeat: repeat-x; } + background-repeat: repeat-x; +} .bg-gradient-y-pink { background-image: linear-gradient(to bottom, #c2185b 0%, #f06292 100%); - background-repeat: repeat-x; } + background-repeat: repeat-x; +} .bg-gradient-directional-pink { background-image: linear-gradient(45deg, #c2185b, #f06292); - background-repeat: repeat-x; } + background-repeat: repeat-x; +} .bg-gradient-x2-pink { background-image: linear-gradient(to right, #f06292, #e91e63 50%, #f48fb1); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-y2-pink { background-image: linear-gradient(#f06292, #e91e63 50%, #f48fb1); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-radial-pink { background-image: radial-gradient(circle, #c2185b, #f06292); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-striped-pink { - background-image: linear-gradient(45deg, #f48fb1 25%, transparent 25%, transparent 50%, #f48fb1 50%, #f48fb1 75%, transparent 75%, transparent); } + background-image: linear-gradient( + 45deg, + #f48fb1 25%, + transparent 25%, + transparent 50%, + #f48fb1 50%, + #f48fb1 75%, + transparent 75%, + transparent + ); +} .bg-gradient-x-pink .card-header, .bg-gradient-x-pink .card-footer, @@ -404,34 +543,51 @@ .bg-gradient-x2-pink .card-footer, .bg-gradient-y2-pink .card-header, .bg-gradient-y2-pink .card-footer { - background-color: transparent; } + background-color: transparent; +} .bg-gradient-x-purple { background-image: linear-gradient(to right, #7b1fa2 0%, #ba68c8 100%); - background-repeat: repeat-x; } + background-repeat: repeat-x; +} .bg-gradient-y-purple { background-image: linear-gradient(to bottom, #7b1fa2 0%, #ba68c8 100%); - background-repeat: repeat-x; } + background-repeat: repeat-x; +} .bg-gradient-directional-purple { background-image: linear-gradient(45deg, #7b1fa2, #ba68c8); - background-repeat: repeat-x; } + background-repeat: repeat-x; +} .bg-gradient-x2-purple { background-image: linear-gradient(to right, #ba68c8, #9c27b0 50%, #ce93d8); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-y2-purple { background-image: linear-gradient(#ba68c8, #9c27b0 50%, #ce93d8); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-radial-purple { background-image: radial-gradient(circle, #7b1fa2, #ba68c8); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-striped-purple { - background-image: linear-gradient(45deg, #ce93d8 25%, transparent 25%, transparent 50%, #ce93d8 50%, #ce93d8 75%, transparent 75%, transparent); } + background-image: linear-gradient( + 45deg, + #ce93d8 25%, + transparent 25%, + transparent 50%, + #ce93d8 50%, + #ce93d8 75%, + transparent 75%, + transparent + ); +} .bg-gradient-x-purple .card-header, .bg-gradient-x-purple .card-footer, @@ -447,34 +603,51 @@ .bg-gradient-x2-purple .card-footer, .bg-gradient-y2-purple .card-header, .bg-gradient-y2-purple .card-footer { - background-color: transparent; } + background-color: transparent; +} .bg-gradient-x-blue { background-image: linear-gradient(to right, #1976d2 0%, #64b5f6 100%); - background-repeat: repeat-x; } + background-repeat: repeat-x; +} .bg-gradient-y-blue { background-image: linear-gradient(to bottom, #1976d2 0%, #64b5f6 100%); - background-repeat: repeat-x; } + background-repeat: repeat-x; +} .bg-gradient-directional-blue { background-image: linear-gradient(45deg, #1976d2, #64b5f6); - background-repeat: repeat-x; } + background-repeat: repeat-x; +} .bg-gradient-x2-blue { background-image: linear-gradient(to right, #64b5f6, #2196f3 50%, #90caf9); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-y2-blue { background-image: linear-gradient(#64b5f6, #2196f3 50%, #90caf9); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-radial-blue { background-image: radial-gradient(circle, #1976d2, #64b5f6); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-striped-blue { - background-image: linear-gradient(45deg, #90caf9 25%, transparent 25%, transparent 50%, #90caf9 50%, #90caf9 75%, transparent 75%, transparent); } + background-image: linear-gradient( + 45deg, + #90caf9 25%, + transparent 25%, + transparent 50%, + #90caf9 50%, + #90caf9 75%, + transparent 75%, + transparent + ); +} .bg-gradient-x-blue .card-header, .bg-gradient-x-blue .card-footer, @@ -490,34 +663,51 @@ .bg-gradient-x2-blue .card-footer, .bg-gradient-y2-blue .card-header, .bg-gradient-y2-blue .card-footer { - background-color: transparent; } + background-color: transparent; +} .bg-gradient-x-cyan { background-image: linear-gradient(to right, #0097a7 0%, #4dd0e1 100%); - background-repeat: repeat-x; } + background-repeat: repeat-x; +} .bg-gradient-y-cyan { background-image: linear-gradient(to bottom, #0097a7 0%, #4dd0e1 100%); - background-repeat: repeat-x; } + background-repeat: repeat-x; +} .bg-gradient-directional-cyan { background-image: linear-gradient(45deg, #0097a7, #4dd0e1); - background-repeat: repeat-x; } + background-repeat: repeat-x; +} .bg-gradient-x2-cyan { background-image: linear-gradient(to right, #4dd0e1, #00bcd4 50%, #80deea); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-y2-cyan { background-image: linear-gradient(#4dd0e1, #00bcd4 50%, #80deea); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-radial-cyan { background-image: radial-gradient(circle, #0097a7, #4dd0e1); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-striped-cyan { - background-image: linear-gradient(45deg, #80deea 25%, transparent 25%, transparent 50%, #80deea 50%, #80deea 75%, transparent 75%, transparent); } + background-image: linear-gradient( + 45deg, + #80deea 25%, + transparent 25%, + transparent 50%, + #80deea 50%, + #80deea 75%, + transparent 75%, + transparent + ); +} .bg-gradient-x-cyan .card-header, .bg-gradient-x-cyan .card-footer, @@ -533,34 +723,51 @@ .bg-gradient-x2-cyan .card-footer, .bg-gradient-y2-cyan .card-header, .bg-gradient-y2-cyan .card-footer { - background-color: transparent; } + background-color: transparent; +} .bg-gradient-x-teal { background-image: linear-gradient(to right, #00796b 0%, #4db6ac 100%); - background-repeat: repeat-x; } + background-repeat: repeat-x; +} .bg-gradient-y-teal { background-image: linear-gradient(to bottom, #00796b 0%, #4db6ac 100%); - background-repeat: repeat-x; } + background-repeat: repeat-x; +} .bg-gradient-directional-teal { background-image: linear-gradient(45deg, #00796b, #4db6ac); - background-repeat: repeat-x; } + background-repeat: repeat-x; +} .bg-gradient-x2-teal { background-image: linear-gradient(to right, #4db6ac, #009688 50%, #80cbc4); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-y2-teal { background-image: linear-gradient(#4db6ac, #009688 50%, #80cbc4); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-radial-teal { background-image: radial-gradient(circle, #00796b, #4db6ac); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-striped-teal { - background-image: linear-gradient(45deg, #80cbc4 25%, transparent 25%, transparent 50%, #80cbc4 50%, #80cbc4 75%, transparent 75%, transparent); } + background-image: linear-gradient( + 45deg, + #80cbc4 25%, + transparent 25%, + transparent 50%, + #80cbc4 50%, + #80cbc4 75%, + transparent 75%, + transparent + ); +} .bg-gradient-x-teal .card-header, .bg-gradient-x-teal .card-footer, @@ -576,34 +783,51 @@ .bg-gradient-x2-teal .card-footer, .bg-gradient-y2-teal .card-header, .bg-gradient-y2-teal .card-footer { - background-color: transparent; } + background-color: transparent; +} .bg-gradient-x-yellow { background-image: linear-gradient(to right, #fbc02d 0%, #fff176 100%); - background-repeat: repeat-x; } + background-repeat: repeat-x; +} .bg-gradient-y-yellow { background-image: linear-gradient(to bottom, #fbc02d 0%, #fff176 100%); - background-repeat: repeat-x; } + background-repeat: repeat-x; +} .bg-gradient-directional-yellow { background-image: linear-gradient(45deg, #fbc02d, #fff176); - background-repeat: repeat-x; } + background-repeat: repeat-x; +} .bg-gradient-x2-yellow { background-image: linear-gradient(to right, #fff176, #ffeb3b 50%, #fff59d); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-y2-yellow { background-image: linear-gradient(#fff176, #ffeb3b 50%, #fff59d); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-radial-yellow { background-image: radial-gradient(circle, #fbc02d, #fff176); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-striped-yellow { - background-image: linear-gradient(45deg, #fff59d 25%, transparent 25%, transparent 50%, #fff59d 50%, #fff59d 75%, transparent 75%, transparent); } + background-image: linear-gradient( + 45deg, + #fff59d 25%, + transparent 25%, + transparent 50%, + #fff59d 50%, + #fff59d 75%, + transparent 75%, + transparent + ); +} .bg-gradient-x-yellow .card-header, .bg-gradient-x-yellow .card-footer, @@ -619,34 +843,51 @@ .bg-gradient-x2-yellow .card-footer, .bg-gradient-y2-yellow .card-header, .bg-gradient-y2-yellow .card-footer { - background-color: transparent; } + background-color: transparent; +} .bg-gradient-x-amber { background-image: linear-gradient(to right, #ffa000 0%, #ffd54f 100%); - background-repeat: repeat-x; } + background-repeat: repeat-x; +} .bg-gradient-y-amber { background-image: linear-gradient(to bottom, #ffa000 0%, #ffd54f 100%); - background-repeat: repeat-x; } + background-repeat: repeat-x; +} .bg-gradient-directional-amber { background-image: linear-gradient(45deg, #ffa000, #ffd54f); - background-repeat: repeat-x; } + background-repeat: repeat-x; +} .bg-gradient-x2-amber { background-image: linear-gradient(to right, #ffd54f, #ffc107 50%, #ffe082); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-y2-amber { background-image: linear-gradient(#ffd54f, #ffc107 50%, #ffe082); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-radial-amber { background-image: radial-gradient(circle, #ffa000, #ffd54f); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-striped-amber { - background-image: linear-gradient(45deg, #ffe082 25%, transparent 25%, transparent 50%, #ffe082 50%, #ffe082 75%, transparent 75%, transparent); } + background-image: linear-gradient( + 45deg, + #ffe082 25%, + transparent 25%, + transparent 50%, + #ffe082 50%, + #ffe082 75%, + transparent 75%, + transparent + ); +} .bg-gradient-x-amber .card-header, .bg-gradient-x-amber .card-footer, @@ -662,34 +903,51 @@ .bg-gradient-x2-amber .card-footer, .bg-gradient-y2-amber .card-header, .bg-gradient-y2-amber .card-footer { - background-color: transparent; } + background-color: transparent; +} .bg-gradient-x-blue-grey { background-image: linear-gradient(to right, #455a64 0%, #90a4ae 100%); - background-repeat: repeat-x; } + background-repeat: repeat-x; +} .bg-gradient-y-blue-grey { background-image: linear-gradient(to bottom, #455a64 0%, #90a4ae 100%); - background-repeat: repeat-x; } + background-repeat: repeat-x; +} .bg-gradient-directional-blue-grey { background-image: linear-gradient(45deg, #455a64, #90a4ae); - background-repeat: repeat-x; } + background-repeat: repeat-x; +} .bg-gradient-x2-blue-grey { background-image: linear-gradient(to right, #90a4ae, #607d8b 50%, #b0bec5); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-y2-blue-grey { background-image: linear-gradient(#90a4ae, #607d8b 50%, #b0bec5); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-radial-blue-grey { background-image: radial-gradient(circle, #455a64, #90a4ae); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-striped-blue-grey { - background-image: linear-gradient(45deg, #b0bec5 25%, transparent 25%, transparent 50%, #b0bec5 50%, #b0bec5 75%, transparent 75%, transparent); } + background-image: linear-gradient( + 45deg, + #b0bec5 25%, + transparent 25%, + transparent 50%, + #b0bec5 50%, + #b0bec5 75%, + transparent 75%, + transparent + ); +} .bg-gradient-x-blue-grey .card-header, .bg-gradient-x-blue-grey .card-footer, @@ -705,34 +963,51 @@ .bg-gradient-x2-blue-grey .card-footer, .bg-gradient-y2-blue-grey .card-header, .bg-gradient-y2-blue-grey .card-footer { - background-color: transparent; } + background-color: transparent; +} .bg-gradient-x-grey-blue { background-image: linear-gradient(to right, #2c303b 0%, #6f85ad 100%); - background-repeat: repeat-x; } + background-repeat: repeat-x; +} .bg-gradient-y-grey-blue { background-image: linear-gradient(to bottom, #2c303b 0%, #6f85ad 100%); - background-repeat: repeat-x; } + background-repeat: repeat-x; +} .bg-gradient-directional-grey-blue { background-image: linear-gradient(45deg, #2c303b, #6f85ad); - background-repeat: repeat-x; } + background-repeat: repeat-x; +} .bg-gradient-x2-grey-blue { background-image: linear-gradient(to right, #6f85ad, #1b2942 50%, #b0bec5); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-y2-grey-blue { background-image: linear-gradient(#6f85ad, #1b2942 50%, #b0bec5); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-radial-grey-blue { background-image: radial-gradient(circle, #2c303b, #6f85ad); - background-repeat: no-repeat; } + background-repeat: no-repeat; +} .bg-gradient-striped-grey-blue { - background-image: linear-gradient(45deg, #b0bec5 25%, transparent 25%, transparent 50%, #b0bec5 50%, #b0bec5 75%, transparent 75%, transparent); } + background-image: linear-gradient( + 45deg, + #b0bec5 25%, + transparent 25%, + transparent 50%, + #b0bec5 50%, + #b0bec5 75%, + transparent 75%, + transparent + ); +} .bg-gradient-x-grey-blue .card-header, .bg-gradient-x-grey-blue .card-footer, @@ -748,4 +1023,5 @@ .bg-gradient-x2-grey-blue .card-footer, .bg-gradient-y2-grey-blue .card-header, .bg-gradient-y2-grey-blue .card-footer { - background-color: transparent; } + background-color: transparent; +} diff --git a/web/css/palette-loader.css b/web/css/palette-loader.css index 5272aee..44ae77a 100644 --- a/web/css/palette-loader.css +++ b/web/css/palette-loader.css @@ -48,7 +48,12 @@ } .loader-white.semi-circle-spin div { - background-image: linear-gradient(transparent 0%, transparent 70%, #ffffff 30%, #ffffff 100%); + background-image: linear-gradient( + transparent 0%, + transparent 70%, + #ffffff 30%, + #ffffff 100% + ); background-color: transparent !important; } @@ -116,7 +121,12 @@ } .loader-black.semi-circle-spin div { - background-image: linear-gradient(transparent 0%, transparent 70%, #000000 30%, #000000 100%); + background-image: linear-gradient( + transparent 0%, + transparent 70%, + #000000 30%, + #000000 100% + ); background-color: transparent !important; } @@ -184,7 +194,12 @@ } .loader-primary.semi-circle-spin div { - background-image: linear-gradient(transparent 0%, transparent 70%, #666ee8 30%, #666ee8 100%); + background-image: linear-gradient( + transparent 0%, + transparent 70%, + #666ee8 30%, + #666ee8 100% + ); background-color: transparent !important; } @@ -252,7 +267,12 @@ } .loader-secondary.semi-circle-spin div { - background-image: linear-gradient(transparent 0%, transparent 70%, #6b6f82 30%, #6b6f82 100%); + background-image: linear-gradient( + transparent 0%, + transparent 70%, + #6b6f82 30%, + #6b6f82 100% + ); background-color: transparent !important; } @@ -320,7 +340,12 @@ } .loader-success.semi-circle-spin div { - background-image: linear-gradient(transparent 0%, transparent 70%, #28d094 30%, #28d094 100%); + background-image: linear-gradient( + transparent 0%, + transparent 70%, + #28d094 30%, + #28d094 100% + ); background-color: transparent !important; } @@ -388,7 +413,12 @@ } .loader-info.semi-circle-spin div { - background-image: linear-gradient(transparent 0%, transparent 70%, #1e9ff2 30%, #1e9ff2 100%); + background-image: linear-gradient( + transparent 0%, + transparent 70%, + #1e9ff2 30%, + #1e9ff2 100% + ); background-color: transparent !important; } @@ -456,7 +486,12 @@ } .loader-warning.semi-circle-spin div { - background-image: linear-gradient(transparent 0%, transparent 70%, #ff9149 30%, #ff9149 100%); + background-image: linear-gradient( + transparent 0%, + transparent 70%, + #ff9149 30%, + #ff9149 100% + ); background-color: transparent !important; } @@ -524,7 +559,12 @@ } .loader-danger.semi-circle-spin div { - background-image: linear-gradient(transparent 0%, transparent 70%, #ff4961 30%, #ff4961 100%); + background-image: linear-gradient( + transparent 0%, + transparent 70%, + #ff4961 30%, + #ff4961 100% + ); background-color: transparent !important; } @@ -592,7 +632,12 @@ } .loader-light.semi-circle-spin div { - background-image: linear-gradient(transparent 0%, transparent 70%, #e0e0e0 30%, #e0e0e0 100%); + background-image: linear-gradient( + transparent 0%, + transparent 70%, + #e0e0e0 30%, + #e0e0e0 100% + ); background-color: transparent !important; } @@ -660,7 +705,12 @@ } .loader-dark.semi-circle-spin div { - background-image: linear-gradient(transparent 0%, transparent 70%, #424242 30%, #424242 100%); + background-image: linear-gradient( + transparent 0%, + transparent 70%, + #424242 30%, + #424242 100% + ); background-color: transparent !important; } @@ -728,7 +778,12 @@ } .loader-red.semi-circle-spin div { - background-image: linear-gradient(transparent 0%, transparent 70%, #f44336 30%, #f44336 100%); + background-image: linear-gradient( + transparent 0%, + transparent 70%, + #f44336 30%, + #f44336 100% + ); background-color: transparent !important; } @@ -796,7 +851,12 @@ } .loader-pink.semi-circle-spin div { - background-image: linear-gradient(transparent 0%, transparent 70%, #e91e63 30%, #e91e63 100%); + background-image: linear-gradient( + transparent 0%, + transparent 70%, + #e91e63 30%, + #e91e63 100% + ); background-color: transparent !important; } @@ -864,7 +924,12 @@ } .loader-purple.semi-circle-spin div { - background-image: linear-gradient(transparent 0%, transparent 70%, #9c27b0 30%, #9c27b0 100%); + background-image: linear-gradient( + transparent 0%, + transparent 70%, + #9c27b0 30%, + #9c27b0 100% + ); background-color: transparent !important; } @@ -932,7 +997,12 @@ } .loader-blue.semi-circle-spin div { - background-image: linear-gradient(transparent 0%, transparent 70%, #2196f3 30%, #2196f3 100%); + background-image: linear-gradient( + transparent 0%, + transparent 70%, + #2196f3 30%, + #2196f3 100% + ); background-color: transparent !important; } @@ -1000,7 +1070,12 @@ } .loader-cyan.semi-circle-spin div { - background-image: linear-gradient(transparent 0%, transparent 70%, #00bcd4 30%, #00bcd4 100%); + background-image: linear-gradient( + transparent 0%, + transparent 70%, + #00bcd4 30%, + #00bcd4 100% + ); background-color: transparent !important; } @@ -1068,7 +1143,12 @@ } .loader-teal.semi-circle-spin div { - background-image: linear-gradient(transparent 0%, transparent 70%, #009688 30%, #009688 100%); + background-image: linear-gradient( + transparent 0%, + transparent 70%, + #009688 30%, + #009688 100% + ); background-color: transparent !important; } @@ -1136,7 +1216,12 @@ } .loader-yellow.semi-circle-spin div { - background-image: linear-gradient(transparent 0%, transparent 70%, #ffeb3b 30%, #ffeb3b 100%); + background-image: linear-gradient( + transparent 0%, + transparent 70%, + #ffeb3b 30%, + #ffeb3b 100% + ); background-color: transparent !important; } @@ -1204,7 +1289,12 @@ } .loader-amber.semi-circle-spin div { - background-image: linear-gradient(transparent 0%, transparent 70%, #ffc107 30%, #ffc107 100%); + background-image: linear-gradient( + transparent 0%, + transparent 70%, + #ffc107 30%, + #ffc107 100% + ); background-color: transparent !important; } @@ -1272,7 +1362,12 @@ } .loader-blue-grey.semi-circle-spin div { - background-image: linear-gradient(transparent 0%, transparent 70%, #607d8b 30%, #607d8b 100%); + background-image: linear-gradient( + transparent 0%, + transparent 70%, + #607d8b 30%, + #607d8b 100% + ); background-color: transparent !important; } @@ -1340,7 +1435,12 @@ } .loader-grey-blue.semi-circle-spin div { - background-image: linear-gradient(transparent 0%, transparent 70%, #1b2942 30%, #1b2942 100%); + background-image: linear-gradient( + transparent 0%, + transparent 70%, + #1b2942 30%, + #1b2942 100% + ); background-color: transparent !important; } diff --git a/web/css/sweetalert2.min.css b/web/css/sweetalert2.min.css new file mode 100644 index 0000000..2efe502 --- /dev/null +++ b/web/css/sweetalert2.min.css @@ -0,0 +1 @@ +@-webkit-keyframes swal2-show{0%{-webkit-transform:scale(.7);transform:scale(.7)}45%{-webkit-transform:scale(1.05);transform:scale(1.05)}80%{-webkit-transform:scale(.95);transform:scale(.95)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes swal2-show{0%{-webkit-transform:scale(.7);transform:scale(.7)}45%{-webkit-transform:scale(1.05);transform:scale(1.05)}80%{-webkit-transform:scale(.95);transform:scale(.95)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes swal2-hide{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}}@keyframes swal2-hide{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}}@-webkit-keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.875em;width:1.5625em}}@keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.875em;width:1.5625em}}@-webkit-keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@-webkit-keyframes swal2-rotate-success-circular-line{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}100%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}}@keyframes swal2-rotate-success-circular-line{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}100%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}}@-webkit-keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;-webkit-transform:scale(.4);transform:scale(.4);opacity:0}50%{margin-top:1.625em;-webkit-transform:scale(.4);transform:scale(.4);opacity:0}80%{margin-top:-.375em;-webkit-transform:scale(1.15);transform:scale(1.15)}100%{margin-top:0;-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;-webkit-transform:scale(.4);transform:scale(.4);opacity:0}50%{margin-top:1.625em;-webkit-transform:scale(.4);transform:scale(.4);opacity:0}80%{margin-top:-.375em;-webkit-transform:scale(1.15);transform:scale(1.15)}100%{margin-top:0;-webkit-transform:scale(1);transform:scale(1);opacity:1}}@-webkit-keyframes swal2-animate-error-icon{0%{-webkit-transform:rotateX(100deg);transform:rotateX(100deg);opacity:0}100%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}@keyframes swal2-animate-error-icon{0%{-webkit-transform:rotateX(100deg);transform:rotateX(100deg);opacity:0}100%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}body.swal2-toast-shown .swal2-container{background-color:transparent}body.swal2-toast-shown .swal2-container.swal2-shown{background-color:transparent}body.swal2-toast-shown .swal2-container.swal2-top{top:0;right:auto;bottom:auto;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-top-end,body.swal2-toast-shown .swal2-container.swal2-top-right{top:0;right:0;bottom:auto;left:auto}body.swal2-toast-shown .swal2-container.swal2-top-left,body.swal2-toast-shown .swal2-container.swal2-top-start{top:0;right:auto;bottom:auto;left:0}body.swal2-toast-shown .swal2-container.swal2-center-left,body.swal2-toast-shown .swal2-container.swal2-center-start{top:50%;right:auto;bottom:auto;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-center{top:50%;right:auto;bottom:auto;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}body.swal2-toast-shown .swal2-container.swal2-center-end,body.swal2-toast-shown .swal2-container.swal2-center-right{top:50%;right:0;bottom:auto;left:auto;-webkit-transform:translateY(-50%);transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-left,body.swal2-toast-shown .swal2-container.swal2-bottom-start{top:auto;right:auto;bottom:0;left:0}body.swal2-toast-shown .swal2-container.swal2-bottom{top:auto;right:auto;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-end,body.swal2-toast-shown .swal2-container.swal2-bottom-right{top:auto;right:0;bottom:0;left:auto}body.swal2-toast-column .swal2-toast{flex-direction:column;align-items:stretch}body.swal2-toast-column .swal2-toast .swal2-actions{flex:1;align-self:stretch;height:2.2em;margin-top:.3125em}body.swal2-toast-column .swal2-toast .swal2-loading{justify-content:center}body.swal2-toast-column .swal2-toast .swal2-input{height:2em;margin:.3125em auto;font-size:1em}body.swal2-toast-column .swal2-toast .swal2-validation-message{font-size:1em}.swal2-popup.swal2-toast{flex-direction:row;align-items:center;width:auto;padding:.625em;box-shadow:0 0 .625em #d9d9d9;overflow-y:hidden}.swal2-popup.swal2-toast .swal2-header{flex-direction:row}.swal2-popup.swal2-toast .swal2-title{flex-grow:1;justify-content:flex-start;margin:0 .6em;font-size:1em}.swal2-popup.swal2-toast .swal2-footer{margin:.5em 0 0;padding:.5em 0 0;font-size:.8em}.swal2-popup.swal2-toast .swal2-close{position:initial;width:.8em;height:.8em;line-height:.8}.swal2-popup.swal2-toast .swal2-content{justify-content:flex-start;font-size:1em}.swal2-popup.swal2-toast .swal2-icon{width:2em;min-width:2em;height:2em;margin:0}.swal2-popup.swal2-toast .swal2-icon-text{font-size:2em;font-weight:700;line-height:1em}.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line]{top:.875em;width:1.375em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:.3125em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:.3125em}.swal2-popup.swal2-toast .swal2-actions{height:auto;margin:0 .3125em}.swal2-popup.swal2-toast .swal2-styled{margin:0 .3125em;padding:.3125em .625em;font-size:1em}.swal2-popup.swal2-toast .swal2-styled:focus{box-shadow:0 0 0 .0625em #fff,0 0 0 .125em rgba(50,100,150,.4)}.swal2-popup.swal2-toast .swal2-success{border-color:#a5dc86}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line]{position:absolute;width:2em;height:2.8125em;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-radius:50%}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left]{top:-.25em;left:-.9375em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:2em 2em;transform-origin:2em 2em;border-radius:4em 0 0 4em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right]{top:-.25em;left:.9375em;-webkit-transform-origin:0 2em;transform-origin:0 2em;border-radius:0 4em 4em 0}.swal2-popup.swal2-toast .swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-success .swal2-success-fix{top:0;left:.4375em;width:.4375em;height:2.6875em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line]{height:.3125em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip]{top:1.125em;left:.1875em;width:.75em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long]{top:.9375em;right:.1875em;width:1.375em}.swal2-popup.swal2-toast.swal2-show{-webkit-animation:showSweetToast .5s;animation:showSweetToast .5s}.swal2-popup.swal2-toast.swal2-hide{-webkit-animation:hideSweetToast .2s forwards;animation:hideSweetToast .2s forwards}.swal2-popup.swal2-toast .swal2-animate-success-icon .swal2-success-line-tip{-webkit-animation:animate-toast-success-tip .75s;animation:animate-toast-success-tip .75s}.swal2-popup.swal2-toast .swal2-animate-success-icon .swal2-success-line-long{-webkit-animation:animate-toast-success-long .75s;animation:animate-toast-success-long .75s}@-webkit-keyframes showSweetToast{0%{-webkit-transform:translateY(-.625em) rotateZ(2deg);transform:translateY(-.625em) rotateZ(2deg);opacity:0}33%{-webkit-transform:translateY(0) rotateZ(-2deg);transform:translateY(0) rotateZ(-2deg);opacity:.5}66%{-webkit-transform:translateY(.3125em) rotateZ(2deg);transform:translateY(.3125em) rotateZ(2deg);opacity:.7}100%{-webkit-transform:translateY(0) rotateZ(0);transform:translateY(0) rotateZ(0);opacity:1}}@keyframes showSweetToast{0%{-webkit-transform:translateY(-.625em) rotateZ(2deg);transform:translateY(-.625em) rotateZ(2deg);opacity:0}33%{-webkit-transform:translateY(0) rotateZ(-2deg);transform:translateY(0) rotateZ(-2deg);opacity:.5}66%{-webkit-transform:translateY(.3125em) rotateZ(2deg);transform:translateY(.3125em) rotateZ(2deg);opacity:.7}100%{-webkit-transform:translateY(0) rotateZ(0);transform:translateY(0) rotateZ(0);opacity:1}}@-webkit-keyframes hideSweetToast{0%{opacity:1}33%{opacity:.5}100%{-webkit-transform:rotateZ(1deg);transform:rotateZ(1deg);opacity:0}}@keyframes hideSweetToast{0%{opacity:1}33%{opacity:.5}100%{-webkit-transform:rotateZ(1deg);transform:rotateZ(1deg);opacity:0}}@-webkit-keyframes animate-toast-success-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@keyframes animate-toast-success-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@-webkit-keyframes animate-toast-success-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}}@keyframes animate-toast-success-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow:hidden}body.swal2-height-auto{height:auto!important}body.swal2-no-backdrop .swal2-shown{top:auto;right:auto;bottom:auto;left:auto;background-color:transparent}body.swal2-no-backdrop .swal2-shown>.swal2-modal{box-shadow:0 0 10px rgba(0,0,0,.4)}body.swal2-no-backdrop .swal2-shown.swal2-top{top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}body.swal2-no-backdrop .swal2-shown.swal2-top-left,body.swal2-no-backdrop .swal2-shown.swal2-top-start{top:0;left:0}body.swal2-no-backdrop .swal2-shown.swal2-top-end,body.swal2-no-backdrop .swal2-shown.swal2-top-right{top:0;right:0}body.swal2-no-backdrop .swal2-shown.swal2-center{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}body.swal2-no-backdrop .swal2-shown.swal2-center-left,body.swal2-no-backdrop .swal2-shown.swal2-center-start{top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}body.swal2-no-backdrop .swal2-shown.swal2-center-end,body.swal2-no-backdrop .swal2-shown.swal2-center-right{top:50%;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}body.swal2-no-backdrop .swal2-shown.swal2-bottom{bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}body.swal2-no-backdrop .swal2-shown.swal2-bottom-left,body.swal2-no-backdrop .swal2-shown.swal2-bottom-start{bottom:0;left:0}body.swal2-no-backdrop .swal2-shown.swal2-bottom-end,body.swal2-no-backdrop .swal2-shown.swal2-bottom-right{right:0;bottom:0}.swal2-container{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;flex-direction:row;align-items:center;justify-content:center;padding:10px;background-color:transparent;z-index:1060;overflow-x:hidden;-webkit-overflow-scrolling:touch}.swal2-container.swal2-top{align-items:flex-start}.swal2-container.swal2-top-left,.swal2-container.swal2-top-start{align-items:flex-start;justify-content:flex-start}.swal2-container.swal2-top-end,.swal2-container.swal2-top-right{align-items:flex-start;justify-content:flex-end}.swal2-container.swal2-center{align-items:center}.swal2-container.swal2-center-left,.swal2-container.swal2-center-start{align-items:center;justify-content:flex-start}.swal2-container.swal2-center-end,.swal2-container.swal2-center-right{align-items:center;justify-content:flex-end}.swal2-container.swal2-bottom{align-items:flex-end}.swal2-container.swal2-bottom-left,.swal2-container.swal2-bottom-start{align-items:flex-end;justify-content:flex-start}.swal2-container.swal2-bottom-end,.swal2-container.swal2-bottom-right{align-items:flex-end;justify-content:flex-end}.swal2-container.swal2-grow-fullscreen>.swal2-modal{display:flex!important;flex:1;align-self:stretch;justify-content:center}.swal2-container.swal2-grow-row>.swal2-modal{display:flex!important;flex:1;align-content:center;justify-content:center}.swal2-container.swal2-grow-column{flex:1;flex-direction:column}.swal2-container.swal2-grow-column.swal2-bottom,.swal2-container.swal2-grow-column.swal2-center,.swal2-container.swal2-grow-column.swal2-top{align-items:center}.swal2-container.swal2-grow-column.swal2-bottom-left,.swal2-container.swal2-grow-column.swal2-bottom-start,.swal2-container.swal2-grow-column.swal2-center-left,.swal2-container.swal2-grow-column.swal2-center-start,.swal2-container.swal2-grow-column.swal2-top-left,.swal2-container.swal2-grow-column.swal2-top-start{align-items:flex-start}.swal2-container.swal2-grow-column.swal2-bottom-end,.swal2-container.swal2-grow-column.swal2-bottom-right,.swal2-container.swal2-grow-column.swal2-center-end,.swal2-container.swal2-grow-column.swal2-center-right,.swal2-container.swal2-grow-column.swal2-top-end,.swal2-container.swal2-grow-column.swal2-top-right{align-items:flex-end}.swal2-container.swal2-grow-column>.swal2-modal{display:flex!important;flex:1;align-content:center;justify-content:center}.swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen)>.swal2-modal{margin:auto}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.swal2-container .swal2-modal{margin:0!important}}.swal2-container.swal2-fade{transition:background-color .1s}.swal2-container.swal2-shown{background-color:rgba(0,0,0,.4)}.swal2-popup{display:none;position:relative;flex-direction:column;justify-content:center;width:32em;max-width:100%;padding:1.25em;border-radius:.3125em;background:#fff;font-family:inherit;font-size:1rem;box-sizing:border-box}.swal2-popup:focus{outline:0}.swal2-popup.swal2-loading{overflow-y:hidden}.swal2-popup .swal2-header{display:flex;flex-direction:column;align-items:center}.swal2-popup .swal2-title{display:block;position:relative;max-width:100%;margin:0 0 .4em;padding:0;color:#595959;font-size:1.875em;font-weight:600;text-align:center;text-transform:none;word-wrap:break-word}.swal2-popup .swal2-actions{flex-wrap:wrap;align-items:center;justify-content:center;margin:1.25em auto 0;z-index:1}.swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled[disabled]{opacity:.4}.swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled:hover{background-image:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1))}.swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled:active{background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2))}.swal2-popup .swal2-actions.swal2-loading .swal2-styled.swal2-confirm{width:2.5em;height:2.5em;margin:.46875em;padding:0;border:.25em solid transparent;border-radius:100%;border-color:transparent;background-color:transparent!important;color:transparent;cursor:default;box-sizing:border-box;-webkit-animation:swal2-rotate-loading 1.5s linear 0s infinite normal;animation:swal2-rotate-loading 1.5s linear 0s infinite normal;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.swal2-popup .swal2-actions.swal2-loading .swal2-styled.swal2-cancel{margin-right:30px;margin-left:30px}.swal2-popup .swal2-actions.swal2-loading :not(.swal2-styled).swal2-confirm::after{display:inline-block;width:15px;height:15px;margin-left:5px;border:3px solid #999;border-radius:50%;border-right-color:transparent;box-shadow:1px 1px 1px #fff;content:'';-webkit-animation:swal2-rotate-loading 1.5s linear 0s infinite normal;animation:swal2-rotate-loading 1.5s linear 0s infinite normal}.swal2-popup .swal2-styled{margin:.3125em;padding:.625em 2em;font-weight:500;box-shadow:none}.swal2-popup .swal2-styled:not([disabled]){cursor:pointer}.swal2-popup .swal2-styled.swal2-confirm{border:0;border-radius:.25em;background:initial;background-color:#3085d6;color:#fff;font-size:1.0625em}.swal2-popup .swal2-styled.swal2-cancel{border:0;border-radius:.25em;background:initial;background-color:#aaa;color:#fff;font-size:1.0625em}.swal2-popup .swal2-styled:focus{outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(50,100,150,.4)}.swal2-popup .swal2-styled::-moz-focus-inner{border:0}.swal2-popup .swal2-footer{justify-content:center;margin:1.25em 0 0;padding:1em 0 0;border-top:1px solid #eee;color:#545454;font-size:1em}.swal2-popup .swal2-image{max-width:100%;margin:1.25em auto}.swal2-popup .swal2-close{position:absolute;top:0;right:0;justify-content:center;width:1.2em;height:1.2em;padding:0;transition:color .1s ease-out;border:none;border-radius:0;outline:initial;background:0 0;color:#ccc;font-family:serif;font-size:2.5em;line-height:1.2;cursor:pointer;overflow:hidden}.swal2-popup .swal2-close:hover{-webkit-transform:none;transform:none;color:#f27474}.swal2-popup>.swal2-checkbox,.swal2-popup>.swal2-file,.swal2-popup>.swal2-input,.swal2-popup>.swal2-radio,.swal2-popup>.swal2-select,.swal2-popup>.swal2-textarea{display:none}.swal2-popup .swal2-content{justify-content:center;margin:0;padding:0;color:#545454;font-size:1.125em;font-weight:300;line-height:normal;z-index:1;word-wrap:break-word}.swal2-popup #swal2-content{text-align:center}.swal2-popup .swal2-checkbox,.swal2-popup .swal2-file,.swal2-popup .swal2-input,.swal2-popup .swal2-radio,.swal2-popup .swal2-select,.swal2-popup .swal2-textarea{margin:1em auto}.swal2-popup .swal2-file,.swal2-popup .swal2-input,.swal2-popup .swal2-textarea{width:100%;transition:border-color .3s,box-shadow .3s;border:1px solid #d9d9d9;border-radius:.1875em;font-size:1.125em;box-shadow:inset 0 1px 1px rgba(0,0,0,.06);box-sizing:border-box}.swal2-popup .swal2-file.swal2-inputerror,.swal2-popup .swal2-input.swal2-inputerror,.swal2-popup .swal2-textarea.swal2-inputerror{border-color:#f27474!important;box-shadow:0 0 2px #f27474!important}.swal2-popup .swal2-file:focus,.swal2-popup .swal2-input:focus,.swal2-popup .swal2-textarea:focus{border:1px solid #b4dbed;outline:0;box-shadow:0 0 3px #c4e6f5}.swal2-popup .swal2-file::-webkit-input-placeholder,.swal2-popup .swal2-input::-webkit-input-placeholder,.swal2-popup .swal2-textarea::-webkit-input-placeholder{color:#ccc}.swal2-popup .swal2-file:-ms-input-placeholder,.swal2-popup .swal2-input:-ms-input-placeholder,.swal2-popup .swal2-textarea:-ms-input-placeholder{color:#ccc}.swal2-popup .swal2-file::-ms-input-placeholder,.swal2-popup .swal2-input::-ms-input-placeholder,.swal2-popup .swal2-textarea::-ms-input-placeholder{color:#ccc}.swal2-popup .swal2-file::placeholder,.swal2-popup .swal2-input::placeholder,.swal2-popup .swal2-textarea::placeholder{color:#ccc}.swal2-popup .swal2-range input{width:80%}.swal2-popup .swal2-range output{width:20%;font-weight:600;text-align:center}.swal2-popup .swal2-range input,.swal2-popup .swal2-range output{height:2.625em;margin:1em auto;padding:0;font-size:1.125em;line-height:2.625em}.swal2-popup .swal2-input{height:2.625em;padding:0 .75em}.swal2-popup .swal2-input[type=number]{max-width:10em}.swal2-popup .swal2-file{font-size:1.125em}.swal2-popup .swal2-textarea{height:6.75em;padding:.75em}.swal2-popup .swal2-select{min-width:50%;max-width:100%;padding:.375em .625em;color:#545454;font-size:1.125em}.swal2-popup .swal2-checkbox,.swal2-popup .swal2-radio{align-items:center;justify-content:center}.swal2-popup .swal2-checkbox label,.swal2-popup .swal2-radio label{margin:0 .6em;font-size:1.125em}.swal2-popup .swal2-checkbox input,.swal2-popup .swal2-radio input{margin:0 .4em}.swal2-popup .swal2-validation-message{display:none;align-items:center;justify-content:center;padding:.625em;background:#f0f0f0;color:#666;font-size:1em;font-weight:300;overflow:hidden}.swal2-popup .swal2-validation-message::before{display:inline-block;width:1.5em;min-width:1.5em;height:1.5em;margin:0 .625em;border-radius:50%;background-color:#f27474;color:#fff;font-weight:600;line-height:1.5em;text-align:center;content:'!';zoom:normal}@supports (-ms-accelerator:true){.swal2-range input{width:100%!important}.swal2-range output{display:none}}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.swal2-range input{width:100%!important}.swal2-range output{display:none}}@-moz-document url-prefix(){.swal2-close:focus{outline:2px solid rgba(50,100,150,.4)}}.swal2-icon{position:relative;justify-content:center;width:5em;height:5em;margin:1.25em auto 1.875em;border:.25em solid transparent;border-radius:50%;line-height:5em;cursor:default;box-sizing:content-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;zoom:normal}.swal2-icon-text{font-size:3.75em}.swal2-icon.swal2-error{border-color:#f27474}.swal2-icon.swal2-error .swal2-x-mark{position:relative;flex-grow:1}.swal2-icon.swal2-error [class^=swal2-x-mark-line]{display:block;position:absolute;top:2.3125em;width:2.9375em;height:.3125em;border-radius:.125em;background-color:#f27474}.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:1.0625em;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:1em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.swal2-icon.swal2-warning{border-color:#facea8;color:#f8bb86}.swal2-icon.swal2-info{border-color:#9de0f6;color:#3fc3ee}.swal2-icon.swal2-question{border-color:#c9dae1;color:#87adbd}.swal2-icon.swal2-success{border-color:#a5dc86}.swal2-icon.swal2-success [class^=swal2-success-circular-line]{position:absolute;width:3.75em;height:7.5em;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-radius:50%}.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left]{top:-.4375em;left:-2.0635em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:3.75em 3.75em;transform-origin:3.75em 3.75em;border-radius:7.5em 0 0 7.5em}.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right]{top:-.6875em;left:1.875em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 3.75em;transform-origin:0 3.75em;border-radius:0 7.5em 7.5em 0}.swal2-icon.swal2-success .swal2-success-ring{position:absolute;top:-.25em;left:-.25em;width:100%;height:100%;border:.25em solid rgba(165,220,134,.3);border-radius:50%;z-index:2;box-sizing:content-box}.swal2-icon.swal2-success .swal2-success-fix{position:absolute;top:.5em;left:1.625em;width:.4375em;height:5.625em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);z-index:1}.swal2-icon.swal2-success [class^=swal2-success-line]{display:block;position:absolute;height:.3125em;border-radius:.125em;background-color:#a5dc86;z-index:2}.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip]{top:2.875em;left:.875em;width:1.5625em;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.swal2-icon.swal2-success [class^=swal2-success-line][class$=long]{top:2.375em;right:.5em;width:2.9375em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.swal2-progresssteps{align-items:center;margin:0 0 1.25em;padding:0;font-weight:600}.swal2-progresssteps li{display:inline-block;position:relative}.swal2-progresssteps .swal2-progresscircle{width:2em;height:2em;border-radius:2em;background:#3085d6;color:#fff;line-height:2em;text-align:center;z-index:20}.swal2-progresssteps .swal2-progresscircle:first-child{margin-left:0}.swal2-progresssteps .swal2-progresscircle:last-child{margin-right:0}.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep{background:#3085d6}.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep~.swal2-progresscircle{background:#add8e6}.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep~.swal2-progressline{background:#add8e6}.swal2-progresssteps .swal2-progressline{width:2.5em;height:.4em;margin:0 -1px;background:#3085d6;z-index:10}[class^=swal2]{-webkit-tap-highlight-color:transparent}.swal2-show{-webkit-animation:swal2-show .3s;animation:swal2-show .3s}.swal2-show.swal2-noanimation{-webkit-animation:none;animation:none}.swal2-hide{-webkit-animation:swal2-hide .15s forwards;animation:swal2-hide .15s forwards}.swal2-hide.swal2-noanimation{-webkit-animation:none;animation:none}.swal2-rtl .swal2-close{right:auto;left:0}.swal2-animate-success-icon .swal2-success-line-tip{-webkit-animation:swal2-animate-success-line-tip .75s;animation:swal2-animate-success-line-tip .75s}.swal2-animate-success-icon .swal2-success-line-long{-webkit-animation:swal2-animate-success-line-long .75s;animation:swal2-animate-success-line-long .75s}.swal2-animate-success-icon .swal2-success-circular-line-right{-webkit-animation:swal2-rotate-success-circular-line 4.25s ease-in;animation:swal2-rotate-success-circular-line 4.25s ease-in}.swal2-animate-error-icon{-webkit-animation:swal2-animate-error-icon .5s;animation:swal2-animate-error-icon .5s}.swal2-animate-error-icon .swal2-x-mark{-webkit-animation:swal2-animate-error-x-mark .5s;animation:swal2-animate-error-x-mark .5s}@-webkit-keyframes swal2-rotate-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swal2-rotate-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@media print{body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow-y:scroll!important}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown)>[aria-hidden=true]{display:none}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container{position:initial!important}} \ No newline at end of file diff --git a/web/index.html b/web/index.html index 9674054..d150c46 100644 --- a/web/index.html +++ b/web/index.html @@ -4,7 +4,10 @@ - + @@ -26,8 +29,14 @@ name="twitter:description" content="Eltern können mit diesem Dashboard erkennen, ob die Klassen Ihrer Kinder das Testen abgeschlossen haben. Das soll Eltern mit langem Anfahrtsweg ermöglichen, Ihren Tag besser zu planen zu können." /> - - + + @@ -35,12 +44,18 @@ property="og:description" content="Eltern können mit diesem Dashboard erkennen, ob die Klassen Ihrer Kinder das Testen abgeschlossen haben. Das soll Eltern mit langem Anfahrtsweg ermöglichen, Ihren Tag besser zu planen zu können." /> - + - + @@ -60,7 +75,11 @@ - + @@ -70,9 +89,13 @@ + + - +