diff --git a/app/Http/Controllers/TestResultController.php b/app/Http/Controllers/TestResultController.php
index a55fafc3..d5970f8e 100644
--- a/app/Http/Controllers/TestResultController.php
+++ b/app/Http/Controllers/TestResultController.php
@@ -10,8 +10,11 @@ use App\InputValue;
 use App\Input;
 use App\Gallery;
 use App\Uploadable;
+use App\MedicalCenter;
 use Intervention\Image\ImageManagerStatic as Image;
 use Illuminate\Support\Facades\Storage;
+use App\TestType;
+use App\User;
 
 class TestResultController extends Controller
 {
@@ -185,10 +188,10 @@ class TestResultController extends Controller
           $input = $value->input;
           if ($input->type == 'Checkbox' || $input->type == 'Select') {
               $input_options = InputValue::where('test_result_id', $TestResult->id)->where('input_id', $input->id)->get()->pluck('option_id')->toArray();
-              $TestResult[$input->id] = $input_options;
+              $TestResult[$input->name] = $input_options;
           }
           else {
-              $TestResult[$input->id] = $value->value;
+              $TestResult[$input->name] = $value->value;
           }
         }
         if (count($TestResult->TitleImage)) {
@@ -331,4 +334,14 @@ class TestResultController extends Controller
         return \MessageResponse::success(trans('messages.success'), null, $TestResult);
     }
 
+    public function listFilterItems()
+    {
+        $MedicalCenter = MedicalCenter::select('name', 'id')->get()->toArray();
+        $TestType = TestType::select('name', 'id')->get()->toArray();
+        return \MessageResponse::data([
+            'MedicalCenters' => $MedicalCenter, 
+            'TestTypes' => $TestType
+            ]);
+    }
+
 }
diff --git a/public/js/vue/app.js b/public/js/vue/app.js
index f2585244..e377cb77 100644
--- a/public/js/vue/app.js
+++ b/public/js/vue/app.js
@@ -8366,7 +8366,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  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.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  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}", ""]);
 
 
 
@@ -8622,7 +8622,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 {\r\n  z-index: 0;\n}\r\n", ""]);
+exports.push([module.i, "\n#core-footer {\n  z-index: 0;\n}\n", ""]);
 
 
 
@@ -63064,6 +63064,7 @@ var urls = {
 
     return "/TestResults?page=" + page;
   },
+  listFilterItemsTestResult: "/TestResults/ListFilterItems",
   verifyTestResult: function verifyTestResult(id) {
     return "/TestResults/Verify/".concat(id);
   },
@@ -65189,8 +65190,8 @@ var map = {
 	],
 	"./Statistics/Chart.vue": [
 		"./resources/js/vue/views/Statistics/Chart.vue",
-		23,
-		24
+		0,
+		1
 	],
 	"./TestResult/AddEdit.vue": [
 		"./resources/js/vue/views/TestResult/AddEdit.vue",
@@ -65246,7 +65247,7 @@ module.exports = webpackAsyncContext;
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-module.exports = __webpack_require__(/*! D:\Atom\Git\CSSD\resources\js\vue\main.js */"./resources/js/vue/main.js");
+module.exports = __webpack_require__(/*! /home/saeid/Projects/Git/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 bf20c8c8..1aef3bc2 100644
--- a/public/js/vue/chunks/1.js
+++ b/public/js/vue/chunks/1.js
@@ -1,15 +1,99 @@
 (window["webpackJsonp"] = window["webpackJsonp"] || []).push([[1],{
 
-/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Statistics/Cahrt.vue?vue&type=script&lang=js&":
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Statistics/Chart.vue?vue&type=script&lang=js&":
 /*!**************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/Statistics/Cahrt.vue?vue&type=script&lang=js& ***!
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/Statistics/Chart.vue?vue&type=script&lang=js& ***!
   \**************************************************************************************************************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _LineChart_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./LineChart.js */ "./resources/js/vue/views/Statistics/LineChart.js");
+/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/regenerator */ "./node_modules/@babel/runtime/regenerator/index.js");
+/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _plugins_chart_BarChart_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/plugins/chart/BarChart.js */ "./resources/js/vue/plugins/chart/BarChart.js");
+/* harmony import */ var _plugins_chart_PieChart_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/plugins/chart/PieChart.js */ "./resources/js/vue/plugins/chart/PieChart.js");
+/* harmony import */ var _services__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/services */ "./resources/js/vue/services/index.js");
+/* harmony import */ var _config_urls__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @/config/urls */ "./resources/js/vue/config/urls.js");
+
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 //
 //
 //
