From 496198b16acffb8af1c70806d4770a49b2221847 Mon Sep 17 00:00:00 2001 From: Shokouhi Date: Sat, 11 May 2019 13:11:48 +0430 Subject: [PATCH 1/2] shokouhiu --- public/js/vue/app.js | 140 +++++++++--------- public/js/vue/chunks/1.js | 6 +- public/js/vue/chunks/18.js | 21 ++- public/js/vue/chunks/2.js | 7 +- public/js/vue/chunks/20.js | 7 +- public/js/vue/chunks/3.js | 2 +- public/js/vue/chunks/5.js | 2 +- public/js/vue/chunks/6.js | 2 +- public/js/vue/chunks/7.js | 2 +- public/mix-manifest.json | 2 +- resources/js/vue/components/core/Toolbar.vue | 10 +- .../js/vue/components/material/Cards.vue | 2 +- .../vue/components/modal/testresult/Show.vue | 12 +- resources/js/vue/styles/css/Assets/Main.scss | 45 +++++- .../styles/material-dashboard/_buttons.scss | 2 +- resources/js/vue/views/MedicalCenter/List.vue | 2 +- resources/js/vue/views/Statistics/Chart.vue | 10 +- resources/js/vue/views/TestResult/AddEdit.vue | 3 +- resources/js/vue/views/User/List.vue | 2 +- 19 files changed, 178 insertions(+), 101 deletions(-) diff --git a/public/js/vue/app.js b/public/js/vue/app.js index e377cb77..6db7475a 100644 --- a/public/js/vue/app.js +++ b/public/js/vue/app.js @@ -3614,6 +3614,8 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope // // // +// +// @@ -8366,7 +8368,7 @@ if(false) {} exports = module.exports = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js")(false); // Module -exports.push([module.i, "body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4 {\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif !important;\n font-weight: 300 !important;\n line-height: 1.5em !important;\n}\nh1, h2, h3, .h1, .h2, .h3 {\n margin-top: 20px;\n margin-bottom: 10px;\n}\nh4, h5, h6, .h4, .h5, .h6 {\n margin-top: 10px;\n margin-bottom: 10px;\n}\nh1, .h1 {\n font-size: 3.3125rem !important;\n line-height: 1.15em !important;\n}\nh2, .h2 {\n font-size: 2.25rem !important;\n line-height: 1.5em !important;\n}\nh3, .h3 {\n font-size: 1.5625rem !important;\n line-height: 1.4em !important;\n}\nh4, .h4 {\n font-size: 1.125rem !important;\n line-height: 1.5em !important;\n}\nh5, .h5 {\n font-size: 1.0625rem !important;\n line-height: 1.55em !important;\n margin-bottom: 15px;\n}\nh6, .h6 {\n font-size: 0.75rem !important;\n text-transform: uppercase;\n font-weight: 500;\n}\np {\n font-size: 14px !important;\n margin: 0 0 10px;\n}\nh2.title {\n margin-bottom: 30px;\n}\n.description,\n.card-description,\n.footer-big p {\n color: #999;\n}\n.text-warning {\n color: #ff9800 !important;\n}\n.text-primary {\n color: #9c27b0 !important;\n}\n.text-danger {\n color: #f44336 !important;\n}\n.text-success {\n color: #4caf50 !important;\n}\n.text-info {\n color: #00bcd4 !important;\n}\n.text-gray {\n color: #999 !important;\n}\n.text-pink {\n color: #e91e63 !important;\n}\n.text-white {\n color: #ffffff !important;\n}\n.v-navigation-drawer {\n box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);\n}\n.v-navigation-drawer .v-list {\n background: rgba(27, 27, 27, 0.74);\n padding: 0;\n}\n.v-navigation-drawer .v-list .v-list-item:not(:nth-child(3)) {\n margin: 10px 15px 0;\n}\n.v-navigation-drawer .v-list .v-list-item:nth-child(3) {\n margin: 0 15px;\n}\n.v-navigation-drawer .v-list .v-list-item > .v-list__tile {\n padding: 10px 15px;\n}\n.v-navigation-drawer .v-list .v-list-item > .v-list__tile:hover, .v-navigation-drawer .v-list .v-list-item > .v-list__tile:focus, .v-navigation-drawer .v-list .v-list-item > .v-list__tile:active {\n background-color: rgba(200, 200, 200, 0.2);\n}\n.v-navigation-drawer .v-list .v-list-item > .v-list__tile .v-list__tile__title {\n font-size: 14px !important;\n font-weight: 300;\n padding: 0;\n}\n.v-navigation-drawer .v-list .v-list-item .v-list__tile__action {\n margin-right: 15px;\n min-width: unset;\n}\n.v-navigation-drawer .v-list .v-list-item .v-list__tile__action i {\n width: 30px;\n}\n.v-navigation-drawer .v-list .v-list-item .v-list__tile:not(.v-list__tile--active) .v-list__tile__action i {\n opacity: 0.8;\n}\n.v-navigation-drawer .v-list .v-list__tile--avatar {\n height: unset;\n padding: 15px 0;\n}\n.v-navigation-drawer .v-list .v-list__tile__avatar {\n margin-left: 25px;\n margin-right: 11px;\n min-width: unset;\n}\n.v-navigation-drawer .v-list .v-list__tile__title {\n line-height: 30px;\n padding: 5px 0;\n height: unset;\n font-size: 18px !important;\n font-weight: 400;\n letter-spacing: unset !important;\n}\n.v-navigation-drawer .v-list .v-divider {\n border-color: rgba(180, 180, 180, 0.3);\n margin: -1px auto 24px;\n width: calc(100% - 30px);\n}\n.v-navigation-drawer .v-list .v-image__image--contain {\n top: 1px;\n}\n.v-navigation-drawer .v-list .v-avatar {\n box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);\n}\n.v-toolbar {\n min-height: 70px;\n border-radius: 3px;\n margin-bottom: 15px;\n}\n.v-toolbar:not(.v-toolbar--fixed) .v-toolbar__content {\n margin-left: 260px;\n}\n.v-toolbar.bg-danger {\n background-color: #f44336 !important;\n box-shadow: 0 12px 20px -10px rgba(244, 67, 54, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(244, 67, 54, 0.2) !important;\n}\n.v-toolbar.bg-warning {\n background-color: #ff9800 !important;\n box-shadow: 0 12px 20px -10px rgba(255, 152, 0, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(255, 152, 0, 0.2) !important;\n}\n.v-toolbar.bg-primary {\n background-color: #9c27b0 !important;\n box-shadow: 0 12px 20px -10px rgba(156, 39, 176, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(156, 39, 176, 0.2) !important;\n}\n.v-toolbar.bg-info {\n background-color: #00bcd4 !important;\n box-shadow: 0 12px 20px -10px rgba(0, 188, 212, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(0, 188, 212, 0.2) !important;\n}\n.v-toolbar.bg-success {\n background-color: #4caf50 !important;\n box-shadow: 0 12px 20px -10px rgba(76, 175, 80, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(76, 175, 80, 0.2) !important;\n}\n.v-toolbar.bg-default {\n background-color: #999 !important;\n box-shadow: 0 12px 20px -10px rgba(153, 153, 153, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(153, 153, 153, 0.2) !important;\n}\n.v-toolbar[class*=bg-] .v-toolbar__title,\n.v-toolbar[class*=bg-] .v-btn__content,\n.v-toolbar[class*=bg-] .v-ripple__container {\n color: #ffffff !important;\n}\n.v-toolbar .v-toolbar__content {\n min-height: 70px;\n padding-bottom: 10px;\n padding-top: 10px;\n}\n.v-toolbar .v-toolbar__content .v-toolbar__title {\n font-size: 18px;\n letter-spacing: unset;\n color: #495057;\n}\n.v-toolbar .v-toolbar__content .v-toolbar__items > div {\n padding: 0 !important;\n}\n.v-toolbar .v-toolbar__content .v-toolbar__items .toolbar-items {\n align-items: center;\n border-radius: 3px;\n display: flex;\n min-height: 48px;\n padding: 10px 15px;\n}\n.v-toolbar .v-toolbar__content .v-toolbar__items .toolbar-items .v-badge__badge {\n border: 1px solid #ffffff !important;\n font-size: 9px;\n height: 20px;\n line-height: normal;\n right: -7px;\n top: -12px;\n width: 20px;\n font-weight: 400;\n}\n.v-toolbar .v-toolbar__content .v-toolbar__items .toolbar-items .v-icon {\n font-size: 20px;\n}\n.v-toolbar .v-toolbar__content .v-toolbar__items .v-input {\n margin: 0 !important;\n padding: 0;\n}\n@media all and (max-width: 990px) {\n.v-toolbar:not(.v-toolbar--fixed) .v-toolbar__content {\n margin-left: 0;\n}\n}\n.theme--light.application {\n background: #eee;\n}\na {\n text-transform: none;\n text-decoration: none;\n}\nhtml {\n font-size: 16px !important;\n}\n.category {\n font-size: 14px;\n}\n.theme--light.v-icon {\n color: #999;\n}\nblockquote {\n display: block;\n margin-block-start: 1em;\n margin-block-end: 1em;\n margin-inline-start: 40px;\n margin-inline-end: 40px;\n}\nblockquote p {\n font-style: italic;\n color: rgba(0, 0, 0, 0.87);\n font-weight: 500;\n}\nblockquote small {\n font-size: 70%;\n}\nb,\nstrong {\n font-size: 12px;\n font-weight: 500;\n}\n.v-list--three-line .v-list__tile {\n height: auto;\n}\n.v-navigation-drawer .v-list .v-list-item .v-list__tile.v-list__tile--active.primary {\n background-color: #9c27b0 !important;\n box-shadow: 0 12px 20px -10px rgba(156, 39, 176, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(156, 39, 176, 0.2) !important;\n}\n.v-navigation-drawer .v-list .v-list-item .v-list__tile.v-list__tile--active.success {\n background-color: #4caf50 !important;\n box-shadow: 0 12px 20px -10px rgba(76, 175, 80, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(76, 175, 80, 0.2) !important;\n}\n.v-navigation-drawer .v-list .v-list-item .v-list__tile.v-list__tile--active.danger {\n background-color: #f44336 !important;\n box-shadow: 0 12px 20px -10px rgba(244, 67, 54, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(244, 67, 54, 0.2) !important;\n}\n.v-navigation-drawer .v-list .v-list-item .v-list__tile.v-list__tile--active.info {\n background-color: #00bcd4 !important;\n box-shadow: 0 12px 20px -10px rgba(0, 188, 212, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(0, 188, 212, 0.2) !important;\n}\n.v-navigation-drawer .v-list .v-list-item .v-list__tile.v-list__tile--active.warning {\n background-color: #ff9800 !important;\n box-shadow: 0 12px 20px -10px rgba(255, 152, 0, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(255, 152, 0, 0.2) !important;\n}\n.theme--light.v-text-field .v-input__slot:before {\n border-color: #d2d2d2 !important;\n}\n.input--is-focused .v-input__control .v-input__slot:after {\n border-color: red !important;\n}\n.v-text-field__slot input::-moz-placeholder {\n color: #d2d2d2;\n}\n.v-text-field__slot input:-ms-input-placeholder {\n color: #d2d2d2;\n}\n.v-text-field__slot input::-webkit-input-placeholder {\n color: #d2d2d2;\n}\n.v-text-field__slot .v-label {\n color: #aaa !important;\n font-size: 14px;\n font-weight: 400;\n}\n.theme--light.v-input:not(.v-input--is-disabled) input,\n.theme--light.v-input:not(.v-input--is-disabled) textarea {\n color: #495057;\n font-size: 14px;\n}\n.v-text-field.purple-input > .v-input__control > .v-input__slot:after {\n border-color: #9c27b0;\n}\n.v-text-field.orange-input > .v-input__control > .v-input__slot:after {\n border-color: #ff9800;\n}\n.v-text-field.info-input > .v-input__control > .v-input__slot:after {\n border-color: #00bcd4;\n}\n.v-text-field.danger-input > .v-input__control > .v-input__slot:after {\n border-color: #f44336;\n}\n.v-text-field.success-input > .v-input__control > .v-input__slot:after {\n border-color: #4caf50;\n}\n.v-text-field.primary-input > .v-input__control > .v-input__slot:after {\n border-color: #4caf50;\n}\n.theme--light.v-footer {\n border-top: 1px solid #e7e7e7;\n background: transparent;\n padding: 15px 24px;\n}\n.v-footer .footer-links {\n font-weight: 500;\n text-decoration: none;\n text-transform: uppercase;\n font-size: 12px;\n padding: 15px;\n line-height: 1.8;\n}\n.v-footer .footer-links:hover, .v-footer .footer-links:focus, .v-footer .footer-links:active {\n color: #9c27b0 !important;\n}\n.v-footer .copyright {\n color: #495057;\n}\n.v-footer .copyright a, .v-footer .copyright a:hover, .v-footer .copyright a:focus, .v-footer .copyright a:active {\n color: #9c27b0;\n}\n@media all and (max-width: 991px) {\n.v-footer {\n height: auto !important;\n flex-direction: column;\n}\n.footer-items,\n.copyright {\n width: 100%;\n}\n.copyright {\n text-align: right;\n}\n}\n@media all and (max-width: 550px) {\n.footer-items,\n.copyright {\n width: unset;\n text-align: center;\n}\n.copyright {\n margin-top: 10px;\n}\n}\n.v-card {\n box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);\n border-radius: 3px;\n}\n.v-card .category {\n margin: 0;\n}\n.v-card .title {\n margin-top: 0;\n line-height: 1.5em !important;\n letter-spacing: 0 !important;\n font-size: 1.125rem !important;\n margin-bottom: 5px !important;\n}\n.v-card .v-divider {\n border-top: 1px solid #eee;\n margin-left: 20px !important;\n margin-right: 20px !important;\n margin-bottom: 1px;\n}\n.v-card .v-offset {\n top: -20px !important;\n margin-bottom: -20px !important;\n}\n.v-card .v-offset .category {\n color: rgba(255, 255, 255, 0.62);\n}\n.v-card .v-offset .v-card--material__header.v-card {\n padding: 15px;\n}\n.v-card .v-card__actions {\n margin: 0 20px 0;\n padding: 10px 0 10px;\n line-height: 22px;\n}\n.v-card--material-chart.v-card:not(.v-card--material__header) {\n margin: 25px 0 !important;\n}\n.v-card--material-chart.v-card .v-card--material__header {\n border-radius: 6px;\n min-height: 160px;\n padding: 0 !important;\n}\n.v-card--material-chart.v-card .v-card--material__header .ct-label {\n font-size: 0.73rem;\n}\n.v-card--material-chart.v-card .title {\n margin-top: 0;\n}\n.v-card--material-chart.v-card .category {\n margin: 0 !important;\n line-height: 22px;\n color: #999;\n}\n.v-card--material-chart.v-card .v-card__text {\n padding: 15px 20px;\n line-height: 22px;\n}\n.v-card--material-stats.v-card:not(.v-card--material__header),\n.v-card--material-chart.v-card:not(.v-card--material__header) {\n margin: 25px 0 !important;\n}\n.v-card.info {\n background: linear-gradient(60deg, #26c6da, #00acc1) !important;\n box-shadow: 0 12px 20px -10px rgba(0, 188, 212, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(0, 188, 212, 0.2) !important;\n}\n.v-card.red {\n background: linear-gradient(60deg, #ef5350, #e53935) !important;\n box-shadow: 0 12px 20px -10px rgba(244, 67, 54, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(244, 67, 54, 0.2) !important;\n}\n.v-card.green {\n background: linear-gradient(60deg, #66bb6a, #43a047) !important;\n box-shadow: 0 12px 20px -10px rgba(76, 175, 80, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(76, 175, 80, 0.2) !important;\n}\n.v-card.orange {\n background: linear-gradient(60deg, #ffa726, #fb8c00) !important;\n box-shadow: 0 12px 20px -10px rgba(255, 152, 0, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(255, 152, 0, 0.2) !important;\n}\n.v-card.purple {\n background: linear-gradient(60deg, #ab47bc, #8e24aa) !important;\n box-shadow: 0 12px 20px -10px rgba(156, 39, 176, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(156, 39, 176, 0.2) !important;\n}\n.v-card--material-stats.v-card .v-offset {\n position: absolute;\n}\n.v-card--material-stats.v-card .v-offset .v-card {\n max-width: 85px;\n max-height: 85px;\n line-height: 85px;\n padding: 15px !important;\n}\n.v-card--material-stats.v-card .v-offset .v-card i {\n font-size: 36px !important;\n line-height: 56px;\n width: 56px;\n height: 56px;\n}\n.v-card--material-stats.v-card .v-card__text {\n text-align: right;\n padding-top: 10px;\n position: relative;\n}\n.v-card--material-stats.v-card .title {\n margin: 0 !important;\n line-height: 1.5em !important;\n letter-spacing: 0 !important;\n font-size: 1.5625rem !important;\n}\n.v-card--material-stats.v-card .title small {\n color: #999;\n font-size: 65%;\n line-height: 1;\n font-weight: 400;\n}\n.v-card--material-stats.v-card .v-card__actions i {\n position: relative;\n top: -1px;\n font-size: 16px !important;\n}\n.v-card--material-stats.v-card .v-card__actions .caption {\n color: #999;\n}\n.v-card-profile {\n display: inline-block;\n}\n.v-card-profile .v-offset {\n top: unset !important;\n margin-bottom: unset !important;\n margin-top: -50px;\n}\n.v-card-profile .v-card__text .v-card__text {\n padding-bottom: 0;\n}\n.v-card-profile .v-card__text {\n padding: 15px;\n}\n.v-card-profile img {\n box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);\n}\n.v-card--flat {\n background-color: transparent !important;\n box-shadow: none;\n}\n.v-card--flat .v-table {\n background-color: transparent;\n}\n.theme--light.v-table tbody tr:not(:last-child),\n.theme--light.v-table thead tr:first-child {\n border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;\n}\ntable.v-table thead tr {\n height: 32px;\n background: linear-gradient(90deg, #1dc8e6 20.5625%, #1dc8e5 20.5625%, #1de6b8 80.5625%) !important;\n}\n.theme--light.v-table tbody tr:hover:not(.v-datatable__expand-row) {\n background: #f5f5f5 !important;\n}\ntable.v-table tbody td {\n font-size: 14px;\n font-weight: 300;\n}\ntable.v-table tbody td:first-child, table.v-table tbody td:not(:first-child),\ntable.v-table tbody th:first-child, table.v-table tbody th:not(:first-child),\ntable.v-table thead td:first-child, table.v-table thead td:not(:first-child),\ntable.v-table thead th:first-child, table.v-table thead th:not(:first-child) {\n padding: 12px 8px;\n}\n.v-datatable__progress {\n display: none;\n}\ntable thead tr th span {\n font-size: 1.0625rem !important;\n}\n.card-tabs .v-divider {\n margin-left: 0 !important;\n margin-right: 0 !important;\n}\n.card-tabs .flex {\n padding: 0 !important;\n}\n.card-tabs .v-tabs__item {\n border-radius: 3px;\n}\n.card-tabs .v-tabs__slider-wrapper .white {\n background-color: rgba(255, 255, 255, 0.3) !important;\n border-color: rgba(255, 255, 255, 0.3) !important;\n}\n.card-tabs .v-tabs__slider {\n height: 1px;\n}\n.card-tabs .v-list__tile__title {\n font-size: 14px;\n font-weight: 300;\n padding: 0 8px;\n overflow: visible;\n white-space: inherit;\n height: auto;\n}\n.card-tabs .v-list .v-input, .card-tabs .v-list .v-input__slot {\n justify-content: center;\n}\n.mdi-checkbox-blank-outline:before {\n -webkit-text-stroke: 1px #ffffff;\n}\n.v-tooltip__content {\n background: #ffffff;\n padding: 10px 15px;\n min-width: 130px;\n max-width: 200px;\n color: #555555 !important;\n font-size: 12px;\n font-weight: 400;\n box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);\n text-align: center;\n}\n.v-tooltip__content:after {\n position: absolute;\n bottom: -5px;\n height: 0;\n left: 0;\n right: 0;\n margin-left: auto;\n margin-right: auto;\n width: 5px;\n vertical-align: 0.255em;\n content: \"\";\n}\n.v-tooltip__content.top:after {\n border-top: 5px solid #ffffff;\n border-right: 5px solid transparent;\n border-bottom: 0;\n border-left: 5px solid transparent;\n}\n.v-tooltip__content.bottom:after {\n top: -5px;\n border-top: 0;\n border-right: 5px solid transparent;\n border-bottom: 5px solid #ffffff;\n border-left: 5px solid transparent;\n}\n.v-tooltip__content.left:after {\n margin-right: 0;\n right: -5px;\n top: 16px;\n border-top: 5px solid transparent;\n border-bottom: 5px solid transparent;\n border-left: 5px solid #ffffff;\n}\n.v-tooltip__content.right:after {\n margin-left: 0;\n left: -5px;\n top: 16px;\n border-top: 5px solid transparent;\n border-bottom: 5px solid transparent;\n border-right: 5px solid #ffffff;\n}\n.v-btn {\n margin: 10px 1px;\n padding: 12px 30px;\n font-size: 12px;\n font-weight: 400 !important;\n height: auto;\n line-height: 1.5em;\n cursor: pointer;\n border-radius: 3px;\n}\n.v-btn.v-btn--round, .v-btn.v-btn--round:after {\n border-radius: 30px;\n}\n.v-btn.v-btn-facebook {\n background-color: #3b5998 !important;\n color: #ffffff;\n box-shadow: 0 2px 2px 0 rgba(59, 89, 152, 0.14), 0 3px 1px -2px rgba(59, 89, 152, 0.2), 0 1px 5px 0 rgba(59, 89, 152, 0.12) !important;\n}\n.v-btn.v-btn-facebook:hover, .v-btn.v-btn-facebook:focus, .v-btn.v-btn-facebook:active, .v-btn.v-btn-facebook.active, .v-btn.v-btn-facebook:active:focus, .v-btn.v-btn-facebook:active:hover, .v-btn.v-btn-facebook.active:focus, .v-btn.v-btn-facebook.active:hover {\n background-color: #3b5998 !important;\n color: #ffffff;\n box-shadow: 0 14px 26px -12px rgba(59, 89, 152, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(59, 89, 152, 0.2) !important;\n}\n.v-btn.v-btn-facebook.v-btn--simple, .v-btn.v-btn-facebook.v-btn--simple:hover, .v-btn.v-btn-facebook.v-btn--simple:focus, .v-btn.v-btn-facebook.v-btn--simple:active, .v-btn.v-btn-facebook.v-btn--simple.active, .v-btn.v-btn-facebook.v-btn--simple:active:focus, .v-btn.v-btn-facebook.v-btn--simple:active:hover, .v-btn.v-btn-facebook.v-btn--simple.active:focus, .v-btn.v-btn-facebook.v-btn--simple.active:hover {\n color: #3b5998 !important;\n background-color: transparent;\n box-shadow: none;\n}\n.v-btn.v-btn-facebook.v-btn--simple i, .v-btn.v-btn-facebook.v-btn--simple:hover i, .v-btn.v-btn-facebook.v-btn--simple:focus i, .v-btn.v-btn-facebook.v-btn--simple:active i, .v-btn.v-btn-facebook.v-btn--simple.active i, .v-btn.v-btn-facebook.v-btn--simple:active:focus i, .v-btn.v-btn-facebook.v-btn--simple:active:hover i, .v-btn.v-btn-facebook.v-btn--simple.active:focus i, .v-btn.v-btn-facebook.v-btn--simple.active:hover i {\n color: #3b5998 !important;\n}\n.v-btn.v-btn-twitter {\n background-color: #55acee !important;\n color: #ffffff;\n box-shadow: 0 2px 2px 0 rgba(85, 172, 238, 0.14), 0 3px 1px -2px rgba(85, 172, 238, 0.2), 0 1px 5px 0 rgba(85, 172, 238, 0.12) !important;\n}\n.v-btn.v-btn-twitter:hover, .v-btn.v-btn-twitter:focus, .v-btn.v-btn-twitter:active, .v-btn.v-btn-twitter.active, .v-btn.v-btn-twitter:active:focus, .v-btn.v-btn-twitter:active:hover, .v-btn.v-btn-twitter.active:focus, .v-btn.v-btn-twitter.active:hover {\n background-color: #55acee !important;\n color: #ffffff;\n box-shadow: 0 14px 26px -12px rgba(85, 172, 238, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(85, 172, 238, 0.2) !important;\n}\n.v-btn.v-btn-twitter.v-btn--simple, .v-btn.v-btn-twitter.v-btn--simple:hover, .v-btn.v-btn-twitter.v-btn--simple:focus, .v-btn.v-btn-twitter.v-btn--simple:active, .v-btn.v-btn-twitter.v-btn--simple.active, .v-btn.v-btn-twitter.v-btn--simple:active:focus, .v-btn.v-btn-twitter.v-btn--simple:active:hover, .v-btn.v-btn-twitter.v-btn--simple.active:focus, .v-btn.v-btn-twitter.v-btn--simple.active:hover {\n color: #55acee !important;\n background-color: transparent;\n box-shadow: none;\n}\n.v-btn.v-btn-twitter.v-btn--simple i, .v-btn.v-btn-twitter.v-btn--simple:hover i, .v-btn.v-btn-twitter.v-btn--simple:focus i, .v-btn.v-btn-twitter.v-btn--simple:active i, .v-btn.v-btn-twitter.v-btn--simple.active i, .v-btn.v-btn-twitter.v-btn--simple:active:focus i, .v-btn.v-btn-twitter.v-btn--simple:active:hover i, .v-btn.v-btn-twitter.v-btn--simple.active:focus i, .v-btn.v-btn-twitter.v-btn--simple.active:hover i {\n color: #55acee !important;\n}\n.v-btn .v-icon--left {\n margin-right: 7px;\n}\n.v-btn .v-icon--right {\n margin-left: 7px;\n}\n.v-btn.v-btn--large {\n font-size: 14px;\n padding: 1.125rem 2.25rem !important;\n line-height: 1.333333;\n}\n.v-btn.v-btn--small {\n padding: 0.40625rem 1.25rem !important;\n font-size: 11px;\n}\n.v-btn.v-btn--icon {\n width: 41px;\n height: 41px;\n line-height: 41px;\n padding: 0;\n}\n.v-btn.v-btn--icon.v-btn--round {\n border-radius: 50%;\n}\n.v-btn.success {\n background-color: #4caf50 !important;\n box-shadow: 0 2px 2px 0 rgba(76, 175, 80, 0.14), 0 3px 1px -2px rgba(76, 175, 80, 0.2), 0 1px 5px 0 rgba(76, 175, 80, 0.12) !important;\n}\n.v-btn.success:focus, .v-btn.success:active, .v-btn.success:hover {\n box-shadow: 0 14px 26px -12px rgba(76, 175, 80, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(76, 175, 80, 0.2) !important;\n background-color: #47a44b !important;\n}\n.v-btn.success.v-btn--simple, .v-btn.success.v-btn--simple:hover, .v-btn.success.v-btn--simple:focus, .v-btn.success.v-btn--simple:active, .v-btn.success.v-btn--simple.active, .v-btn.success.v-btn--simple:active:focus, .v-btn.success.v-btn--simple:active:hover, .v-btn.success.v-btn--simple.active:focus, .v-btn.success.v-btn--simple.active:hover {\n background-color: transparent !important;\n color: #4caf50 !important;\n box-shadow: none !important;\n}\n.v-btn.success.v-btn--simple i, .v-btn.success.v-btn--simple:hover i, .v-btn.success.v-btn--simple:focus i, .v-btn.success.v-btn--simple:active i, .v-btn.success.v-btn--simple.active i, .v-btn.success.v-btn--simple:active:focus i, .v-btn.success.v-btn--simple:active:hover i, .v-btn.success.v-btn--simple.active:focus i, .v-btn.success.v-btn--simple.active:hover i {\n color: #4caf50 !important;\n}\n.v-btn.default {\n background-color: #999 !important;\n box-shadow: 0 2px 2px 0 rgba(153, 153, 153, 0.14), 0 3px 1px -2px rgba(153, 153, 153, 0.2), 0 1px 5px 0 rgba(153, 153, 153, 0.12) !important;\n}\n.v-btn.default:focus, .v-btn.default:active, .v-btn.default:hover {\n box-shadow: 0 14px 26px -12px rgba(153, 153, 153, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(153, 153, 153, 0.2) !important;\n background-color: #919191 !important;\n}\n.v-btn.default.v-btn--simple, .v-btn.default.v-btn--simple:hover, .v-btn.default.v-btn--simple:focus, .v-btn.default.v-btn--simple:active, .v-btn.default.v-btn--simple.active, .v-btn.default.v-btn--simple:active:focus, .v-btn.default.v-btn--simple:active:hover, .v-btn.default.v-btn--simple.active:focus, .v-btn.default.v-btn--simple.active:hover {\n background-color: transparent !important;\n color: #999 !important;\n box-shadow: none !important;\n}\n.v-btn.default.v-btn--simple i, .v-btn.default.v-btn--simple:hover i, .v-btn.default.v-btn--simple:focus i, .v-btn.default.v-btn--simple:active i, .v-btn.default.v-btn--simple.active i, .v-btn.default.v-btn--simple:active:focus i, .v-btn.default.v-btn--simple:active:hover i, .v-btn.default.v-btn--simple.active:focus i, .v-btn.default.v-btn--simple.active:hover i {\n color: #999 !important;\n}\n.v-btn.primary {\n background-color: #9c27b0 !important;\n box-shadow: 0 2px 2px 0 rgba(156, 39, 176, 0.14), 0 3px 1px -2px rgba(156, 39, 176, 0.2), 0 1px 5px 0 rgba(156, 39, 176, 0.12) !important;\n}\n.v-btn.primary:focus, .v-btn.primary:active, .v-btn.primary:hover {\n box-shadow: 0 14px 26px -12px rgba(156, 39, 176, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(156, 39, 176, 0.2) !important;\n background-color: #9124a3 !important;\n}\n.v-btn.primary.v-btn--simple, .v-btn.primary.v-btn--simple:hover, .v-btn.primary.v-btn--simple:focus, .v-btn.primary.v-btn--simple:active, .v-btn.primary.v-btn--simple.active, .v-btn.primary.v-btn--simple:active:focus, .v-btn.primary.v-btn--simple:active:hover, .v-btn.primary.v-btn--simple.active:focus, .v-btn.primary.v-btn--simple.active:hover {\n background-color: transparent !important;\n color: #9c27b0 !important;\n box-shadow: none !important;\n}\n.v-btn.primary.v-btn--simple i, .v-btn.primary.v-btn--simple:hover i, .v-btn.primary.v-btn--simple:focus i, .v-btn.primary.v-btn--simple:active i, .v-btn.primary.v-btn--simple.active i, .v-btn.primary.v-btn--simple:active:focus i, .v-btn.primary.v-btn--simple:active:hover i, .v-btn.primary.v-btn--simple.active:focus i, .v-btn.primary.v-btn--simple.active:hover i {\n color: #9c27b0 !important;\n}\n.v-btn.warning {\n background-color: #ff9800 !important;\n box-shadow: 0 2px 2px 0 rgba(255, 152, 0, 0.14), 0 3px 1px -2px rgba(255, 152, 0, 0.2), 0 1px 5px 0 rgba(255, 152, 0, 0.12) !important;\n}\n.v-btn.warning:focus, .v-btn.warning:active, .v-btn.warning:hover {\n box-shadow: 0 14px 26px -12px rgba(255, 152, 0, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 152, 0, 0.2) !important;\n background-color: #f08f00 !important;\n}\n.v-btn.warning.v-btn--simple, .v-btn.warning.v-btn--simple:hover, .v-btn.warning.v-btn--simple:focus, .v-btn.warning.v-btn--simple:active, .v-btn.warning.v-btn--simple.active, .v-btn.warning.v-btn--simple:active:focus, .v-btn.warning.v-btn--simple:active:hover, .v-btn.warning.v-btn--simple.active:focus, .v-btn.warning.v-btn--simple.active:hover {\n background-color: transparent !important;\n color: #ff9800 !important;\n box-shadow: none !important;\n}\n.v-btn.warning.v-btn--simple i, .v-btn.warning.v-btn--simple:hover i, .v-btn.warning.v-btn--simple:focus i, .v-btn.warning.v-btn--simple:active i, .v-btn.warning.v-btn--simple.active i, .v-btn.warning.v-btn--simple:active:focus i, .v-btn.warning.v-btn--simple:active:hover i, .v-btn.warning.v-btn--simple.active:focus i, .v-btn.warning.v-btn--simple.active:hover i {\n color: #ff9800 !important;\n}\n.v-btn.info {\n background-color: #00bcd4 !important;\n box-shadow: 0 2px 2px 0 rgba(0, 188, 212, 0.14), 0 3px 1px -2px rgba(0, 188, 212, 0.2), 0 1px 5px 0 rgba(0, 188, 212, 0.12) !important;\n}\n.v-btn.info:focus, .v-btn.info:active, .v-btn.info:hover {\n box-shadow: 0 14px 26px -12px rgba(0, 188, 212, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 188, 212, 0.2) !important;\n background-color: #00aec5 !important;\n}\n.v-btn.info.v-btn--simple, .v-btn.info.v-btn--simple:hover, .v-btn.info.v-btn--simple:focus, .v-btn.info.v-btn--simple:active, .v-btn.info.v-btn--simple.active, .v-btn.info.v-btn--simple:active:focus, .v-btn.info.v-btn--simple:active:hover, .v-btn.info.v-btn--simple.active:focus, .v-btn.info.v-btn--simple.active:hover {\n background-color: transparent !important;\n color: #00bcd4 !important;\n box-shadow: none !important;\n}\n.v-btn.info.v-btn--simple i, .v-btn.info.v-btn--simple:hover i, .v-btn.info.v-btn--simple:focus i, .v-btn.info.v-btn--simple:active i, .v-btn.info.v-btn--simple.active i, .v-btn.info.v-btn--simple:active:focus i, .v-btn.info.v-btn--simple:active:hover i, .v-btn.info.v-btn--simple.active:focus i, .v-btn.info.v-btn--simple.active:hover i {\n color: #00bcd4 !important;\n}\n.v-btn.danger {\n background-color: #f44336 !important;\n box-shadow: 0 2px 2px 0 rgba(244, 67, 54, 0.14), 0 3px 1px -2px rgba(244, 67, 54, 0.2), 0 1px 5px 0 rgba(244, 67, 54, 0.12) !important;\n}\n.v-btn.danger:focus, .v-btn.danger:active, .v-btn.danger:hover {\n box-shadow: 0 14px 26px -12px rgba(244, 67, 54, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(244, 67, 54, 0.2) !important;\n background-color: #f33527 !important;\n}\n.v-btn.danger.v-btn--simple, .v-btn.danger.v-btn--simple:hover, .v-btn.danger.v-btn--simple:focus, .v-btn.danger.v-btn--simple:active, .v-btn.danger.v-btn--simple.active, .v-btn.danger.v-btn--simple:active:focus, .v-btn.danger.v-btn--simple:active:hover, .v-btn.danger.v-btn--simple.active:focus, .v-btn.danger.v-btn--simple.active:hover {\n background-color: transparent !important;\n color: #f44336 !important;\n box-shadow: none !important;\n}\n.v-btn.danger.v-btn--simple i, .v-btn.danger.v-btn--simple:hover i, .v-btn.danger.v-btn--simple:focus i, .v-btn.danger.v-btn--simple:active i, .v-btn.danger.v-btn--simple.active i, .v-btn.danger.v-btn--simple:active:focus i, .v-btn.danger.v-btn--simple:active:hover i, .v-btn.danger.v-btn--simple.active:focus i, .v-btn.danger.v-btn--simple.active:hover i {\n color: #f44336 !important;\n}\n.v-btn .v-icon {\n font-size: 1.25rem;\n}\n.v-btn--fixed {\n border-radius: 6px;\n border-bottom-right-radius: 0;\n border-top-right-radius: 0;\n background-color: rgba(0, 0, 0, 0.3) !important;\n right: 0;\n padding: 0;\n width: 64px;\n}\n.v-btn--fixed .v-icon {\n font-size: 1.8rem;\n padding: 10px;\n}\n.v-btn--active:before,\n.v-btn:focus:before,\n.v-btn:hover:before {\n background-color: transparent;\n}\n.v-alert .v-alert__dismissible .v-icon {\n color: rgba(255, 255, 255, 0.5);\n font-size: 16px;\n}\n.v-alert .v-alert__icon.v-icon {\n font-size: 30px;\n color: #ffffff;\n}\n.v-snack .v-icon:not(:first-child) {\n color: rgba(255, 255, 255, 0.5);\n margin-left: 16px;\n}\n.v-snack .v-icon:first-child {\n font-size: 30px;\n}\n.v-snack .v-snack__content {\n padding: 15px 20px;\n height: auto;\n}\n.v-snack .v-snack__wrapper {\n border-radius: 4px;\n}\n.v-snack .v-snack__wrapper.info,\n.v-alert.info {\n box-shadow: 0 12px 20px -10px rgba(0, 211, 238, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(0, 211, 238, 0.2) !important;\n}\n.v-snack .v-snack__wrapper.success,\n.v-alert.success {\n box-shadow: 0 12px 20px -10px rgba(76, 175, 80, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(76, 175, 80, 0.2) !important;\n}\n.v-snack .v-snack__wrapper.error,\n.v-alert.error {\n box-shadow: 0 12px 20px -10px rgba(244, 67, 54, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(244, 67, 54, 0.2) !important;\n}\n.v-snack .v-snack__wrapper.warning,\n.v-alert.warning {\n box-shadow: 0 12px 20px -10px rgba(255, 152, 0, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(255, 152, 0, 0.2) !important;\n}\n.v-snack .v-snack__wrapper.purple,\n.v-alert.purple {\n box-shadow: 0 12px 20px -10px rgba(156, 39, 176, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(156, 39, 176, 0.2) !important;\n}\n.v-snack .v-snack__wrapper.info {\n background-color: #00d3ee !important;\n border-color: #00d3ee !important;\n}\n.v-snack .v-snack__wrapper.success {\n background-color: #4caf50 !important;\n border-color: #4caf50 !important;\n}\n.v-snack .v-snack__wrapper.error {\n background-color: #f44336 !important;\n border-color: #f44336 !important;\n}\n.v-snack .v-snack__wrapper.warning {\n background-color: #ff9800 !important;\n border-color: #ff9800 !important;\n}\n.v-snack .v-snack__wrapper.purple {\n background-color: #9c27b0 !important;\n border-color: #9c27b0 !important;\n}\n.v-menu__content {\n border-radius: 10px;\n box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n}\n.v-menu__content .sidebar-filter {\n height: 30px;\n line-height: 25px;\n font-size: 12px !important;\n font-weight: 600;\n color: #495057;\n}\n.v-menu__content .v-responsive {\n max-height: 100px;\n border-radius: 10px;\n max-width: 50px;\n margin: 0 auto;\n}\n.v-menu__content .container.grid-list-xl .layout .flex {\n padding: 5px;\n}\n.v-menu__content .v-avatar,\n.v-menu__content .v-responsive {\n border: 3px solid #ffffff;\n transition: all 0.34s;\n}\n.v-menu__content .v-avatar:not(:last-child),\n.v-menu__content .v-responsive:not(:last-child) {\n margin-right: 5px;\n}\n.v-menu__content .v-avatar.image-active, .v-menu__content .v-avatar.color-active,\n.v-menu__content .v-responsive.image-active,\n.v-menu__content .v-responsive.color-active {\n border-color: #00bcd4;\n}\n.v-menu__content .v-avatar.color-primary {\n background-color: #9c27b0;\n}\n.v-menu__content .v-avatar.color-info {\n background-color: #00bcd4;\n}\n.v-menu__content .v-avatar.color-danger {\n background-color: #f44336;\n}\n.v-menu__content .v-avatar.color-warning {\n background-color: #ff9800;\n}\n.v-menu__content .v-avatar.color-success {\n background-color: #4caf50;\n}\n.dropdown-menu {\n border-radius: 3px;\n}\n.dropdown-menu .v-list__tile {\n border-radius: 2px;\n color: #333 !important;\n display: flex;\n font-size: 0.8125rem;\n font-weight: 400;\n margin: 0 5px;\n padding: 10px 1.5rem;\n text-transform: none;\n transition: all 0.15s linear, color, background-color, box-shadow 0ms;\n white-space: nowrap;\n}\n.dropdown-menu .v-list__tile .v-list__tile__title {\n transition: none;\n}\n.dropdown-menu .v-list__tile:hover, .dropdown-menu .v-list__tile:focus, .dropdown-menu .v-list__tile:active {\n background-color: #9c27b0 !important;\n box-shadow: 0 14px 26px -12px rgba(156, 39, 176, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(156, 39, 176, 0.2) !important;\n}\n.dropdown-menu .v-list__tile:hover,\n.dropdown-menu .v-list__tile:hover .v-list__tile__title, .dropdown-menu .v-list__tile:focus,\n.dropdown-menu .v-list__tile:focus .v-list__tile__title, .dropdown-menu .v-list__tile:active,\n.dropdown-menu .v-list__tile:active .v-list__tile__title {\n color: #ffffff !important;\n}\n.theme--light.v-card.WM-TransparentCard {\n background-color: transparent !important;\n border-color: transparent !important;\n box-shadow: none !important;\n}\n.headline {\n letter-spacing: 7px !important;\n}\n.WM-Border-L-3x {\n border-left: 3px solid;\n}\n.WM-OrangeGradient-BG {\n background: linear-gradient(-245.9959923519deg, #fcb8a2 -0.3020833333%, #ffecd2 93.03125%);\n}\n.WM-BlueGradient-BG {\n background: linear-gradient(-246.2537544881deg, #d5f5fd 0.4518229167%, #e9fff7 92.7955729167%);\n}\n.WM-CoffeeGradient-BG {\n background: linear-gradient(-246.2537544881deg, #e2d2c4 0.2955729167%, #faf7f5 92.6393229167%);\n}\n.WM-MuskGradient-BG {\n background: linear-gradient(113.5889300888deg, #a7cce1 4.9270833333%, #ecf6ed 97.84375%);\n}\n.WM-CyanBlueGradient-BG {\n background: linear-gradient(90deg, #1dc8e6 20.5625%, #1dc8e5 20.5625%, #1de6b8 80.5625%);\n}\n.WM-GreyGradient-BG {\n background: linear-gradient(-248.20974732deg, gainsboro 0.71484375%, #f6f5f5 92.9544270833%);\n}\n.WM-GreenGradient-BG {\n background: linear-gradient(112.7201318901deg, #62b9b7 4.9270833333%, #ecf6ed 97.84375%);\n}\n.WM-YellowPinkGradient-BG {\n background: linear-gradient(111.3682003317deg, #f9e794 4.9270833333%, #f6bed4 97.84375%);\n}\n.WM-PinkGradient-BG {\n background: linear-gradient(to right, #ee9ca7, #ffdde1);\n}\n.WM-LightGray-color {\n color: rgba(33, 33, 33, 0.7);\n}\n.WM-Outline-Btn {\n padding: 8px;\n background: transparent !important;\n}\n.container.grid-list-xl :not(:only-child) .layout:last-child {\n margin: 0 !important;\n}\n.v-navigation-drawer .v-list .v-list-item .v-list__tile.v-list__tile--active {\n -webkit-box-shadow: none !important;\n box-shadow: none !important;\n}\n.v-btn.WM-NoShadow:not(.v-btn--depressed):not(.v-btn--flat) {\n -webkit-box-shadow: none !important;\n box-shadow: none !important;\n}\n@media screen and (max-width: 1536px) {\n.WM-WidthScreen-SM {\n flex-basis: 35% !important;\n max-width: 35% !important;\n}\n}\n@media screen and (max-width: 1024px) {\n.WM-WidthScreen-XS {\n flex-basis: 60% !important;\n max-width: 60% !important;\n}\n}\n/* --------------------------------------------------------\n General :: Begin\n-------------------------------------------------------- */\n.En-Raleway {\n font-family: \"Raleway\", sans-serif;\n}\n.WM-SubText {\n display: inline-block;\n padding: 10px 25px 10px 25px;\n color: #fff;\n border-radius: 5px;\n margin: 3px 0px 10px 0px;\n}\n.WM-SubText.SmallPad {\n padding: 5px 15px 5px 15px;\n}\n.WM-SubText.XS {\n padding: 3px 15px 1px 15px;\n}\n.WM-LetterSpacing-5 {\n letter-spacing: 5px;\n}\n.WM-LetterSpacing-10 {\n letter-spacing: 10px;\n}\n.WM-LetterSpacing-15 {\n letter-spacing: 15px;\n}\n.wow {\n visibility: hidden;\n}\n.RotateX {\n transform: rotate(180deg);\n webkit-transform: rotate(180deg);\n}\n.Material-Shoadow-SM {\n box-shadow: 0 8px 10px rgba(0, 0, 0, 0.3), 0 4px 3px rgba(0, 0, 0, 0.22);\n}\n.InlineBlock {\n display: inline-block;\n}\n.CubeTransition {\n transition-property: all;\n transition-duration: 0.5s;\n transition-timing-function: cubic-bezier(0, 1, 0.5, 1);\n}\n.WhiteTheme .WM-SubText {\n background-color: #fff !important;\n color: #000;\n}\n.WhiteTheme .Notification {\n background-color: transparent !important;\n}\n.WM-Height-90 {\n height: 90px;\n}\n.WM-Height-110 {\n height: 110px;\n}\n.WM-Height-130 {\n height: 130px;\n}\n.WM-Width-220 {\n width: 220px;\n}\n.WM-Width-Full {\n width: 100%;\n}\n.WM-Height-Full {\n height: 100%;\n}\n.WM-Absolute {\n position: absolute;\n}\n.WM-Relative {\n position: relative;\n}\n.WM-Block {\n display: block;\n}\n.WM-InlineBlock {\n display: inline-block;\n}\n[class^=WM-Hover], [class*=WM-Hover] {\n transition: 0.2s;\n}\n\n/* --------------------------------------------------------\n Align & Floats :: Begin\n-------------------------------------------------------- */\n.WM-Align-C {\n text-align: center;\n}\n.WM-Align-R {\n text-align: right;\n}\n.WM-Align-L {\n text-align: left;\n}\n.WM-Float-R {\n float: right;\n}\n.WM-Float-L {\n float: left;\n}\n\n/* --------------------------------------------------------\n Direction :: Begin\n-------------------------------------------------------- */\n.WM-RTL {\n direction: rtl;\n}\n\n/* --------------------------------------------------------\n Fonts :: Begin\n-------------------------------------------------------- */\n.WM-Font-12 {\n font-size: 12px;\n}\n.WM-Font-14 {\n font-size: 14px;\n}\n.WM-Font-16 {\n font-size: 16px;\n}\n.WM-Font-18 {\n font-size: 18px;\n}\n.WM-Font-20 {\n font-size: 20px;\n}\n.WM-Font-22 {\n font-size: 22px;\n}\n.WM-Font-24 {\n font-size: 24px;\n}\n.WM-Font-30 {\n font-size: 30px;\n}\n.WM-Font-36 {\n font-size: 36px;\n}\n.WM-Font-48 {\n font-size: 48px;\n}\n.WM-Font-52 {\n font-size: 52px;\n}\n\n/* --------------------------------------------------------\n Inputs :: Begin\n-------------------------------------------------------- */\n.WM-Input {\n outline: none;\n border: none;\n}\n.WM-TextArea {\n outline: none;\n border: none;\n}\n.WM-TextArea:focus, .WM-Input:focus {\n border-color: transparent !important;\n}\n.WM-Input:focus::-webkit-input-placeholder {\n color: transparent;\n}\n.WM-Input:focus::-webkit-input-placeholder {\n color: transparent;\n}\n.WM-Input:focus:-moz-placeholder {\n color: transparent;\n}\n.WM-Input:focus::-moz-placeholder {\n color: transparent;\n}\n.WM-Input:focus:-ms-input-placeholder {\n color: transparent;\n}\n.WM-TextArea:focus::-webkit-input-placeholder {\n color: transparent;\n}\n.WM-TextArea:focus:-moz-placeholder {\n color: transparent;\n}\n.WM-TextArea:focus::-moz-placeholder {\n color: transparent;\n}\n.WM-TextArea:focus:-ms-input-placeholder {\n color: transparent;\n}\n.WM-Input::-webkit-input-placeholder {\n color: #555555;\n}\n.WM-Input:-moz-placeholder {\n color: #555555;\n}\n.WM-Input::-moz-placeholder {\n color: #555555;\n}\n.WM-Input:-ms-input-placeholder {\n color: #555555;\n}\n.WM-TextArea::-webkit-input-placeholder {\n color: #555555;\n}\n.WM-TextArea:-moz-placeholder {\n color: #555555;\n}\n.WM-TextArea::-moz-placeholder {\n color: #555555;\n}\n.WM-TextArea:-ms-input-placeholder {\n color: #555555;\n}\n.WM-InputWrapper {\n width: 100%;\n position: relative;\n border-bottom: 2px solid #d9d9d9;\n padding-bottom: 0px;\n margin-bottom: 35px;\n}\n.WM-InputLabel {\n font-size: 15px;\n color: #999999;\n line-height: 1.5;\n padding-left: 5px;\n}\n.WM-Input100 {\n display: block;\n width: 100%;\n background: transparent;\n font-size: 18px;\n color: #555555;\n line-height: 1.2;\n}\n.WM-Input100-Focus {\n position: absolute;\n display: block;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n pointer-events: none;\n}\n.WM-Input100-Focus::before {\n content: \"\";\n display: block;\n position: absolute;\n bottom: -2px;\n left: 0;\n width: 0;\n height: 2px;\n -webkit-transition: all 0.4s;\n -o-transition: all 0.4s;\n -moz-transition: all 0.4s;\n transition: all 0.4s;\n background: #ff4b5a;\n}\n.WM-Input.WM-Red + .WM-Input100-Focus::before {\n background: #ee3552;\n}\n.WM-Input.WM-Orange + .WM-Input100-Focus::before {\n background: #FF6B57;\n}\n.WM-Input.WM-Purple + .WM-Input100-Focus::before {\n background: #ac3773;\n}\n.WM-Input.WM-Cyan + .WM-Input100-Focus::before {\n background: #32c5d2;\n}\n.WM-Input.WM-Green + .WM-Input100-Focus::before {\n background: #0d7e00;\n}\n.WM-Input.WM-Blue + .WM-Input100-Focus::before {\n background: #3498DB;\n}\n.WM-Input.WM-Black + .WM-Input100-Focus::before {\n background: #000;\n}\n.WM-Input.WM-Input100 {\n height: 40px;\n}\n.WM-InputWrapper input:disabled {\n cursor: not-allowed;\n}\n.WM-TextArea.WM-Input100 {\n min-height: 110px;\n padding-top: 9px;\n padding-bottom: 13px;\n}\n.WM-Input100:focus + .WM-Input100-Focus::before {\n width: 100%;\n}\n.WM-Select {\n background-color: transparent !important;\n -webkit-appearance: none;\n}\n\n/* --------------------------------------------------------\n Margins :: Begin\n-------------------------------------------------------- */\n.WM-Margin-T-5 {\n margin-top: 5px;\n}\n.WM-Margin-T-15 {\n margin-top: 15px;\n}\n.WM-Margin-T-20 {\n margin-top: 20px;\n}\n.WM-Margin-T-45 {\n margin-top: 45px;\n}\n.WM-Margin-T-55 {\n margin-top: 55px;\n}\n.WM-Margin-T-100 {\n margin-top: 100px;\n}\n.WM-Margin-L-10 {\n margin-left: 10px;\n}\n.WM-Margin-L-0 {\n margin-left: 0 !important;\n}\n.WM-Margin-R-10 {\n margin-right: 10px;\n}\n.WM-Margin-R-40 {\n margin-right: 40px;\n}\n.WM-Margin-BT-20 {\n margin-top: 20px;\n margin-bottom: 20px;\n}\n.WM-Margin-BT-5 {\n margin-top: 5px;\n margin-bottom: 5px;\n}\n.WM-Margin-B-10 {\n margin-bottom: 10px;\n}\n.WM-Margin-B-30 {\n margin-bottom: 30px;\n}\n.WM-Margin-RL-15 {\n margin-left: 15px;\n margin-right: 15px;\n}\n\n/* --------------------------------------------------------\n Paddings :: Begin\n-------------------------------------------------------- */\n.WM-Padding-10 {\n padding: 10px;\n}\n.WM-Padding-5 {\n padding: 5px;\n}\n.WM-Padding-T-10 {\n padding-top: 10px;\n}\n\n/* --------------------------------------------------------\n Borders :: Begin\n-------------------------------------------------------- */\n.WM-Border {\n border: 1px solid;\n}\n.WM-Border-2x {\n border: 2px solid;\n}\n.WM-Border-R {\n border-right: 1px solid;\n}\n.WM-Border-L {\n border-left: 1px solid;\n}\n.WM-Border-T {\n border-top: 1px solid;\n}\n.WM-Border-B {\n border-bottom: 1px solid;\n}\n\n/* --------------------------------------------------------\n Buttons :: Begin\n-------------------------------------------------------- */\n.WM-Btn {\n outline: none !important;\n border: none;\n background: transparent;\n display: -webkit-box;\n display: -webkit-flex;\n display: -moz-box;\n display: -ms-flexbox;\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 0 20px;\n min-width: 160px;\n height: 50px;\n border-radius: 25px;\n font-size: 16px;\n color: #fff;\n /* line-height: 1.2; */\n line-height: 0;\n -webkit-transition: all 0.4s;\n -o-transition: all 0.4s;\n -moz-transition: all 0.4s;\n transition: all 0.4s;\n}\n.WM-Btn-Red {\n background-color: #ee3552;\n box-shadow: 0 10px 30px 0px rgba(255, 75, 90, 0.5);\n -moz-box-shadow: 0 10px 30px 0px rgba(255, 75, 90, 0.5);\n -webkit-box-shadow: 0 10px 30px 0px rgba(255, 75, 90, 0.5);\n -o-box-shadow: 0 10px 30px 0px rgba(255, 75, 90, 0.5);\n -ms-box-shadow: 0 10px 30px 0px rgba(255, 75, 90, 0.5);\n}\n.WM-Btn-Orange {\n background-color: #FF6B57;\n box-shadow: 0 10px 30px 0px rgba(255, 107, 87, 0.5);\n -moz-box-shadow: 0 10px 30px 0px rgba(255, 107, 87, 0.5);\n -webkit-box-shadow: 0 10px 30px 0px rgba(255, 107, 87, 0.5);\n -o-box-shadow: 0 10px 30px 0px rgba(255, 107, 87, 0.5);\n -ms-box-shadow: 0 10px 30px 0px rgba(255, 107, 87, 0.5);\n}\n.WM-Btn-Cyan {\n background-color: #32c5d2;\n box-shadow: 0 10px 30px 0px rgba(250, 197, 210, 0.5);\n -moz-box-shadow: 0 10px 30px 0px rgba(50, 197, 210, 0.5);\n -webkit-box-shadow: 0 10px 30px 0px rgba(50, 197, 210, 0.5);\n -o-box-shadow: 0 10px 30px 0px rgba(50, 197, 210, 0.5);\n -ms-box-shadow: 0 10px 30px 0px rgba(50, 197, 210, 0.5);\n}\n.WM-Btn-Yellow {\n background-color: #ffd63a;\n color: #000;\n box-shadow: 0 10px 30px 0px rgba(234, 223, 131, 0.5);\n -moz-box-shadow: 0 10px 30px 0px rgba(234, 223, 131, 0.5);\n -webkit-box-shadow: 0 10px 30px 0px rgba(234, 223, 131, 0.5);\n -o-box-shadow: 0 10px 30px 0px rgba(234, 223, 131, 0.5);\n -ms-box-shadow: 0 10px 30px 0px rgba(234, 223, 131, 0.5);\n}\n.WM-Btn-Purple {\n background-color: #ac3773;\n color: #fff;\n box-shadow: 0 10px 30px 0px rgba(172, 55, 115, 0.5);\n -moz-box-shadow: 0 10px 30px 0px rgba(172, 55, 115, 0.5);\n -webkit-box-shadow: 0 10px 30px 0px rgba(172, 55, 115, 0.5);\n -o-box-shadow: 0 10px 30px 0px rgba(172, 55, 115, 0.5);\n -ms-box-shadow: 0 10px 30px 0px rgba(172, 55, 115, 0.5);\n}\n.WM-Btn-Black {\n background-color: #000;\n box-shadow: 0 10px 30px 0px rgba(0, 0, 0, 0.5);\n -moz-box-shadow: 0 10px 30px 0px rgba(0, 0, 0, 0.5);\n -webkit-box-shadow: 0 10px 30px 0px rgba(0, 0, 0, 0.5);\n -o-box-shadow: 0 10px 30px 0px rgba(0, 0, 0, 0.5);\n -ms-box-shadow: 0 10px 30px 0px rgba(0, 0, 0, 0.5);\n}\n.WM-Btn-White {\n background-color: #fff;\n color: #000;\n box-shadow: 0 10px 30px 0px rgba(255, 255, 255, 0.2);\n -moz-box-shadow: 0 10px 30px 0px rgba(255, 255, 255, 0.2);\n -webkit-box-shadow: 0 10px 30px 0px rgba(255, 255, 255, 0.2);\n -o-box-shadow: 0 10px 30px 0px rgba(255, 255, 255, 0.2);\n -ms-box-shadow: 0 10px 30px 0px rgba(255, 255, 255, 0.2);\n}\n.WM-Btn-Green {\n background-color: #0d7e00;\n box-shadow: 0 10px 30px 0px rgba(13, 126, 0, 0.5);\n -moz-box-shadow: 0 10px 30px 0px rgba(13, 126, 0, 0.5);\n -webkit-box-shadow: 0 10px 30px 0px rgba(13, 126, 0, 0.5);\n -o-box-shadow: 0 10px 30px 0px rgba(13, 126, 0, 0.5);\n -ms-box-shadow: 0 10px 30px 0px rgba(13, 126, 0, 0.5);\n}\n.WM-Btn-Blue {\n background-color: #3498DB;\n box-shadow: 0 10px 30px 0px rgba(52, 152, 219, 0.5);\n -moz-box-shadow: 0 10px 30px 0px rgba(52, 152, 219, 0.5);\n -webkit-box-shadow: 0 10px 30px 0px rgba(52, 152, 219, 0.5);\n -o-box-shadow: 0 10px 30px 0px rgba(52, 152, 219, 0.5);\n -ms-box-shadow: 0 10px 30px 0px rgba(52, 152, 219, 0.5);\n}\n.WM-Btn-Gray {\n background-color: #797979;\n box-shadow: 0 10px 30px 0px rgba(82, 104, 119, 0.5);\n -moz-box-shadow: 0 10px 30px 0px rgba(82, 104, 119, 0.5);\n -webkit-box-shadow: 0 10px 30px 0px rgba(82, 104, 119, 0.5);\n -o-box-shadow: 0 10px 30px 0px rgba(82, 104, 119, 0.5);\n -ms-box-shadow: 0 10px 30px 0px rgba(82, 104, 119, 0.5);\n}\n.WM-Btn i {\n margin-left: 5px;\n -webkit-transition: all 0.4s;\n -o-transition: all 0.4s;\n -moz-transition: all 0.4s;\n transition: all 0.4s;\n}\n.WM-Btn:hover {\n background-color: #333333;\n cursor: pointer;\n color: #fff;\n box-shadow: 0 10px 30px 0px rgba(51, 51, 51, 0.5);\n -moz-box-shadow: 0 10px 30px 0px rgba(51, 51, 51, 0.5);\n -webkit-box-shadow: 0 10px 30px 0px rgba(51, 51, 51, 0.5);\n -o-box-shadow: 0 10px 30px 0px rgba(51, 51, 51, 0.5);\n -ms-box-shadow: 0 10px 30px 0px rgba(51, 51, 51, 0.5);\n}\n.WM-Btn-RedHover:hover {\n background-color: #ee3552;\n cursor: pointer;\n color: #fff;\n box-shadow: 0 10px 30px 0px rgba(255, 75, 90, 0.5);\n -moz-box-shadow: 0 10px 30px 0px rgba(255, 75, 90, 0.5);\n -webkit-box-shadow: 0 10px 30px 0px rgba(255, 75, 90, 0.5);\n -o-box-shadow: 0 10px 30px 0px rgba(255, 75, 90, 0.5);\n -ms-box-shadow: 0 10px 30px 0px rgba(255, 75, 90, 0.5);\n}\n.WM-Btn-SM {\n min-width: 50px;\n padding: 0 10px;\n}\n.WM-Btn-SM i {\n margin-left: 0px;\n}\n.WM-Btn-XS {\n min-width: 40px;\n padding: 0 10px;\n line-height: 1 !important;\n height: 40px !important;\n}\n.WM-Btn-XS i {\n margin-left: 0px;\n}\n\n/* .WM-Btn:hover i {\n -webkit-transform: translateX(10px);\n -moz-transform: translateX(10px);\n -ms-transform: translateX(10px);\n -o-transform: translateX(10px);\n transform: translateX(10px);\n} */\n/* --------------------------------------------------------\n Headers :: Begin\n-------------------------------------------------------- */\n.WM-SH-Container {\n width: 100%;\n position: relative;\n text-align: right;\n}\n.WM-SH-TextFa {\n margin-bottom: 15px;\n font-size: 25px;\n color: #000;\n}\n.WM-SH-Line {\n width: 100%;\n height: 1px;\n background-color: #000;\n overflow: hidden;\n}\n.WM-SH-TextEn-Container {\n top: -12px;\n position: relative;\n display: inline-block;\n z-index: 14;\n overflow: visible;\n padding: 0 0px;\n background-color: #fff;\n}\n.WM-SH-TextEn {\n background-color: #000;\n padding: 5px 20px 5px 20px;\n color: #fff;\n z-index: 9;\n overflow: visible;\n font-size: 14px;\n margin: 0px 0px 0px 20px;\n border-radius: 3px;\n}\n.WM-SH-Description {\n margin-top: -7px;\n font-size: 14px;\n}\n\n/* --------------------------------------------------------\n Links :: Begin\n-------------------------------------------------------- */\n.WM-Link {\n display: inline-block;\n color: #000;\n direction: rtl;\n text-decoration: none;\n}\n.WM-Link::after {\n content: \"\";\n display: block;\n width: 0;\n height: 2px;\n background: #000;\n transition: width 0.3s;\n margin-top: 2px;\n}\n.WM-Link:hover::after, .WM-Link.WM-Selected::after {\n width: 100%;\n}\n.WM-Link-Red:hover, .WM-Link-Red.WM-Selected {\n color: #ee3552 !important;\n}\n.WM-Link-Red::after {\n background: #ee3552;\n}\n.WM-Link-Green:hover, .WM-Link-Green.WM-Selected {\n color: #32c5d2 !important;\n}\n.WM-Link-Green::after {\n background: #32c5d2;\n}\n.WM-Link-Dark:hover, .WM-Link-Dark.WM-Selected {\n color: #000 !important;\n}\n.WM-Link-Dark::after {\n background: #000;\n}\n.WM-Link-Purple:hover, .WM-Link-Purple.WM-Selected {\n color: #ac3773 !important;\n}\n.WM-Link-Purple::after {\n background: #ac3773;\n}\n.WM-Link-Orange:hover, .WM-Link-Orange.WM-Selected {\n color: #FF6B57 !important;\n}\n.WM-Link-Orange::after {\n background: #FF6B57;\n}\n\n/* --------------------------------------------------------\n Colors :: Begin\n-------------------------------------------------------- */\n/* ---------------------------AutoMatic Generate--------------------------- */\n.WM-BG-Red, .WM-Link-Red::after, .WM-Input.WM-Red + .WM-Input100-Focus::before {\n background-color: #ee3552;\n color: #fff;\n}\n.WM-Color-Red, .WM-Link-Red:hover, .WM-Link-Red.WM-Selected, .WM-Link-Red.WM-Active {\n color: #ee3552;\n}\n.WM-Border-Red, .WM-Hover-Red:hover {\n border-color: #ee3552 !important;\n}\n.WM-BG-Orange, .WM-Link-Orange::after, .WM-Input.WM-Orange + .WM-Input100-Focus::before {\n background-color: #FF6B57;\n color: #fff;\n}\n.WM-Color-Orange, .WM-Link-Orange:hover, .WM-Link-Orange.WM-Selected, .WM-Link-Orange.WM-Active {\n color: #FF6B57;\n}\n.WM-Border-Orange, .WM-Hover-Orange:hover {\n border-color: #FF6B57 !important;\n}\n.WM-BG-Yellow, .WM-Link-Yellow::after, .WM-Input.WM-Yellow + .WM-Input100-Focus::before {\n background-color: #ffd63a;\n color: #fff;\n}\n.WM-Color-Yellow, .WM-Link-Yellow:hover, .WM-Link-Yellow.WM-Selected, .WM-Link-Yellow.WM-Active {\n color: #ffd63a;\n}\n.WM-Border-Yellow, .WM-Hover-Yellow:hover {\n border-color: #ffd63a;\n}\n.WM-BG-Gold, .WM-Link-Gold::after, .WM-Input.WM-Gold + .WM-Input100-Focus::before {\n background-color: #ddcfbb;\n color: #fff;\n}\n.WM-Color-Gold, .WM-Link-Gold:hover, .WM-Link-Gold.WM-Selected, .WM-Link-Gold.WM-Active {\n color: #ddcfbb;\n}\n.WM-Border-Gold, .WM-Hover-Gold:hover {\n border-color: #ddcfbb;\n}\n.WM-BG-Purple, .WM-Link-Purple::after, .WM-Input.WM-Purple + .WM-Input100-Focus::before {\n background-color: #ac3773;\n color: #fff;\n}\n.WM-Color-Purple, .WM-Link-Purple:hover, .WM-Link-Purple.WM-Selected, .WM-Link-Purple.WM-Active {\n color: #ac3773;\n}\n.WM-Border-Purple, .WM-Hover-Purple:hover {\n border-color: #ac3773 !important;\n}\n.WM-BG-Blue, .WM-Link-Blue::after, .WM-Input.WM-Blue + .WM-Input100-Focus::before {\n background-color: #3498DB;\n color: #fff;\n}\n.WM-Color-Blue, .WM-Link-Blue:hover, .WM-Link-Blue.WM-Selected, .WM-Link-Blue.WM-Active {\n color: #3498DB;\n}\n.WM-Border-Blue, .WM-Hover-Blue:hover {\n border-color: #3498DB !important;\n}\n.WM-BG-Green, .WM-Link-Green::after, .WM-Input.WM-Green + .WM-Input100-Focus::before {\n background-color: #0d7e00;\n color: #fff;\n}\n.WM-Color-Green, .WM-Link-Green:hover, .WM-Link-Green.WM-Selected, .WM-Link-Green.WM-Active {\n color: #0d7e00;\n}\n.WM-Border-Green, .WM-Hover-Green:hover {\n border-color: #0d7e00;\n}\n.WM-BG-Cyan, .WM-Link-Cyan::after, .WM-Input.WM-Cyan + .WM-Input100-Focus::before {\n background-color: #32c5d2;\n color: #fff;\n}\n.WM-Color-Cyan, .WM-Link-Cyan:hover, .WM-Link-Cyan.WM-Selected, .WM-Link-Cyan.WM-Active {\n color: #32c5d2;\n}\n.WM-Border-Cyan, .WM-Hover-Cyan:hover {\n border-color: #32c5d2;\n}\n.WM-BG-LightGray, .WM-Link-LightGray::after, .WM-Input.WM-LightGray + .WM-Input100-Focus::before {\n background-color: #e6e6e6;\n color: #fff;\n}\n.WM-Color-LightGray, .WM-Link-LightGray:hover, .WM-Link-LightGray.WM-Selected, .WM-Link-LightGray.WM-Active {\n color: #e6e6e6;\n}\n.WM-Border-LightGray, .WM-Hover-LightGray:hover {\n border-color: #e6e6e6;\n}\n.WM-BG-Gray, .WM-Link-Gray::after, .WM-Input.WM-Gray + .WM-Input100-Focus::before {\n background-color: #797979;\n color: #fff;\n}\n.WM-Color-Gray, .WM-Link-Gray:hover, .WM-Link-Gray.WM-Selected, .WM-Link-Gray.WM-Active {\n color: #797979;\n}\n.WM-Border-Gray, .WM-Hover-Gray:hover {\n border-color: #797979 !important;\n}\n.WM-BG-Dark, .WM-Link-Dark::after, .WM-Input.WM-Dark + .WM-Input100-Focus::before {\n background-color: #2f353b;\n color: #fff;\n}\n.WM-Color-Dark, .WM-Link-Dark:hover, .WM-Link-Dark.WM-Selected, .WM-Link-Dark.WM-Active {\n color: #2f353b;\n}\n.WM-Border-Dark, .WM-Hover-Dark:hover {\n border-color: #2f353b;\n}\n.WM-BG-Black, .WM-Link-Black::after, .WM-Input.WM-Black + .WM-Input100-Focus::before {\n background-color: #2f353b;\n color: #fff;\n}\n.WM-Color-Black, .WM-Link-Black:hover, .WM-Link-Black.WM-Selected, .WM-Link-Black.WM-Active {\n color: #2f353b;\n}\n.WM-Border-Black, .WM-Hover-Black:hover {\n border-color: #2f353b !important;\n}\n.WM-BG-White, .WM-Link-White::after, .WM-Input.WM-White + .WM-Input100-Focus::before {\n background-color: #fff;\n color: #fff;\n}\n.WM-Color-White, .WM-Link-White:hover, .WM-Link-White.WM-Selected, .WM-Link-White.WM-Active {\n color: #fff;\n}\n.WM-Border-White, .WM-Hover-White:hover {\n border-color: #fff;\n}\n\n/* ---------------------------AutoMatic Generate--------------------------- */\n.WM-BG-LightGray, .WM-BG-Gold {\n color: #000 !important;\n}\n\n/* --------------------------------------------------------\n Hover :: Grayscale\n-------------------------------------------------------- */\n.WM-CategoryItem {\n display: block;\n overflow: hidden;\n position: relative;\n}\n.WM-Hover-Grayscale {\n cursor: pointer;\n -webkit-transition: all 1s ease !important;\n -moz-transition: all 1s ease !important;\n -o-transition: all 1s ease !important;\n -ms-transition: all 1s ease !important;\n transition: all 1s ease !important;\n}\n.WM-Hover-Grayscale:hover {\n -webkit-filter: grayscale(100%) !important;\n}\n\n/* Remove in 1.2 */\n.v-datatable thead th.column.sortable i {\n vertical-align: unset;\n}", ""]); +exports.push([module.i, "body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4 {\n font-family: \"Roboto\", \"Helvetica\", \"Arial\", sans-serif !important;\n font-weight: 300 !important;\n line-height: 1.5em !important;\n}\nh1, h2, h3, .h1, .h2, .h3 {\n margin-top: 20px;\n margin-bottom: 10px;\n}\nh4, h5, h6, .h4, .h5, .h6 {\n margin-top: 10px;\n margin-bottom: 10px;\n}\nh1, .h1 {\n font-size: 3.3125rem !important;\n line-height: 1.15em !important;\n}\nh2, .h2 {\n font-size: 2.25rem !important;\n line-height: 1.5em !important;\n}\nh3, .h3 {\n font-size: 1.5625rem !important;\n line-height: 1.4em !important;\n}\nh4, .h4 {\n font-size: 1.125rem !important;\n line-height: 1.5em !important;\n}\nh5, .h5 {\n font-size: 1.0625rem !important;\n line-height: 1.55em !important;\n margin-bottom: 15px;\n}\nh6, .h6 {\n font-size: 0.75rem !important;\n text-transform: uppercase;\n font-weight: 500;\n}\np {\n font-size: 14px !important;\n margin: 0 0 10px;\n}\nh2.title {\n margin-bottom: 30px;\n}\n.description,\n.card-description,\n.footer-big p {\n color: #999;\n}\n.text-warning {\n color: #ff9800 !important;\n}\n.text-primary {\n color: #9c27b0 !important;\n}\n.text-danger {\n color: #f44336 !important;\n}\n.text-success {\n color: #4caf50 !important;\n}\n.text-info {\n color: #00bcd4 !important;\n}\n.text-gray {\n color: #999 !important;\n}\n.text-pink {\n color: #e91e63 !important;\n}\n.text-white {\n color: #ffffff !important;\n}\n.v-navigation-drawer {\n box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);\n}\n.v-navigation-drawer .v-list {\n background: rgba(27, 27, 27, 0.74);\n padding: 0;\n}\n.v-navigation-drawer .v-list .v-list-item:not(:nth-child(3)) {\n margin: 10px 15px 0;\n}\n.v-navigation-drawer .v-list .v-list-item:nth-child(3) {\n margin: 0 15px;\n}\n.v-navigation-drawer .v-list .v-list-item > .v-list__tile {\n padding: 10px 15px;\n}\n.v-navigation-drawer .v-list .v-list-item > .v-list__tile:hover, .v-navigation-drawer .v-list .v-list-item > .v-list__tile:focus, .v-navigation-drawer .v-list .v-list-item > .v-list__tile:active {\n background-color: rgba(200, 200, 200, 0.2);\n}\n.v-navigation-drawer .v-list .v-list-item > .v-list__tile .v-list__tile__title {\n font-size: 14px !important;\n font-weight: 300;\n padding: 0;\n}\n.v-navigation-drawer .v-list .v-list-item .v-list__tile__action {\n margin-right: 15px;\n min-width: unset;\n}\n.v-navigation-drawer .v-list .v-list-item .v-list__tile__action i {\n width: 30px;\n}\n.v-navigation-drawer .v-list .v-list-item .v-list__tile:not(.v-list__tile--active) .v-list__tile__action i {\n opacity: 0.8;\n}\n.v-navigation-drawer .v-list .v-list__tile--avatar {\n height: unset;\n padding: 15px 0;\n}\n.v-navigation-drawer .v-list .v-list__tile__avatar {\n margin-left: 25px;\n margin-right: 11px;\n min-width: unset;\n}\n.v-navigation-drawer .v-list .v-list__tile__title {\n line-height: 30px;\n padding: 5px 0;\n height: unset;\n font-size: 18px !important;\n font-weight: 400;\n letter-spacing: unset !important;\n}\n.v-navigation-drawer .v-list .v-divider {\n border-color: rgba(180, 180, 180, 0.3);\n margin: -1px auto 24px;\n width: calc(100% - 30px);\n}\n.v-navigation-drawer .v-list .v-image__image--contain {\n top: 1px;\n}\n.v-navigation-drawer .v-list .v-avatar {\n box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);\n}\n.v-toolbar {\n min-height: 70px;\n border-radius: 3px;\n margin-bottom: 15px;\n}\n.v-toolbar:not(.v-toolbar--fixed) .v-toolbar__content {\n margin-left: 260px;\n}\n.v-toolbar.bg-danger {\n background-color: #f44336 !important;\n box-shadow: 0 12px 20px -10px rgba(244, 67, 54, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(244, 67, 54, 0.2) !important;\n}\n.v-toolbar.bg-warning {\n background-color: #ff9800 !important;\n box-shadow: 0 12px 20px -10px rgba(255, 152, 0, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(255, 152, 0, 0.2) !important;\n}\n.v-toolbar.bg-primary {\n background-color: #9c27b0 !important;\n box-shadow: 0 12px 20px -10px rgba(156, 39, 176, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(156, 39, 176, 0.2) !important;\n}\n.v-toolbar.bg-info {\n background-color: #00bcd4 !important;\n box-shadow: 0 12px 20px -10px rgba(0, 188, 212, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(0, 188, 212, 0.2) !important;\n}\n.v-toolbar.bg-success {\n background-color: #4caf50 !important;\n box-shadow: 0 12px 20px -10px rgba(76, 175, 80, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(76, 175, 80, 0.2) !important;\n}\n.v-toolbar.bg-default {\n background-color: #999 !important;\n box-shadow: 0 12px 20px -10px rgba(153, 153, 153, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(153, 153, 153, 0.2) !important;\n}\n.v-toolbar[class*=bg-] .v-toolbar__title,\n.v-toolbar[class*=bg-] .v-btn__content,\n.v-toolbar[class*=bg-] .v-ripple__container {\n color: #ffffff !important;\n}\n.v-toolbar .v-toolbar__content {\n min-height: 70px;\n padding-bottom: 10px;\n padding-top: 10px;\n}\n.v-toolbar .v-toolbar__content .v-toolbar__title {\n font-size: 18px;\n letter-spacing: unset;\n color: #495057;\n}\n.v-toolbar .v-toolbar__content .v-toolbar__items > div {\n padding: 0 !important;\n}\n.v-toolbar .v-toolbar__content .v-toolbar__items .toolbar-items {\n align-items: center;\n border-radius: 3px;\n display: flex;\n min-height: 48px;\n padding: 10px 15px;\n}\n.v-toolbar .v-toolbar__content .v-toolbar__items .toolbar-items .v-badge__badge {\n border: 1px solid #ffffff !important;\n font-size: 9px;\n height: 20px;\n line-height: normal;\n right: -7px;\n top: -12px;\n width: 20px;\n font-weight: 400;\n}\n.v-toolbar .v-toolbar__content .v-toolbar__items .toolbar-items .v-icon {\n font-size: 20px;\n}\n.v-toolbar .v-toolbar__content .v-toolbar__items .v-input {\n margin: 0 !important;\n padding: 0;\n}\n@media all and (max-width: 990px) {\n.v-toolbar:not(.v-toolbar--fixed) .v-toolbar__content {\n margin-left: 0;\n}\n}\n.theme--light.application {\n background: #eee;\n}\na {\n text-transform: none;\n text-decoration: none;\n}\nhtml {\n font-size: 16px !important;\n}\n.category {\n font-size: 14px;\n}\n.theme--light.v-icon {\n color: #999;\n}\nblockquote {\n display: block;\n margin-block-start: 1em;\n margin-block-end: 1em;\n margin-inline-start: 40px;\n margin-inline-end: 40px;\n}\nblockquote p {\n font-style: italic;\n color: rgba(0, 0, 0, 0.87);\n font-weight: 500;\n}\nblockquote small {\n font-size: 70%;\n}\nb,\nstrong {\n font-size: 12px;\n font-weight: 500;\n}\n.v-list--three-line .v-list__tile {\n height: auto;\n}\n.v-navigation-drawer .v-list .v-list-item .v-list__tile.v-list__tile--active.primary {\n background-color: #9c27b0 !important;\n box-shadow: 0 12px 20px -10px rgba(156, 39, 176, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(156, 39, 176, 0.2) !important;\n}\n.v-navigation-drawer .v-list .v-list-item .v-list__tile.v-list__tile--active.success {\n background-color: #4caf50 !important;\n box-shadow: 0 12px 20px -10px rgba(76, 175, 80, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(76, 175, 80, 0.2) !important;\n}\n.v-navigation-drawer .v-list .v-list-item .v-list__tile.v-list__tile--active.danger {\n background-color: #f44336 !important;\n box-shadow: 0 12px 20px -10px rgba(244, 67, 54, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(244, 67, 54, 0.2) !important;\n}\n.v-navigation-drawer .v-list .v-list-item .v-list__tile.v-list__tile--active.info {\n background-color: #00bcd4 !important;\n box-shadow: 0 12px 20px -10px rgba(0, 188, 212, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(0, 188, 212, 0.2) !important;\n}\n.v-navigation-drawer .v-list .v-list-item .v-list__tile.v-list__tile--active.warning {\n background-color: #ff9800 !important;\n box-shadow: 0 12px 20px -10px rgba(255, 152, 0, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(255, 152, 0, 0.2) !important;\n}\n.theme--light.v-text-field .v-input__slot:before {\n border-color: #d2d2d2 !important;\n}\n.input--is-focused .v-input__control .v-input__slot:after {\n border-color: red !important;\n}\n.v-text-field__slot input::-moz-placeholder {\n color: #d2d2d2;\n}\n.v-text-field__slot input:-ms-input-placeholder {\n color: #d2d2d2;\n}\n.v-text-field__slot input::-webkit-input-placeholder {\n color: #d2d2d2;\n}\n.v-text-field__slot .v-label {\n color: #aaa !important;\n font-size: 14px;\n font-weight: 400;\n}\n.theme--light.v-input:not(.v-input--is-disabled) input,\n.theme--light.v-input:not(.v-input--is-disabled) textarea {\n color: #495057;\n font-size: 14px;\n}\n.v-text-field.purple-input > .v-input__control > .v-input__slot:after {\n border-color: #9c27b0;\n}\n.v-text-field.orange-input > .v-input__control > .v-input__slot:after {\n border-color: #ff9800;\n}\n.v-text-field.info-input > .v-input__control > .v-input__slot:after {\n border-color: #00bcd4;\n}\n.v-text-field.danger-input > .v-input__control > .v-input__slot:after {\n border-color: #f44336;\n}\n.v-text-field.success-input > .v-input__control > .v-input__slot:after {\n border-color: #4caf50;\n}\n.v-text-field.primary-input > .v-input__control > .v-input__slot:after {\n border-color: #4caf50;\n}\n.theme--light.v-footer {\n border-top: 1px solid #e7e7e7;\n background: transparent;\n padding: 15px 24px;\n}\n.v-footer .footer-links {\n font-weight: 500;\n text-decoration: none;\n text-transform: uppercase;\n font-size: 12px;\n padding: 15px;\n line-height: 1.8;\n}\n.v-footer .footer-links:hover, .v-footer .footer-links:focus, .v-footer .footer-links:active {\n color: #9c27b0 !important;\n}\n.v-footer .copyright {\n color: #495057;\n}\n.v-footer .copyright a, .v-footer .copyright a:hover, .v-footer .copyright a:focus, .v-footer .copyright a:active {\n color: #9c27b0;\n}\n@media all and (max-width: 991px) {\n.v-footer {\n height: auto !important;\n flex-direction: column;\n}\n.footer-items,\n.copyright {\n width: 100%;\n}\n.copyright {\n text-align: right;\n}\n}\n@media all and (max-width: 550px) {\n.footer-items,\n.copyright {\n width: unset;\n text-align: center;\n}\n.copyright {\n margin-top: 10px;\n}\n}\n.v-card {\n box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);\n border-radius: 3px;\n}\n.v-card .category {\n margin: 0;\n}\n.v-card .title {\n margin-top: 0;\n line-height: 1.5em !important;\n letter-spacing: 0 !important;\n font-size: 1.125rem !important;\n margin-bottom: 5px !important;\n}\n.v-card .v-divider {\n border-top: 1px solid #eee;\n margin-left: 20px !important;\n margin-right: 20px !important;\n margin-bottom: 1px;\n}\n.v-card .v-offset {\n top: -20px !important;\n margin-bottom: -20px !important;\n}\n.v-card .v-offset .category {\n color: rgba(255, 255, 255, 0.62);\n}\n.v-card .v-offset .v-card--material__header.v-card {\n padding: 15px;\n}\n.v-card .v-card__actions {\n margin: 0 20px 0;\n padding: 10px 0 10px;\n line-height: 22px;\n}\n.v-card--material-chart.v-card:not(.v-card--material__header) {\n margin: 25px 0 !important;\n}\n.v-card--material-chart.v-card .v-card--material__header {\n border-radius: 6px;\n min-height: 160px;\n padding: 0 !important;\n}\n.v-card--material-chart.v-card .v-card--material__header .ct-label {\n font-size: 0.73rem;\n}\n.v-card--material-chart.v-card .title {\n margin-top: 0;\n}\n.v-card--material-chart.v-card .category {\n margin: 0 !important;\n line-height: 22px;\n color: #999;\n}\n.v-card--material-chart.v-card .v-card__text {\n padding: 15px 20px;\n line-height: 22px;\n}\n.v-card--material-stats.v-card:not(.v-card--material__header),\n.v-card--material-chart.v-card:not(.v-card--material__header) {\n margin: 25px 0 !important;\n}\n.v-card.info {\n background: linear-gradient(60deg, #26c6da, #00acc1) !important;\n box-shadow: 0 12px 20px -10px rgba(0, 188, 212, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(0, 188, 212, 0.2) !important;\n}\n.v-card.red {\n background: linear-gradient(60deg, #ef5350, #e53935) !important;\n box-shadow: 0 12px 20px -10px rgba(244, 67, 54, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(244, 67, 54, 0.2) !important;\n}\n.v-card.green {\n background: linear-gradient(60deg, #66bb6a, #43a047) !important;\n box-shadow: 0 12px 20px -10px rgba(76, 175, 80, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(76, 175, 80, 0.2) !important;\n}\n.v-card.orange {\n background: linear-gradient(60deg, #ffa726, #fb8c00) !important;\n box-shadow: 0 12px 20px -10px rgba(255, 152, 0, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(255, 152, 0, 0.2) !important;\n}\n.v-card.purple {\n background: linear-gradient(60deg, #ab47bc, #8e24aa) !important;\n box-shadow: 0 12px 20px -10px rgba(156, 39, 176, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(156, 39, 176, 0.2) !important;\n}\n.v-card--material-stats.v-card .v-offset {\n position: absolute;\n}\n.v-card--material-stats.v-card .v-offset .v-card {\n max-width: 85px;\n max-height: 85px;\n line-height: 85px;\n padding: 15px !important;\n}\n.v-card--material-stats.v-card .v-offset .v-card i {\n font-size: 36px !important;\n line-height: 56px;\n width: 56px;\n height: 56px;\n}\n.v-card--material-stats.v-card .v-card__text {\n text-align: right;\n padding-top: 10px;\n position: relative;\n}\n.v-card--material-stats.v-card .title {\n margin: 0 !important;\n line-height: 1.5em !important;\n letter-spacing: 0 !important;\n font-size: 1.5625rem !important;\n}\n.v-card--material-stats.v-card .title small {\n color: #999;\n font-size: 65%;\n line-height: 1;\n font-weight: 400;\n}\n.v-card--material-stats.v-card .v-card__actions i {\n position: relative;\n top: -1px;\n font-size: 16px !important;\n}\n.v-card--material-stats.v-card .v-card__actions .caption {\n color: #999;\n}\n.v-card-profile {\n display: inline-block;\n}\n.v-card-profile .v-offset {\n top: unset !important;\n margin-bottom: unset !important;\n margin-top: -50px;\n}\n.v-card-profile .v-card__text .v-card__text {\n padding-bottom: 0;\n}\n.v-card-profile .v-card__text {\n padding: 15px;\n}\n.v-card-profile img {\n box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);\n}\n.v-card--flat {\n background-color: transparent !important;\n box-shadow: none;\n}\n.v-card--flat .v-table {\n background-color: transparent;\n}\n.theme--light.v-table tbody tr:not(:last-child),\n.theme--light.v-table thead tr:first-child {\n border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;\n}\ntable.v-table thead tr {\n height: 32px;\n background: linear-gradient(90deg, #1dc8e6 20.5625%, #1dc8e5 20.5625%, #1de6b8 80.5625%) !important;\n}\n.theme--light.v-table tbody tr:hover:not(.v-datatable__expand-row) {\n background: #f5f5f5 !important;\n}\ntable.v-table tbody td {\n font-size: 14px;\n font-weight: 300;\n}\ntable.v-table tbody td:first-child, table.v-table tbody td:not(:first-child),\ntable.v-table tbody th:first-child, table.v-table tbody th:not(:first-child),\ntable.v-table thead td:first-child, table.v-table thead td:not(:first-child),\ntable.v-table thead th:first-child, table.v-table thead th:not(:first-child) {\n padding: 12px 8px;\n}\n.v-datatable__progress {\n display: none;\n}\ntable thead tr th span {\n font-size: 1.0625rem !important;\n}\n.card-tabs .v-divider {\n margin-left: 0 !important;\n margin-right: 0 !important;\n}\n.card-tabs .flex {\n padding: 0 !important;\n}\n.card-tabs .v-tabs__item {\n border-radius: 3px;\n}\n.card-tabs .v-tabs__slider-wrapper .white {\n background-color: rgba(255, 255, 255, 0.3) !important;\n border-color: rgba(255, 255, 255, 0.3) !important;\n}\n.card-tabs .v-tabs__slider {\n height: 1px;\n}\n.card-tabs .v-list__tile__title {\n font-size: 14px;\n font-weight: 300;\n padding: 0 8px;\n overflow: visible;\n white-space: inherit;\n height: auto;\n}\n.card-tabs .v-list .v-input, .card-tabs .v-list .v-input__slot {\n justify-content: center;\n}\n.mdi-checkbox-blank-outline:before {\n -webkit-text-stroke: 1px #ffffff;\n}\n.v-tooltip__content {\n background: #ffffff;\n padding: 10px 15px;\n min-width: 130px;\n max-width: 200px;\n color: #555555 !important;\n font-size: 12px;\n font-weight: 400;\n box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);\n text-align: center;\n}\n.v-tooltip__content:after {\n position: absolute;\n bottom: -5px;\n height: 0;\n left: 0;\n right: 0;\n margin-left: auto;\n margin-right: auto;\n width: 5px;\n vertical-align: 0.255em;\n content: \"\";\n}\n.v-tooltip__content.top:after {\n border-top: 5px solid #ffffff;\n border-right: 5px solid transparent;\n border-bottom: 0;\n border-left: 5px solid transparent;\n}\n.v-tooltip__content.bottom:after {\n top: -5px;\n border-top: 0;\n border-right: 5px solid transparent;\n border-bottom: 5px solid #ffffff;\n border-left: 5px solid transparent;\n}\n.v-tooltip__content.left:after {\n margin-right: 0;\n right: -5px;\n top: 16px;\n border-top: 5px solid transparent;\n border-bottom: 5px solid transparent;\n border-left: 5px solid #ffffff;\n}\n.v-tooltip__content.right:after {\n margin-left: 0;\n left: -5px;\n top: 16px;\n border-top: 5px solid transparent;\n border-bottom: 5px solid transparent;\n border-right: 5px solid #ffffff;\n}\n.v-btn {\n margin: 10px 1px;\n padding: 12px 30px;\n font-size: 12px;\n font-weight: 400 !important;\n height: auto;\n line-height: 1.5em;\n color: #ffffff !important;\n cursor: pointer;\n border-radius: 3px;\n}\n.v-btn.v-btn--round, .v-btn.v-btn--round:after {\n border-radius: 30px;\n}\n.v-btn.v-btn-facebook {\n background-color: #3b5998 !important;\n color: #ffffff;\n box-shadow: 0 2px 2px 0 rgba(59, 89, 152, 0.14), 0 3px 1px -2px rgba(59, 89, 152, 0.2), 0 1px 5px 0 rgba(59, 89, 152, 0.12) !important;\n}\n.v-btn.v-btn-facebook:hover, .v-btn.v-btn-facebook:focus, .v-btn.v-btn-facebook:active, .v-btn.v-btn-facebook.active, .v-btn.v-btn-facebook:active:focus, .v-btn.v-btn-facebook:active:hover, .v-btn.v-btn-facebook.active:focus, .v-btn.v-btn-facebook.active:hover {\n background-color: #3b5998 !important;\n color: #ffffff;\n box-shadow: 0 14px 26px -12px rgba(59, 89, 152, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(59, 89, 152, 0.2) !important;\n}\n.v-btn.v-btn-facebook.v-btn--simple, .v-btn.v-btn-facebook.v-btn--simple:hover, .v-btn.v-btn-facebook.v-btn--simple:focus, .v-btn.v-btn-facebook.v-btn--simple:active, .v-btn.v-btn-facebook.v-btn--simple.active, .v-btn.v-btn-facebook.v-btn--simple:active:focus, .v-btn.v-btn-facebook.v-btn--simple:active:hover, .v-btn.v-btn-facebook.v-btn--simple.active:focus, .v-btn.v-btn-facebook.v-btn--simple.active:hover {\n color: #3b5998 !important;\n background-color: transparent;\n box-shadow: none;\n}\n.v-btn.v-btn-facebook.v-btn--simple i, .v-btn.v-btn-facebook.v-btn--simple:hover i, .v-btn.v-btn-facebook.v-btn--simple:focus i, .v-btn.v-btn-facebook.v-btn--simple:active i, .v-btn.v-btn-facebook.v-btn--simple.active i, .v-btn.v-btn-facebook.v-btn--simple:active:focus i, .v-btn.v-btn-facebook.v-btn--simple:active:hover i, .v-btn.v-btn-facebook.v-btn--simple.active:focus i, .v-btn.v-btn-facebook.v-btn--simple.active:hover i {\n color: #3b5998 !important;\n}\n.v-btn.v-btn-twitter {\n background-color: #55acee !important;\n color: #ffffff;\n box-shadow: 0 2px 2px 0 rgba(85, 172, 238, 0.14), 0 3px 1px -2px rgba(85, 172, 238, 0.2), 0 1px 5px 0 rgba(85, 172, 238, 0.12) !important;\n}\n.v-btn.v-btn-twitter:hover, .v-btn.v-btn-twitter:focus, .v-btn.v-btn-twitter:active, .v-btn.v-btn-twitter.active, .v-btn.v-btn-twitter:active:focus, .v-btn.v-btn-twitter:active:hover, .v-btn.v-btn-twitter.active:focus, .v-btn.v-btn-twitter.active:hover {\n background-color: #55acee !important;\n color: #ffffff;\n box-shadow: 0 14px 26px -12px rgba(85, 172, 238, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(85, 172, 238, 0.2) !important;\n}\n.v-btn.v-btn-twitter.v-btn--simple, .v-btn.v-btn-twitter.v-btn--simple:hover, .v-btn.v-btn-twitter.v-btn--simple:focus, .v-btn.v-btn-twitter.v-btn--simple:active, .v-btn.v-btn-twitter.v-btn--simple.active, .v-btn.v-btn-twitter.v-btn--simple:active:focus, .v-btn.v-btn-twitter.v-btn--simple:active:hover, .v-btn.v-btn-twitter.v-btn--simple.active:focus, .v-btn.v-btn-twitter.v-btn--simple.active:hover {\n color: #55acee !important;\n background-color: transparent;\n box-shadow: none;\n}\n.v-btn.v-btn-twitter.v-btn--simple i, .v-btn.v-btn-twitter.v-btn--simple:hover i, .v-btn.v-btn-twitter.v-btn--simple:focus i, .v-btn.v-btn-twitter.v-btn--simple:active i, .v-btn.v-btn-twitter.v-btn--simple.active i, .v-btn.v-btn-twitter.v-btn--simple:active:focus i, .v-btn.v-btn-twitter.v-btn--simple:active:hover i, .v-btn.v-btn-twitter.v-btn--simple.active:focus i, .v-btn.v-btn-twitter.v-btn--simple.active:hover i {\n color: #55acee !important;\n}\n.v-btn .v-icon--left {\n margin-right: 7px;\n}\n.v-btn .v-icon--right {\n margin-left: 7px;\n}\n.v-btn.v-btn--large {\n font-size: 14px;\n padding: 1.125rem 2.25rem !important;\n line-height: 1.333333;\n}\n.v-btn.v-btn--small {\n padding: 0.40625rem 1.25rem !important;\n font-size: 11px;\n}\n.v-btn.v-btn--icon {\n width: 41px;\n height: 41px;\n line-height: 41px;\n padding: 0;\n}\n.v-btn.v-btn--icon.v-btn--round {\n border-radius: 50%;\n}\n.v-btn.success {\n background-color: #4caf50 !important;\n box-shadow: 0 2px 2px 0 rgba(76, 175, 80, 0.14), 0 3px 1px -2px rgba(76, 175, 80, 0.2), 0 1px 5px 0 rgba(76, 175, 80, 0.12) !important;\n}\n.v-btn.success:focus, .v-btn.success:active, .v-btn.success:hover {\n box-shadow: 0 14px 26px -12px rgba(76, 175, 80, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(76, 175, 80, 0.2) !important;\n background-color: #47a44b !important;\n}\n.v-btn.success.v-btn--simple, .v-btn.success.v-btn--simple:hover, .v-btn.success.v-btn--simple:focus, .v-btn.success.v-btn--simple:active, .v-btn.success.v-btn--simple.active, .v-btn.success.v-btn--simple:active:focus, .v-btn.success.v-btn--simple:active:hover, .v-btn.success.v-btn--simple.active:focus, .v-btn.success.v-btn--simple.active:hover {\n background-color: transparent !important;\n color: #4caf50 !important;\n box-shadow: none !important;\n}\n.v-btn.success.v-btn--simple i, .v-btn.success.v-btn--simple:hover i, .v-btn.success.v-btn--simple:focus i, .v-btn.success.v-btn--simple:active i, .v-btn.success.v-btn--simple.active i, .v-btn.success.v-btn--simple:active:focus i, .v-btn.success.v-btn--simple:active:hover i, .v-btn.success.v-btn--simple.active:focus i, .v-btn.success.v-btn--simple.active:hover i {\n color: #4caf50 !important;\n}\n.v-btn.default {\n background-color: #999 !important;\n box-shadow: 0 2px 2px 0 rgba(153, 153, 153, 0.14), 0 3px 1px -2px rgba(153, 153, 153, 0.2), 0 1px 5px 0 rgba(153, 153, 153, 0.12) !important;\n}\n.v-btn.default:focus, .v-btn.default:active, .v-btn.default:hover {\n box-shadow: 0 14px 26px -12px rgba(153, 153, 153, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(153, 153, 153, 0.2) !important;\n background-color: #919191 !important;\n}\n.v-btn.default.v-btn--simple, .v-btn.default.v-btn--simple:hover, .v-btn.default.v-btn--simple:focus, .v-btn.default.v-btn--simple:active, .v-btn.default.v-btn--simple.active, .v-btn.default.v-btn--simple:active:focus, .v-btn.default.v-btn--simple:active:hover, .v-btn.default.v-btn--simple.active:focus, .v-btn.default.v-btn--simple.active:hover {\n background-color: transparent !important;\n color: #999 !important;\n box-shadow: none !important;\n}\n.v-btn.default.v-btn--simple i, .v-btn.default.v-btn--simple:hover i, .v-btn.default.v-btn--simple:focus i, .v-btn.default.v-btn--simple:active i, .v-btn.default.v-btn--simple.active i, .v-btn.default.v-btn--simple:active:focus i, .v-btn.default.v-btn--simple:active:hover i, .v-btn.default.v-btn--simple.active:focus i, .v-btn.default.v-btn--simple.active:hover i {\n color: #999 !important;\n}\n.v-btn.primary {\n background-color: #9c27b0 !important;\n box-shadow: 0 2px 2px 0 rgba(156, 39, 176, 0.14), 0 3px 1px -2px rgba(156, 39, 176, 0.2), 0 1px 5px 0 rgba(156, 39, 176, 0.12) !important;\n}\n.v-btn.primary:focus, .v-btn.primary:active, .v-btn.primary:hover {\n box-shadow: 0 14px 26px -12px rgba(156, 39, 176, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(156, 39, 176, 0.2) !important;\n background-color: #9124a3 !important;\n}\n.v-btn.primary.v-btn--simple, .v-btn.primary.v-btn--simple:hover, .v-btn.primary.v-btn--simple:focus, .v-btn.primary.v-btn--simple:active, .v-btn.primary.v-btn--simple.active, .v-btn.primary.v-btn--simple:active:focus, .v-btn.primary.v-btn--simple:active:hover, .v-btn.primary.v-btn--simple.active:focus, .v-btn.primary.v-btn--simple.active:hover {\n background-color: transparent !important;\n color: #9c27b0 !important;\n box-shadow: none !important;\n}\n.v-btn.primary.v-btn--simple i, .v-btn.primary.v-btn--simple:hover i, .v-btn.primary.v-btn--simple:focus i, .v-btn.primary.v-btn--simple:active i, .v-btn.primary.v-btn--simple.active i, .v-btn.primary.v-btn--simple:active:focus i, .v-btn.primary.v-btn--simple:active:hover i, .v-btn.primary.v-btn--simple.active:focus i, .v-btn.primary.v-btn--simple.active:hover i {\n color: #9c27b0 !important;\n}\n.v-btn.warning {\n background-color: #ff9800 !important;\n box-shadow: 0 2px 2px 0 rgba(255, 152, 0, 0.14), 0 3px 1px -2px rgba(255, 152, 0, 0.2), 0 1px 5px 0 rgba(255, 152, 0, 0.12) !important;\n}\n.v-btn.warning:focus, .v-btn.warning:active, .v-btn.warning:hover {\n box-shadow: 0 14px 26px -12px rgba(255, 152, 0, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 152, 0, 0.2) !important;\n background-color: #f08f00 !important;\n}\n.v-btn.warning.v-btn--simple, .v-btn.warning.v-btn--simple:hover, .v-btn.warning.v-btn--simple:focus, .v-btn.warning.v-btn--simple:active, .v-btn.warning.v-btn--simple.active, .v-btn.warning.v-btn--simple:active:focus, .v-btn.warning.v-btn--simple:active:hover, .v-btn.warning.v-btn--simple.active:focus, .v-btn.warning.v-btn--simple.active:hover {\n background-color: transparent !important;\n color: #ff9800 !important;\n box-shadow: none !important;\n}\n.v-btn.warning.v-btn--simple i, .v-btn.warning.v-btn--simple:hover i, .v-btn.warning.v-btn--simple:focus i, .v-btn.warning.v-btn--simple:active i, .v-btn.warning.v-btn--simple.active i, .v-btn.warning.v-btn--simple:active:focus i, .v-btn.warning.v-btn--simple:active:hover i, .v-btn.warning.v-btn--simple.active:focus i, .v-btn.warning.v-btn--simple.active:hover i {\n color: #ff9800 !important;\n}\n.v-btn.info {\n background-color: #00bcd4 !important;\n box-shadow: 0 2px 2px 0 rgba(0, 188, 212, 0.14), 0 3px 1px -2px rgba(0, 188, 212, 0.2), 0 1px 5px 0 rgba(0, 188, 212, 0.12) !important;\n}\n.v-btn.info:focus, .v-btn.info:active, .v-btn.info:hover {\n box-shadow: 0 14px 26px -12px rgba(0, 188, 212, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 188, 212, 0.2) !important;\n background-color: #00aec5 !important;\n}\n.v-btn.info.v-btn--simple, .v-btn.info.v-btn--simple:hover, .v-btn.info.v-btn--simple:focus, .v-btn.info.v-btn--simple:active, .v-btn.info.v-btn--simple.active, .v-btn.info.v-btn--simple:active:focus, .v-btn.info.v-btn--simple:active:hover, .v-btn.info.v-btn--simple.active:focus, .v-btn.info.v-btn--simple.active:hover {\n background-color: transparent !important;\n color: #00bcd4 !important;\n box-shadow: none !important;\n}\n.v-btn.info.v-btn--simple i, .v-btn.info.v-btn--simple:hover i, .v-btn.info.v-btn--simple:focus i, .v-btn.info.v-btn--simple:active i, .v-btn.info.v-btn--simple.active i, .v-btn.info.v-btn--simple:active:focus i, .v-btn.info.v-btn--simple:active:hover i, .v-btn.info.v-btn--simple.active:focus i, .v-btn.info.v-btn--simple.active:hover i {\n color: #00bcd4 !important;\n}\n.v-btn.danger {\n background-color: #f44336 !important;\n box-shadow: 0 2px 2px 0 rgba(244, 67, 54, 0.14), 0 3px 1px -2px rgba(244, 67, 54, 0.2), 0 1px 5px 0 rgba(244, 67, 54, 0.12) !important;\n}\n.v-btn.danger:focus, .v-btn.danger:active, .v-btn.danger:hover {\n box-shadow: 0 14px 26px -12px rgba(244, 67, 54, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(244, 67, 54, 0.2) !important;\n background-color: #f33527 !important;\n}\n.v-btn.danger.v-btn--simple, .v-btn.danger.v-btn--simple:hover, .v-btn.danger.v-btn--simple:focus, .v-btn.danger.v-btn--simple:active, .v-btn.danger.v-btn--simple.active, .v-btn.danger.v-btn--simple:active:focus, .v-btn.danger.v-btn--simple:active:hover, .v-btn.danger.v-btn--simple.active:focus, .v-btn.danger.v-btn--simple.active:hover {\n background-color: transparent !important;\n color: #f44336 !important;\n box-shadow: none !important;\n}\n.v-btn.danger.v-btn--simple i, .v-btn.danger.v-btn--simple:hover i, .v-btn.danger.v-btn--simple:focus i, .v-btn.danger.v-btn--simple:active i, .v-btn.danger.v-btn--simple.active i, .v-btn.danger.v-btn--simple:active:focus i, .v-btn.danger.v-btn--simple:active:hover i, .v-btn.danger.v-btn--simple.active:focus i, .v-btn.danger.v-btn--simple.active:hover i {\n color: #f44336 !important;\n}\n.v-btn .v-icon {\n font-size: 1.25rem;\n}\n.v-btn--fixed {\n border-radius: 6px;\n border-bottom-right-radius: 0;\n border-top-right-radius: 0;\n background-color: rgba(0, 0, 0, 0.3) !important;\n right: 0;\n padding: 0;\n width: 64px;\n}\n.v-btn--fixed .v-icon {\n font-size: 1.8rem;\n padding: 10px;\n}\n.v-btn--active:before,\n.v-btn:focus:before,\n.v-btn:hover:before {\n background-color: transparent;\n}\n.v-alert .v-alert__dismissible .v-icon {\n color: rgba(255, 255, 255, 0.5);\n font-size: 16px;\n}\n.v-alert .v-alert__icon.v-icon {\n font-size: 30px;\n color: #ffffff;\n}\n.v-snack .v-icon:not(:first-child) {\n color: rgba(255, 255, 255, 0.5);\n margin-left: 16px;\n}\n.v-snack .v-icon:first-child {\n font-size: 30px;\n}\n.v-snack .v-snack__content {\n padding: 15px 20px;\n height: auto;\n}\n.v-snack .v-snack__wrapper {\n border-radius: 4px;\n}\n.v-snack .v-snack__wrapper.info,\n.v-alert.info {\n box-shadow: 0 12px 20px -10px rgba(0, 211, 238, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(0, 211, 238, 0.2) !important;\n}\n.v-snack .v-snack__wrapper.success,\n.v-alert.success {\n box-shadow: 0 12px 20px -10px rgba(76, 175, 80, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(76, 175, 80, 0.2) !important;\n}\n.v-snack .v-snack__wrapper.error,\n.v-alert.error {\n box-shadow: 0 12px 20px -10px rgba(244, 67, 54, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(244, 67, 54, 0.2) !important;\n}\n.v-snack .v-snack__wrapper.warning,\n.v-alert.warning {\n box-shadow: 0 12px 20px -10px rgba(255, 152, 0, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(255, 152, 0, 0.2) !important;\n}\n.v-snack .v-snack__wrapper.purple,\n.v-alert.purple {\n box-shadow: 0 12px 20px -10px rgba(156, 39, 176, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(156, 39, 176, 0.2) !important;\n}\n.v-snack .v-snack__wrapper.info {\n background-color: #00d3ee !important;\n border-color: #00d3ee !important;\n}\n.v-snack .v-snack__wrapper.success {\n background-color: #4caf50 !important;\n border-color: #4caf50 !important;\n}\n.v-snack .v-snack__wrapper.error {\n background-color: #f44336 !important;\n border-color: #f44336 !important;\n}\n.v-snack .v-snack__wrapper.warning {\n background-color: #ff9800 !important;\n border-color: #ff9800 !important;\n}\n.v-snack .v-snack__wrapper.purple {\n background-color: #9c27b0 !important;\n border-color: #9c27b0 !important;\n}\n.v-menu__content {\n border-radius: 10px;\n box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\n}\n.v-menu__content .sidebar-filter {\n height: 30px;\n line-height: 25px;\n font-size: 12px !important;\n font-weight: 600;\n color: #495057;\n}\n.v-menu__content .v-responsive {\n max-height: 100px;\n border-radius: 10px;\n max-width: 50px;\n margin: 0 auto;\n}\n.v-menu__content .container.grid-list-xl .layout .flex {\n padding: 5px;\n}\n.v-menu__content .v-avatar,\n.v-menu__content .v-responsive {\n border: 3px solid #ffffff;\n transition: all 0.34s;\n}\n.v-menu__content .v-avatar:not(:last-child),\n.v-menu__content .v-responsive:not(:last-child) {\n margin-right: 5px;\n}\n.v-menu__content .v-avatar.image-active, .v-menu__content .v-avatar.color-active,\n.v-menu__content .v-responsive.image-active,\n.v-menu__content .v-responsive.color-active {\n border-color: #00bcd4;\n}\n.v-menu__content .v-avatar.color-primary {\n background-color: #9c27b0;\n}\n.v-menu__content .v-avatar.color-info {\n background-color: #00bcd4;\n}\n.v-menu__content .v-avatar.color-danger {\n background-color: #f44336;\n}\n.v-menu__content .v-avatar.color-warning {\n background-color: #ff9800;\n}\n.v-menu__content .v-avatar.color-success {\n background-color: #4caf50;\n}\n.dropdown-menu {\n border-radius: 3px;\n}\n.dropdown-menu .v-list__tile {\n border-radius: 2px;\n color: #333 !important;\n display: flex;\n font-size: 0.8125rem;\n font-weight: 400;\n margin: 0 5px;\n padding: 10px 1.5rem;\n text-transform: none;\n transition: all 0.15s linear, color, background-color, box-shadow 0ms;\n white-space: nowrap;\n}\n.dropdown-menu .v-list__tile .v-list__tile__title {\n transition: none;\n}\n.dropdown-menu .v-list__tile:hover, .dropdown-menu .v-list__tile:focus, .dropdown-menu .v-list__tile:active {\n background-color: #9c27b0 !important;\n box-shadow: 0 14px 26px -12px rgba(156, 39, 176, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(156, 39, 176, 0.2) !important;\n}\n.dropdown-menu .v-list__tile:hover,\n.dropdown-menu .v-list__tile:hover .v-list__tile__title, .dropdown-menu .v-list__tile:focus,\n.dropdown-menu .v-list__tile:focus .v-list__tile__title, .dropdown-menu .v-list__tile:active,\n.dropdown-menu .v-list__tile:active .v-list__tile__title {\n color: #ffffff !important;\n}\n.theme--light.v-card.WM-TransparentCard {\n background-color: transparent !important;\n border-color: transparent !important;\n box-shadow: none !important;\n}\n.WM-NoLetterSpacing-7 {\n letter-spacing: 7px !important;\n}\n.WM-NoLetterSpacing {\n letter-spacing: 0;\n}\n.WM-Border-L-3x {\n border-left: 3px solid;\n}\n.WM-OrangeGradient-BG {\n background: linear-gradient(-245.9959923519deg, #fcb8a2 -0.3020833333%, #ffecd2 93.03125%);\n}\n.WM-BlueGradient-BG {\n background: linear-gradient(-246.2537544881deg, #d5f5fd 0.4518229167%, #e9fff7 92.7955729167%);\n}\n.WM-CoffeeGradient-BG {\n background: linear-gradient(-246.2537544881deg, #e2d2c4 0.2955729167%, #faf7f5 92.6393229167%);\n}\n.WM-MuskGradient-BG {\n background: linear-gradient(113.5889300888deg, #a7cce1 4.9270833333%, #ecf6ed 97.84375%);\n}\n.WM-CyanBlueGradient-BG {\n background: linear-gradient(90deg, #1dc8e6 20.5625%, #1dc8e5 20.5625%, #1de6b8 80.5625%);\n}\n.WM-GreyGradient-BG {\n background: linear-gradient(-248.20974732deg, gainsboro 0.71484375%, #f6f5f5 92.9544270833%);\n}\n.WM-GreenGradient-BG {\n background: linear-gradient(112.7201318901deg, #62b9b7 4.9270833333%, #ecf6ed 97.84375%);\n}\n.WM-YellowPinkGradient-BG {\n background: linear-gradient(111.3682003317deg, #f9e794 4.9270833333%, #f6bed4 97.84375%);\n}\n.WM-PinkGradient-BG {\n background: linear-gradient(to right, #ee9ca7, #ffdde1);\n}\n.WM-LightGray-color {\n color: rgba(33, 33, 33, 0.7);\n}\n.WM-Outline-Btn {\n padding: 8px;\n background: transparent !important;\n}\n.container.grid-list-xl :not(:only-child) .layout:last-child {\n margin: 0 !important;\n}\n.v-navigation-drawer .v-list .v-list-item .v-list__tile.v-list__tile--active {\n -webkit-box-shadow: none !important;\n box-shadow: none !important;\n}\n.v-btn.WM-NoShadow:not(.v-btn--depressed):not(.v-btn--flat) {\n -webkit-box-shadow: none !important;\n box-shadow: none !important;\n}\n.inputfile {\n opacity: 0;\n overflow: hidden;\n position: absolute;\n}\n.inputfile + label {\n font-size: 16px;\n display: inline-block;\n font-weight: 400;\n color: #aaa;\n background-color: transparent;\n transition: all 0.5s;\n margin-bottom: 20px;\n border: 1px solid #aaa;\n padding: 7px 20px;\n border-radius: 5px;\n}\n.inputfile:focus + label,\n.inputfile + label:hover {\n border: 1px solid #000;\n color: #000;\n}\n.inputfile:focus .IconHover,\n.inputfile .IconHover:hover {\n color: #000 !important;\n}\n.theme--light.v-pagination .v-pagination__item:focus {\n outline: 0 !important;\n}\n@media screen and (max-width: 1536px) {\n.WM-WidthScreen-SM {\n flex-basis: 35% !important;\n max-width: 35% !important;\n}\n}\n@media screen and (max-width: 1024px) {\n.WM-WidthScreen-XS {\n flex-basis: 60% !important;\n max-width: 60% !important;\n}\n}\n/* --------------------------------------------------------\n General :: Begin\n-------------------------------------------------------- */\n.En-Raleway {\n font-family: \"Raleway\", sans-serif;\n}\n.WM-SubText {\n display: inline-block;\n padding: 10px 25px 10px 25px;\n color: #fff;\n border-radius: 5px;\n margin: 3px 0px 10px 0px;\n}\n.WM-SubText.SmallPad {\n padding: 5px 15px 5px 15px;\n}\n.WM-SubText.XS {\n padding: 3px 15px 1px 15px;\n}\n.WM-LetterSpacing-5 {\n letter-spacing: 5px;\n}\n.WM-LetterSpacing-10 {\n letter-spacing: 10px;\n}\n.WM-LetterSpacing-15 {\n letter-spacing: 15px;\n}\n.wow {\n visibility: hidden;\n}\n.RotateX {\n transform: rotate(180deg);\n webkit-transform: rotate(180deg);\n}\n.Material-Shoadow-SM {\n box-shadow: 0 8px 10px rgba(0, 0, 0, 0.3), 0 4px 3px rgba(0, 0, 0, 0.22);\n}\n.InlineBlock {\n display: inline-block;\n}\n.CubeTransition {\n transition-property: all;\n transition-duration: 0.5s;\n transition-timing-function: cubic-bezier(0, 1, 0.5, 1);\n}\n.WhiteTheme .WM-SubText {\n background-color: #fff !important;\n color: #000;\n}\n.WhiteTheme .Notification {\n background-color: transparent !important;\n}\n.WM-Height-90 {\n height: 90px;\n}\n.WM-Height-110 {\n height: 110px;\n}\n.WM-Height-130 {\n height: 130px;\n}\n.WM-Width-220 {\n width: 220px;\n}\n.WM-Width-Full {\n width: 100%;\n}\n.WM-Height-Full {\n height: 100%;\n}\n.WM-Absolute {\n position: absolute;\n}\n.WM-Relative {\n position: relative;\n}\n.WM-Block {\n display: block;\n}\n.WM-InlineBlock {\n display: inline-block;\n}\n[class^=WM-Hover], [class*=WM-Hover] {\n transition: 0.2s;\n}\n\n/* --------------------------------------------------------\n Align & Floats :: Begin\n-------------------------------------------------------- */\n.WM-Align-C {\n text-align: center;\n}\n.WM-Align-R {\n text-align: right;\n}\n.WM-Align-L {\n text-align: left;\n}\n.WM-Float-R {\n float: right;\n}\n.WM-Float-L {\n float: left;\n}\n\n/* --------------------------------------------------------\n Direction :: Begin\n-------------------------------------------------------- */\n.WM-RTL {\n direction: rtl;\n}\n\n/* --------------------------------------------------------\n Fonts :: Begin\n-------------------------------------------------------- */\n.WM-Font-12 {\n font-size: 12px;\n}\n.WM-Font-14 {\n font-size: 14px;\n}\n.WM-Font-16 {\n font-size: 16px;\n}\n.WM-Font-18 {\n font-size: 18px;\n}\n.WM-Font-20 {\n font-size: 20px;\n}\n.WM-Font-22 {\n font-size: 22px;\n}\n.WM-Font-24 {\n font-size: 24px;\n}\n.WM-Font-30 {\n font-size: 30px;\n}\n.WM-Font-36 {\n font-size: 36px;\n}\n.WM-Font-48 {\n font-size: 48px;\n}\n.WM-Font-52 {\n font-size: 52px;\n}\n\n/* --------------------------------------------------------\n Inputs :: Begin\n-------------------------------------------------------- */\n.WM-Input {\n outline: none;\n border: none;\n}\n.WM-TextArea {\n outline: none;\n border: none;\n}\n.WM-TextArea:focus, .WM-Input:focus {\n border-color: transparent !important;\n}\n.WM-Input:focus::-webkit-input-placeholder {\n color: transparent;\n}\n.WM-Input:focus::-webkit-input-placeholder {\n color: transparent;\n}\n.WM-Input:focus:-moz-placeholder {\n color: transparent;\n}\n.WM-Input:focus::-moz-placeholder {\n color: transparent;\n}\n.WM-Input:focus:-ms-input-placeholder {\n color: transparent;\n}\n.WM-TextArea:focus::-webkit-input-placeholder {\n color: transparent;\n}\n.WM-TextArea:focus:-moz-placeholder {\n color: transparent;\n}\n.WM-TextArea:focus::-moz-placeholder {\n color: transparent;\n}\n.WM-TextArea:focus:-ms-input-placeholder {\n color: transparent;\n}\n.WM-Input::-webkit-input-placeholder {\n color: #555555;\n}\n.WM-Input:-moz-placeholder {\n color: #555555;\n}\n.WM-Input::-moz-placeholder {\n color: #555555;\n}\n.WM-Input:-ms-input-placeholder {\n color: #555555;\n}\n.WM-TextArea::-webkit-input-placeholder {\n color: #555555;\n}\n.WM-TextArea:-moz-placeholder {\n color: #555555;\n}\n.WM-TextArea::-moz-placeholder {\n color: #555555;\n}\n.WM-TextArea:-ms-input-placeholder {\n color: #555555;\n}\n.WM-InputWrapper {\n width: 100%;\n position: relative;\n border-bottom: 2px solid #d9d9d9;\n padding-bottom: 0px;\n margin-bottom: 35px;\n}\n.WM-InputLabel {\n font-size: 15px;\n color: #999999;\n line-height: 1.5;\n padding-left: 5px;\n}\n.WM-Input100 {\n display: block;\n width: 100%;\n background: transparent;\n font-size: 18px;\n color: #555555;\n line-height: 1.2;\n}\n.WM-Input100-Focus {\n position: absolute;\n display: block;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n pointer-events: none;\n}\n.WM-Input100-Focus::before {\n content: \"\";\n display: block;\n position: absolute;\n bottom: -2px;\n left: 0;\n width: 0;\n height: 2px;\n -webkit-transition: all 0.4s;\n -o-transition: all 0.4s;\n -moz-transition: all 0.4s;\n transition: all 0.4s;\n background: #ff4b5a;\n}\n.WM-Input.WM-Red + .WM-Input100-Focus::before {\n background: #ee3552;\n}\n.WM-Input.WM-Orange + .WM-Input100-Focus::before {\n background: #FF6B57;\n}\n.WM-Input.WM-Purple + .WM-Input100-Focus::before {\n background: #ac3773;\n}\n.WM-Input.WM-Cyan + .WM-Input100-Focus::before {\n background: #32c5d2;\n}\n.WM-Input.WM-Green + .WM-Input100-Focus::before {\n background: #0d7e00;\n}\n.WM-Input.WM-Blue + .WM-Input100-Focus::before {\n background: #3498DB;\n}\n.WM-Input.WM-Black + .WM-Input100-Focus::before {\n background: #000;\n}\n.WM-Input.WM-Input100 {\n height: 40px;\n}\n.WM-InputWrapper input:disabled {\n cursor: not-allowed;\n}\n.WM-TextArea.WM-Input100 {\n min-height: 110px;\n padding-top: 9px;\n padding-bottom: 13px;\n}\n.WM-Input100:focus + .WM-Input100-Focus::before {\n width: 100%;\n}\n.WM-Select {\n background-color: transparent !important;\n -webkit-appearance: none;\n}\n\n/* --------------------------------------------------------\n Margins :: Begin\n-------------------------------------------------------- */\n.WM-Margin-T-5 {\n margin-top: 5px;\n}\n.WM-Margin-T-15 {\n margin-top: 15px;\n}\n.WM-Margin-T-20 {\n margin-top: 20px;\n}\n.WM-Margin-T-45 {\n margin-top: 45px;\n}\n.WM-Margin-T-55 {\n margin-top: 55px;\n}\n.WM-Margin-T-100 {\n margin-top: 100px;\n}\n.WM-Margin-L-10 {\n margin-left: 10px;\n}\n.WM-Margin-L-0 {\n margin-left: 0 !important;\n}\n.WM-Margin-R-10 {\n margin-right: 10px;\n}\n.WM-Margin-R-40 {\n margin-right: 40px;\n}\n.WM-Margin-BT-20 {\n margin-top: 20px;\n margin-bottom: 20px;\n}\n.WM-Margin-BT-5 {\n margin-top: 5px;\n margin-bottom: 5px;\n}\n.WM-Margin-B-10 {\n margin-bottom: 10px;\n}\n.WM-Margin-B-30 {\n margin-bottom: 30px;\n}\n.WM-Margin-RL-15 {\n margin-left: 15px;\n margin-right: 15px;\n}\n\n/* --------------------------------------------------------\n Paddings :: Begin\n-------------------------------------------------------- */\n.WM-Padding-10 {\n padding: 10px;\n}\n.WM-Padding-5 {\n padding: 5px;\n}\n.WM-Padding-T-10 {\n padding-top: 10px;\n}\n\n/* --------------------------------------------------------\n Borders :: Begin\n-------------------------------------------------------- */\n.WM-Border {\n border: 1px solid;\n}\n.WM-Border-2x {\n border: 2px solid;\n}\n.WM-Border-R {\n border-right: 1px solid;\n}\n.WM-Border-L {\n border-left: 1px solid;\n}\n.WM-Border-T {\n border-top: 1px solid;\n}\n.WM-Border-B {\n border-bottom: 1px solid;\n}\n\n/* --------------------------------------------------------\n Buttons :: Begin\n-------------------------------------------------------- */\n.WM-Btn {\n outline: none !important;\n border: none;\n background: transparent;\n display: -webkit-box;\n display: -webkit-flex;\n display: -moz-box;\n display: -ms-flexbox;\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 0 20px;\n min-width: 160px;\n height: 50px;\n border-radius: 25px;\n font-size: 16px;\n color: #fff;\n /* line-height: 1.2; */\n line-height: 0;\n -webkit-transition: all 0.4s;\n -o-transition: all 0.4s;\n -moz-transition: all 0.4s;\n transition: all 0.4s;\n}\n.WM-Btn-Red {\n background-color: #ee3552;\n box-shadow: 0 10px 30px 0px rgba(255, 75, 90, 0.5);\n -moz-box-shadow: 0 10px 30px 0px rgba(255, 75, 90, 0.5);\n -webkit-box-shadow: 0 10px 30px 0px rgba(255, 75, 90, 0.5);\n -o-box-shadow: 0 10px 30px 0px rgba(255, 75, 90, 0.5);\n -ms-box-shadow: 0 10px 30px 0px rgba(255, 75, 90, 0.5);\n}\n.WM-Btn-Orange {\n background-color: #FF6B57;\n box-shadow: 0 10px 30px 0px rgba(255, 107, 87, 0.5);\n -moz-box-shadow: 0 10px 30px 0px rgba(255, 107, 87, 0.5);\n -webkit-box-shadow: 0 10px 30px 0px rgba(255, 107, 87, 0.5);\n -o-box-shadow: 0 10px 30px 0px rgba(255, 107, 87, 0.5);\n -ms-box-shadow: 0 10px 30px 0px rgba(255, 107, 87, 0.5);\n}\n.WM-Btn-Cyan {\n background-color: #32c5d2;\n box-shadow: 0 10px 30px 0px rgba(250, 197, 210, 0.5);\n -moz-box-shadow: 0 10px 30px 0px rgba(50, 197, 210, 0.5);\n -webkit-box-shadow: 0 10px 30px 0px rgba(50, 197, 210, 0.5);\n -o-box-shadow: 0 10px 30px 0px rgba(50, 197, 210, 0.5);\n -ms-box-shadow: 0 10px 30px 0px rgba(50, 197, 210, 0.5);\n}\n.WM-Btn-Yellow {\n background-color: #ffd63a;\n color: #000;\n box-shadow: 0 10px 30px 0px rgba(234, 223, 131, 0.5);\n -moz-box-shadow: 0 10px 30px 0px rgba(234, 223, 131, 0.5);\n -webkit-box-shadow: 0 10px 30px 0px rgba(234, 223, 131, 0.5);\n -o-box-shadow: 0 10px 30px 0px rgba(234, 223, 131, 0.5);\n -ms-box-shadow: 0 10px 30px 0px rgba(234, 223, 131, 0.5);\n}\n.WM-Btn-Purple {\n background-color: #ac3773;\n color: #fff;\n box-shadow: 0 10px 30px 0px rgba(172, 55, 115, 0.5);\n -moz-box-shadow: 0 10px 30px 0px rgba(172, 55, 115, 0.5);\n -webkit-box-shadow: 0 10px 30px 0px rgba(172, 55, 115, 0.5);\n -o-box-shadow: 0 10px 30px 0px rgba(172, 55, 115, 0.5);\n -ms-box-shadow: 0 10px 30px 0px rgba(172, 55, 115, 0.5);\n}\n.WM-Btn-Black {\n background-color: #000;\n box-shadow: 0 10px 30px 0px rgba(0, 0, 0, 0.5);\n -moz-box-shadow: 0 10px 30px 0px rgba(0, 0, 0, 0.5);\n -webkit-box-shadow: 0 10px 30px 0px rgba(0, 0, 0, 0.5);\n -o-box-shadow: 0 10px 30px 0px rgba(0, 0, 0, 0.5);\n -ms-box-shadow: 0 10px 30px 0px rgba(0, 0, 0, 0.5);\n}\n.WM-Btn-White {\n background-color: #fff;\n color: #000;\n box-shadow: 0 10px 30px 0px rgba(255, 255, 255, 0.2);\n -moz-box-shadow: 0 10px 30px 0px rgba(255, 255, 255, 0.2);\n -webkit-box-shadow: 0 10px 30px 0px rgba(255, 255, 255, 0.2);\n -o-box-shadow: 0 10px 30px 0px rgba(255, 255, 255, 0.2);\n -ms-box-shadow: 0 10px 30px 0px rgba(255, 255, 255, 0.2);\n}\n.WM-Btn-Green {\n background-color: #0d7e00;\n box-shadow: 0 10px 30px 0px rgba(13, 126, 0, 0.5);\n -moz-box-shadow: 0 10px 30px 0px rgba(13, 126, 0, 0.5);\n -webkit-box-shadow: 0 10px 30px 0px rgba(13, 126, 0, 0.5);\n -o-box-shadow: 0 10px 30px 0px rgba(13, 126, 0, 0.5);\n -ms-box-shadow: 0 10px 30px 0px rgba(13, 126, 0, 0.5);\n}\n.WM-Btn-Blue {\n background-color: #3498DB;\n box-shadow: 0 10px 30px 0px rgba(52, 152, 219, 0.5);\n -moz-box-shadow: 0 10px 30px 0px rgba(52, 152, 219, 0.5);\n -webkit-box-shadow: 0 10px 30px 0px rgba(52, 152, 219, 0.5);\n -o-box-shadow: 0 10px 30px 0px rgba(52, 152, 219, 0.5);\n -ms-box-shadow: 0 10px 30px 0px rgba(52, 152, 219, 0.5);\n}\n.WM-Btn-Gray {\n background-color: #797979;\n box-shadow: 0 10px 30px 0px rgba(82, 104, 119, 0.5);\n -moz-box-shadow: 0 10px 30px 0px rgba(82, 104, 119, 0.5);\n -webkit-box-shadow: 0 10px 30px 0px rgba(82, 104, 119, 0.5);\n -o-box-shadow: 0 10px 30px 0px rgba(82, 104, 119, 0.5);\n -ms-box-shadow: 0 10px 30px 0px rgba(82, 104, 119, 0.5);\n}\n.WM-Btn i {\n margin-left: 5px;\n -webkit-transition: all 0.4s;\n -o-transition: all 0.4s;\n -moz-transition: all 0.4s;\n transition: all 0.4s;\n}\n.WM-Btn:hover {\n background-color: #333333;\n cursor: pointer;\n color: #fff;\n box-shadow: 0 10px 30px 0px rgba(51, 51, 51, 0.5);\n -moz-box-shadow: 0 10px 30px 0px rgba(51, 51, 51, 0.5);\n -webkit-box-shadow: 0 10px 30px 0px rgba(51, 51, 51, 0.5);\n -o-box-shadow: 0 10px 30px 0px rgba(51, 51, 51, 0.5);\n -ms-box-shadow: 0 10px 30px 0px rgba(51, 51, 51, 0.5);\n}\n.WM-Btn-RedHover:hover {\n background-color: #ee3552;\n cursor: pointer;\n color: #fff;\n box-shadow: 0 10px 30px 0px rgba(255, 75, 90, 0.5);\n -moz-box-shadow: 0 10px 30px 0px rgba(255, 75, 90, 0.5);\n -webkit-box-shadow: 0 10px 30px 0px rgba(255, 75, 90, 0.5);\n -o-box-shadow: 0 10px 30px 0px rgba(255, 75, 90, 0.5);\n -ms-box-shadow: 0 10px 30px 0px rgba(255, 75, 90, 0.5);\n}\n.WM-Btn-SM {\n min-width: 50px;\n padding: 0 10px;\n}\n.WM-Btn-SM i {\n margin-left: 0px;\n}\n.WM-Btn-XS {\n min-width: 40px;\n padding: 0 10px;\n line-height: 1 !important;\n height: 40px !important;\n}\n.WM-Btn-XS i {\n margin-left: 0px;\n}\n\n/* .WM-Btn:hover i {\n -webkit-transform: translateX(10px);\n -moz-transform: translateX(10px);\n -ms-transform: translateX(10px);\n -o-transform: translateX(10px);\n transform: translateX(10px);\n} */\n/* --------------------------------------------------------\n Headers :: Begin\n-------------------------------------------------------- */\n.WM-SH-Container {\n width: 100%;\n position: relative;\n text-align: right;\n}\n.WM-SH-TextFa {\n margin-bottom: 15px;\n font-size: 25px;\n color: #000;\n}\n.WM-SH-Line {\n width: 100%;\n height: 1px;\n background-color: #000;\n overflow: hidden;\n}\n.WM-SH-TextEn-Container {\n top: -12px;\n position: relative;\n display: inline-block;\n z-index: 14;\n overflow: visible;\n padding: 0 0px;\n background-color: #fff;\n}\n.WM-SH-TextEn {\n background-color: #000;\n padding: 5px 20px 5px 20px;\n color: #fff;\n z-index: 9;\n overflow: visible;\n font-size: 14px;\n margin: 0px 0px 0px 20px;\n border-radius: 3px;\n}\n.WM-SH-Description {\n margin-top: -7px;\n font-size: 14px;\n}\n\n/* --------------------------------------------------------\n Links :: Begin\n-------------------------------------------------------- */\n.WM-Link {\n display: inline-block;\n color: #000;\n direction: rtl;\n text-decoration: none;\n}\n.WM-Link::after {\n content: \"\";\n display: block;\n width: 0;\n height: 2px;\n background: #000;\n transition: width 0.3s;\n margin-top: 2px;\n}\n.WM-Link:hover::after, .WM-Link.WM-Selected::after {\n width: 100%;\n}\n.WM-Link-Red:hover, .WM-Link-Red.WM-Selected {\n color: #ee3552 !important;\n}\n.WM-Link-Red::after {\n background: #ee3552;\n}\n.WM-Link-Green:hover, .WM-Link-Green.WM-Selected {\n color: #32c5d2 !important;\n}\n.WM-Link-Green::after {\n background: #32c5d2;\n}\n.WM-Link-Dark:hover, .WM-Link-Dark.WM-Selected {\n color: #000 !important;\n}\n.WM-Link-Dark::after {\n background: #000;\n}\n.WM-Link-Purple:hover, .WM-Link-Purple.WM-Selected {\n color: #ac3773 !important;\n}\n.WM-Link-Purple::after {\n background: #ac3773;\n}\n.WM-Link-Orange:hover, .WM-Link-Orange.WM-Selected {\n color: #FF6B57 !important;\n}\n.WM-Link-Orange::after {\n background: #FF6B57;\n}\n\n/* --------------------------------------------------------\n Colors :: Begin\n-------------------------------------------------------- */\n/* ---------------------------AutoMatic Generate--------------------------- */\n.WM-BG-Red, .WM-Link-Red::after, .WM-Input.WM-Red + .WM-Input100-Focus::before {\n background-color: #ee3552;\n color: #fff;\n}\n.WM-Color-Red, .WM-Link-Red:hover, .WM-Link-Red.WM-Selected, .WM-Link-Red.WM-Active {\n color: #ee3552;\n}\n.WM-Border-Red, .WM-Hover-Red:hover {\n border-color: #ee3552 !important;\n}\n.WM-BG-Orange, .WM-Link-Orange::after, .WM-Input.WM-Orange + .WM-Input100-Focus::before {\n background-color: #FF6B57;\n color: #fff;\n}\n.WM-Color-Orange, .WM-Link-Orange:hover, .WM-Link-Orange.WM-Selected, .WM-Link-Orange.WM-Active {\n color: #FF6B57;\n}\n.WM-Border-Orange, .WM-Hover-Orange:hover {\n border-color: #FF6B57 !important;\n}\n.WM-BG-Yellow, .WM-Link-Yellow::after, .WM-Input.WM-Yellow + .WM-Input100-Focus::before {\n background-color: #ffd63a;\n color: #fff;\n}\n.WM-Color-Yellow, .WM-Link-Yellow:hover, .WM-Link-Yellow.WM-Selected, .WM-Link-Yellow.WM-Active {\n color: #ffd63a;\n}\n.WM-Border-Yellow, .WM-Hover-Yellow:hover {\n border-color: #ffd63a;\n}\n.WM-BG-Gold, .WM-Link-Gold::after, .WM-Input.WM-Gold + .WM-Input100-Focus::before {\n background-color: #ddcfbb;\n color: #fff;\n}\n.WM-Color-Gold, .WM-Link-Gold:hover, .WM-Link-Gold.WM-Selected, .WM-Link-Gold.WM-Active {\n color: #ddcfbb;\n}\n.WM-Border-Gold, .WM-Hover-Gold:hover {\n border-color: #ddcfbb;\n}\n.WM-BG-Purple, .WM-Link-Purple::after, .WM-Input.WM-Purple + .WM-Input100-Focus::before {\n background-color: #ac3773;\n color: #fff;\n}\n.WM-Color-Purple, .WM-Link-Purple:hover, .WM-Link-Purple.WM-Selected, .WM-Link-Purple.WM-Active {\n color: #ac3773;\n}\n.WM-Border-Purple, .WM-Hover-Purple:hover {\n border-color: #ac3773 !important;\n}\n.WM-BG-Blue, .WM-Link-Blue::after, .WM-Input.WM-Blue + .WM-Input100-Focus::before {\n background-color: #3498DB;\n color: #fff;\n}\n.WM-Color-Blue, .WM-Link-Blue:hover, .WM-Link-Blue.WM-Selected, .WM-Link-Blue.WM-Active {\n color: #3498DB;\n}\n.WM-Border-Blue, .WM-Hover-Blue:hover {\n border-color: #3498DB !important;\n}\n.WM-BG-Green, .WM-Link-Green::after, .WM-Input.WM-Green + .WM-Input100-Focus::before {\n background-color: #0d7e00;\n color: #fff;\n}\n.WM-Color-Green, .WM-Link-Green:hover, .WM-Link-Green.WM-Selected, .WM-Link-Green.WM-Active {\n color: #0d7e00;\n}\n.WM-Border-Green, .WM-Hover-Green:hover {\n border-color: #0d7e00;\n}\n.WM-BG-Cyan, .WM-Link-Cyan::after, .WM-Input.WM-Cyan + .WM-Input100-Focus::before {\n background-color: #32c5d2;\n color: #fff;\n}\n.WM-Color-Cyan, .WM-Link-Cyan:hover, .WM-Link-Cyan.WM-Selected, .WM-Link-Cyan.WM-Active {\n color: #32c5d2;\n}\n.WM-Border-Cyan, .WM-Hover-Cyan:hover {\n border-color: #32c5d2;\n}\n.WM-BG-LightGray, .WM-Link-LightGray::after, .WM-Input.WM-LightGray + .WM-Input100-Focus::before {\n background-color: #e6e6e6;\n color: #fff;\n}\n.WM-Color-LightGray, .WM-Link-LightGray:hover, .WM-Link-LightGray.WM-Selected, .WM-Link-LightGray.WM-Active {\n color: #e6e6e6;\n}\n.WM-Border-LightGray, .WM-Hover-LightGray:hover {\n border-color: #e6e6e6;\n}\n.WM-BG-Gray, .WM-Link-Gray::after, .WM-Input.WM-Gray + .WM-Input100-Focus::before {\n background-color: #797979;\n color: #fff;\n}\n.WM-Color-Gray, .WM-Link-Gray:hover, .WM-Link-Gray.WM-Selected, .WM-Link-Gray.WM-Active {\n color: #797979;\n}\n.WM-Border-Gray, .WM-Hover-Gray:hover {\n border-color: #797979 !important;\n}\n.WM-BG-Dark, .WM-Link-Dark::after, .WM-Input.WM-Dark + .WM-Input100-Focus::before {\n background-color: #2f353b;\n color: #fff;\n}\n.WM-Color-Dark, .WM-Link-Dark:hover, .WM-Link-Dark.WM-Selected, .WM-Link-Dark.WM-Active {\n color: #2f353b;\n}\n.WM-Border-Dark, .WM-Hover-Dark:hover {\n border-color: #2f353b;\n}\n.WM-BG-Black, .WM-Link-Black::after, .WM-Input.WM-Black + .WM-Input100-Focus::before {\n background-color: #2f353b;\n color: #fff;\n}\n.WM-Color-Black, .WM-Link-Black:hover, .WM-Link-Black.WM-Selected, .WM-Link-Black.WM-Active {\n color: #2f353b;\n}\n.WM-Border-Black, .WM-Hover-Black:hover {\n border-color: #2f353b !important;\n}\n.WM-BG-White, .WM-Link-White::after, .WM-Input.WM-White + .WM-Input100-Focus::before {\n background-color: #fff;\n color: #fff;\n}\n.WM-Color-White, .WM-Link-White:hover, .WM-Link-White.WM-Selected, .WM-Link-White.WM-Active {\n color: #fff;\n}\n.WM-Border-White, .WM-Hover-White:hover {\n border-color: #fff;\n}\n\n/* ---------------------------AutoMatic Generate--------------------------- */\n.WM-BG-LightGray, .WM-BG-Gold {\n color: #000 !important;\n}\n\n/* --------------------------------------------------------\n Hover :: Grayscale\n-------------------------------------------------------- */\n.WM-CategoryItem {\n display: block;\n overflow: hidden;\n position: relative;\n}\n.WM-Hover-Grayscale {\n cursor: pointer;\n -webkit-transition: all 1s ease !important;\n -moz-transition: all 1s ease !important;\n -o-transition: all 1s ease !important;\n -ms-transition: all 1s ease !important;\n transition: all 1s ease !important;\n}\n.WM-Hover-Grayscale:hover {\n -webkit-filter: grayscale(100%) !important;\n}\n\n/* Remove in 1.2 */\n.v-datatable thead th.column.sortable i {\n vertical-align: unset;\n}", ""]); @@ -8622,7 +8624,7 @@ exports.push([module.i, "/*!\n* Vuetify v1.5.11\n* Forged by John Leider\n* Rele exports = module.exports = __webpack_require__(/*! ../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js")(false); // Module -exports.push([module.i, "\n#core-footer {\n z-index: 0;\n}\n", ""]); +exports.push([module.i, "\n#core-footer {\r\n z-index: 0;\n}\r\n", ""]); @@ -8652,7 +8654,7 @@ exports.push([module.i, "\n#core-toolbar a {\n text-decoration: none;\n}\n.Poin exports = module.exports = __webpack_require__(/*! ../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js")(false); // Module -exports.push([module.i, "\n#core-view {\n padding-bottom: 100px;\n}\n", ""]); +exports.push([module.i, "\n#core-view {\r\n padding-bottom: 100px;\n}\r\n", ""]); @@ -8667,7 +8669,7 @@ exports.push([module.i, "\n#core-view {\n padding-bottom: 100px;\n}\n", ""]); exports = module.exports = __webpack_require__(/*! ../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js")(false); // Module -exports.push([module.i, "\n.v-offset {\n margin: 0 auto;\n max-width: calc(100% - 32px);\n position: relative;\n}\n.v-offset--full-width {\n max-width: 100%;\n}\n", ""]); +exports.push([module.i, "\n.v-offset {\r\n margin: 0 auto;\r\n max-width: calc(100% - 32px);\r\n position: relative;\n}\n.v-offset--full-width {\r\n max-width: 100%;\n}\r\n", ""]); @@ -8682,7 +8684,7 @@ exports.push([module.i, "\n.v-offset {\n margin: 0 auto;\n max-width: calc(100 exports = module.exports = __webpack_require__(/*! ../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js")(false); // Module -exports.push([module.i, "\n.v-alert--notification {\n border-radius: 4px !important;\n border-top: none !important;\n}\n", ""]); +exports.push([module.i, "\n.v-alert--notification {\r\n border-radius: 4px !important;\r\n border-top: none !important;\n}\r\n", ""]); @@ -16701,17 +16703,6 @@ var render = function() { "v-flex", { attrs: { "align-center": "", layout: "", "py-2": "" } }, [ - _vm.responsiveInput - ? _c("v-text-field", { - staticClass: "mr-4 mt-2 purple-input", - attrs: { - label: "Search...", - "hide-details": "", - color: "purple" - } - }) - : _vm._e(), - _vm._v(" "), _c( "v-menu", { @@ -16724,37 +16715,6 @@ var render = function() { } }, [ - _c( - "router-link", - { - directives: [{ name: "ripple", rawName: "v-ripple" }], - staticClass: "toolbar-items", - attrs: { slot: "activator", to: "/notifications" }, - slot: "activator" - }, - [ - _c( - "v-badge", - { attrs: { color: "error", overlap: "" } }, - [ - _c("template", { slot: "badge" }, [ - _vm._v( - "\n " + - _vm._s(_vm.notifications.length) + - "\n " - ) - ]), - _vm._v(" "), - _c("v-icon", { attrs: { color: "tertiary" } }, [ - _vm._v("mdi-bell") - ]) - ], - 2 - ) - ], - 1 - ), - _vm._v(" "), _c( "v-card", [ @@ -16787,7 +16747,7 @@ var render = function() { { directives: [{ name: "ripple", rawName: "v-ripple" }], staticClass: "toolbar-items", - attrs: { to: "/user-profile" } + attrs: { to: { name: "MyInfo" } } }, [ _c("v-icon", { attrs: { color: "tertiary" } }, [ @@ -17022,9 +16982,11 @@ var render = function() { { class: _vm.aligntext, attrs: { "primary-text": "" } }, [ _c("div", [ - _c("div", { staticClass: "headline " }, [ - _vm._v(_vm._s(_vm.title)) - ]), + _c( + "div", + { staticClass: "headline WM-NoLetterSpacing-7" }, + [_vm._v(_vm._s(_vm.title))] + ), _vm._v(" "), _c( "div", @@ -17629,9 +17591,14 @@ var render = function() { _vm._v("Auto Clave Id :") ]), _vm._v(" "), - _c("span", { staticClass: "headline ml-2" }, [ - _vm._v(_vm._s(_vm.data.autoclave_id)) - ]) + _c( + "span", + { + staticClass: "headline ml-2", + staticStyle: { "letter-spacing": "0 !important" } + }, + [_vm._v(_vm._s(_vm.data.autoclave_id))] + ) ]) ]), _vm._v(" "), @@ -17650,9 +17617,14 @@ var render = function() { [_vm._v("fas fa-check")] ), _vm._v(" "), - _c("span", { staticClass: "headline ml-1" }, [ - _vm._v(_vm._s(_vm.data.result)) - ]) + _c( + "span", + { + staticClass: "headline ml-1", + staticStyle: { "letter-spacing": "0 !important" } + }, + [_vm._v(_vm._s(_vm.data.result))] + ) ], 1 ) @@ -17673,9 +17645,14 @@ var render = function() { [_vm._v("fas fa-times")] ), _vm._v(" "), - _c("span", { staticClass: "headline ml-1" }, [ - _vm._v(_vm._s(_vm.data.verified)) - ]) + _c( + "span", + { + staticClass: "headline ml-1", + staticStyle: { "letter-spacing": "0 !important" } + }, + [_vm._v(_vm._s(_vm.data.verified))] + ) ], 1 ) @@ -17687,9 +17664,14 @@ var render = function() { _vm._v("Register User :") ]), _vm._v(" "), - _c("span", { staticClass: "headline ml-2" }, [ - _vm._v(_vm._s(_vm.data.user.name)) - ]) + _c( + "span", + { + staticClass: "headline ml-2", + staticStyle: { "letter-spacing": "0 !important" } + }, + [_vm._v(_vm._s(_vm.data.user.name))] + ) ]) ]) ], @@ -17729,9 +17711,16 @@ var render = function() { _vm._v(_vm._s(keyInputs) + " :") ]), _vm._v(" "), - _c("span", { staticClass: "headline ml-2" }, [ - _vm._v(_vm._s(inputData)) - ]) + _c( + "span", + { + staticClass: "headline ml-2", + staticStyle: { + "letter-spacing": "0 !important" + } + }, + [_vm._v(_vm._s(inputData))] + ) ] ) }) @@ -17756,7 +17745,13 @@ var render = function() { _vm._l(optionData, function(data, dataKey) { return _c( "span", - { key: dataKey, staticClass: "headline ml-2" }, + { + key: dataKey, + staticClass: "headline ml-2", + staticStyle: { + "letter-spacing": "0 !important" + } + }, [_vm._v(_vm._s(data) + ",")] ) }) @@ -17798,7 +17793,10 @@ var render = function() { "span", { key: dataKey, - staticClass: "headline ml-2" + staticClass: "headline ml-2", + staticStyle: { + "letter-spacing": "0 !important" + } }, [_vm._v(_vm._s(data) + ",")] ) @@ -63927,7 +63925,7 @@ var UserService = { }, auth: { username: "2", - password: "r46iu0QJFTrC30H0fEoBbxTGmbJQjjOlSQYFYS7w" + password: "g0Km7WE818LAymknK7g7eWpdKIVYqHUytHtynUDt" } }; _context.prev = 1; @@ -63987,7 +63985,7 @@ var UserService = { }, auth: { username: "2", - password: "r46iu0QJFTrC30H0fEoBbxTGmbJQjjOlSQYFYS7w" + password: "g0Km7WE818LAymknK7g7eWpdKIVYqHUytHtynUDt" } }; _context2.prev = 2; @@ -65247,7 +65245,7 @@ module.exports = webpackAsyncContext; /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { -module.exports = __webpack_require__(/*! /home/saeid/Projects/Git/CSSD/resources/js/vue/main.js */"./resources/js/vue/main.js"); +module.exports = __webpack_require__(/*! E:\Shokouhi\Projects\Git\Laravel_CSSD\resources\js\vue\main.js */"./resources/js/vue/main.js"); /***/ }) diff --git a/public/js/vue/chunks/1.js b/public/js/vue/chunks/1.js index 1aef3bc2..dde8e940 100644 --- a/public/js/vue/chunks/1.js +++ b/public/js/vue/chunks/1.js @@ -101,6 +101,8 @@ function _asyncToGenerator(fn) { return function () { var self = this, args = ar // // // +// +// @@ -265,7 +267,7 @@ function _asyncToGenerator(fn) { return function () { var self = this, args = ar exports = module.exports = __webpack_require__(/*! ../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js")(false); // Module -exports.push([module.i, "\n.small {\n max-width: 600px;\n margin: 150px auto;\n}\n.v-btn--floating {\n padding: 0!important;\n}\n.theme--light.v-btn {\n color: rgba(0,0,0,.87)!important;\n}\n.v-btn--floating, .v-btn--icon:before {\n border-radius: 50%!important;\n}\n", ""]); +exports.push([module.i, "\n.small {\r\n max-width: 600px;\r\n margin: 150px auto;\n}\n.v-btn--floating {\r\n padding: 0!important;\n}\n.theme--light.v-btn.v-btn--flat {\r\n color: rgba(0,0,0,.87)!important;\n}\n.v-btn--floating, .v-btn--icon:before {\r\n border-radius: 50%!important;\n}\r\n", ""]); @@ -814,6 +816,7 @@ var render = function() { _vm._v(" "), _c("v-date-picker", { attrs: { + color: "pink", "no-title": "", "date-format": function(date) { return new Date(date).toDateString() @@ -874,6 +877,7 @@ var render = function() { _vm._v(" "), _c("v-date-picker", { attrs: { + color: "pink", "no-title": "", "date-format": function(date) { return new Date(date).toDateString() diff --git a/public/js/vue/chunks/18.js b/public/js/vue/chunks/18.js index a6c081b9..63155cd5 100644 --- a/public/js/vue/chunks/18.js +++ b/public/js/vue/chunks/18.js @@ -178,6 +178,7 @@ function _asyncToGenerator(fn) { return function () { var self = this, args = ar // // // +// /* harmony default export */ __webpack_exports__["default"] = ({ @@ -589,9 +590,27 @@ var render = function() { !_vm.image ? _c("div", [ _c("input", { + staticClass: "inputfile", attrs: { type: "file" }, on: { change: _vm.onFileChange } - }) + }), + _vm._v(" "), + _c( + "label", + { attrs: { for: "file" } }, + [ + _c( + "v-icon", + { + staticClass: + "v-icon greylighten-3--text mr-2 caption IconHover" + }, + [_vm._v("fas fa-chevron-right")] + ), + _vm._v("Choose a file") + ], + 1 + ) ]) : _c("div", [ _c("img", { diff --git a/public/js/vue/chunks/2.js b/public/js/vue/chunks/2.js index dc641e54..588c234b 100644 --- a/public/js/vue/chunks/2.js +++ b/public/js/vue/chunks/2.js @@ -219,7 +219,7 @@ function _asyncToGenerator(fn) { return function () { var self = this, args = ar exports = module.exports = __webpack_require__(/*! ../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js")(false); // Module -exports.push([module.i, "\n.WM-ActionButton[data-v-1346f0a2] {\n padding: 8px 22px;\n}\n", ""]); +exports.push([module.i, "\n.WM-ActionButton[data-v-1346f0a2] {\r\n padding: 8px 22px;\n}\r\n", ""]); @@ -405,7 +405,10 @@ var render = function() { return [ _c( "td", - { staticClass: "headline font-weight-light" }, + { + staticClass: + "headline font-weight-light WM-NoLetterSpacing" + }, [_vm._v(_vm._s(item.name))] ), _vm._v(" "), diff --git a/public/js/vue/chunks/20.js b/public/js/vue/chunks/20.js index 0bc68987..15363062 100644 --- a/public/js/vue/chunks/20.js +++ b/public/js/vue/chunks/20.js @@ -683,7 +683,12 @@ var render = function() { { staticClass: "text-xs-center" }, [ _c("v-pagination", { - attrs: { length: _vm.lastPage, "total-visible": 6 }, + attrs: { + color: "black", + circle: "", + length: _vm.lastPage, + "total-visible": 6 + }, model: { value: _vm.currentPage, callback: function($$v) { diff --git a/public/js/vue/chunks/3.js b/public/js/vue/chunks/3.js index 576f8a9d..96b0181d 100644 --- a/public/js/vue/chunks/3.js +++ b/public/js/vue/chunks/3.js @@ -210,7 +210,7 @@ __webpack_require__.r(__webpack_exports__); exports = module.exports = __webpack_require__(/*! ../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js")(false); // Module -exports.push([module.i, "\n.WM-Border[data-v-7eb32e4a] {\n border: 1px solid;\n}\n.WM-Border-Black[data-v-7eb32e4a] {\n border-color: #2f353b !important;\n}\n.WM-Border-Gray[data-v-7eb32e4a] {\n border-color: #aaa !important;\n}\n.WM-Color-LightGrey[data-v-7eb32e4a] {\n background-color : #F5F5F5;\n}\n.WM-Relative[data-v-7eb32e4a] {\n position: relative;\n}\n.v-btn--top.v-btn--absolute.v-btn--small[data-v-7eb32e4a] {\n top: -25px !important;\n}\n", ""]); +exports.push([module.i, "\n.WM-Border[data-v-7eb32e4a] {\r\n border: 1px solid;\n}\n.WM-Border-Black[data-v-7eb32e4a] {\r\n border-color: #2f353b !important;\n}\n.WM-Border-Gray[data-v-7eb32e4a] {\r\n border-color: #aaa !important;\n}\n.WM-Color-LightGrey[data-v-7eb32e4a] {\r\n background-color : #F5F5F5;\n}\n.WM-Relative[data-v-7eb32e4a] {\r\n position: relative;\n}\n.v-btn--top.v-btn--absolute.v-btn--small[data-v-7eb32e4a] {\r\n top: -25px !important;\n}\r\n", ""]); diff --git a/public/js/vue/chunks/5.js b/public/js/vue/chunks/5.js index 7a74e0ed..6ebf6f04 100644 --- a/public/js/vue/chunks/5.js +++ b/public/js/vue/chunks/5.js @@ -562,7 +562,7 @@ function _asyncToGenerator(fn) { return function () { var self = this, args = ar exports = module.exports = __webpack_require__(/*! ../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js")(false); // Module -exports.push([module.i, "\n.WM-Border-Gray[data-v-5cc5a650] {\n border-color: #aaa !important;\n}\n.WM-Color-LightGrey[data-v-5cc5a650] {\n background-color: #f5f5f5;\n}\n.v-btn--top.v-btn--absolute.v-btn--small[data-v-5cc5a650] {\n top: -25px !important;\n}\n.v-btn--bottom.v-btn--absolute.v-btn--small[data-v-5cc5a650] {\n bottom: -24px !important;\n}\n", ""]); +exports.push([module.i, "\n.WM-Border-Gray[data-v-5cc5a650] {\r\n border-color: #aaa !important;\n}\n.WM-Color-LightGrey[data-v-5cc5a650] {\r\n background-color: #f5f5f5;\n}\n.v-btn--top.v-btn--absolute.v-btn--small[data-v-5cc5a650] {\r\n top: -25px !important;\n}\n.v-btn--bottom.v-btn--absolute.v-btn--small[data-v-5cc5a650] {\r\n bottom: -24px !important;\n}\r\n", ""]); diff --git a/public/js/vue/chunks/6.js b/public/js/vue/chunks/6.js index da706708..46caf1cd 100644 --- a/public/js/vue/chunks/6.js +++ b/public/js/vue/chunks/6.js @@ -271,7 +271,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope exports = module.exports = __webpack_require__(/*! ../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js")(false); // Module -exports.push([module.i, "\n.WM-ActionButton[data-v-b1f1b72e] {\n padding: 8px 22px;\n}\n", ""]); +exports.push([module.i, "\n.WM-ActionButton[data-v-b1f1b72e] {\r\n padding: 8px 22px;\n}\r\n", ""]); diff --git a/public/js/vue/chunks/7.js b/public/js/vue/chunks/7.js index 7b0ddbf1..53d0ec6f 100644 --- a/public/js/vue/chunks/7.js +++ b/public/js/vue/chunks/7.js @@ -9,7 +9,7 @@ exports = module.exports = __webpack_require__(/*! ../../../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js")(false); // Module -exports.push([module.i, "\n.mapouter {\n text-align:right;\n height:100%;\n width:100%;\n position: absolute;\n}\n.gmap_canvas {\n overflow:hidden;\n background:none!important;\n height:100%;\n width:100%;\n}\n", ""]); +exports.push([module.i, "\n.mapouter {\r\n text-align:right;\r\n height:100%;\r\n width:100%;\r\n position: absolute;\n}\n.gmap_canvas {\r\n overflow:hidden;\r\n background:none!important;\r\n height:100%;\r\n width:100%;\n}\r\n", ""]); diff --git a/public/mix-manifest.json b/public/mix-manifest.json index ea81b120..4a229e12 100644 --- a/public/mix-manifest.json +++ b/public/mix-manifest.json @@ -1,3 +1,3 @@ { - "/js/vue/app.js": "/js/vue/app.js?id=0f184de07733875457f3" + "/js/vue/app.js": "/js/vue/app.js?id=460a5247c74265563e31" } diff --git a/resources/js/vue/components/core/Toolbar.vue b/resources/js/vue/components/core/Toolbar.vue index 452dab75..7c1aa13f 100644 --- a/resources/js/vue/components/core/Toolbar.vue +++ b/resources/js/vue/components/core/Toolbar.vue @@ -30,13 +30,13 @@ layout py-2 > - + /> --> - mdi-bell - + --> mdi-account diff --git a/resources/js/vue/components/material/Cards.vue b/resources/js/vue/components/material/Cards.vue index 56629840..53ba0f74 100644 --- a/resources/js/vue/components/material/Cards.vue +++ b/resources/js/vue/components/material/Cards.vue @@ -5,7 +5,7 @@
-
{{title}}
+
{{title}}
{{text}}
diff --git a/resources/js/vue/components/modal/testresult/Show.vue b/resources/js/vue/components/modal/testresult/Show.vue index c5f3d563..edd3f2e9 100644 --- a/resources/js/vue/components/modal/testresult/Show.vue +++ b/resources/js/vue/components/modal/testresult/Show.vue @@ -11,27 +11,27 @@
Auto Clave Id : - {{ data.autoclave_id }} + {{ data.autoclave_id }}
Result : fas fa-check - {{ data.result }} + {{ data.result }}
verify : fas fa-times - {{ data.verified }} + {{ data.verified }}
Register User : - {{ data.user.name }} + {{ data.user.name }}
@@ -51,7 +51,7 @@ :key="keyInputs" > {{keyInputs}} : - {{inputData}} + {{inputData}}