@@ -18,51 +102,170 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 
+
+
+
 /* harmony default export */ __webpack_exports__["default"] = ({
   components: {
-    LineChart: _LineChart_js__WEBPACK_IMPORTED_MODULE_0__["default"]
+    BarChart: _plugins_chart_BarChart_js__WEBPACK_IMPORTED_MODULE_1__["default"],
+    PieChart: _plugins_chart_PieChart_js__WEBPACK_IMPORTED_MODULE_2__["default"]
   },
   data: function data() {
     return {
-      datacollection: null
+      datacollection: null,
+      fromMenu: '',
+      upToMenu: '',
+      verify: ['Verified', 'NotVerified'],
+      result: ['Accept', 'Failed'],
+      type: ['BarChart', 'PieChart'],
+      users: [],
+      medicalCenters: [],
+      testTypes: [],
+      form: {
+        medicalCenter: null,
+        user: null,
+        testType: null,
+        result: null,
+        verify: null,
+        type: 'PieChart',
+        fromPicker: '',
+        upToPicker: ''
+      },
+      chart: false
     };
   },
-  mounted: function mounted() {
-    this.fillData();
+  created: function created() {
+    this.load();
   },
   methods: {
-    fillData: function fillData() {
+    fillData: function fillData(options) {
       this.datacollection = {
-        labels: [this.getRandomInt(), this.getRandomInt()],
+        labels: options.labels,
+        // labels: [this.getRandomInt(), this.getRandomInt()],
         datasets: [{
-          label: 'Data One',
-          backgroundColor: '#f87979',
-          data: [this.getRandomInt(), this.getRandomInt()]
-        }, {
-          label: 'Data One',
-          backgroundColor: '#f87979',
-          data: [this.getRandomInt(), this.getRandomInt()]
+          label: "Data One",
+          backgroundColor: ["#f87979", "#ccc"],
+          data: options.data // data: [this.getRandomInt(), this.getRandomInt()],
+
         }]
       };
     },
-    getRandomInt: function getRandomInt() {
-      return Math.floor(Math.random() * (50 - 5 + 1)) + 5;
-    }
+    load: function () {
+      var _load = _asyncToGenerator(
+      /*#__PURE__*/
+      _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee() {
+        var result;
+        return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                _context.next = 2;
+                return _services__WEBPACK_IMPORTED_MODULE_3__["ApiService"].get(_config_urls__WEBPACK_IMPORTED_MODULE_4__["urls"].listFilterItemsTestResult);
+
+              case 2:
+                result = _context.sent;
+
+                if (result && result.status == 200) {
+                  this.medicalCenters = result.data.data.MedicalCenters;
+                  this.testTypes = result.data.data.TestTypes;
+                }
+
+              case 4:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee, this);
+      }));
+
+      function load() {
+        return _load.apply(this, arguments);
+      }
+
+      return load;
+    }(),
+    fillUsers: function () {
+      var _fillUsers = _asyncToGenerator(
+      /*#__PURE__*/
+      _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee2() {
+        var result;
+        return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.wrap(function _callee2$(_context2) {
+          while (1) {
+            switch (_context2.prev = _context2.next) {
+              case 0:
+                _context2.next = 2;
+                return _services__WEBPACK_IMPORTED_MODULE_3__["ApiService"].get(_config_urls__WEBPACK_IMPORTED_MODULE_4__["urls"].listOpertorMedicalCenter(this.form.medicalCenter));
+
+              case 2:
+                result = _context2.sent;
+
+                if (result && result.status == 200) {
+                  this.users = result.data.data.users;
+                }
+
+              case 4:
+              case "end":
+                return _context2.stop();
+            }
+          }
+        }, _callee2, this);
+      }));
+
+      function fillUsers() {
+        return _fillUsers.apply(this, arguments);
+      }
+
+      return fillUsers;
+    }(),
+    submitForm: function () {
+      var _submitForm = _asyncToGenerator(
+      /*#__PURE__*/
+      _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.mark(function _callee3() {
+        var result;
+        return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default.a.wrap(function _callee3$(_context3) {
+          while (1) {
+            switch (_context3.prev = _context3.next) {
+              case 0:
+                _context3.next = 2;
+                return _services__WEBPACK_IMPORTED_MODULE_3__["ApiService"].post(_config_urls__WEBPACK_IMPORTED_MODULE_4__["urls"].statistics, this.form);
+
+              case 2:
+                result = _context3.sent;
+
+                if (result && result.status == 200) {
+                  this.fillData(result.data.data);
+                  this.chart = true;
+                }
+
+              case 4:
+              case "end":
+                return _context3.stop();
+            }
+          }
+        }, _callee3, this);
+      }));
+
+      function submitForm() {
+        return _submitForm.apply(this, arguments);
+      }
+
+      return submitForm;
+    }()
   }
 });
 
 /***/ }),
 
-/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Statistics/Cahrt.vue?vue&type=style&index=0&lang=css&":
+/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Statistics/Chart.vue?vue&type=style&index=0&lang=css&":
 /*!*********************************************************************************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/css-loader/dist/cjs.js??ref--5-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--5-2!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/Statistics/Cahrt.vue?vue&type=style&index=0&lang=css& ***!
+  !*** ./node_modules/css-loader/dist/cjs.js??ref--5-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--5-2!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/Statistics/Chart.vue?vue&type=style&index=0&lang=css& ***!
   \*********************************************************************************************************************************************************************************************************************************************************************************************/
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
 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", ""]);
+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", ""]);
 
 
 
@@ -355,15 +558,15 @@ webpackContext.id = "./node_modules/moment/locale sync recursive ^\\.\\/.*$";
 
 /***/ }),
 
-/***/ "./node_modules/style-loader/index.js!./node_modules/css-loader/dist/cjs.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Statistics/Cahrt.vue?vue&type=style&index=0&lang=css&":
+/***/ "./node_modules/style-loader/index.js!./node_modules/css-loader/dist/cjs.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Statistics/Chart.vue?vue&type=style&index=0&lang=css&":
 /*!*************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/style-loader!./node_modules/css-loader/dist/cjs.js??ref--5-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--5-2!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/Statistics/Cahrt.vue?vue&type=style&index=0&lang=css& ***!
+  !*** ./node_modules/style-loader!./node_modules/css-loader/dist/cjs.js??ref--5-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--5-2!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/Statistics/Chart.vue?vue&type=style&index=0&lang=css& ***!
   \*************************************************************************************************************************************************************************************************************************************************************************************************************************/
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
 
-var content = __webpack_require__(/*! !../../../../../node_modules/css-loader/dist/cjs.js??ref--5-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src??ref--5-2!../../../../../node_modules/vue-loader/lib??vue-loader-options!./Cahrt.vue?vue&type=style&index=0&lang=css& */ "./node_modules/css-loader/dist/cjs.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Statistics/Cahrt.vue?vue&type=style&index=0&lang=css&");
+var content = __webpack_require__(/*! !../../../../../node_modules/css-loader/dist/cjs.js??ref--5-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src??ref--5-2!../../../../../node_modules/vue-loader/lib??vue-loader-options!./Chart.vue?vue&type=style&index=0&lang=css& */ "./node_modules/css-loader/dist/cjs.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Statistics/Chart.vue?vue&type=style&index=0&lang=css&");
 
 if(typeof content === 'string') content = [[module.i, content, '']];
 
@@ -385,9 +588,9 @@ if(false) {}
 
 /***/ }),
 
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Statistics/Cahrt.vue?vue&type=template&id=e8fa5870&":
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Statistics/Chart.vue?vue&type=template&id=1f4121cc&":
 /*!******************************************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/Statistics/Cahrt.vue?vue&type=template&id=e8fa5870& ***!
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/vue/views/Statistics/Chart.vue?vue&type=template&id=1f4121cc& ***!
   \******************************************************************************************************************************************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
@@ -402,21 +605,368 @@ var render = function() {
   var _c = _vm._self._c || _h
   return _c(
     "div",
-    { staticClass: "small" },
     [
-      _c("line-chart", { attrs: { "chart-data": _vm.datacollection } }),
-      _vm._v(" "),
       _c(
-        "button",
-        {
-          on: {
-            click: function($event) {
-              return _vm.fillData()
-            }
-          }
-        },
-        [_vm._v("Randomize")]
-      )
+        "v-form",
+        { ref: "form" },
+        [
+          _c(
+            "v-container",
+            { attrs: { "grid-list-xs": "" } },
+            [
+              _c(
+                "material-card",
+                { attrs: { color: "black", title: "Search Result" } },
+                [
+                  _c(
+                    "v-layout",
+                    {
+                      staticClass: "px-5 my-3",
+                      attrs: {
+                        "align-center": "",
+                        "justify-center": "",
+                        wrap: ""
+                      }
+                    },
+                    [
+                      _c(
+                        "v-flex",
+                        { attrs: { xs12: "", sm4: "", md4: "" } },
+                        [
+                          _c("v-autocomplete", {
+                            staticClass: "pa-2",
+                            attrs: {
+                              items: _vm.medicalCenters,
+                              "item-text": "name",
+                              "item-value": "id",
+                              label: "Hospital",
+                              color: "black"
+                            },
+                            on: { change: _vm.fillUsers },
+                            model: {
+                              value: _vm.form.medicalCenter,
+                              callback: function($$v) {
+                                _vm.$set(_vm.form, "medicalCenter", $$v)
+                              },
+                              expression: "form.medicalCenter"
+                            }
+                          })
+                        ],
+                        1
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "v-flex",
+                        { attrs: { xs12: "", sm4: "", md4: "" } },
+                        [
+                          _c("v-autocomplete", {
+                            staticClass: "pa-2",
+                            attrs: {
+                              items: _vm.users,
+                              "item-text": "name",
+                              "item-value": "id",
+                              label: "User",
+                              color: "black"
+                            },
+                            model: {
+                              value: _vm.form.user,
+                              callback: function($$v) {
+                                _vm.$set(_vm.form, "user", $$v)
+                              },
+                              expression: "form.user"
+                            }
+                          })
+                        ],
+                        1
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "v-flex",
+                        { attrs: { xs12: "", sm4: "", md4: "" } },
+                        [
+                          _c("v-autocomplete", {
+                            staticClass: "pa-2",
+                            attrs: {
+                              items: _vm.testTypes,
+                              "item-text": "name",
+                              "item-value": "id",
+                              label: "TestType",
+                              color: "black"
+                            },
+                            model: {
+                              value: _vm.form.testType,
+                              callback: function($$v) {
+                                _vm.$set(_vm.form, "testType", $$v)
+                              },
+                              expression: "form.testType"
+                            }
+                          })
+                        ],
+                        1
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "v-flex",
+                        { attrs: { xs12: "", sm4: "", md4: "" } },
+                        [
+                          _c("v-autocomplete", {
+                            staticClass: "pa-2",
+                            attrs: {
+                              items: _vm.result,
+                              label: "Result",
+                              color: "black"
+                            },
+                            model: {
+                              value: _vm.form.result,
+                              callback: function($$v) {
+                                _vm.$set(_vm.form, "result", $$v)
+                              },
+                              expression: "form.result"
+                            }
+                          })
+                        ],
+                        1
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "v-flex",
+                        { attrs: { xs12: "", sm4: "", md4: "" } },
+                        [
+                          _c("v-autocomplete", {
+                            staticClass: "pa-2",
+                            attrs: {
+                              items: _vm.verify,
+                              label: "Verify",
+                              color: "black"
+                            },
+                            model: {
+                              value: _vm.form.verify,
+                              callback: function($$v) {
+                                _vm.$set(_vm.form, "verify", $$v)
+                              },
+                              expression: "form.verify"
+                            }
+                          })
+                        ],
+                        1
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "v-flex",
+                        { attrs: { xs12: "", sm4: "", md4: "" } },
+                        [
+                          _c("v-autocomplete", {
+                            staticClass: "pa-2",
+                            attrs: {
+                              items: _vm.type,
+                              label: "Type",
+                              color: "black"
+                            },
+                            model: {
+                              value: _vm.form.type,
+                              callback: function($$v) {
+                                _vm.$set(_vm.form, "type", $$v)
+                              },
+                              expression: "form.type"
+                            }
+                          })
+                        ],
+                        1
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "v-flex",
+                        { attrs: { xs12: "", sm6: "", md5: "" } },
+                        [
+                          _c(
+                            "v-menu",
+                            {
+                              attrs: {
+                                lazy: "",
+                                "close-on-content-click": true,
+                                transition: "v-scale-transition",
+                                "offset-y": ""
+                              },
+                              model: {
+                                value: _vm.fromMenu,
+                                callback: function($$v) {
+                                  _vm.fromMenu = $$v
+                                },
+                                expression: "fromMenu"
+                              }
+                            },
+                            [
+                              _c("v-text-field", {
+                                attrs: {
+                                  slot: "activator",
+                                  required: "",
+                                  label: "FromDate"
+                                },
+                                slot: "activator",
+                                model: {
+                                  value: _vm.form.fromPicker,
+                                  callback: function($$v) {
+                                    _vm.$set(_vm.form, "fromPicker", $$v)
+                                  },
+                                  expression: "form.fromPicker"
+                                }
+                              }),
+                              _vm._v(" "),
+                              _c("v-date-picker", {
+                                attrs: {
+                                  "no-title": "",
+                                  "date-format": function(date) {
+                                    return new Date(date).toDateString()
+                                  }
+                                },
+                                model: {
+                                  value: _vm.form.fromPicker,
+                                  callback: function($$v) {
+                                    _vm.$set(_vm.form, "fromPicker", $$v)
+                                  },
+                                  expression: "form.fromPicker"
+                                }
+                              })
+                            ],
+                            1
+                          )
+                        ],
+                        1
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "v-flex",
+                        { attrs: { xs12: "", sm6: "", md5: "" } },
+                        [
+                          _c(
+                            "v-menu",
+                            {
+                              attrs: {
+                                lazy: "",
+                                "close-on-content-click": true,
+                                transition: "v-scale-transition",
+                                "offset-y": ""
+                              },
+                              model: {
+                                value: _vm.upToMenu,
+                                callback: function($$v) {
+                                  _vm.upToMenu = $$v
+                                },
+                                expression: "upToMenu"
+                              }
+                            },
+                            [
+                              _c("v-text-field", {
+                                attrs: {
+                                  slot: "activator",
+                                  required: "",
+                                  label: "UpToDate"
+                                },
+                                slot: "activator",
+                                model: {
+                                  value: _vm.form.upToPicker,
+                                  callback: function($$v) {
+                                    _vm.$set(_vm.form, "upToPicker", $$v)
+                                  },
+                                  expression: "form.upToPicker"
+                                }
+                              }),
+                              _vm._v(" "),
+                              _c("v-date-picker", {
+                                attrs: {
+                                  "no-title": "",
+                                  "date-format": function(date) {
+                                    return new Date(date).toDateString()
+                                  }
+                                },
+                                model: {
+                                  value: _vm.form.upToPicker,
+                                  callback: function($$v) {
+                                    _vm.$set(_vm.form, "upToPicker", $$v)
+                                  },
+                                  expression: "form.upToPicker"
+                                }
+                              })
+                            ],
+                            1
+                          )
+                        ],
+                        1
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "v-flex",
+                        {
+                          staticClass:
+                            "text-xs-center text-sm-center text-md-center",
+                          attrs: { xs12: "", md2: "", sm2: "" }
+                        },
+                        [
+                          _c(
+                            "v-btn",
+                            {
+                              staticClass:
+                                "WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black",
+                              staticStyle: { padding: "10px 60px" },
+                              on: { click: _vm.submitForm }
+                            },
+                            [
+                              _c(
+                                "v-icon",
+                                { staticClass: "black--text mr-2 caption" },
+                                [_vm._v("fas fa-chevron-right")]
+                              ),
+                              _vm._v(" "),
+                              _c("span", { staticClass: "black--text" }, [
+                                _vm._v("GO")
+                              ])
+                            ],
+                            1
+                          )
+                        ],
+                        1
+                      )
+                    ],
+                    1
+                  ),
+                  _vm._v(" "),
+                  !_vm.$route.params.testResult
+                    ? _c(
+                        "v-layout",
+                        {
+                          staticClass: "px-5 my-3",
+                          attrs: { row: "", wrap: "" }
+                        },
+                        [_c("v-divider")],
+                        1
+                      )
+                    : _vm._e()
+                ],
+                1
+              )
+            ],
+            1
+          )
+        ],
+        1
+      ),
+      _vm._v(" "),
+      _vm.chart
+        ? _c(
+            "div",
+            { staticClass: "small" },
+            [
+              _vm.form.type == "PieChart"
+                ? _c("pie-chart", {
+                    attrs: { "chart-data": _vm.datacollection }
+                  })
+                : _c("bar-chart", {
+                    attrs: { "chart-data": _vm.datacollection }
+                  })
+            ],
+            1
+          )
+        : _vm._e()
     ],
     1
   )
@@ -428,18 +978,68 @@ render._withStripped = true
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/Statistics/Cahrt.vue":
+/***/ "./resources/js/vue/plugins/chart/BarChart.js":
+/*!****************************************************!*\
+  !*** ./resources/js/vue/plugins/chart/BarChart.js ***!
+  \****************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var vue_chartjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue-chartjs */ "./node_modules/vue-chartjs/es/index.js");
+
+var reactiveProp = vue_chartjs__WEBPACK_IMPORTED_MODULE_0__["mixins"].reactiveProp;
+/* harmony default export */ __webpack_exports__["default"] = ({
+  extends: vue_chartjs__WEBPACK_IMPORTED_MODULE_0__["Bar"],
+  mixins: [reactiveProp],
+  props: ['options'],
+  mounted: function mounted() {
+    // this.chartData is created in the mixin.
+    // If you want to pass options please create a local options object
+    this.renderChart(this.chartData, this.options);
+  }
+});
+
+/***/ }),
+
+/***/ "./resources/js/vue/plugins/chart/PieChart.js":
+/*!****************************************************!*\
+  !*** ./resources/js/vue/plugins/chart/PieChart.js ***!
+  \****************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var vue_chartjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue-chartjs */ "./node_modules/vue-chartjs/es/index.js");
+
+var reactiveProp = vue_chartjs__WEBPACK_IMPORTED_MODULE_0__["mixins"].reactiveProp;
+/* harmony default export */ __webpack_exports__["default"] = ({
+  extends: vue_chartjs__WEBPACK_IMPORTED_MODULE_0__["Pie"],
+  mixins: [reactiveProp],
+  props: ['options'],
+  mounted: function mounted() {
+    // this.chartData is created in the mixin.
+    // If you want to pass options please create a local options object
+    this.renderChart(this.chartData, this.options);
+  }
+});
+
+/***/ }),
+
+/***/ "./resources/js/vue/views/Statistics/Chart.vue":
 /*!*****************************************************!*\
-  !*** ./resources/js/vue/views/Statistics/Cahrt.vue ***!
+  !*** ./resources/js/vue/views/Statistics/Chart.vue ***!
   \*****************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _Cahrt_vue_vue_type_template_id_e8fa5870___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Cahrt.vue?vue&type=template&id=e8fa5870& */ "./resources/js/vue/views/Statistics/Cahrt.vue?vue&type=template&id=e8fa5870&");
-/* harmony import */ var _Cahrt_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Cahrt.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/Statistics/Cahrt.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport *//* harmony import */ var _Cahrt_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Cahrt.vue?vue&type=style&index=0&lang=css& */ "./resources/js/vue/views/Statistics/Cahrt.vue?vue&type=style&index=0&lang=css&");
+/* harmony import */ var _Chart_vue_vue_type_template_id_1f4121cc___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Chart.vue?vue&type=template&id=1f4121cc& */ "./resources/js/vue/views/Statistics/Chart.vue?vue&type=template&id=1f4121cc&");
+/* harmony import */ var _Chart_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Chart.vue?vue&type=script&lang=js& */ "./resources/js/vue/views/Statistics/Chart.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _Chart_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Chart.vue?vue&type=style&index=0&lang=css& */ "./resources/js/vue/views/Statistics/Chart.vue?vue&type=style&index=0&lang=css&");
 /* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
 
 
@@ -450,9 +1050,9 @@ __webpack_require__.r(__webpack_exports__);
 /* normalize component */
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__["default"])(
-  _Cahrt_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _Cahrt_vue_vue_type_template_id_e8fa5870___WEBPACK_IMPORTED_MODULE_0__["render"],
-  _Cahrt_vue_vue_type_template_id_e8fa5870___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  _Chart_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _Chart_vue_vue_type_template_id_1f4121cc___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _Chart_vue_vue_type_template_id_1f4121cc___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
   false,
   null,
   null,
@@ -462,82 +1062,57 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
 
 /* hot reload */
 if (false) { var api; }
-component.options.__file = "resources/js/vue/views/Statistics/Cahrt.vue"
+component.options.__file = "resources/js/vue/views/Statistics/Chart.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/Statistics/Cahrt.vue?vue&type=script&lang=js&":
+/***/ "./resources/js/vue/views/Statistics/Chart.vue?vue&type=script&lang=js&":
 /*!******************************************************************************!*\
-  !*** ./resources/js/vue/views/Statistics/Cahrt.vue?vue&type=script&lang=js& ***!
+  !*** ./resources/js/vue/views/Statistics/Chart.vue?vue&type=script&lang=js& ***!
   \******************************************************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Cahrt_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./Cahrt.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Statistics/Cahrt.vue?vue&type=script&lang=js&");
-/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Cahrt_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Chart_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./Chart.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Statistics/Chart.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Chart_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/Statistics/Cahrt.vue?vue&type=style&index=0&lang=css&":
+/***/ "./resources/js/vue/views/Statistics/Chart.vue?vue&type=style&index=0&lang=css&":
 /*!**************************************************************************************!*\
-  !*** ./resources/js/vue/views/Statistics/Cahrt.vue?vue&type=style&index=0&lang=css& ***!
+  !*** ./resources/js/vue/views/Statistics/Chart.vue?vue&type=style&index=0&lang=css& ***!
   \**************************************************************************************/
 /*! no static exports found */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_dist_cjs_js_ref_5_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_5_2_node_modules_vue_loader_lib_index_js_vue_loader_options_Cahrt_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/style-loader!../../../../../node_modules/css-loader/dist/cjs.js??ref--5-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src??ref--5-2!../../../../../node_modules/vue-loader/lib??vue-loader-options!./Cahrt.vue?vue&type=style&index=0&lang=css& */ "./node_modules/style-loader/index.js!./node_modules/css-loader/dist/cjs.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Statistics/Cahrt.vue?vue&type=style&index=0&lang=css&");
-/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_dist_cjs_js_ref_5_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_5_2_node_modules_vue_loader_lib_index_js_vue_loader_options_Cahrt_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_index_js_node_modules_css_loader_dist_cjs_js_ref_5_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_5_2_node_modules_vue_loader_lib_index_js_vue_loader_options_Cahrt_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__);
-/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_style_loader_index_js_node_modules_css_loader_dist_cjs_js_ref_5_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_5_2_node_modules_vue_loader_lib_index_js_vue_loader_options_Cahrt_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__) if(__WEBPACK_IMPORT_KEY__ !== 'default') (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_style_loader_index_js_node_modules_css_loader_dist_cjs_js_ref_5_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_5_2_node_modules_vue_loader_lib_index_js_vue_loader_options_Cahrt_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
- /* harmony default export */ __webpack_exports__["default"] = (_node_modules_style_loader_index_js_node_modules_css_loader_dist_cjs_js_ref_5_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_5_2_node_modules_vue_loader_lib_index_js_vue_loader_options_Cahrt_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0___default.a); 
+/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_dist_cjs_js_ref_5_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_5_2_node_modules_vue_loader_lib_index_js_vue_loader_options_Chart_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/style-loader!../../../../../node_modules/css-loader/dist/cjs.js??ref--5-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src??ref--5-2!../../../../../node_modules/vue-loader/lib??vue-loader-options!./Chart.vue?vue&type=style&index=0&lang=css& */ "./node_modules/style-loader/index.js!./node_modules/css-loader/dist/cjs.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Statistics/Chart.vue?vue&type=style&index=0&lang=css&");
+/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_dist_cjs_js_ref_5_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_5_2_node_modules_vue_loader_lib_index_js_vue_loader_options_Chart_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_index_js_node_modules_css_loader_dist_cjs_js_ref_5_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_5_2_node_modules_vue_loader_lib_index_js_vue_loader_options_Chart_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__);
+/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_style_loader_index_js_node_modules_css_loader_dist_cjs_js_ref_5_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_5_2_node_modules_vue_loader_lib_index_js_vue_loader_options_Chart_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__) if(__WEBPACK_IMPORT_KEY__ !== 'default') (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_style_loader_index_js_node_modules_css_loader_dist_cjs_js_ref_5_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_5_2_node_modules_vue_loader_lib_index_js_vue_loader_options_Chart_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
+ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_style_loader_index_js_node_modules_css_loader_dist_cjs_js_ref_5_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_5_2_node_modules_vue_loader_lib_index_js_vue_loader_options_Chart_vue_vue_type_style_index_0_lang_css___WEBPACK_IMPORTED_MODULE_0___default.a); 
 
 /***/ }),
 
-/***/ "./resources/js/vue/views/Statistics/Cahrt.vue?vue&type=template&id=e8fa5870&":
+/***/ "./resources/js/vue/views/Statistics/Chart.vue?vue&type=template&id=1f4121cc&":
 /*!************************************************************************************!*\
-  !*** ./resources/js/vue/views/Statistics/Cahrt.vue?vue&type=template&id=e8fa5870& ***!
+  !*** ./resources/js/vue/views/Statistics/Chart.vue?vue&type=template&id=1f4121cc& ***!
   \************************************************************************************/
 /*! exports provided: render, staticRenderFns */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Cahrt_vue_vue_type_template_id_e8fa5870___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./Cahrt.vue?vue&type=template&id=e8fa5870& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Statistics/Cahrt.vue?vue&type=template&id=e8fa5870&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Cahrt_vue_vue_type_template_id_e8fa5870___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Chart_vue_vue_type_template_id_1f4121cc___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./Chart.vue?vue&type=template&id=1f4121cc& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/vue/views/Statistics/Chart.vue?vue&type=template&id=1f4121cc&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Chart_vue_vue_type_template_id_1f4121cc___WEBPACK_IMPORTED_MODULE_0__["render"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Cahrt_vue_vue_type_template_id_e8fa5870___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Chart_vue_vue_type_template_id_1f4121cc___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
 
 
 
-/***/ }),
-
-/***/ "./resources/js/vue/views/Statistics/LineChart.js":
-/*!********************************************************!*\
-  !*** ./resources/js/vue/views/Statistics/LineChart.js ***!
-  \********************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var vue_chartjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue-chartjs */ "./node_modules/vue-chartjs/es/index.js");
-
-var reactiveProp = vue_chartjs__WEBPACK_IMPORTED_MODULE_0__["mixins"].reactiveProp;
-/* harmony default export */ __webpack_exports__["default"] = ({
-  extends: vue_chartjs__WEBPACK_IMPORTED_MODULE_0__["Line"],
-  mixins: [reactiveProp],
-  props: ['options'],
-  mounted: function mounted() {
-    // this.chartData is created in the mixin.
-    // If you want to pass options please create a local options object
-    this.renderChart(this.chartData, this.options);
-  }
-});
-
 /***/ })
 
 }]);
\ No newline at end of file
diff --git a/public/js/vue/chunks/19.js b/public/js/vue/chunks/19.js
index 65a27b78..4a82f842 100644
--- a/public/js/vue/chunks/19.js
+++ b/public/js/vue/chunks/19.js
@@ -115,7 +115,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 //
 //
 //
-//
 
 
 
@@ -126,6 +125,10 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
         sortable: false,
         text: "AutoClaveId",
         value: "name"
+      }, {
+        sortable: false,
+        text: "Test Type",
+        value: "TestType"
       }, {
         sortable: false,
         text: "Hospital",
@@ -481,6 +484,12 @@ var render = function() {
                                   [_vm._v(_vm._s(item.autoclave_id))]
                                 ),
                                 _vm._v(" "),
+                                _c(
+                                  "td",
+                                  { staticClass: "title font-weight-light" },
+                                  [_vm._v(_vm._s(item.test_type.name))]
+                                ),
+                                _vm._v(" "),
                                 _c(
                                   "td",
                                   { staticClass: "title font-weight-light" },
diff --git a/public/js/vue/chunks/2.js b/public/js/vue/chunks/2.js
index 0a2ea2cf..dc641e54 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] {\r\n  padding: 8px 22px;\n}\r\n", ""]);
+exports.push([module.i, "\n.WM-ActionButton[data-v-1346f0a2] {\n  padding: 8px 22px;\n}\n", ""]);
 
 
 
diff --git a/public/js/vue/chunks/3.js b/public/js/vue/chunks/3.js
index 96b0181d..576f8a9d 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] {\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", ""]);
+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", ""]);
 
 
 
diff --git a/public/js/vue/chunks/5.js b/public/js/vue/chunks/5.js
index 6ebf6f04..7a74e0ed 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] {\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", ""]);
+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", ""]);
 
 
 
diff --git a/public/js/vue/chunks/6.js b/public/js/vue/chunks/6.js
index 46caf1cd..da706708 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] {\r\n    padding: 8px 22px;\n}\r\n", ""]);
+exports.push([module.i, "\n.WM-ActionButton[data-v-b1f1b72e] {\n    padding: 8px 22px;\n}\n", ""]);
 
 
 
diff --git a/public/mix-manifest.json b/public/mix-manifest.json
index 00400147..ea81b120 100644
--- a/public/mix-manifest.json
+++ b/public/mix-manifest.json
@@ -1,3 +1,3 @@
 {
-    "/js/vue/app.js": "/js/vue/app.js?id=541824ac617d2e12995b"
+    "/js/vue/app.js": "/js/vue/app.js?id=0f184de07733875457f3"
 }
diff --git a/resources/js/vue/config/urls.js b/resources/js/vue/config/urls.js
index e682d9cc..0239ce0e 100644
--- a/resources/js/vue/config/urls.js
+++ b/resources/js/vue/config/urls.js
@@ -32,6 +32,7 @@ const urls = {
         }
         return "/TestResults?page=" + page;
     },
+    listFilterItemsTestResult : `/TestResults/ListFilterItems`,
     verifyTestResult : function(id) {
         return `/TestResults/Verify/${id}`;
     },
diff --git a/resources/js/vue/styles/material-dashboard/_buttons.scss b/resources/js/vue/styles/material-dashboard/_buttons.scss
index a34b5c20..2660a3f7 100644
--- a/resources/js/vue/styles/material-dashboard/_buttons.scss
+++ b/resources/js/vue/styles/material-dashboard/_buttons.scss
@@ -5,7 +5,7 @@
   font-weight: $font-weight-base !important;
   height: auto;
   line-height: $line-height-base;
-  color: $white !important;
+  // color: $white !important;
   cursor: pointer;
   border-radius: $border-radius-base;
 
diff --git a/resources/js/vue/views/Statistics/Chart.vue b/resources/js/vue/views/Statistics/Chart.vue
index d7238ce0..42df3584 100644
--- a/resources/js/vue/views/Statistics/Chart.vue
+++ b/resources/js/vue/views/Statistics/Chart.vue
@@ -1,51 +1,172 @@
 <template>
-  <div class="small">
-    <pie-chart :chart-data="datacollection"></pie-chart>
-    <bar-chart :chart-data="datacollection"></bar-chart>
-    <button @click="fillData()">Randomize</button>
+  <div>
+    <v-form ref="form">
+      <v-container grid-list-xs>
+        <material-card color="black" title="Search Result">
+          <v-layout align-center justify-center wrap class="px-5 my-3">
+            <v-flex xs12 sm4 md4>
+              <v-autocomplete :items="medicalCenters" item-text="name" item-value="id" v-model="form.medicalCenter" @change="fillUsers" label="Hospital" color="black" class="pa-2"></v-autocomplete>
+            </v-flex>
+            <v-flex xs12 sm4 md4>
+              <v-autocomplete :items="users" item-text="name" item-value="id" v-model="form.user" label="User" color="black" class="pa-2"></v-autocomplete>
+            </v-flex>
+            <v-flex xs12 sm4 md4>
+              <v-autocomplete :items="testTypes" item-text="name" item-value="id" v-model="form.testType" label="TestType" color="black" class="pa-2"></v-autocomplete>
+            </v-flex>
+            <v-flex xs12 sm4 md4>
+              <v-autocomplete :items="result" v-model="form.result" label="Result" color="black" class="pa-2"></v-autocomplete>
+            </v-flex>
+            <v-flex xs12 sm4 md4>
+              <v-autocomplete :items="verify" v-model="form.verify" label="Verify" color="black" class="pa-2"></v-autocomplete>
+            </v-flex>
+            <v-flex xs12 sm4 md4>
+              <v-autocomplete :items="type" v-model="form.type" label="Type" color="black" class="pa-2"></v-autocomplete>
+            </v-flex>
+            <v-flex xs12 sm6 md5>
+              <v-menu
+                lazy
+                :close-on-content-click="true"
+                transition="v-scale-transition"
+                offset-y
+                v-model="fromMenu"
+              >
+                <v-text-field required slot="activator" label="FromDate" v-model="form.fromPicker"></v-text-field>
+                <v-date-picker
+                  no-title
+                  v-model="form.fromPicker"
+                  :date-format="date => new Date(date).toDateString()"
+                ></v-date-picker>
+              </v-menu>
+            </v-flex>
+            <v-flex xs12 sm6 md5>
+              <v-menu
+                lazy
+                :close-on-content-click="true"
+                transition="v-scale-transition"
+                offset-y
+                v-model="upToMenu"
+              >
+                <v-text-field required slot="activator" label="UpToDate" v-model="form.upToPicker"></v-text-field>
+                <v-date-picker
+                  no-title
+                  v-model="form.upToPicker"
+                  :date-format="date => new Date(date).toDateString()"
+                ></v-date-picker>
+              </v-menu>
+            </v-flex>
+            <v-flex xs12 md2 sm2 class="text-xs-center text-sm-center text-md-center">
+              <v-btn
+                class="WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black"
+                style="padding:10px 60px;"
+                @click="submitForm"
+              >
+                <v-icon class="black--text mr-2 caption">fas fa-chevron-right</v-icon>
+                <span class="black--text">GO</span>
+              </v-btn>
+            </v-flex>
+          </v-layout>
+          <v-layout row wrap class="px-5 my-3" v-if="!$route.params.testResult">
+            <v-divider></v-divider>
+          </v-layout>
+        </material-card>
+      </v-container>
+    </v-form>
+    <div v-if="chart" class="small">
+      <pie-chart v-if="form.type == 'PieChart'" :chart-data="datacollection"></pie-chart>
+      <bar-chart v-else :chart-data="datacollection"></bar-chart>
+    </div>
   </div>
 </template>
 
 <script>
-  import BarChart from '@/plugins/chart/BarChart.js'
-  import PieChart from '@/plugins/chart/PieChart.js'
+import BarChart from "@/plugins/chart/BarChart.js";
+import PieChart from "@/plugins/chart/PieChart.js";
+import { ApiService } from "@/services";
+import { urls } from "@/config/urls";
 
-  export default {
-    components: {
-      BarChart,
-      PieChart
-    },
-    data () {
-      return {
-        datacollection: null
-      }
-    },
-    mounted () {
-      this.fillData()
-    },
-    methods: {
-      fillData () {
-        this.datacollection = {
-          labels: [this.getRandomInt(), this.getRandomInt()],
-          datasets: [
-            {
-              label: 'Data One',
-              backgroundColor: ['#f87979', '#ccc'],
-              data: [this.getRandomInt(), this.getRandomInt()]
-            }
-          ]
-        }
+export default {
+  components: {
+    BarChart,
+    PieChart
+  },
+  data() {
+    return {
+      datacollection: null,
+      fromMenu: '',
+      upToMenu: '',
+      verify: ['Verified', 'NotVerified'],
+      result: ['Accept', 'Failed'],
+      type: ['BarChart', 'PieChart'],
+      users: [],
+      medicalCenters: [],
+      testTypes: [],
+      form: {
+        medicalCenter: null,
+        user: null,
+        testType: null,
+        result: null,
+        verify: null,
+        type: 'PieChart',
+        fromPicker: '',
+        upToPicker: '',
       },
-      getRandomInt () {
-        return Math.floor(Math.random() * (50 - 5 + 1)) + 5
+      chart: false
+    };
+  },
+  created() {
+    this.load();
+  },
+  methods: {
+    fillData(options) {
+      this.datacollection = {
+        labels: options.labels,
+        // labels: [this.getRandomInt(), this.getRandomInt()],
+        datasets: [
+          {
+            label: "Data One",
+            backgroundColor: ["#f87979", "#ccc"],
+            data: options.data,
+            // data: [this.getRandomInt(), this.getRandomInt()],
+          }
+        ]
+      };
+    },
+    async load() {
+      const result = await ApiService.get(urls.listFilterItemsTestResult);
+      if (result && result.status == 200) {
+        this.medicalCenters = result.data.data.MedicalCenters;
+        this.testTypes = result.data.data.TestTypes;
       }
-    }
+    },
+    async fillUsers() {
+      const result = await ApiService.get(urls.listOpertorMedicalCenter(this.form.medicalCenter));
+      if (result && result.status == 200) {
+        this.users = result.data.data.users;
+      } 
+    },
+    async submitForm() {
+      const result = await ApiService.post(urls.statistics, this.form);
+      if (result && result.status == 200) {
+        this.fillData(result.data.data)
+        this.chart = true;
+      } 
+    },
   }
+};
 </script>
 
 <style>
-  .small {
-    max-width: 600px;
-    margin:  150px auto;
-  }
+.small {
+  max-width: 600px;
+  margin: 150px auto;
+}
+.v-btn--floating {
+    padding: 0!important;
+}
+.theme--light.v-btn {
+    color: rgba(0,0,0,.87)!important;
+}
+.v-btn--floating, .v-btn--icon:before {
+    border-radius: 50%!important;
+}
 </style>
\ No newline at end of file
diff --git a/resources/js/vue/views/TestResult/List.vue b/resources/js/vue/views/TestResult/List.vue
index d6dad2a0..8e0403f7 100644
--- a/resources/js/vue/views/TestResult/List.vue
+++ b/resources/js/vue/views/TestResult/List.vue
@@ -40,9 +40,8 @@
                             </template>
                             <template slot="items" slot-scope="{ item }">
                                 <td class="headline font-weight-light">{{ item.autoclave_id }}</td>
-                                <td
-                                    class="title font-weight-light"
-                                >{{ item.user.medical_center.name }}</td>
+                                <td class="title font-weight-light">{{ item.test_type.name }}</td>
+                                <td class="title font-weight-light" >{{ item.user.medical_center.name }}</td>
                                 <td class="title font-weight-light">{{ item.user.name }}</td>
                                 <td class="title font-weight-light">{{ item.result }}</td>
                                 <td class="title font-weight-light">{{ item.created_at }}</td>
@@ -102,6 +101,11 @@ export default {
                 text: "AutoClaveId",
                 value: "name"
             },
+            {
+                sortable: false,
+                text: "Test Type",
+                value: "TestType"
+            },
             {
                 sortable: false,
                 text: "Hospital",
diff --git a/routes/api.php b/routes/api.php
index ec98e95e..29a4ab38 100644
--- a/routes/api.php
+++ b/routes/api.php
@@ -23,6 +23,7 @@ Route::group(['namespace' => 'Api'],function () {
 });
 
 Route::middleware('auth:api')->group(function () {
+    Route::get('/TestResults/ListFilterItems', 'TestResultController@listFilterItems');
     Route::post('/TestResults/Verify/{TestResult}', 'TestResultController@verifyTestResult');
     Route::get('TestTypes/ListNames', 'TestTypeController@listNames');
     Route::post('/TestTypes/Barcode/{TestType}', 'TestTypeController@generateBarcode');