Commit 219af3d16be8bef7ed1473c66402952a7c7c730c

Authored by Alexey Boroda
1 parent 7f3a9a6f

-Image manager ready

.gitignore
... ... @@ -34,3 +34,4 @@ phpunit.phar
34 34 # vagrant runtime
35 35 /.vagrant
36 36 /artweb/
  37 +/storage
... ...
.htaccess
... ... @@ -16,7 +16,7 @@ AddDefaultCharset utf-8
16 16 RewriteRule ^admin(.*) /backend/web/$1 [L]
17 17  
18 18 # if a directory or a file of the uploads folder exists, use the request directly
19   - RewriteCond %{REQUEST_URI} ^/uploads
  19 + RewriteCond %{REQUEST_URI} ^/storage
20 20 RewriteCond %{REQUEST_FILENAME} !-f
21 21 RewriteCond %{REQUEST_FILENAME} !-d
22 22 # otherwise forward the request to index.php of grontend app
... ...
backend/assets/css/custom.css 0 → 100644
  1 +
  2 +html , body{
  3 +
  4 + height:100%;
  5 +
  6 +}
  7 +
  8 +.full-width {
  9 +
  10 + width:100%;
  11 +
  12 + }
  13 +
  14 +.full-height{
  15 + height:100%;
  16 + }
  17 +
  18 +.daterangepicker .ranges li {
  19 + color: #73879C
  20 +}
  21 +.daterangepicker .ranges li.active,
  22 +.daterangepicker .ranges li:hover {
  23 + background: #536A7F;
  24 + border: 1px solid #536A7F;
  25 + color: #fff
  26 +}
  27 +.daterangepicker .input-mini {
  28 + background-color: #eee;
  29 + border: 1px solid #ccc;
  30 + box-shadow: none !important
  31 +}
  32 +.daterangepicker .input-mini.active {
  33 + border: 1px solid #ccc
  34 +}
  35 +.daterangepicker select.monthselect,
  36 +.daterangepicker select.yearselect,
  37 +.daterangepicker select.hourselect,
  38 +.daterangepicker select.minuteselect,
  39 +.daterangepicker select.secondselect,
  40 +.daterangepicker select.ampmselect {
  41 + font-size: 12px;
  42 + padding: 1px;
  43 + height: auto;
  44 + margin: 0;
  45 + cursor: default;
  46 + height: 30px;
  47 + border: 1px solid #ADB2B5;
  48 + line-height: 30px;
  49 + border-radius: 0px !important
  50 +}
  51 +.daterangepicker select.monthselect {
  52 + margin-right: 2%
  53 +}
  54 +.daterangepicker td.in-range {
  55 + background: #E4E7EA;
  56 + color: #73879C
  57 +}
  58 +.daterangepicker td.active,
  59 +.daterangepicker td.active:hover {
  60 + background-color: #536A7F;
  61 + color: #fff
  62 +}
  63 +.daterangepicker th.available:hover {
  64 + background: #eee;
  65 + color: #34495E
  66 +}
  67 +.daterangepicker:before,
  68 +.daterangepicker:after {
  69 + content: none
  70 +}
  71 +.daterangepicker .calendar.single {
  72 + margin: 0 0 4px 0
  73 +}
  74 +.daterangepicker .calendar.single .calendar-table {
  75 + width: 224px;
  76 + padding: 0 0 4px 0 !important
  77 +}
  78 +.daterangepicker .calendar.single .calendar-table thead tr:first-child th {
  79 + padding: 8px 5px
  80 +}
  81 +.daterangepicker .calendar.single .calendar-table thead th {
  82 + border-radius: 0
  83 +}
  84 +.daterangepicker.picker_1 {
  85 + color: #fff;
  86 + background: #34495E
  87 +}
  88 +.daterangepicker.picker_1 .calendar-table {
  89 + background: #34495E
  90 +}
  91 +.daterangepicker.picker_1 .calendar-table thead tr {
  92 + background: #213345
  93 +}
  94 +.daterangepicker.picker_1 .calendar-table thead tr:first-child {
  95 + background: #1ABB9C
  96 +}
  97 +.daterangepicker.picker_1 .calendar-table td.off {
  98 + background: #34495E;
  99 + color: #999
  100 +}
  101 +.daterangepicker.picker_1 .calendar-table td.available:hover {
  102 + color: #34495E
  103 +}
  104 +.daterangepicker.picker_2 .calendar-table thead tr {
  105 + color: #1ABB9C
  106 +}
  107 +.daterangepicker.picker_2 .calendar-table thead tr:first-child {
  108 + color: #73879C
  109 +}
  110 +.daterangepicker.picker_3 .calendar-table thead tr:first-child {
  111 + color: #fff;
  112 + background: #1ABB9C
  113 +}
  114 +.daterangepicker.picker_4 .calendar-table thead tr:first-child {
  115 + color: #fff;
  116 + background: #34495E
  117 +}
  118 +.daterangepicker.picker_4 .calendar-table td,
  119 +.daterangepicker.picker_4 .calendar-table td.off {
  120 + background: #ECF0F1;
  121 + border: 1px solid #fff;
  122 + border-radius: 0
  123 +}
  124 +.daterangepicker.picker_4 .calendar-table td.active {
  125 + background: #34495E
  126 +}
  127 +.calendar-exibit .show-calendar {
  128 + float: none;
  129 + display: block;
  130 + position: relative;
  131 + background-color: #fff;
  132 + border: 1px solid #ccc;
  133 + margin-bottom: 20px;
  134 + border: 1px solid rgba(0, 0, 0, 0.15);
  135 + overflow: hidden
  136 +}
  137 +.calendar-exibit .show-calendar .calendar {
  138 + margin: 0 0 4px 0
  139 +}
  140 +.calendar-exibit .show-calendar.picker_1 {
  141 + background: #34495E
  142 +}
  143 +.calendar-exibit .calendar-table {
  144 + padding: 0 0 4px 0
  145 +}
  146 +.left_col {
  147 + background: #2A3F54
  148 +}
  149 +.nav-sm .container.body .col-md-3.left_col {
  150 + min-height: 100%;
  151 + width: 70px;
  152 + padding: 0;
  153 + z-index: 9999;
  154 + position: absolute
  155 +}
  156 +.nav-sm .container.body .col-md-3.left_col.menu_fixed {
  157 + position: fixed;
  158 + height: 100%
  159 +}
  160 +.nav-sm .container.body .col-md-3.left_col .mCSB_container,
  161 +.nav-sm .container.body .col-md-3.left_col .mCustomScrollBox {
  162 + overflow: visible
  163 +}
  164 +.nav-sm .hidden-small {
  165 + visibility: hidden
  166 +}
  167 +.nav-sm .container.body .right_col {
  168 + padding: 10px 20px;
  169 + margin-left: 70px;
  170 + z-index: 2
  171 +}
  172 +.nav-sm .navbar.nav_title {
  173 + width: 70px
  174 +}
  175 +.nav-sm .navbar.nav_title a span {
  176 + display: none
  177 +}
  178 +.nav-sm .navbar.nav_title a i {
  179 + font-size: 27px;
  180 + margin: 13px 0 0 3px
  181 +}
  182 +.site_title i {
  183 + border: 1px solid #EAEAEA;
  184 + padding: 5px 6px;
  185 + border-radius: 50%
  186 +}
  187 +.nav-sm .main_container .top_nav {
  188 + display: block;
  189 + margin-left: 70px;
  190 + z-index: 2
  191 +}
  192 +.nav-sm .nav.side-menu li a {
  193 + text-align: center !important;
  194 + font-weight: 400;
  195 + font-size: 10px;
  196 + padding: 10px 5px
  197 +}
  198 +.nav-sm .nav.child_menu li.active,
  199 +.nav-sm .nav.side-menu li.active-sm {
  200 + border-right: 5px solid #1ABB9C
  201 +}
  202 +.nav-sm ul.nav.child_menu ul,
  203 +.nav-sm .nav.side-menu li.active-sm ul ul {
  204 + position: static;
  205 + width: 200px;
  206 + background: none
  207 +}
  208 +.nav-sm>.nav.side-menu>li.active-sm>a {
  209 + color: #1ABB9C !important
  210 +}
  211 +.nav-sm .nav.side-menu li a i.toggle-up {
  212 + display: none !important
  213 +}
  214 +.nav-sm .nav.side-menu li a i {
  215 + font-size: 25px !important;
  216 + text-align: center;
  217 + width: 100% !important;
  218 + margin-bottom: 5px
  219 +}
  220 +.nav-sm ul.nav.child_menu {
  221 + left: 100%;
  222 + position: absolute;
  223 + top: 0;
  224 + width: 210px;
  225 + z-index: 4000;
  226 + background: #3E5367;
  227 + display: none
  228 +}
  229 +.nav-sm ul.nav.child_menu li {
  230 + padding: 0 10px
  231 +}
  232 +.nav-sm ul.nav.child_menu li a {
  233 + text-align: left !important
  234 +}
  235 +.nav-sm .profile {
  236 + display: none
  237 +}
  238 +.menu_section {
  239 + margin-bottom: 35px
  240 +}
  241 +.menu_section h3 {
  242 + padding-left: 15px;
  243 + color: #fff;
  244 + text-transform: uppercase;
  245 + letter-spacing: .5px;
  246 + font-weight: bold;
  247 + font-size: 11px;
  248 + margin-bottom: 0;
  249 + margin-top: 0;
  250 + text-shadow: 1px 1px #000
  251 +}
  252 +.menu_section>ul {
  253 + margin-top: 10px
  254 +}
  255 +.profile_pic {
  256 + width: 35%;
  257 + float: left
  258 +}
  259 +.img-circle.profile_img {
  260 + width: 70%;
  261 + background: #fff;
  262 + margin-left: 15%;
  263 + z-index: 1000;
  264 + position: inherit;
  265 + margin-top: 20px;
  266 + border: 1px solid rgba(52, 73, 94, 0.44);
  267 + padding: 4px
  268 +}
  269 +.profile_info {
  270 + padding: 25px 10px 10px;
  271 + width: 65%;
  272 + float: left
  273 +}
  274 +.profile_info span {
  275 + font-size: 13px;
  276 + line-height: 30px;
  277 + color: #BAB8B8
  278 +}
  279 +.profile_info h2 {
  280 + font-size: 14px;
  281 + color: #ECF0F1;
  282 + margin: 0;
  283 + font-weight: 300
  284 +}
  285 +.profile.img_2 {
  286 + text-align: center
  287 +}
  288 +.profile.img_2 .profile_pic {
  289 + width: 100%
  290 +}
  291 +.profile.img_2 .profile_pic .img-circle.profile_img {
  292 + width: 50%;
  293 + margin: 10px 0 0
  294 +}
  295 +.profile.img_2 .profile_info {
  296 + padding: 15px 10px 0;
  297 + width: 100%;
  298 + margin-bottom: 10px;
  299 + float: left
  300 +}
  301 +.main_menu span.fa {
  302 + float: right;
  303 + text-align: center;
  304 + margin-top: 5px;
  305 + font-size: 10px;
  306 + min-width: inherit;
  307 + color: #C4CFDA
  308 +}
  309 +.active a span.fa {
  310 + text-align: right !important;
  311 + margin-right: 4px
  312 +}
  313 +.nav-sm .menu_section {
  314 + margin: 0
  315 +}
  316 +.nav-sm span.fa,
  317 +.nav-sm .menu_section h3 {
  318 + display: none
  319 +}
  320 +.nav-sm li li span.fa {
  321 + display: inline-block
  322 +}
  323 +.nav_menu {
  324 + float: left;
  325 + background: #EDEDED;
  326 + border-bottom: 1px solid #D9DEE4;
  327 + margin-bottom: 10px;
  328 + width: 100%;
  329 + position: relative
  330 +}
  331 +@media (min-width: 480px) {
  332 + .nav_menu {
  333 + position: static
  334 + }
  335 +}
  336 +.nav-md .container.body .col-md-3.left_col {
  337 + min-height: 100%;
  338 + width: 230px;
  339 + padding: 0;
  340 + position: absolute;
  341 + display: -ms-flexbox;
  342 + display: flex;
  343 + z-index: 1
  344 +}
  345 +.nav-md .container.body .col-md-3.left_col.menu_fixed {
  346 + height: 100%;
  347 + position: fixed
  348 +}
  349 +body .container.body .right_col {
  350 + background: #F7F7F7
  351 +}
  352 +.nav-md .container.body .right_col {
  353 + padding: 10px 20px 0;
  354 + margin-left: 230px
  355 +}
  356 +.nav_title {
  357 + width: 230px;
  358 + float: left;
  359 + background: #2A3F54;
  360 + border-radius: 0;
  361 + height: 57px
  362 +}
  363 +@media (max-width: 991px) {
  364 + .nav-md .container.body .right_col,
  365 + .nav-md .container.body .top_nav {
  366 + width: 100%;
  367 + margin: 0
  368 + }
  369 + .nav-md .container.body .col-md-3.left_col {
  370 + display: none
  371 + }
  372 + .nav-md .container.body .right_col {
  373 + width: 100%;
  374 + padding-right: 0
  375 + }
  376 + .right_col {
  377 + padding: 10px !important
  378 + }
  379 +}
  380 +@media (max-width: 1200px) {
  381 + .x_title h2 {
  382 + width: 62%;
  383 + font-size: 17px
  384 + }
  385 + .tile,
  386 + .graph {
  387 + zoom: 85%;
  388 + height: inherit
  389 + }
  390 +}
  391 +@media (max-width: 1270px) and (min-width: 192px) {
  392 + .x_title h2 small {
  393 + display: none
  394 + }
  395 +}
  396 +.left_col .mCSB_scrollTools {
  397 + width: 6px
  398 +}
  399 +.left_col .mCSB_dragger {
  400 + max-height: 400px !important
  401 +}
  402 +.blue {
  403 + color: #3498DB
  404 +}
  405 +.purple {
  406 + color: #9B59B6
  407 +}
  408 +.green {
  409 + color: #1ABB9C
  410 +}
  411 +.aero {
  412 + color: #9CC2CB
  413 +}
  414 +.red {
  415 + color: #E74C3C
  416 +}
  417 +.dark {
  418 + color: #34495E
  419 +}
  420 +.border-blue {
  421 + border-color: #3498DB !important
  422 +}
  423 +.border-purple {
  424 + border-color: #9B59B6 !important
  425 +}
  426 +.border-green {
  427 + border-color: #1ABB9C !important
  428 +}
  429 +.border-aero {
  430 + border-color: #9CC2CB !important
  431 +}
  432 +.border-red {
  433 + border-color: #E74C3C !important
  434 +}
  435 +.border-dark {
  436 + border-color: #34495E !important
  437 +}
  438 +.bg-white {
  439 + background: #fff !important;
  440 + border: 1px solid #fff !important;
  441 + color: #73879C
  442 +}
  443 +.bg-green {
  444 + background: #1ABB9C !important;
  445 + border: 1px solid #1ABB9C !important;
  446 + color: #fff
  447 +}
  448 +.bg-red {
  449 + background: #E74C3C !important;
  450 + border: 1px solid #E74C3C !important;
  451 + color: #fff
  452 +}
  453 +.bg-blue {
  454 + background: #3498DB !important;
  455 + border: 1px solid #3498DB !important;
  456 + color: #fff
  457 +}
  458 +.bg-orange {
  459 + background: #F39C12 !important;
  460 + border: 1px solid #F39C12 !important;
  461 + color: #fff
  462 +}
  463 +.bg-purple {
  464 + background: #9B59B6 !important;
  465 + border: 1px solid #9B59B6 !important;
  466 + color: #fff
  467 +}
  468 +.bg-blue-sky {
  469 + background: #50C1CF !important;
  470 + border: 1px solid #50C1CF !important;
  471 + color: #fff
  472 +}
  473 +.container {
  474 + width: 100%;
  475 + padding: 0
  476 +}
  477 +.navbar-nav>li>a,
  478 +.navbar-brand,
  479 +.navbar-nav>li>a {
  480 + color: #fff !important
  481 +}
  482 +.top_nav .nav>li>a:focus,
  483 +.top_nav .nav>li>a:hover,
  484 +.top_nav .nav .open>a,
  485 +.top_nav .nav .open>a:focus,
  486 +.top_nav .nav .open>a:hover {
  487 + background: #D9DEE4
  488 +}
  489 +body {
  490 + color: #73879C;
  491 + background: #2A3F54;
  492 + font-family: "Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif;
  493 + font-size: 13px;
  494 + font-weight: 400;
  495 + line-height: 1.471
  496 +}
  497 +.main_container .top_nav {
  498 + display: block;
  499 + margin-left: 230px
  500 +}
  501 +.no-padding {
  502 + padding: 0 !important
  503 +}
  504 +.page-title {
  505 + width: 100%;
  506 + height: 65px;
  507 + padding: 10px 0
  508 +}
  509 +.page-title .title_left {
  510 + width: 45%;
  511 + float: left;
  512 + display: block
  513 +}
  514 +.page-title .title_left h3 {
  515 + margin: 9px 0
  516 +}
  517 +.page-title .title_right {
  518 + width: 55%;
  519 + float: left;
  520 + display: block
  521 +}
  522 +.page-title .title_right .pull-right {
  523 + margin: 10px 0
  524 +}
  525 +.fixed_height_320 {
  526 + height: 320px
  527 +}
  528 +.fixed_height_390 {
  529 + height: 390px
  530 +}
  531 +.fixed_height_200 {
  532 + height: 200px
  533 +}
  534 +.overflow_hidden {
  535 + overflow: hidden
  536 +}
  537 +.progress-bar-dark {
  538 + background-color: #34495E !important
  539 +}
  540 +.progress-bar-gray {
  541 + background-color: #BDC3C7 !important
  542 +}
  543 +table.no-margin .progress {
  544 + margin-bottom: 0
  545 +}
  546 +.main_content {
  547 + padding: 10px 20px
  548 +}
  549 +.col-md-55 {
  550 + width: 50%;
  551 + margin-bottom: 10px
  552 +}
  553 +@media (min-width: 768px) {
  554 + .col-md-55 {
  555 + width: 20%
  556 + }
  557 +}
  558 +@media (min-width: 992px) {
  559 + .col-md-55 {
  560 + width: 20%
  561 + }
  562 +}
  563 +@media (min-width: 1200px) {
  564 + .col-md-55 {
  565 + width: 20%
  566 + }
  567 +}
  568 +@media (min-width: 192px) and (max-width: 1270px) {
  569 + table.tile_info span.right {
  570 + margin-right: 7px;
  571 + float: left
  572 + }
  573 +}
  574 +.center-margin {
  575 + margin: 0 auto;
  576 + float: none !important
  577 +}
  578 +.col-md-55,
  579 +.col-xs-1,
  580 +.col-sm-1,
  581 +.col-md-1,
  582 +.col-lg-1,
  583 +.col-xs-2,
  584 +.col-sm-2,
  585 +.col-md-2,
  586 +.col-lg-2,
  587 +.col-xs-3,
  588 +.col-sm-3,
  589 +.col-md-3,
  590 +.col-lg-3,
  591 +.col-xs-4,
  592 +.col-sm-4,
  593 +.col-md-4,
  594 +.col-lg-4,
  595 +.col-xs-5,
  596 +.col-sm-5,
  597 +.col-md-5,
  598 +.col-lg-5,
  599 +.col-xs-6,
  600 +.col-sm-6,
  601 +.col-md-6,
  602 +.col-lg-6,
  603 +.col-xs-7,
  604 +.col-sm-7,
  605 +.col-md-7,
  606 +.col-lg-7,
  607 +.col-xs-8,
  608 +.col-sm-8,
  609 +.col-md-8,
  610 +.col-lg-8,
  611 +.col-xs-9,
  612 +.col-sm-9,
  613 +.col-md-9,
  614 +.col-lg-9,
  615 +.col-xs-10,
  616 +.col-sm-10,
  617 +.col-md-10,
  618 +.col-lg-10,
  619 +.col-xs-11,
  620 +.col-sm-11,
  621 +.col-md-11,
  622 +.col-lg-11,
  623 +.col-xs-12,
  624 +.col-sm-12,
  625 +.col-md-12,
  626 +.col-lg-12 {
  627 + position: relative;
  628 + min-height: 1px;
  629 + float: left;
  630 + padding-right: 10px;
  631 + padding-left: 10px
  632 +}
  633 +.row {
  634 + margin-right: -10px;
  635 + margin-left: -10px
  636 +}
  637 +.grid_slider .col-md-6 {
  638 + padding: 0 40px
  639 +}
  640 +h1,
  641 +.h1,
  642 +h2,
  643 +.h2,
  644 +h3,
  645 +.h3 {
  646 + margin-top: 10px;
  647 + margin-bottom: 10px
  648 +}
  649 +a {
  650 + color: #5A738E;
  651 + text-decoration: none
  652 +}
  653 +a,
  654 +a:visited,
  655 +a:focus,
  656 +a:active,
  657 +:visited,
  658 +:focus,
  659 +:active,
  660 +.btn:focus,
  661 +.btn:active:focus,
  662 +.btn.active:focus,
  663 +.btn.focus,
  664 +.btn:active.focus,
  665 +.btn.active.focus {
  666 + outline: 0
  667 +}
  668 +a:hover,
  669 +a:focus {
  670 + text-decoration: none
  671 +}
  672 +.navbar {
  673 + margin-bottom: 0
  674 +}
  675 +.navbar-header {
  676 + background: #34495E
  677 +}
  678 +.navbar-right {
  679 + margin-right: 0
  680 +}
  681 +.top_nav .navbar-right {
  682 + margin: 0;
  683 + width: 70%;
  684 + float: right
  685 +}
  686 +.top_nav .navbar-right li {
  687 + display: inline-block;
  688 + float: right;
  689 + position: static
  690 +}
  691 +@media (min-width: 480px) {
  692 + .top_nav .navbar-right li {
  693 + position: relative
  694 + }
  695 +}
  696 +.top_nav .dropdown-menu li {
  697 + width: 100%
  698 +}
  699 +.top_nav .dropdown-menu li a {
  700 + width: 100%;
  701 + padding: 12px 20px
  702 +}
  703 +.top_nav li a i {
  704 + font-size: 15px
  705 +}
  706 +.navbar-static-top {
  707 + position: fixed;
  708 + top: 0;
  709 + width: 100%
  710 +}
  711 +.sidebar-header {
  712 + border-bottom: 0;
  713 + margin-top: 46px
  714 +}
  715 +.sidebar-header:first-of-type {
  716 + margin-top: 0
  717 +}
  718 +.nav.side-menu>li {
  719 + position: relative;
  720 + display: block;
  721 + cursor: pointer
  722 +}
  723 +.nav.side-menu>li>a {
  724 + margin-bottom: 6px
  725 +}
  726 +.nav.side-menu>li>a:hover {
  727 + color: #F2F5F7 !important
  728 +}
  729 +.nav.side-menu>li>a:hover,
  730 +.nav>li>a:focus {
  731 + text-decoration: none;
  732 + background: transparent
  733 +}
  734 +.nav.child_menu {
  735 + display: none
  736 +}
  737 +.nav.child_menu li:hover,
  738 +.nav.child_menu li.active {
  739 + background-color: rgba(255, 255, 255, 0.06)
  740 +}
  741 +.nav.child_menu li {
  742 + padding-left: 36px
  743 +}
  744 +.nav-md ul.nav.child_menu li:before {
  745 + background: #425668;
  746 + bottom: auto;
  747 + content: "";
  748 + height: 8px;
  749 + left: 23px;
  750 + margin-top: 15px;
  751 + position: absolute;
  752 + right: auto;
  753 + width: 8px;
  754 + z-index: 1;
  755 + border-radius: 50%
  756 +}
  757 +.nav-md ul.nav.child_menu li:after {
  758 + border-left: 1px solid #425668;
  759 + bottom: 0;
  760 + content: "";
  761 + left: 27px;
  762 + position: absolute;
  763 + top: 0
  764 +}
  765 +.nav.side-menu>li>a,
  766 +.nav.child_menu>li>a {
  767 + color: #E7E7E7;
  768 + font-weight: 500
  769 +}
  770 +.nav.child_menu li li:hover,
  771 +.nav.child_menu li li.active {
  772 + background: none
  773 +}
  774 +.nav.child_menu li li a:hover,
  775 +.nav.child_menu li li a.active {
  776 + color: #fff
  777 +}
  778 +.nav>li>a {
  779 + position: relative;
  780 + display: block;
  781 + padding: 13px 15px 12px
  782 +}
  783 +.nav.side-menu>li.current-page,
  784 +.nav.side-menu>li.active {
  785 + border-right: 5px solid #1ABB9C
  786 +}
  787 +.nav li.current-page {
  788 + background: rgba(255, 255, 255, 0.05)
  789 +}
  790 +.nav li li li.current-page {
  791 + background: none
  792 +}
  793 +.nav li li.current-page a {
  794 + color: #fff
  795 +}
  796 +.nav.side-menu>li.active>a {
  797 + text-shadow: rgba(0, 0, 0, 0.25) 0 -1px 0;
  798 + background: linear-gradient(#334556, #2C4257), #2A3F54;
  799 + box-shadow: rgba(0, 0, 0, 0.25) 0 1px 0, inset rgba(255, 255, 255, 0.16) 0 1px 0
  800 +}
  801 +.navbar-brand,
  802 +.navbar-nav>li>a {
  803 + font-weight: 500;
  804 + color: #ECF0F1 !important;
  805 + margin-left: 0 !important;
  806 + line-height: 32px
  807 +}
  808 +.site_title {
  809 + text-overflow: ellipsis;
  810 + overflow: hidden;
  811 + font-weight: 400;
  812 + font-size: 22px;
  813 + width: 100%;
  814 + color: #ECF0F1 !important;
  815 + margin-left: 0 !important;
  816 + line-height: 59px;
  817 + display: block;
  818 + height: 55px;
  819 + margin: 0;
  820 + padding-left: 10px
  821 +}
  822 +.site_title:hover,
  823 +.site_title:focus {
  824 + text-decoration: none
  825 +}
  826 +.nav.navbar-nav>li>a {
  827 + color: #515356 !important
  828 +}
  829 +.nav.top_menu>li>a {
  830 + position: relative;
  831 + display: block;
  832 + padding: 10px 15px;
  833 + color: #34495E !important
  834 +}
  835 +.nav>li>a:hover,
  836 +.nav>li>a:focus {
  837 + background-color: transparent
  838 +}
  839 +.top_search {
  840 + padding: 0
  841 +}
  842 +.top_search .form-control {
  843 + border-right: 0;
  844 + box-shadow: inset 0 1px 0px rgba(0, 0, 0, 0.075);
  845 + border-radius: 25px 0px 0px 25px;
  846 + padding-left: 20px;
  847 + border: 1px solid rgba(221, 226, 232, 0.49)
  848 +}
  849 +.top_search .form-control:focus {
  850 + border: 1px solid rgba(221, 226, 232, 0.49);
  851 + border-right: 0
  852 +}
  853 +.top_search .input-group-btn button {
  854 + border-radius: 0px 25px 25px 0px;
  855 + border: 1px solid rgba(221, 226, 232, 0.49);
  856 + border-left: 0;
  857 + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  858 + color: #93A2B2;
  859 + margin-bottom: 0 !important
  860 +}
  861 +.toggle {
  862 + float: left;
  863 + margin: 0;
  864 + padding-top: 16px;
  865 + width: 70px
  866 +}
  867 +.toggle a {
  868 + padding: 15px 15px 0;
  869 + margin: 0;
  870 + cursor: pointer
  871 +}
  872 +.toggle a i {
  873 + font-size: 26px
  874 +}
  875 +.nav.child_menu>li>a {
  876 + color: rgba(255, 255, 255, 0.75);
  877 + font-size: 12px;
  878 + padding: 9px
  879 +}
  880 +.panel_toolbox {
  881 + float: right;
  882 + min-width: 70px
  883 +}
  884 +.panel_toolbox>li {
  885 + float: left;
  886 + cursor: pointer
  887 +}
  888 +.panel_toolbox>li>a {
  889 + padding: 5px;
  890 + color: #C5C7CB;
  891 + font-size: 14px
  892 +}
  893 +.panel_toolbox>li>a:hover {
  894 + background: #F5F7FA
  895 +}
  896 +.line_30 {
  897 + line-height: 30px
  898 +}
  899 +.main_menu_side {
  900 + padding: 0
  901 +}
  902 +.bs-docs-sidebar .nav>li>a {
  903 + display: block;
  904 + padding: 4px 6px
  905 +}
  906 +footer {
  907 + background: #fff;
  908 + padding: 15px 20px;
  909 + display: block
  910 +}
  911 +.nav-sm footer {
  912 + margin-left: 70px
  913 +}
  914 +.footer_fixed footer {
  915 + position: fixed;
  916 + left: 0px;
  917 + bottom: 0px;
  918 + width: 100%
  919 +}
  920 +@media (min-width: 768px) {
  921 + .footer_fixed footer {
  922 + margin-left: 0
  923 + }
  924 +}
  925 +@media (min-width: 768px) {
  926 + .footer_fixed .nav-sm footer {
  927 + margin-left: 0
  928 + }
  929 +}
  930 +.tile-stats.sparkline {
  931 + padding: 10px;
  932 + text-align: center
  933 +}
  934 +.jqstooltip {
  935 + background: #34495E !important;
  936 + width: 30px !important;
  937 + height: 22px !important;
  938 + text-decoration: none
  939 +}
  940 +.tooltip {
  941 + display: block !important
  942 +}
  943 +.tiles {
  944 + border-top: 1px solid #ccc;
  945 + margin-top: 15px;
  946 + padding-top: 5px;
  947 + margin-bottom: 0
  948 +}
  949 +.tile {
  950 + overflow: hidden
  951 +}
  952 +.top_tiles {
  953 + margin-bottom: 0
  954 +}
  955 +.top_tiles .tile h2 {
  956 + font-size: 30px;
  957 + line-height: 30px;
  958 + margin: 3px 0 7px;
  959 + font-weight: bold
  960 +}
  961 +article.media {
  962 + width: 100%
  963 +}
  964 +*,
  965 +*:before,
  966 +*:after {
  967 + box-sizing: border-box
  968 +}
  969 +#integration-list {
  970 + width: 100%;
  971 + margin: 0 auto;
  972 + display: table
  973 +}
  974 +#integration-list ul {
  975 + padding: 0;
  976 + margin: 20px 0;
  977 + color: #555
  978 +}
  979 +#integration-list ul>li {
  980 + list-style: none;
  981 + border-top: 1px solid #ddd;
  982 + display: block;
  983 + padding: 15px;
  984 + overflow: hidden
  985 +}
  986 +#integration-list ul:last-child {
  987 + border-bottom: 1px solid #ddd
  988 +}
  989 +#integration-list ul>li:hover {
  990 + background: #efefef
  991 +}
  992 +.expand {
  993 + display: block;
  994 + text-decoration: none;
  995 + color: #555;
  996 + cursor: pointer
  997 +}
  998 +.expand h2 {
  999 + width: 85%;
  1000 + float: left
  1001 +}
  1002 +h2 {
  1003 + font-size: 18px;
  1004 + font-weight: 400
  1005 +}
  1006 +#left,
  1007 +#right {
  1008 + display: table
  1009 +}
  1010 +#sup {
  1011 + display: table-cell;
  1012 + vertical-align: middle;
  1013 + width: 80%
  1014 +}
  1015 +.detail a {
  1016 + text-decoration: none;
  1017 + color: #C0392B;
  1018 + border: 1px solid #C0392B;
  1019 + padding: 6px 10px 5px;
  1020 + font-size: 13px;
  1021 + margin-right: 7px
  1022 +}
  1023 +.detail {
  1024 + margin: 10px 0 10px 0px;
  1025 + display: none;
  1026 + line-height: 22px;
  1027 + height: 150px
  1028 +}
  1029 +.detail span {
  1030 + margin: 0
  1031 +}
  1032 +.right-arrow {
  1033 + width: 10px;
  1034 + float: right;
  1035 + font-weight: bold;
  1036 + font-size: 20px
  1037 +}
  1038 +.accordion .panel {
  1039 + margin-bottom: 5px;
  1040 + border-radius: 0;
  1041 + border-bottom: 1px solid #efefef
  1042 +}
  1043 +.accordion .panel-heading {
  1044 + background: #F2F5F7;
  1045 + padding: 13px;
  1046 + width: 100%;
  1047 + display: block
  1048 +}
  1049 +.accordion .panel:hover {
  1050 + background: #F2F5F7
  1051 +}
  1052 +.x_panel {
  1053 + position: relative;
  1054 + width: 100%;
  1055 + margin-bottom: 10px;
  1056 + padding: 10px 17px;
  1057 + display: inline-block;
  1058 + background: #fff;
  1059 + border: 1px solid #E6E9ED;
  1060 + -webkit-column-break-inside: avoid;
  1061 + -moz-column-break-inside: avoid;
  1062 + column-break-inside: avoid;
  1063 + opacity: 1;
  1064 + transition: all .2s ease
  1065 +}
  1066 +.x_title {
  1067 + border-bottom: 2px solid #E6E9ED;
  1068 + padding: 1px 5px 6px;
  1069 + margin-bottom: 10px
  1070 +}
  1071 +.x_title .filter {
  1072 + width: 40%;
  1073 + float: right
  1074 +}
  1075 +.x_title h2 {
  1076 + margin: 5px 0 6px;
  1077 + float: left;
  1078 + display: block;
  1079 + text-overflow: ellipsis;
  1080 + overflow: hidden;
  1081 + white-space: nowrap
  1082 +}
  1083 +.x_title h2 small {
  1084 + margin-left: 10px
  1085 +}
  1086 +.x_title span {
  1087 + color: #BDBDBD
  1088 +}
  1089 +.x_content {
  1090 + padding: 0 5px 6px;
  1091 + position: relative;
  1092 + width: 100%;
  1093 + float: left;
  1094 + clear: both;
  1095 + margin-top: 5px
  1096 +}
  1097 +.x_content h4 {
  1098 + font-size: 16px;
  1099 + font-weight: 500
  1100 +}
  1101 +legend {
  1102 + padding-bottom: 7px
  1103 +}
  1104 +.demo-placeholder {
  1105 + height: 280px
  1106 +}
  1107 +.profile_details:nth-child(3n) {
  1108 + clear: both
  1109 +}
  1110 +.profile_details .profile_view {
  1111 + display: inline-block;
  1112 + padding: 10px 0 0;
  1113 + background: #fff
  1114 +}
  1115 +.profile_details .profile_view .divider {
  1116 + border-top: 1px solid #e5e5e5;
  1117 + padding-top: 5px;
  1118 + margin-top: 5px
  1119 +}
  1120 +.profile_details .profile_view .ratings {
  1121 + margin-bottom: 0
  1122 +}
  1123 +.profile_details .profile_view .bottom {
  1124 + background: #F2F5F7;
  1125 + padding: 9px 0;
  1126 + border-top: 1px solid #E6E9ED
  1127 +}
  1128 +.profile_details .profile_view .left {
  1129 + margin-top: 20px
  1130 +}
  1131 +.profile_details .profile_view .left p {
  1132 + margin-bottom: 3px
  1133 +}
  1134 +.profile_details .profile_view .right {
  1135 + margin-top: 0px;
  1136 + padding: 10px
  1137 +}
  1138 +.profile_details .profile_view .img-circle {
  1139 + border: 1px solid #E6E9ED;
  1140 + padding: 2px
  1141 +}
  1142 +.profile_details .profile_view h2 {
  1143 + margin: 5px 0
  1144 +}
  1145 +.profile_details .profile_view .ratings {
  1146 + text-align: left;
  1147 + font-size: 16px
  1148 +}
  1149 +.profile_details .profile_view .brief {
  1150 + margin: 0;
  1151 + font-weight: 300
  1152 +}
  1153 +.profile_details .profile_left {
  1154 + background: white
  1155 +}
  1156 +.pagination.pagination-split li {
  1157 + display: inline-block;
  1158 + margin-right: 3px
  1159 +}
  1160 +.pagination.pagination-split li a {
  1161 + border-radius: 4px;
  1162 + color: #768399;
  1163 + -moz-border-radius: 4px;
  1164 + -webkit-border-radius: 4px
  1165 +}
  1166 +table.tile h3,
  1167 +table.tile h4,
  1168 +table.tile span {
  1169 + font-weight: bold;
  1170 + vertical-align: middle !important
  1171 +}
  1172 +table.tile th,
  1173 +table.tile td {
  1174 + text-align: center
  1175 +}
  1176 +table.tile th {
  1177 + border-bottom: 1px solid #E6ECEE
  1178 +}
  1179 +table.tile td {
  1180 + padding: 5px 0
  1181 +}
  1182 +table.tile td ul {
  1183 + text-align: left;
  1184 + padding-left: 0
  1185 +}
  1186 +table.tile td ul li {
  1187 + list-style: none;
  1188 + width: 100%
  1189 +}
  1190 +table.tile td ul li a {
  1191 + width: 100%
  1192 +}
  1193 +table.tile td ul li a big {
  1194 + right: 0;
  1195 + float: right;
  1196 + margin-right: 13px
  1197 +}
  1198 +table.tile_info {
  1199 + width: 100%
  1200 +}
  1201 +table.tile_info td {
  1202 + text-align: left;
  1203 + padding: 1px;
  1204 + font-size: 15px
  1205 +}
  1206 +table.tile_info td p {
  1207 + white-space: nowrap;
  1208 + overflow: hidden;
  1209 + text-overflow: ellipsis;
  1210 + margin: 0;
  1211 + line-height: 28px
  1212 +}
  1213 +table.tile_info td i {
  1214 + margin-right: 8px;
  1215 + font-size: 17px;
  1216 + float: left;
  1217 + width: 18px;
  1218 + line-height: 28px
  1219 +}
  1220 +table.tile_info td:first-child {
  1221 + width: 83%
  1222 +}
  1223 +td span {
  1224 + line-height: 28px
  1225 +}
  1226 +.sidebar-widget {
  1227 + overflow: hidden
  1228 +}
  1229 +.error-number {
  1230 + font-size: 90px;
  1231 + line-height: 90px;
  1232 + margin: 20px 0
  1233 +}
  1234 +.col-middle {
  1235 + margin-top: 5%
  1236 +}
  1237 +.mid_center {
  1238 + width: 370px;
  1239 + margin: 0 auto;
  1240 + text-align: center;
  1241 + padding: 10px 20px
  1242 +}
  1243 +h3.degrees {
  1244 + font-size: 22px;
  1245 + font-weight: 400;
  1246 + text-align: center
  1247 +}
  1248 +.degrees:after {
  1249 + content: "o";
  1250 + position: relative;
  1251 + top: -12px;
  1252 + font-size: 13px;
  1253 + font-weight: 300
  1254 +}
  1255 +.daily-weather .day {
  1256 + font-size: 14px;
  1257 + border-top: 2px solid rgba(115, 135, 156, 0.36);
  1258 + text-align: center;
  1259 + border-bottom: 2px solid rgba(115, 135, 156, 0.36);
  1260 + padding: 5px 0
  1261 +}
  1262 +.weather-days .col-sm-2 {
  1263 + overflow: hidden;
  1264 + width: 16.66666667%
  1265 +}
  1266 +.weather .row {
  1267 + margin-bottom: 0
  1268 +}
  1269 +.bulk-actions {
  1270 + display: none
  1271 +}
  1272 +table.countries_list {
  1273 + width: 100%
  1274 +}
  1275 +table.countries_list td {
  1276 + padding: 0 10px;
  1277 + line-height: 30px;
  1278 + border-top: 1px solid #eeeeee
  1279 +}
  1280 +.dataTables_paginate a {
  1281 + padding: 6px 9px !important;
  1282 + background: #ddd !important;
  1283 + border-color: #ddd !important
  1284 +}
  1285 +.paging_full_numbers a.paginate_active {
  1286 + background-color: rgba(38, 185, 154, 0.59) !important;
  1287 + border-color: rgba(38, 185, 154, 0.59) !important
  1288 +}
  1289 +button.DTTT_button,
  1290 +div.DTTT_button,
  1291 +a.DTTT_button {
  1292 + border: 1px solid #E7E7E7 !important;
  1293 + background: #E7E7E7 !important;
  1294 + box-shadow: none !important
  1295 +}
  1296 +table.jambo_table {
  1297 + border: 1px solid rgba(221, 221, 221, 0.78)
  1298 +}
  1299 +table.jambo_table thead {
  1300 + background: rgba(52, 73, 94, 0.94);
  1301 + color: #ECF0F1
  1302 +}
  1303 +table.jambo_table tbody tr:hover td {
  1304 + background: rgba(38, 185, 154, 0.07);
  1305 + border-top: 1px solid rgba(38, 185, 154, 0.11);
  1306 + border-bottom: 1px solid rgba(38, 185, 154, 0.11)
  1307 +}
  1308 +table.jambo_table tbody tr.selected {
  1309 + background: rgba(38, 185, 154, 0.16)
  1310 +}
  1311 +table.jambo_table tbody tr.selected td {
  1312 + border-top: 1px solid rgba(38, 185, 154, 0.4);
  1313 + border-bottom: 1px solid rgba(38, 185, 154, 0.4)
  1314 +}
  1315 +.dataTables_paginate a {
  1316 + background: #ff0000
  1317 +}
  1318 +.dataTables_wrapper {
  1319 + position: relative;
  1320 + clear: both;
  1321 + zoom: 1
  1322 +}
  1323 +.dataTables_processing {
  1324 + position: absolute;
  1325 + top: 50%;
  1326 + left: 50%;
  1327 + width: 250px;
  1328 + height: 30px;
  1329 + margin-left: -125px;
  1330 + margin-top: -15px;
  1331 + padding: 14px 0 2px 0;
  1332 + border: 1px solid #ddd;
  1333 + text-align: center;
  1334 + color: #999;
  1335 + font-size: 14px;
  1336 + background-color: white
  1337 +}
  1338 +.dataTables_length {
  1339 + width: 40%;
  1340 + float: left
  1341 +}
  1342 +.dataTables_filter {
  1343 + width: 50%;
  1344 + float: right;
  1345 + text-align: right
  1346 +}
  1347 +.dataTables_info {
  1348 + width: 60%;
  1349 + float: left
  1350 +}
  1351 +.dataTables_paginate {
  1352 + float: right;
  1353 + text-align: right
  1354 +}
  1355 +table.dataTable th.focus,
  1356 +table.dataTable td.focus {
  1357 + outline: 2px solid #1ABB9C !important;
  1358 + outline-offset: -1px
  1359 +}
  1360 +table.display {
  1361 + margin: 0 auto;
  1362 + clear: both;
  1363 + width: 100%
  1364 +}
  1365 +table.display thead th {
  1366 + padding: 8px 18px 8px 10px;
  1367 + border-bottom: 1px solid black;
  1368 + font-weight: bold;
  1369 + cursor: pointer
  1370 +}
  1371 +table.display tfoot th {
  1372 + padding: 3px 18px 3px 10px;
  1373 + border-top: 1px solid black;
  1374 + font-weight: bold
  1375 +}
  1376 +table.display tr.heading2 td {
  1377 + border-bottom: 1px solid #aaa
  1378 +}
  1379 +table.display td {
  1380 + padding: 3px 10px
  1381 +}
  1382 +table.display td.center {
  1383 + text-align: center
  1384 +}
  1385 +table.display thead th:active,
  1386 +table.display thead td:active {
  1387 + outline: none
  1388 +}
  1389 +.dataTables_scroll {
  1390 + clear: both
  1391 +}
  1392 +.dataTables_scrollBody {
  1393 + *margin-top: -1px;
  1394 + -webkit-overflow-scrolling: touch
  1395 +}
  1396 +.top .dataTables_info {
  1397 + float: none
  1398 +}
  1399 +.clear {
  1400 + clear: both
  1401 +}
  1402 +.dataTables_empty {
  1403 + text-align: center
  1404 +}
  1405 +tfoot input {
  1406 + margin: 0.5em 0;
  1407 + width: 100%;
  1408 + color: #444
  1409 +}
  1410 +tfoot input.search_init {
  1411 + color: #999
  1412 +}
  1413 +td.group {
  1414 + background-color: #d1cfd0;
  1415 + border-bottom: 2px solid #A19B9E;
  1416 + border-top: 2px solid #A19B9E
  1417 +}
  1418 +td.details {
  1419 + background-color: #d1cfd0;
  1420 + border: 2px solid #A19B9E
  1421 +}
  1422 +.example_alt_pagination div.dataTables_info {
  1423 + width: 40%
  1424 +}
  1425 +.paging_full_numbers {
  1426 + width: 400px;
  1427 + height: 22px;
  1428 + line-height: 22px
  1429 +}
  1430 +.paging_full_numbers a:active {
  1431 + outline: none
  1432 +}
  1433 +.paging_full_numbers a:hover {
  1434 + text-decoration: none
  1435 +}
  1436 +.paging_full_numbers a.paginate_button,
  1437 +.paging_full_numbers a.paginate_active {
  1438 + border: 1px solid #aaa;
  1439 + -webkit-border-radius: 5px;
  1440 + -moz-border-radius: 5px;
  1441 + padding: 2px 5px;
  1442 + margin: 0 3px;
  1443 + cursor: pointer
  1444 +}
  1445 +.paging_full_numbers a.paginate_button {
  1446 + background-color: #ddd
  1447 +}
  1448 +.paging_full_numbers a.paginate_button:hover {
  1449 + background-color: #ccc;
  1450 + text-decoration: none !important
  1451 +}
  1452 +.paging_full_numbers a.paginate_active {
  1453 + background-color: #99B3FF
  1454 +}
  1455 +table.display tr.even.row_selected td {
  1456 + background-color: #B0BED9
  1457 +}
  1458 +table.display tr.odd.row_selected td {
  1459 + background-color: #9FAFD1
  1460 +}
  1461 +div.box {
  1462 + height: 100px;
  1463 + padding: 10px;
  1464 + overflow: auto;
  1465 + border: 1px solid #8080FF;
  1466 + background-color: #E5E5FF
  1467 +}
  1468 +ul.msg_list li {
  1469 + background: #f7f7f7;
  1470 + padding: 5px;
  1471 + display: -ms-flexbox;
  1472 + display: flex;
  1473 + margin: 6px 6px 0;
  1474 + width: 96% !important
  1475 +}
  1476 +ul.msg_list li:last-child {
  1477 + margin-bottom: 6px;
  1478 + padding: 10px
  1479 +}
  1480 +ul.msg_list li a {
  1481 + padding: 3px 5px !important
  1482 +}
  1483 +ul.msg_list li a .image img {
  1484 + border-radius: 2px 2px 2px 2px;
  1485 + -webkit-border-radius: 2px 2px 2px 2px;
  1486 + float: left;
  1487 + margin-right: 10px;
  1488 + width: 11%
  1489 +}
  1490 +ul.msg_list li a .time {
  1491 + font-size: 11px;
  1492 + font-style: italic;
  1493 + font-weight: bold;
  1494 + position: absolute;
  1495 + right: 35px
  1496 +}
  1497 +ul.msg_list li a .message {
  1498 + display: block !important;
  1499 + font-size: 11px
  1500 +}
  1501 +.dropdown-menu.msg_list span {
  1502 + white-space: normal
  1503 +}
  1504 +.dropdown-menu {
  1505 + border: medium none;
  1506 + box-shadow: none;
  1507 + display: none;
  1508 + float: left;
  1509 + font-size: 12px;
  1510 + left: 0;
  1511 + list-style: none outside none;
  1512 + padding: 0;
  1513 + position: absolute;
  1514 + text-shadow: none;
  1515 + top: 100%;
  1516 + z-index: 9998;
  1517 + border: 1px solid #D9DEE4;
  1518 + border-top-left-radius: 0;
  1519 + border-top-right-radius: 0
  1520 +}
  1521 +.dropdown-menu>li>a {
  1522 + color: #5A738E
  1523 +}
  1524 +.navbar-nav .open .dropdown-menu {
  1525 + position: absolute;
  1526 + background: #fff;
  1527 + margin-top: 0;
  1528 + border: 1px solid #D9DEE4;
  1529 + -webkit-box-shadow: none;
  1530 + right: 0;
  1531 + left: auto;
  1532 + width: 220px
  1533 +}
  1534 +.navbar-nav .open .dropdown-menu.msg_list {
  1535 + width: 300px
  1536 +}
  1537 +.info-number .badge {
  1538 + font-size: 10px;
  1539 + font-weight: normal;
  1540 + line-height: 13px;
  1541 + padding: 2px 6px;
  1542 + position: absolute;
  1543 + right: 2px;
  1544 + top: 8px
  1545 +}
  1546 +ul.to_do {
  1547 + padding: 0
  1548 +}
  1549 +ul.to_do li {
  1550 + background: #f3f3f3;
  1551 + border-radius: 3px;
  1552 + position: relative;
  1553 + padding: 7px;
  1554 + margin-bottom: 5px;
  1555 + list-style: none
  1556 +}
  1557 +ul.to_do p {
  1558 + margin: 0
  1559 +}
  1560 +.dashboard-widget {
  1561 + background: #f6f6f6;
  1562 + border-top: 5px solid #79C3DF;
  1563 + border-radius: 3px;
  1564 + padding: 5px 10px 10px
  1565 +}
  1566 +.dashboard-widget .dashboard-widget-title {
  1567 + font-weight: normal;
  1568 + border-bottom: 1px solid #c1cdcd;
  1569 + margin: 0 0 10px 0;
  1570 + padding-bottom: 5px;
  1571 + padding-left: 40px;
  1572 + line-height: 30px
  1573 +}
  1574 +.dashboard-widget .dashboard-widget-title i {
  1575 + font-size: 100%;
  1576 + margin-left: -35px;
  1577 + margin-right: 10px;
  1578 + color: #33a1c9;
  1579 + padding: 3px 6px;
  1580 + border: 1px solid #abd9ea;
  1581 + border-radius: 5px;
  1582 + background: #fff
  1583 +}
  1584 +ul.quick-list {
  1585 + width: 45%;
  1586 + padding-left: 0;
  1587 + display: inline-block
  1588 +}
  1589 +ul.quick-list li {
  1590 + padding-left: 10px;
  1591 + list-style: none;
  1592 + margin: 0;
  1593 + padding-bottom: 6px;
  1594 + padding-top: 4px;
  1595 + white-space: nowrap;
  1596 + text-overflow: ellipsis;
  1597 + overflow: hidden
  1598 +}
  1599 +ul.quick-list li i {
  1600 + padding-right: 10px;
  1601 + color: #757679
  1602 +}
  1603 +.dashboard-widget-content {
  1604 + padding-top: 9px
  1605 +}
  1606 +.dashboard-widget-content .sidebar-widget {
  1607 + width: 50%;
  1608 + display: inline-block;
  1609 + vertical-align: top;
  1610 + background: #fff;
  1611 + border: 1px solid #abd9ea;
  1612 + border-radius: 5px;
  1613 + text-align: center;
  1614 + float: right;
  1615 + padding: 2px;
  1616 + margin-top: 10px
  1617 +}
  1618 +.widget_summary {
  1619 + width: 100%;
  1620 + display: -ms-inline-flexbox;
  1621 + display: inline-flex
  1622 +}
  1623 +.widget_summary .w_left {
  1624 + float: left;
  1625 + text-align: left
  1626 +}
  1627 +.widget_summary .w_center {
  1628 + float: left
  1629 +}
  1630 +.widget_summary .w_right {
  1631 + float: left;
  1632 + text-align: right
  1633 +}
  1634 +.widget_summary .w_right span {
  1635 + font-size: 20px
  1636 +}
  1637 +.w_20 {
  1638 + width: 20%
  1639 +}
  1640 +.w_25 {
  1641 + width: 25%
  1642 +}
  1643 +.w_55 {
  1644 + width: 55%
  1645 +}
  1646 +h5.graph_title {
  1647 + text-align: left;
  1648 + margin-left: 10px
  1649 +}
  1650 +h5.graph_title i {
  1651 + margin-right: 10px;
  1652 + font-size: 17px
  1653 +}
  1654 +span.right {
  1655 + float: right;
  1656 + font-size: 14px !important
  1657 +}
  1658 +.tile_info a {
  1659 + text-overflow: ellipsis
  1660 +}
  1661 +.sidebar-footer {
  1662 + bottom: 0px;
  1663 + clear: both;
  1664 + display: block;
  1665 + padding: 5px 0 0 0;
  1666 + position: fixed;
  1667 + width: 230px;
  1668 + background: #2A3F54;
  1669 + z-index:999;
  1670 +}
  1671 +.sidebar-footer a {
  1672 + padding: 7px 0 3px;
  1673 + text-align: center;
  1674 + width: 25%;
  1675 + font-size: 17px;
  1676 + display: block;
  1677 + float: left;
  1678 + background: #172D44;
  1679 + cursor: pointer;
  1680 +}
  1681 +.sidebar-footer a:hover {
  1682 + background: #425567
  1683 +}
  1684 +.tile_count {
  1685 + margin-bottom: 20px;
  1686 + margin-top: 20px
  1687 +}
  1688 +.tile_count .tile_stats_count {
  1689 + border-bottom: 1px solid #D9DEE4;
  1690 + padding: 0 10px 0 20px;
  1691 + text-overflow: ellipsis;
  1692 + overflow: hidden;
  1693 + white-space: nowrap;
  1694 + position: relative
  1695 +}
  1696 +@media (min-width: 992px) {
  1697 + footer {
  1698 + margin-left: 230px
  1699 + }
  1700 +}
  1701 +@media (min-width: 992px) {
  1702 + .tile_count .tile_stats_count {
  1703 + margin-bottom: 10px;
  1704 + border-bottom: 0;
  1705 + padding-bottom: 10px
  1706 + }
  1707 +}
  1708 +.tile_count .tile_stats_count:before {
  1709 + content: "";
  1710 + position: absolute;
  1711 + left: 0;
  1712 + height: 65px;
  1713 + border-left: 2px solid #ADB2B5;
  1714 + margin-top: 10px
  1715 +}
  1716 +@media (min-width: 992px) {
  1717 + .tile_count .tile_stats_count:first-child:before {
  1718 + border-left: 0
  1719 + }
  1720 +}
  1721 +.tile_count .tile_stats_count .count {
  1722 + font-size: 30px;
  1723 + line-height: 47px;
  1724 + font-weight: 600
  1725 +}
  1726 +@media (min-width: 768px) {
  1727 + .tile_count .tile_stats_count .count {
  1728 + font-size: 40px
  1729 + }
  1730 +}
  1731 +@media (min-width: 992px) and (max-width: 1100px) {
  1732 + .tile_count .tile_stats_count .count {
  1733 + font-size: 30px
  1734 + }
  1735 +}
  1736 +.tile_count .tile_stats_count span {
  1737 + font-size: 12px
  1738 +}
  1739 +@media (min-width: 768px) {
  1740 + .tile_count .tile_stats_count span {
  1741 + font-size: 13px
  1742 + }
  1743 +}
  1744 +.tile_count .tile_stats_count .count_bottom i {
  1745 + width: 12px
  1746 +}
  1747 +.dashboard_graph {
  1748 + background: #fff;
  1749 + padding: 7px 10px
  1750 +}
  1751 +.dashboard_graph .col-md-9,
  1752 +.dashboard_graph .col-md-3 {
  1753 + padding: 0
  1754 +}
  1755 +a.user-profile {
  1756 + color: #5E6974 !important
  1757 +}
  1758 +.user-profile img {
  1759 + width: 29px;
  1760 + height: 29px;
  1761 + border-radius: 50%;
  1762 + margin-right: 10px
  1763 +}
  1764 +ul.top_profiles {
  1765 + height: 330px;
  1766 + width: 100%
  1767 +}
  1768 +ul.top_profiles li {
  1769 + margin: 0;
  1770 + padding: 3px 5px
  1771 +}
  1772 +ul.top_profiles li:nth-child(odd) {
  1773 + background-color: #eee
  1774 +}
  1775 +.media .profile_thumb {
  1776 + border: 1px solid;
  1777 + width: 50px;
  1778 + height: 50px;
  1779 + margin: 5px 10px 5px 0;
  1780 + border-radius: 50%;
  1781 + padding: 9px 12px
  1782 +}
  1783 +.media .profile_thumb i {
  1784 + font-size: 30px
  1785 +}
  1786 +.media .date {
  1787 + background: #ccc;
  1788 + width: 52px;
  1789 + margin-right: 10px;
  1790 + border-radius: 10px;
  1791 + padding: 5px
  1792 +}
  1793 +.media .date .month {
  1794 + margin: 0;
  1795 + text-align: center;
  1796 + color: #fff
  1797 +}
  1798 +.media .date .day {
  1799 + text-align: center;
  1800 + color: #fff;
  1801 + font-size: 27px;
  1802 + margin: 0;
  1803 + line-height: 27px;
  1804 + font-weight: bold
  1805 +}
  1806 +.event .media-body a.title {
  1807 + font-weight: bold
  1808 +}
  1809 +.event .media-body p {
  1810 + margin-bottom: 0
  1811 +}
  1812 +h4.graph_title {
  1813 + margin: 7px;
  1814 + text-align: center
  1815 +}
  1816 +.fontawesome-icon-list .fa-hover a:hover {
  1817 + background-color: #ddd;
  1818 + color: #fff;
  1819 + text-decoration: none
  1820 +}
  1821 +.fontawesome-icon-list .fa-hover a {
  1822 + display: block;
  1823 + line-height: 32px;
  1824 + height: 32px;
  1825 + padding-left: 10px;
  1826 + border-radius: 4px
  1827 +}
  1828 +.fontawesome-icon-list .fa-hover a:hover .fa {
  1829 + font-size: 28px;
  1830 + vertical-align: -6px
  1831 +}
  1832 +.fontawesome-icon-list .fa-hover a .fa {
  1833 + width: 32px;
  1834 + font-size: 16px;
  1835 + display: inline-block;
  1836 + text-align: right;
  1837 + margin-right: 10px
  1838 +}
  1839 +.main_menu .fa {
  1840 + width: 26px;
  1841 + opacity: .99;
  1842 + display: inline-block;
  1843 + font-family: FontAwesome;
  1844 + font-style: normal;
  1845 + font-weight: normal;
  1846 + font-size: 18px;
  1847 + -webkit-font-smoothing: antialiased;
  1848 + -moz-osx-font-smoothing: grayscale
  1849 +}
  1850 +.tile-stats {
  1851 + position: relative;
  1852 + display: block;
  1853 + margin-bottom: 12px;
  1854 + border: 1px solid #E4E4E4;
  1855 + -webkit-border-radius: 5px;
  1856 + overflow: hidden;
  1857 + padding-bottom: 5px;
  1858 + -webkit-background-clip: padding-box;
  1859 + -moz-border-radius: 5px;
  1860 + -moz-background-clip: padding;
  1861 + border-radius: 5px;
  1862 + background-clip: padding-box;
  1863 + background: #FFF;
  1864 + transition: all 300ms ease-in-out
  1865 +}
  1866 +.tile-stats:hover .icon i {
  1867 + animation-name: tansformAnimation;
  1868 + animation-duration: .5s;
  1869 + animation-iteration-count: 1;
  1870 + color: rgba(58, 58, 58, 0.41);
  1871 + animation-timing-function: ease;
  1872 + animation-fill-mode: forwards;
  1873 + -webkit-animation-name: tansformAnimation;
  1874 + -webkit-animation-duration: .5s;
  1875 + -webkit-animation-iteration-count: 1;
  1876 + -webkit-animation-timing-function: ease;
  1877 + -webkit-animation-fill-mode: forwards;
  1878 + -moz-animation-name: tansformAnimation;
  1879 + -moz-animation-duration: .5s;
  1880 + -moz-animation-iteration-count: 1;
  1881 + -moz-animation-timing-function: ease;
  1882 + -moz-animation-fill-mode: forwards
  1883 +}
  1884 +.tile-stats .icon {
  1885 + width: 20px;
  1886 + height: 20px;
  1887 + color: #BAB8B8;
  1888 + position: absolute;
  1889 + right: 53px;
  1890 + top: 22px;
  1891 + z-index: 1
  1892 +}
  1893 +.tile-stats .icon i {
  1894 + margin: 0;
  1895 + font-size: 60px;
  1896 + line-height: 0;
  1897 + vertical-align: bottom;
  1898 + padding: 0
  1899 +}
  1900 +.tile-stats .count {
  1901 + font-size: 38px;
  1902 + font-weight: bold;
  1903 + line-height: 1.65857
  1904 +}
  1905 +.tile-stats .count,
  1906 +.tile-stats h3,
  1907 +.tile-stats p {
  1908 + position: relative;
  1909 + margin: 0;
  1910 + margin-left: 10px;
  1911 + z-index: 5;
  1912 + padding: 0
  1913 +}
  1914 +.tile-stats h3 {
  1915 + color: #BAB8B8
  1916 +}
  1917 +.tile-stats p {
  1918 + margin-top: 5px;
  1919 + font-size: 12px
  1920 +}
  1921 +.tile-stats>.dash-box-footer {
  1922 + position: relative;
  1923 + text-align: center;
  1924 + margin-top: 5px;
  1925 + padding: 3px 0;
  1926 + color: #fff;
  1927 + color: rgba(255, 255, 255, 0.8);
  1928 + display: block;
  1929 + z-index: 10;
  1930 + background: rgba(0, 0, 0, 0.1);
  1931 + text-decoration: none
  1932 +}
  1933 +.tile-stats>.dash-box-footer:hover {
  1934 + color: #fff;
  1935 + background: rgba(0, 0, 0, 0.15)
  1936 +}
  1937 +.tile-stats>.dash-box-footer:hover {
  1938 + color: #fff;
  1939 + background: rgba(0, 0, 0, 0.15)
  1940 +}
  1941 +table.tile_info {
  1942 + padding: 10px 15px
  1943 +}
  1944 +table.tile_info span.right {
  1945 + margin-right: 0;
  1946 + float: right;
  1947 + position: absolute;
  1948 + right: 4%
  1949 +}
  1950 +.tile:hover {
  1951 + text-decoration: none
  1952 +}
  1953 +.tile_header {
  1954 + border-bottom: transparent;
  1955 + padding: 7px 15px;
  1956 + margin-bottom: 15px;
  1957 + background: #E7E7E7
  1958 +}
  1959 +.tile_head h4 {
  1960 + margin-top: 0;
  1961 + margin-bottom: 5px
  1962 +}
  1963 +.tiles-bottom {
  1964 + padding: 5px 10px;
  1965 + margin-top: 10px;
  1966 + background: rgba(194, 194, 194, 0.3);
  1967 + text-align: left
  1968 +}
  1969 +a.star {
  1970 + color: #428bca !important
  1971 +}
  1972 +.mail_content {
  1973 + background: none repeat scroll 0 0 #FFFFFF;
  1974 + border-radius: 4px;
  1975 + margin-top: 20px;
  1976 + min-height: 500px;
  1977 + padding: 10px 11px;
  1978 + width: 100%
  1979 +}
  1980 +.list-btn-mail {
  1981 + margin-bottom: 15px
  1982 +}
  1983 +.list-btn-mail.active {
  1984 + border-bottom: 1px solid #39B3D7;
  1985 + padding: 0 0 14px
  1986 +}
  1987 +.list-btn-mail>i {
  1988 + float: left;
  1989 + font-size: 18px;
  1990 + font-style: normal;
  1991 + width: 33px
  1992 +}
  1993 +.list-btn-mail>.cn {
  1994 + background: none repeat scroll 0 0 #39B3D7;
  1995 + border-radius: 12px;
  1996 + color: #FFFFFF;
  1997 + float: right;
  1998 + font-style: normal;
  1999 + padding: 0 5px
  2000 +}
  2001 +.button-mail {
  2002 + margin: 0 0 15px !important;
  2003 + text-align: left;
  2004 + width: 100%
  2005 +}
  2006 +button,
  2007 +.buttons,
  2008 +.btn,
  2009 +.modal-footer .btn+.btn {
  2010 + margin-bottom: 5px;
  2011 + margin-right: 5px
  2012 +}
  2013 +.btn-group-vertical .btn,
  2014 +.btn-group .btn {
  2015 + margin-bottom: 0;
  2016 + margin-right: 0
  2017 +}
  2018 +.mail_list_column {
  2019 + border-left: 1px solid #DBDBDB
  2020 +}
  2021 +.mail_view {
  2022 + border-left: 1px solid #DBDBDB
  2023 +}
  2024 +.mail_list {
  2025 + width: 100%;
  2026 + border-bottom: 1px solid #DBDBDB;
  2027 + margin-bottom: 2px;
  2028 + display: inline-block
  2029 +}
  2030 +.mail_list .left {
  2031 + width: 5%;
  2032 + float: left;
  2033 + margin-right: 3%
  2034 +}
  2035 +.mail_list .right {
  2036 + width: 90%;
  2037 + float: left
  2038 +}
  2039 +.mail_list h3 {
  2040 + font-size: 15px;
  2041 + font-weight: bold;
  2042 + margin: 0px 0 6px
  2043 +}
  2044 +.mail_list h3 small {
  2045 + float: right;
  2046 + color: #ADABAB;
  2047 + font-size: 11px;
  2048 + line-height: 20px
  2049 +}
  2050 +.mail_list .badge {
  2051 + padding: 3px 6px;
  2052 + font-size: 8px;
  2053 + background: #BAB7B7
  2054 +}
  2055 +@media (max-width: 767px) {
  2056 + .mail_list {
  2057 + margin-bottom: 5px;
  2058 + display: inline-block
  2059 + }
  2060 +}
  2061 +.mail_heading h4 {
  2062 + font-size: 18px;
  2063 + border-bottom: 1px solid #ddd;
  2064 + padding-bottom: 10px;
  2065 + margin-top: 20px
  2066 +}
  2067 +.attachment {
  2068 + margin-top: 30px
  2069 +}
  2070 +.attachment ul {
  2071 + width: 100%;
  2072 + list-style: none;
  2073 + padding-left: 0;
  2074 + display: inline-block;
  2075 + margin-bottom: 30px
  2076 +}
  2077 +.attachment ul li {
  2078 + float: left;
  2079 + width: 150px;
  2080 + margin-right: 10px;
  2081 + margin-bottom: 10px
  2082 +}
  2083 +.attachment ul li img {
  2084 + height: 150px;
  2085 + border: 1px solid #ddd;
  2086 + padding: 5px;
  2087 + margin-bottom: 10px
  2088 +}
  2089 +.attachment ul li span {
  2090 + float: right
  2091 +}
  2092 +.attachment .file-name {
  2093 + float: left
  2094 +}
  2095 +.attachment .links {
  2096 + width: 100%;
  2097 + display: inline-block
  2098 +}
  2099 +.compose {
  2100 + padding: 0;
  2101 + position: fixed;
  2102 + bottom: 0;
  2103 + right: 0;
  2104 + background: #fff;
  2105 + border: 1px solid #D9DEE4;
  2106 + border-right: 0;
  2107 + border-bottom: 0;
  2108 + border-top-left-radius: 5px;
  2109 + z-index: 9999;
  2110 + display: none
  2111 +}
  2112 +.compose .compose-header {
  2113 + padding: 5px;
  2114 + background: #169F85;
  2115 + color: #fff;
  2116 + border-top-left-radius: 5px
  2117 +}
  2118 +.compose .compose-header .close {
  2119 + text-shadow: 0 1px 0 #ffffff;
  2120 + line-height: .8
  2121 +}
  2122 +.compose .compose-body .editor.btn-toolbar {
  2123 + margin: 0
  2124 +}
  2125 +.compose .compose-body .editor-wrapper {
  2126 + height: 100%;
  2127 + min-height: 50px;
  2128 + max-height: 180px;
  2129 + border-radius: 0;
  2130 + border-left: none;
  2131 + border-right: none;
  2132 + overflow: auto
  2133 +}
  2134 +.compose .compose-footer {
  2135 + padding: 10px
  2136 +}
  2137 +.editor.btn-toolbar {
  2138 + zoom: 1;
  2139 + background: #F7F7F7;
  2140 + margin: 5px 2px;
  2141 + padding: 3px 0;
  2142 + border: 1px solid #EFEFEF
  2143 +}
  2144 +.input-group {
  2145 + margin-bottom: 10px
  2146 +}
  2147 +.ln_solid {
  2148 + border-top: 1px solid #e5e5e5;
  2149 + color: #ffffff;
  2150 + background-color: #ffffff;
  2151 + height: 1px;
  2152 + margin: 20px 0
  2153 +}
  2154 +span.section {
  2155 + display: block;
  2156 + width: 100%;
  2157 + padding: 0;
  2158 + margin-bottom: 20px;
  2159 + font-size: 21px;
  2160 + line-height: inherit;
  2161 + color: #333;
  2162 + border: 0;
  2163 + border-bottom: 1px solid #e5e5e5
  2164 +}
  2165 +.form-control {
  2166 + border-radius: 0;
  2167 + width: 100%
  2168 +}
  2169 +.form-horizontal .control-label {
  2170 + padding-top: 8px
  2171 +}
  2172 +.form-control:focus {
  2173 + border-color: #CCD0D7;
  2174 + box-shadow: none !important
  2175 +}
  2176 +legend {
  2177 + font-size: 18px;
  2178 + color: inherit
  2179 +}
  2180 +.form-horizontal .form-group {
  2181 + margin-right: 0;
  2182 + margin-left: 0
  2183 +}
  2184 +.form-control-feedback {
  2185 + margin-top: 8px;
  2186 + height: 23px;
  2187 + color: #bbb;
  2188 + line-height: 24px;
  2189 + font-size: 15px
  2190 +}
  2191 +.form-control-feedback.left {
  2192 + border-right: 1px solid #ccc;
  2193 + left: 13px
  2194 +}
  2195 +.form-control-feedback.right {
  2196 + border-left: 1px solid #ccc;
  2197 + right: 13px
  2198 +}
  2199 +.form-control.has-feedback-left {
  2200 + padding-left: 45px
  2201 +}
  2202 +.form-control.has-feedback-right {
  2203 + padding-right: 45px
  2204 +}
  2205 +.form-group {
  2206 + margin-bottom: 10px
  2207 +}
  2208 +.validate {
  2209 + margin-top: 10px
  2210 +}
  2211 +.invalid-form-error-message {
  2212 + margin-top: 10px;
  2213 + padding: 5px
  2214 +}
  2215 +.invalid-form-error-message.filled {
  2216 + border-left: 2px solid #E74C3C
  2217 +}
  2218 +p.parsley-success {
  2219 + color: #468847;
  2220 + background-color: #DFF0D8;
  2221 + border: 1px solid #D6E9C6
  2222 +}
  2223 +p.parsley-error {
  2224 + color: #B94A48;
  2225 + background-color: #F2DEDE;
  2226 + border: 1px solid #EED3D7
  2227 +}
  2228 +ul.parsley-errors-list {
  2229 + list-style: none;
  2230 + color: #E74C3C;
  2231 + padding-left: 0
  2232 +}
  2233 +input.parsley-error,
  2234 +textarea.parsley-error,
  2235 +select.parsley-error {
  2236 + background: #FAEDEC;
  2237 + border: 1px solid #E85445
  2238 +}
  2239 +.btn-group .parsley-errors-list {
  2240 + display: none
  2241 +}
  2242 +.bad input,
  2243 +.bad select,
  2244 +.bad textarea {
  2245 + border: 1px solid #CE5454;
  2246 + box-shadow: 0 0 4px -2px #CE5454;
  2247 + position: relative;
  2248 + left: 0;
  2249 + -moz-animation: .7s 1 shake linear;
  2250 + -webkit-animation: 0.7s 1 shake linear
  2251 +}
  2252 +.item input,
  2253 +.item textarea {
  2254 + transition: 0.42s
  2255 +}
  2256 +.item .alert {
  2257 + float: left;
  2258 + margin: 0 0 0 20px;
  2259 + padding: 3px 10px;
  2260 + color: #FFF;
  2261 + border-radius: 3px 4px 4px 3px;
  2262 + background-color: #CE5454;
  2263 + max-width: 170px;
  2264 + white-space: pre;
  2265 + position: relative;
  2266 + left: -15px;
  2267 + opacity: 0;
  2268 + z-index: 1;
  2269 + transition: 0.15s ease-out
  2270 +}
  2271 +.item .alert::after {
  2272 + content: '';
  2273 + display: block;
  2274 + height: 0;
  2275 + width: 0;
  2276 + border-color: transparent #CE5454 transparent transparent;
  2277 + border-style: solid;
  2278 + border-width: 11px 7px;
  2279 + position: absolute;
  2280 + left: -13px;
  2281 + top: 1px
  2282 +}
  2283 +.item.bad .alert {
  2284 + left: 0;
  2285 + opacity: 1
  2286 +}
  2287 +.inl-bl {
  2288 + display: inline-block
  2289 +}
  2290 +.well .markup {
  2291 + background: #fff;
  2292 + color: #777;
  2293 + position: relative;
  2294 + padding: 45px 15px 15px;
  2295 + margin: 15px 0 0 0;
  2296 + background-color: #fff;
  2297 + border-radius: 0 0 4px 4px;
  2298 + box-shadow: none
  2299 +}
  2300 +.well .markup::after {
  2301 + content: "Example";
  2302 + position: absolute;
  2303 + top: 15px;
  2304 + left: 15px;
  2305 + font-size: 12px;
  2306 + font-weight: bold;
  2307 + color: #bbb;
  2308 + text-transform: uppercase;
  2309 + letter-spacing: 1px
  2310 +}
  2311 +.autocomplete-suggestions {
  2312 + border: 1px solid #e4e4e4;
  2313 + background: #F4F4F4;
  2314 + cursor: default;
  2315 + overflow: auto
  2316 +}
  2317 +.autocomplete-suggestion {
  2318 + padding: 2px 5px;
  2319 + font-size: 1.2em;
  2320 + white-space: nowrap;
  2321 + overflow: hidden
  2322 +}
  2323 +.autocomplete-selected {
  2324 + background: #f0f0f0
  2325 +}
  2326 +.autocomplete-suggestions strong {
  2327 + font-weight: normal;
  2328 + color: #3399ff;
  2329 + font-weight: bolder
  2330 +}
  2331 +.btn {
  2332 + border-radius: 3px
  2333 +}
  2334 +a.btn-success,
  2335 +a.btn-primary,
  2336 +a.btn-warning,
  2337 +a.btn-danger {
  2338 + color: #fff
  2339 +}
  2340 +.btn-success {
  2341 + background: #26B99A;
  2342 + border: 1px solid #169F85
  2343 +}
  2344 +.btn-success:hover,
  2345 +.btn-success:focus,
  2346 +.btn-success:active,
  2347 +.btn-success.active,
  2348 +.open .dropdown-toggle.btn-success {
  2349 + background: #169F85
  2350 +}
  2351 +.btn-dark {
  2352 + color: #E9EDEF;
  2353 + background-color: #4B5F71;
  2354 + border-color: #364B5F
  2355 +}
  2356 +.btn-dark:hover,
  2357 +.btn-dark:focus,
  2358 +.btn-dark:active,
  2359 +.btn-dark.active,
  2360 +.open .dropdown-toggle.btn-dark {
  2361 + color: #FFFFFF;
  2362 + background-color: #394D5F;
  2363 + border-color: #394D5F
  2364 +}
  2365 +.btn-round {
  2366 + border-radius: 30px
  2367 +}
  2368 +.btn.btn-app {
  2369 + position: relative;
  2370 + padding: 15px 5px;
  2371 + margin: 0 0 10px 10px;
  2372 + min-width: 80px;
  2373 + height: 60px;
  2374 + box-shadow: none;
  2375 + border-radius: 0;
  2376 + text-align: center;
  2377 + color: #666;
  2378 + border: 1px solid #ddd;
  2379 + background-color: #fafafa;
  2380 + font-size: 12px
  2381 +}
  2382 +.btn.btn-app>.fa,
  2383 +.btn.btn-app>.glyphicon,
  2384 +.btn.btn-app>.ion {
  2385 + font-size: 20px;
  2386 + display: block
  2387 +}
  2388 +.btn.btn-app:hover {
  2389 + background: #f4f4f4;
  2390 + color: #444;
  2391 + border-color: #aaa
  2392 +}
  2393 +.btn.btn-app:active,
  2394 +.btn.btn-app:focus {
  2395 + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
  2396 +}
  2397 +.btn.btn-app>.badge {
  2398 + position: absolute;
  2399 + top: -3px;
  2400 + right: -10px;
  2401 + font-size: 10px;
  2402 + font-weight: 400
  2403 +}
  2404 +textarea {
  2405 + padding: 10px;
  2406 + vertical-align: top;
  2407 + width: 200px
  2408 +}
  2409 +textarea:focus {
  2410 + outline-style: solid;
  2411 + outline-width: 2px
  2412 +}
  2413 +.btn_ {
  2414 + display: inline-block;
  2415 + padding: 3px 9px;
  2416 + margin-bottom: 0;
  2417 + font-size: 14px;
  2418 + line-height: 20px;
  2419 + text-align: center;
  2420 + vertical-align: middle;
  2421 + cursor: pointer;
  2422 + color: #333333;
  2423 + text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  2424 + background-color: #f5f5f5;
  2425 + background-image: linear-gradient(to bottom, #fff, #e6e6e6);
  2426 + background-repeat: repeat-x;
  2427 + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  2428 + border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  2429 + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  2430 + filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
  2431 + border: 1px solid #cccccc;
  2432 + border-bottom-color: #b3b3b3;
  2433 + border-radius: 4px;
  2434 + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05)
  2435 +}
  2436 +.bs-glyphicons {
  2437 + margin: 0 -10px 20px;
  2438 + overflow: hidden
  2439 +}
  2440 +.bs-glyphicons-list {
  2441 + padding-left: 0;
  2442 + list-style: none
  2443 +}
  2444 +.bs-glyphicons li {
  2445 + float: left;
  2446 + width: 25%;
  2447 + height: 115px;
  2448 + padding: 10px;
  2449 + font-size: 10px;
  2450 + line-height: 1.4;
  2451 + text-align: center;
  2452 + background-color: #f9f9f9;
  2453 + border: 1px solid #fff
  2454 +}
  2455 +.bs-glyphicons .glyphicon {
  2456 + margin-top: 5px;
  2457 + margin-bottom: 10px;
  2458 + font-size: 24px
  2459 +}
  2460 +.bs-glyphicons .glyphicon-class {
  2461 + display: block;
  2462 + text-align: center;
  2463 + word-wrap: break-word
  2464 +}
  2465 +.bs-glyphicons li:hover {
  2466 + color: #fff;
  2467 + background-color: #1ABB9C
  2468 +}
  2469 +@media (min-width: 768px) {
  2470 + .bs-glyphicons {
  2471 + margin-right: 0;
  2472 + margin-left: 0
  2473 + }
  2474 + .bs-glyphicons li {
  2475 + width: 12.5%;
  2476 + font-size: 12px
  2477 + }
  2478 +}
  2479 +.tagsinput {
  2480 + border: 1px solid #CCC;
  2481 + background: #FFF;
  2482 + padding: 6px 6px 0;
  2483 + width: 300px;
  2484 + overflow-y: auto
  2485 +}
  2486 +span.tag {
  2487 + -moz-border-radius: 2px;
  2488 + -webkit-border-radius: 2px;
  2489 + display: block;
  2490 + float: left;
  2491 + padding: 5px 9px;
  2492 + text-decoration: none;
  2493 + background: #1ABB9C;
  2494 + color: #F1F6F7;
  2495 + margin-right: 5px;
  2496 + font-weight: 500;
  2497 + margin-bottom: 5px;
  2498 + font-family: helvetica
  2499 +}
  2500 +span.tag a {
  2501 + color: #F1F6F7 !important
  2502 +}
  2503 +.tagsinput span.tag a {
  2504 + font-weight: bold;
  2505 + color: #82ad2b;
  2506 + text-decoration: none;
  2507 + font-size: 11px
  2508 +}
  2509 +.tagsinput input {
  2510 + width: 80px;
  2511 + margin: 0px;
  2512 + font-family: helvetica;
  2513 + font-size: 13px;
  2514 + border: 1px solid transparent;
  2515 + padding: 3px;
  2516 + background: transparent;
  2517 + color: #000;
  2518 + outline: 0px
  2519 +}
  2520 +.tagsinput div {
  2521 + display: block;
  2522 + float: left
  2523 +}
  2524 +.tags_clear {
  2525 + clear: both;
  2526 + width: 100%;
  2527 + height: 0px
  2528 +}
  2529 +.not_valid {
  2530 + background: #FBD8DB !important;
  2531 + color: #90111A !important
  2532 +}
  2533 +ul.bar_tabs {
  2534 + overflow: visible;
  2535 + background: #F5F7FA;
  2536 + height: 25px;
  2537 + margin: 21px 0 14px;
  2538 + padding-left: 14px;
  2539 + position: relative;
  2540 + z-index: 1;
  2541 + width: 100%;
  2542 + border-bottom: 1px solid #E6E9ED
  2543 +}
  2544 +ul.bar_tabs>li {
  2545 + border: 1px solid #E6E9ED;
  2546 + color: #333 !important;
  2547 + margin-top: -17px;
  2548 + margin-left: 8px;
  2549 + background: #fff;
  2550 + border-bottom: none;
  2551 + border-radius: 4px 4px 0 0
  2552 +}
  2553 +ul.bar_tabs>li.active {
  2554 + border-right: 6px solid #D3D6DA;
  2555 + border-top: 0;
  2556 + margin-top: -15px
  2557 +}
  2558 +ul.bar_tabs>li a {
  2559 + padding: 10px 17px;
  2560 + background: #F5F7FA;
  2561 + margin: 0;
  2562 + border-top-right-radius: 0
  2563 +}
  2564 +ul.bar_tabs>li a:hover {
  2565 + border: 1px solid transparent
  2566 +}
  2567 +ul.bar_tabs>li.active a {
  2568 + border-bottom: none
  2569 +}
  2570 +ul.bar_tabs.right {
  2571 + padding-right: 14px
  2572 +}
  2573 +ul.bar_tabs.right li {
  2574 + float: right
  2575 +}
  2576 +a:focus {
  2577 + outline: none
  2578 +}
  2579 +ul.timeline li {
  2580 + position: relative;
  2581 + border-bottom: 1px solid #e8e8e8;
  2582 + clear: both
  2583 +}
  2584 +.timeline .block {
  2585 + margin: 0;
  2586 + border-left: 3px solid #e8e8e8;
  2587 + overflow: visible;
  2588 + padding: 10px 15px;
  2589 + margin-left: 105px
  2590 +}
  2591 +.timeline.widget {
  2592 + min-width: 0;
  2593 + max-width: inherit
  2594 +}
  2595 +.timeline.widget .block {
  2596 + margin-left: 5px
  2597 +}
  2598 +.timeline .tags {
  2599 + position: absolute;
  2600 + top: 15px;
  2601 + left: 0;
  2602 + width: 84px
  2603 +}
  2604 +.timeline .tag {
  2605 + display: block;
  2606 + height: 30px;
  2607 + font-size: 13px;
  2608 + padding: 8px
  2609 +}
  2610 +.timeline .tag span {
  2611 + display: block;
  2612 + overflow: hidden;
  2613 + width: 100%;
  2614 + white-space: nowrap;
  2615 + text-overflow: ellipsis
  2616 +}
  2617 +.tag {
  2618 + line-height: 1;
  2619 + background: #1ABB9C;
  2620 + color: #fff !important
  2621 +}
  2622 +.tag:after {
  2623 + content: " ";
  2624 + height: 30px;
  2625 + width: 0;
  2626 + position: absolute;
  2627 + left: 100%;
  2628 + top: 0;
  2629 + margin: 0;
  2630 + pointer-events: none;
  2631 + border-top: 14px solid transparent;
  2632 + border-bottom: 14px solid transparent;
  2633 + border-left: 11px solid #1ABB9C
  2634 +}
  2635 +.timeline h2.title {
  2636 + position: relative;
  2637 + font-size: 16px;
  2638 + margin: 0
  2639 +}
  2640 +.timeline h2.title:before {
  2641 + content: "";
  2642 + position: absolute;
  2643 + left: -23px;
  2644 + top: 3px;
  2645 + display: block;
  2646 + width: 14px;
  2647 + height: 14px;
  2648 + border: 3px solid #d2d3d2;
  2649 + border-radius: 14px;
  2650 + background: #f9f9f9
  2651 +}
  2652 +.timeline .byline {
  2653 + padding: .25em 0
  2654 +}
  2655 +.byline {
  2656 + -webkit-font-smoothing: antialiased;
  2657 + font-style: italic;
  2658 + font-size: .9375em;
  2659 + line-height: 1.3;
  2660 + color: #aab6aa
  2661 +}
  2662 +ul.social li {
  2663 + border: 0
  2664 +}
  2665 +.social-sidebar,
  2666 +.social-body {
  2667 + float: right
  2668 +}
  2669 +.social-sidebar {
  2670 + background: #EDEDED;
  2671 + width: 22%
  2672 +}
  2673 +.social-body {
  2674 + border: 1px solid #ccc;
  2675 + width: 78%
  2676 +}
  2677 +.thumb img {
  2678 + width: 50px;
  2679 + height: 50px;
  2680 + border-radius: 50%
  2681 +}
  2682 +.chat .thumb img {
  2683 + width: 27px;
  2684 + height: 27px;
  2685 + border-radius: 50%
  2686 +}
  2687 +.chat .status {
  2688 + float: left;
  2689 + margin: 16px 0 0 -16px;
  2690 + font-size: 14px;
  2691 + font-weight: bold;
  2692 + width: 12px;
  2693 + height: 12px;
  2694 + display: block;
  2695 + border: 2px solid #FFF;
  2696 + z-index: 12312;
  2697 + border-radius: 50%
  2698 +}
  2699 +.chat .status.online {
  2700 + background: #1ABB9C
  2701 +}
  2702 +.chat .status.away {
  2703 + background: #F39C12
  2704 +}
  2705 +.chat .status.offline {
  2706 + background: #ccc
  2707 +}
  2708 +.chat .media-body {
  2709 + padding-top: 5px
  2710 +}
  2711 +.dashboard_graph .x_title {
  2712 + padding: 5px 5px 7px
  2713 +}
  2714 +.dashboard_graph .x_title h3 {
  2715 + margin: 0;
  2716 + font-weight: normal
  2717 +}
  2718 +.chart {
  2719 + position: relative;
  2720 + display: inline-block;
  2721 + width: 110px;
  2722 + height: 110px;
  2723 + margin-top: 5px;
  2724 + margin-bottom: 5px;
  2725 + text-align: center
  2726 +}
  2727 +.chart canvas {
  2728 + position: absolute;
  2729 + top: 0;
  2730 + left: 0
  2731 +}
  2732 +.percent {
  2733 + display: inline-block;
  2734 + line-height: 110px;
  2735 + z-index: 2;
  2736 + font-size: 18px
  2737 +}
  2738 +.percent:after {
  2739 + content: '%';
  2740 + margin-left: 0.1em;
  2741 + font-size: .8em
  2742 +}
  2743 +.angular {
  2744 + margin-top: 100px
  2745 +}
  2746 +.angular .chart {
  2747 + margin-top: 0
  2748 +}
  2749 +.widget {
  2750 + min-width: 250px;
  2751 + max-width: 310px
  2752 +}
  2753 +.widget_tally_box .btn-group button {
  2754 + text-align: center
  2755 +}
  2756 +.widget_tally_box .btn-group button {
  2757 + color: inherit;
  2758 + font-weight: 500;
  2759 + background-color: #f5f5f5;
  2760 + border: 1px solid #e7e7e7
  2761 +}
  2762 +ul.widget_tally,
  2763 +ul.widget_tally li {
  2764 + width: 100%
  2765 +}
  2766 +ul.widget_tally li {
  2767 + padding: 2px 10px;
  2768 + border-bottom: 1px solid #ECECEC;
  2769 + padding-bottom: 4px
  2770 +}
  2771 +ul.widget_tally .month {
  2772 + width: 70%;
  2773 + float: left
  2774 +}
  2775 +ul.widget_tally .count {
  2776 + width: 30%;
  2777 + float: left;
  2778 + text-align: right
  2779 +}
  2780 +.pie_bg {
  2781 + border-bottom: 1px solid rgba(101, 204, 182, 0.16);
  2782 + padding-bottom: 15px;
  2783 + border-radius: 4px;
  2784 + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  2785 + filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
  2786 + padding-bottom: 10px;
  2787 + box-shadow: 0 4px 6px -6px #222
  2788 +}
  2789 +.widget_tally_box .flex {
  2790 + display: -ms-flexbox;
  2791 + display: flex
  2792 +}
  2793 +ul.widget_profile_box {
  2794 + width: 100%;
  2795 + height: 42px;
  2796 + padding: 3px;
  2797 + background: #ececec;
  2798 + margin-top: 40px;
  2799 + margin-left: 1px
  2800 +}
  2801 +ul.widget_profile_box li:first-child {
  2802 + width: 25%;
  2803 + float: left
  2804 +}
  2805 +ul.widget_profile_box li:first-child a {
  2806 + float: left
  2807 +}
  2808 +ul.widget_profile_box li:last-child {
  2809 + width: 25%;
  2810 + float: right
  2811 +}
  2812 +ul.widget_profile_box li:last-child a {
  2813 + float: right
  2814 +}
  2815 +ul.widget_profile_box li a {
  2816 + font-size: 22px;
  2817 + text-align: center;
  2818 + width: 35px;
  2819 + height: 35px;
  2820 + border: 1px solid rgba(52, 73, 94, 0.44);
  2821 + display: block;
  2822 + border-radius: 50%;
  2823 + padding: 0px
  2824 +}
  2825 +ul.widget_profile_box li a:hover {
  2826 + color: #1ABB9C !important;
  2827 + border: 1px solid #26b99a
  2828 +}
  2829 +ul.widget_profile_box li .profile_img {
  2830 + width: 85px;
  2831 + height: 85px;
  2832 + margin: 0;
  2833 + margin-top: -28px
  2834 +}
  2835 +.widget_tally_box p,
  2836 +.widget_tally_box span {
  2837 + text-align: center
  2838 +}
  2839 +.widget_tally_box .name {
  2840 + text-align: center;
  2841 + margin: 25px
  2842 +}
  2843 +.widget_tally_box .name_title {
  2844 + text-align: center;
  2845 + margin: 5px
  2846 +}
  2847 +.widget_tally_box ul.legend {
  2848 + margin: 0
  2849 +}
  2850 +.widget_tally_box ul.legend p,
  2851 +.widget_tally_box ul.legend span {
  2852 + text-align: left
  2853 +}
  2854 +.widget_tally_box ul.legend li .icon {
  2855 + font-size: 20px;
  2856 + float: left;
  2857 + width: 14px
  2858 +}
  2859 +.widget_tally_box ul.legend li .name {
  2860 + font-size: 14px;
  2861 + margin: 5px 0 0 14px;
  2862 + text-overflow: ellipsis;
  2863 + float: left
  2864 +}
  2865 +.widget_tally_box ul.legend p {
  2866 + display: inline-block;
  2867 + margin: 0
  2868 +}
  2869 +.widget_tally_box ul.verticle_bars li {
  2870 + height: 140px;
  2871 + width: 23%
  2872 +}
  2873 +.widget .verticle_bars li .progress.vertical.progress_wide {
  2874 + width: 65%
  2875 +}
  2876 +ul.count2 {
  2877 + width: 100%;
  2878 + margin-left: 1px;
  2879 + border: 1px solid #ddd;
  2880 + border-left: 0;
  2881 + border-right: 0;
  2882 + padding: 10px 0
  2883 +}
  2884 +ul.count2 li {
  2885 + width: 30%;
  2886 + text-align: center
  2887 +}
  2888 +ul.count2 li h3 {
  2889 + font-weight: 400;
  2890 + margin: 0
  2891 +}
  2892 +ul.count2 li span {
  2893 + font-weight: 300
  2894 +}
  2895 +.divider {
  2896 + border-bottom: 1px solid #ddd;
  2897 + margin: 10px
  2898 +}
  2899 +.divider-dashed {
  2900 + border-top: 1px dashed #e7eaec;
  2901 + background-color: #ffffff;
  2902 + height: 1px;
  2903 + margin: 10px 0
  2904 +}
  2905 +ul.messages {
  2906 + padding: 0;
  2907 + list-style: none
  2908 +}
  2909 +ul.messages li,
  2910 +.tasks li {
  2911 + border-bottom: 1px dotted #e6e6e6;
  2912 + padding: 8px 0
  2913 +}
  2914 +ul.messages li img.avatar,
  2915 +img.avatar {
  2916 + height: 32px;
  2917 + width: 32px;
  2918 + float: left;
  2919 + display: inline-block;
  2920 + border-radius: 2px;
  2921 + padding: 2px;
  2922 + background: #f7f7f7;
  2923 + border: 1px solid #e6e6e6
  2924 +}
  2925 +ul.messages li .message_date {
  2926 + float: right;
  2927 + text-align: right
  2928 +}
  2929 +ul.messages li .message_wrapper {
  2930 + margin-left: 50px;
  2931 + margin-right: 40px
  2932 +}
  2933 +ul.messages li .message_wrapper h4.heading {
  2934 + font-weight: 600;
  2935 + margin: 0;
  2936 + cursor: pointer;
  2937 + margin-bottom: 10px;
  2938 + line-height: 100%
  2939 +}
  2940 +ul.messages li .message_wrapper blockquote {
  2941 + padding: 0px 10px;
  2942 + margin: 0;
  2943 + border-left: 5px solid #eee
  2944 +}
  2945 +ul.user_data li {
  2946 + margin-bottom: 6px
  2947 +}
  2948 +ul.user_data li p {
  2949 + margin-bottom: 0
  2950 +}
  2951 +ul.user_data li .progress {
  2952 + width: 90%
  2953 +}
  2954 +.project_progress .progress {
  2955 + margin-bottom: 3px !important;
  2956 + margin-top: 5px
  2957 +}
  2958 +.projects .list-inline {
  2959 + margin: 0
  2960 +}
  2961 +.profile_title {
  2962 + background: #F5F7FA;
  2963 + border: 0;
  2964 + padding: 7px 0;
  2965 + display: -ms-flexbox;
  2966 + display: flex
  2967 +}
  2968 +ul.stats-overview {
  2969 + border-bottom: 1px solid #e8e8e8;
  2970 + padding-bottom: 10px;
  2971 + margin-bottom: 10px
  2972 +}
  2973 +ul.stats-overview li {
  2974 + display: inline-block;
  2975 + text-align: center;
  2976 + padding: 0 15px;
  2977 + width: 30%;
  2978 + font-size: 14px;
  2979 + border-right: 1px solid #e8e8e8
  2980 +}
  2981 +ul.stats-overview li:last-child {
  2982 + border-right: 0
  2983 +}
  2984 +ul.stats-overview li .name {
  2985 + font-size: 12px
  2986 +}
  2987 +ul.stats-overview li .value {
  2988 + font-size: 14px;
  2989 + font-weight: bold;
  2990 + display: block
  2991 +}
  2992 +ul.stats-overview li:first-child {
  2993 + padding-left: 0
  2994 +}
  2995 +ul.project_files li {
  2996 + margin-bottom: 5px
  2997 +}
  2998 +ul.project_files li a i {
  2999 + width: 20px
  3000 +}
  3001 +.project_detail p {
  3002 + margin-bottom: 10px
  3003 +}
  3004 +.project_detail p.title {
  3005 + font-weight: bold;
  3006 + margin-bottom: 0
  3007 +}
  3008 +.avatar img {
  3009 + border-radius: 50%;
  3010 + max-width: 45px
  3011 +}
  3012 +.pricing {
  3013 + background: #fff
  3014 +}
  3015 +.pricing .title {
  3016 + background: #1ABB9C;
  3017 + height: 110px;
  3018 + color: #fff;
  3019 + padding: 15px 0 0;
  3020 + text-align: center
  3021 +}
  3022 +.pricing .title h2 {
  3023 + text-transform: capitalize;
  3024 + font-size: 18px;
  3025 + border-radius: 5px 5px 0 0;
  3026 + margin: 0;
  3027 + font-weight: 400
  3028 +}
  3029 +.pricing .title h1 {
  3030 + font-size: 30px;
  3031 + margin: 12px
  3032 +}
  3033 +.pricing .title span {
  3034 + background: rgba(51, 51, 51, 0.28);
  3035 + padding: 2px 5px
  3036 +}
  3037 +.pricing_features {
  3038 + background: #FAFAFA;
  3039 + padding: 20px 15px;
  3040 + min-height: 230px;
  3041 + font-size: 13.5px
  3042 +}
  3043 +.pricing_features ul li {
  3044 + margin-top: 10px
  3045 +}
  3046 +.pricing_footer {
  3047 + padding: 10px 15px;
  3048 + background-color: #f5f5f5;
  3049 + border-top: 1px solid #ddd;
  3050 + text-align: center;
  3051 + border-bottom-right-radius: 3px;
  3052 + border-bottom-left-radius: 3px
  3053 +}
  3054 +.pricing_footer p {
  3055 + font-size: 13px;
  3056 + padding: 10px 0 2px;
  3057 + display: block
  3058 +}
  3059 +.ui-ribbon-container {
  3060 + position: relative
  3061 +}
  3062 +.ui-ribbon-container .ui-ribbon-wrapper {
  3063 + position: absolute;
  3064 + overflow: hidden;
  3065 + width: 85px;
  3066 + height: 88px;
  3067 + top: -3px;
  3068 + right: -3px
  3069 +}
  3070 +.ui-ribbon-container.ui-ribbon-primary .ui-ribbon {
  3071 + background-color: #5b90bf
  3072 +}
  3073 +.ui-ribbon-container .ui-ribbon {
  3074 + position: relative;
  3075 + display: block;
  3076 + text-align: center;
  3077 + font-size: 15px;
  3078 + font-weight: 700;
  3079 + color: #fff;
  3080 + transform: rotate(45deg);
  3081 + padding: 7px 0;
  3082 + left: -5px;
  3083 + top: 15px;
  3084 + width: 120px;
  3085 + line-height: 20px;
  3086 + background-color: #555;
  3087 + box-shadow: 0 0 3px rgba(0, 0, 0, 0.3)
  3088 +}
  3089 +.ui-ribbon-container.ui-ribbon-primary .ui-ribbon:after,
  3090 +.ui-ribbon-container.ui-ribbon-primary .ui-ribbon:before {
  3091 + border-top: 2px solid #5b90bf
  3092 +}
  3093 +.ui-ribbon-container .ui-ribbon:before {
  3094 + left: 0;
  3095 + bottom: -1px
  3096 +}
  3097 +.ui-ribbon-container .ui-ribbon:before {
  3098 + right: 0
  3099 +}
  3100 +.ui-ribbon-container .ui-ribbon:after,
  3101 +.ui-ribbon-container .ui-ribbon:before {
  3102 + position: absolute;
  3103 + content: " ";
  3104 + line-height: 0;
  3105 + border-top: 2px solid #555;
  3106 + border-left: 2px solid transparent;
  3107 + border-right: 2px solid transparent
  3108 +}
  3109 +.thumbnail .image {
  3110 + height: 120px;
  3111 + overflow: hidden
  3112 +}
  3113 +.caption {
  3114 + padding: 9px 5px;
  3115 + background: #F7F7F7
  3116 +}
  3117 +.caption p {
  3118 + margin-bottom: 5px
  3119 +}
  3120 +.thumbnail {
  3121 + height: 190px;
  3122 + overflow: hidden
  3123 +}
  3124 +.view {
  3125 + overflow: hidden;
  3126 + position: relative;
  3127 + text-align: center;
  3128 + box-shadow: 1px 1px 2px #e6e6e6;
  3129 + cursor: default
  3130 +}
  3131 +.view .mask,
  3132 +.view .content {
  3133 + position: absolute;
  3134 + width: 100%;
  3135 + overflow: hidden;
  3136 + top: 0;
  3137 + left: 0
  3138 +}
  3139 +.view img {
  3140 + display: block;
  3141 + position: relative
  3142 +}
  3143 +.view .tools {
  3144 + text-transform: uppercase;
  3145 + color: #fff;
  3146 + text-align: center;
  3147 + position: relative;
  3148 + font-size: 17px;
  3149 + padding: 3px;
  3150 + background: rgba(0, 0, 0, 0.35);
  3151 + margin: 43px 0 0 0
  3152 +}
  3153 +.mask.no-caption .tools {
  3154 + margin: 90px 0 0 0
  3155 +}
  3156 +.view .tools a {
  3157 + display: inline-block;
  3158 + color: #FFF;
  3159 + font-size: 18px;
  3160 + font-weight: 400;
  3161 + padding: 0 4px
  3162 +}
  3163 +.view p {
  3164 + font-family: Georgia, serif;
  3165 + font-style: italic;
  3166 + font-size: 12px;
  3167 + position: relative;
  3168 + color: #fff;
  3169 + padding: 10px 20px 20px;
  3170 + text-align: center
  3171 +}
  3172 +.view a.info {
  3173 + display: inline-block;
  3174 + text-decoration: none;
  3175 + padding: 7px 14px;
  3176 + background: #000;
  3177 + color: #fff;
  3178 + text-transform: uppercase;
  3179 + box-shadow: 0 0 1px #000
  3180 +}
  3181 +.view-first img {
  3182 + transition: all 0.2s linear
  3183 +}
  3184 +.view-first .mask {
  3185 + opacity: 0;
  3186 + background-color: rgba(0, 0, 0, 0.5);
  3187 + transition: all 0.4s ease-in-out
  3188 +}
  3189 +.view-first .tools {
  3190 + transform: translateY(-100px);
  3191 + opacity: 0;
  3192 + transition: all 0.2s ease-in-out
  3193 +}
  3194 +.view-first p {
  3195 + transform: translateY(100px);
  3196 + opacity: 0;
  3197 + transition: all 0.2s linear
  3198 +}
  3199 +.view-first:hover img {
  3200 + transform: scale(1.1)
  3201 +}
  3202 +.view-first:hover .mask {
  3203 + opacity: 1
  3204 +}
  3205 +.view-first:hover .tools,
  3206 +.view-first:hover p {
  3207 + opacity: 1;
  3208 + transform: translateY(0px)
  3209 +}
  3210 +.view-first:hover p {
  3211 + transition-delay: 0.1s
  3212 +}
  3213 +.form-group.has-feedback span {
  3214 + display: block !important;
  3215 +}
  3216 +.form-group .btn {
  3217 + margin-bottom: -6px;
  3218 +}
  3219 +
  3220 +.input-group-btn .btn { margin-bottom:0; }
  3221 +
  3222 +/*!
  3223 + * bootstrap-vertical-tabs - v1.2.1
  3224 + * https://dbtek.github.io/bootstrap-vertical-tabs
  3225 + * 2014-11-07
  3226 + * Copyright (c) 2014 İsmail Demirbilek
  3227 + * License: MIT
  3228 + */
  3229 +
  3230 +.tabs-left,
  3231 +.tabs-right {
  3232 + border-bottom: none;
  3233 + padding-top: 2px
  3234 +}
  3235 +.tabs-left {
  3236 + border-right: 1px solid #F7F7F7
  3237 +}
  3238 +.tabs-right {
  3239 + border-left: 1px solid #F7F7F7
  3240 +}
  3241 +.tabs-left>li,
  3242 +.tabs-right>li {
  3243 + float: none;
  3244 + margin-bottom: 2px
  3245 +}
  3246 +.tabs-left>li {
  3247 + margin-right: -1px
  3248 +}
  3249 +.tabs-right>li {
  3250 + margin-left: -1px
  3251 +}
  3252 +.tabs-left>li.active>a,
  3253 +.tabs-left>li.active>a:hover,
  3254 +.tabs-left>li.active>a:focus {
  3255 + border-bottom-color: #F7F7F7;
  3256 + border-right-color: transparent
  3257 +}
  3258 +.tabs-right>li.active>a,
  3259 +.tabs-right>li.active>a:hover,
  3260 +.tabs-right>li.active>a:focus {
  3261 + border-bottom: 1px solid #F7F7F7;
  3262 + border-left-color: transparent
  3263 +}
  3264 +.tabs-left>li>a {
  3265 + border-radius: 4px 0 0 4px;
  3266 + margin-right: 0;
  3267 + display: block;
  3268 + background: #F7F7F7;
  3269 + text-overflow: ellipsis;
  3270 + overflow: hidden
  3271 +}
  3272 +.tabs-right>li>a {
  3273 + border-radius: 0 4px 4px 0;
  3274 + margin-right: 0;
  3275 + background: #F7F7F7;
  3276 + text-overflow: ellipsis;
  3277 + overflow: hidden
  3278 +}
  3279 +.sideways {
  3280 + margin-top: 50px;
  3281 + border: none;
  3282 + position: relative
  3283 +}
  3284 +.sideways>li {
  3285 + height: 20px;
  3286 + width: 120px;
  3287 + margin-bottom: 100px
  3288 +}
  3289 +.sideways>li>a {
  3290 + border-bottom: 1px solid #ddd;
  3291 + border-right-color: transparent;
  3292 + text-align: center;
  3293 + border-radius: 4px 4px 0px 0px
  3294 +}
  3295 +.sideways>li.active>a,
  3296 +.sideways>li.active>a:hover,
  3297 +.sideways>li.active>a:focus {
  3298 + border-bottom-color: transparent;
  3299 + border-right-color: #ddd;
  3300 + border-left-color: #ddd
  3301 +}
  3302 +.sideways.tabs-left {
  3303 + left: -50px
  3304 +}
  3305 +.sideways.tabs-right {
  3306 + right: -50px
  3307 +}
  3308 +.sideways.tabs-right>li {
  3309 + transform: rotate(90deg)
  3310 +}
  3311 +.sideways.tabs-left>li {
  3312 + transform: rotate(-90deg)
  3313 +}
  3314 +.morris-hover {
  3315 + position: absolute;
  3316 + z-index: 1000
  3317 +}
  3318 +.morris-hover.morris-default-style {
  3319 + padding: 6px;
  3320 + color: #666;
  3321 + background: rgba(243, 242, 243, 0.8);
  3322 + border: solid 2px rgba(195, 194, 196, 0.8);
  3323 + font-family: sans-serif;
  3324 + font-size: 12px;
  3325 + text-align: center
  3326 +}
  3327 +.morris-hover.morris-default-style .morris-hover-row-label {
  3328 + font-weight: bold;
  3329 + margin: 0.25em 0
  3330 +}
  3331 +.morris-hover.morris-default-style .morris-hover-point {
  3332 + white-space: nowrap;
  3333 + margin: 0.1em 0
  3334 +}
  3335 +.price {
  3336 + font-size: 40px;
  3337 + font-weight: 400;
  3338 + color: #26B99A;
  3339 + margin: 0
  3340 +}
  3341 +.prod_title {
  3342 + border-bottom: 1px solid #DFDFDF;
  3343 + padding-bottom: 5px;
  3344 + margin: 30px 0;
  3345 + font-size: 20px;
  3346 + font-weight: 400
  3347 +}
  3348 +.product-image img {
  3349 + width: 90%
  3350 +}
  3351 +.prod_color li {
  3352 + margin: 0 10px
  3353 +}
  3354 +.prod_color li p {
  3355 + margin-bottom: 0
  3356 +}
  3357 +.prod_size li {
  3358 + padding: 0
  3359 +}
  3360 +.prod_color .color {
  3361 + width: 25px;
  3362 + height: 25px;
  3363 + border: 2px solid rgba(51, 51, 51, 0.28) !important;
  3364 + padding: 2px;
  3365 + border-radius: 50px
  3366 +}
  3367 +.product_gallery a {
  3368 + width: 100px;
  3369 + height: 100px;
  3370 + float: left;
  3371 + margin: 10px;
  3372 + border: 1px solid #e5e5e5
  3373 +}
  3374 +.product_gallery a img {
  3375 + width: 100%;
  3376 + margin-top: 15px
  3377 +}
  3378 +.product_price {
  3379 + margin: 20px 0;
  3380 + padding: 5px 10px;
  3381 + background-color: #FFFFFF;
  3382 + text-align: left;
  3383 + border: 2px dashed #E0E0E0
  3384 +}
  3385 +.price-tax {
  3386 + font-size: 18px
  3387 +}
  3388 +.product_social {
  3389 + margin: 20px 0
  3390 +}
  3391 +.product_social ul li a i {
  3392 + font-size: 35px
  3393 +}
  3394 +.login {
  3395 + background: #F7F7F7
  3396 +}
  3397 +.login .fa-paw {
  3398 + font-size: 26px
  3399 +}
  3400 +a.hiddenanchor {
  3401 + display: none
  3402 +}
  3403 +.login_wrapper {
  3404 + right: 0px;
  3405 + margin: 0px auto;
  3406 + margin-top: 5%;
  3407 + max-width: 350px;
  3408 + position: relative
  3409 +}
  3410 +.registration_form,
  3411 +.login_form {
  3412 + position: absolute;
  3413 + top: 0px;
  3414 + width: 100%
  3415 +}
  3416 +.registration_form {
  3417 + z-index: 21;
  3418 + opacity: 0;
  3419 + width: 100%
  3420 +}
  3421 +.login_form {
  3422 + z-index: 22
  3423 +}
  3424 +#signup:target ~ .login_wrapper .registration_form,
  3425 +#signin:target ~ .login_wrapper .login_form {
  3426 + z-index: 22;
  3427 + animation-name: fadeInLeft;
  3428 + animation-delay: .1s
  3429 +}
  3430 +#signup:target ~ .login_wrapper .login_form,
  3431 +#signin:target ~ .login_wrapper .registration_form {
  3432 + animation-name: fadeOutLeft
  3433 +}
  3434 +.animate {
  3435 + -webkit-animation-duration: 0.5s;
  3436 + -webkit-animation-timing-function: ease;
  3437 + -webkit-animation-fill-mode: both;
  3438 + -moz-animation-duration: 0.5s;
  3439 + -moz-animation-timing-function: ease;
  3440 + -moz-animation-fill-mode: both;
  3441 + -o-animation-duration: 0.5s;
  3442 + -o-animation-timing-function: ease;
  3443 + -o-animation-fill-mode: both;
  3444 + -ms-animation-duration: 0.5s;
  3445 + -ms-animation-timing-function: ease;
  3446 + -ms-animation-fill-mode: both;
  3447 + animation-duration: 0.5s;
  3448 + animation-timing-function: ease;
  3449 + animation-fill-mode: both
  3450 +}
  3451 +.login_box {
  3452 + padding: 20px;
  3453 + margin: auto
  3454 +}
  3455 +.left {
  3456 + float: left
  3457 +}
  3458 +.alignleft {
  3459 + float: left;
  3460 + margin-right: 15px
  3461 +}
  3462 +.alignright {
  3463 + float: right;
  3464 + margin-left: 15px
  3465 +}
  3466 +.clearfix:after,
  3467 +form:after {
  3468 + content: ".";
  3469 + display: block;
  3470 + height: 0;
  3471 + clear: both;
  3472 + visibility: hidden
  3473 +}
  3474 +.login_content {
  3475 + margin: 0 auto;
  3476 + padding: 25px 0 0;
  3477 + position: relative;
  3478 + text-align: center;
  3479 + text-shadow: 0 1px 0 #fff;
  3480 + min-width: 280px
  3481 +}
  3482 +.login_content a,
  3483 +.login_content .btn-default:hover {
  3484 + text-decoration: none
  3485 +}
  3486 +.login_content a:hover {
  3487 + text-decoration: underline
  3488 +}
  3489 +.login_content h1 {
  3490 + font: normal 25px Helvetica, Arial, sans-serif;
  3491 + letter-spacing: -0.05em;
  3492 + line-height: 20px;
  3493 + margin: 10px 0 30px
  3494 +}
  3495 +.login_content h1:before,
  3496 +.login_content h1:after {
  3497 + content: "";
  3498 + height: 1px;
  3499 + position: absolute;
  3500 + top: 10px;
  3501 + width: 27%
  3502 +}
  3503 +.login_content h1:after {
  3504 + background: #7e7e7e;
  3505 + background: linear-gradient(left, #7e7e7e 0%, #fff 100%);
  3506 + right: 0
  3507 +}
  3508 +.login_content h1:before {
  3509 + background: #7e7e7e;
  3510 + background: linear-gradient(right, #7e7e7e 0%, #fff 100%);
  3511 + left: 0
  3512 +}
  3513 +.login_content h1:before,
  3514 +.login_content h1:after {
  3515 + content: "";
  3516 + height: 1px;
  3517 + position: absolute;
  3518 + top: 10px;
  3519 + width: 20%
  3520 +}
  3521 +.login_content h1:after {
  3522 + background: #7e7e7e;
  3523 + background: linear-gradient(left, #7e7e7e 0%, #fff 100%);
  3524 + right: 0
  3525 +}
  3526 +.login_content h1:before {
  3527 + background: #7e7e7e;
  3528 + background: linear-gradient(right, #7e7e7e 0%, #fff 100%);
  3529 + left: 0
  3530 +}
  3531 +.login_content form {
  3532 + margin: 20px 0;
  3533 + position: relative
  3534 +}
  3535 +.login_content form input[type="text"],
  3536 +.login_content form input[type="email"],
  3537 +.login_content form input[type="password"] {
  3538 + border-radius: 3px;
  3539 + -ms-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset;
  3540 + -o-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset;
  3541 + box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset;
  3542 + border: 1px solid #c8c8c8;
  3543 + color: #777;
  3544 + margin: 0 0 20px;
  3545 + width: 100%
  3546 +}
  3547 +.login_content form input[type="text"]:focus,
  3548 +.login_content form input[type="email"]:focus,
  3549 +.login_content form input[type="password"]:focus {
  3550 + -ms-box-shadow: 0 0 2px #ed1c24 inset;
  3551 + -o-box-shadow: 0 0 2px #ed1c24 inset;
  3552 + box-shadow: 0 0 2px #A97AAD inset;
  3553 + background-color: #fff;
  3554 + border: 1px solid #A878AF;
  3555 + outline: none
  3556 +}
  3557 +#username {
  3558 + background-position: 10px 10px !important
  3559 +}
  3560 +#password {
  3561 + background-position: 10px -53px !important
  3562 +}
  3563 +.login_content form div a {
  3564 + font-size: 12px;
  3565 + margin: 10px 15px 0 0
  3566 +}
  3567 +.reset_pass {
  3568 + margin-top: 10px !important
  3569 +}
  3570 +.login_content div .reset_pass {
  3571 + margin-top: 13px !important;
  3572 + margin-right: 39px;
  3573 + float: right
  3574 +}
  3575 +.separator {
  3576 + border-top: 1px solid #D8D8D8;
  3577 + margin-top: 10px;
  3578 + padding-top: 10px
  3579 +}
  3580 +.button {
  3581 + background: #f7f9fa;
  3582 + background: linear-gradient(top, #f7f9fa 0%, #f0f0f0 100%);
  3583 + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f7f9fa', endColorstr='#f0f0f0', GradientType=0);
  3584 + -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
  3585 + -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
  3586 + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
  3587 + border-radius: 0 0 5px 5px;
  3588 + border-top: 1px solid #CFD5D9;
  3589 + padding: 15px 0
  3590 +}
  3591 +.login_content form input[type="submit"],
  3592 +#content form .submit {
  3593 + float: left;
  3594 + margin-left: 38px
  3595 +}
  3596 +.button a {
  3597 + background: url(http://cssdeck.com/uploads/media/items/8/8bcLQqF.png) 0 -112px no-repeat;
  3598 + color: #7E7E7E;
  3599 + font-size: 17px;
  3600 + padding: 2px 0 2px 40px;
  3601 + text-decoration: none;
  3602 + transition: all 0.3s ease
  3603 +}
  3604 +.button a:hover {
  3605 + background-position: 0 -135px;
  3606 + color: #00aeef
  3607 +}
  3608 +header {
  3609 + width: 100%
  3610 +}
  3611 +#nprogress .bar {
  3612 + background: #1ABB9C
  3613 +}
  3614 +#nprogress .peg {
  3615 + box-shadow: 0 0 10px #1ABB9C, 0 0 5px #1ABB9C
  3616 +}
  3617 +#nprogress .spinner-icon {
  3618 + border-top-color: #1ABB9C;
  3619 + border-left-color: #1ABB9C
  3620 +}
  3621 +.editor-wrapper {
  3622 + min-height: 250px;
  3623 + background-color: white;
  3624 + border-collapse: separate;
  3625 + border: 1px solid #ccc;
  3626 + padding: 4px;
  3627 + box-sizing: content-box;
  3628 + box-shadow: rgba(0, 0, 0, 0.07451) 0px 1px 1px 0px inset;
  3629 + border-top-right-radius: 3px;
  3630 + border-bottom-right-radius: 3px;
  3631 + border-bottom-left-radius: 3px;
  3632 + border-top-left-radius: 3px;
  3633 + overflow: scroll;
  3634 + outline: none
  3635 +}
  3636 +.voiceBtn {
  3637 + width: 20px;
  3638 + color: transparent;
  3639 + background-color: transparent;
  3640 + transform: scale(2, 2);
  3641 + -webkit-transform: scale(2, 2);
  3642 + -moz-transform: scale(2, 2);
  3643 + border: transparent;
  3644 + cursor: pointer;
  3645 + box-shadow: none;
  3646 + -webkit-box-shadow: none
  3647 +}
  3648 +div[data-role="editor-toolbar"] {
  3649 + -webkit-user-select: none;
  3650 + -moz-user-select: none;
  3651 + -ms-user-select: none;
  3652 + user-select: none
  3653 +}
  3654 +.dropdown-menu a {
  3655 + cursor: pointer
  3656 +}
  3657 +.select2-container--default .select2-selection--single,
  3658 +.select2-container--default .select2-selection--multiple {
  3659 + background-color: #fff;
  3660 + border: 1px solid #ccc;
  3661 + border-radius: 0;
  3662 + min-height: 38px
  3663 +}
  3664 +.select2-container--default .select2-selection--single .select2-selection__rendered {
  3665 + color: #73879C;
  3666 + padding-top: 5px
  3667 +}
  3668 +.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  3669 + padding-top: 3px
  3670 +}
  3671 +.select2-container--default .select2-selection--single .select2-selection__arrow {
  3672 + height: 36px
  3673 +}
  3674 +.select2-container--default .select2-selection--multiple .select2-selection__choice,
  3675 +.select2-container--default .select2-selection--multiple .select2-selection__clear {
  3676 + margin-top: 2px;
  3677 + border: none;
  3678 + border-radius: 0;
  3679 + padding: 3px 5px
  3680 +}
  3681 +.select2-container--default.select2-container--focus .select2-selection--multiple {
  3682 + border: 1px solid #ccc
  3683 +}
  3684 +.switchery {
  3685 + width: 32px;
  3686 + height: 20px
  3687 +}
  3688 +.switchery>small {
  3689 + width: 20px;
  3690 + height: 20px
  3691 +}
  3692 +fieldset {
  3693 + border: none;
  3694 + margin: 0;
  3695 + padding: 0
  3696 +}
  3697 +.cropper .img-container,
  3698 +.cropper .img-preview {
  3699 + background-color: #f7f7f7;
  3700 + width: 100%;
  3701 + text-align: center
  3702 +}
  3703 +.cropper .img-container {
  3704 + min-height: 200px;
  3705 + max-height: 516px;
  3706 + margin-bottom: 20px
  3707 +}
  3708 +@media (min-width: 768px) {
  3709 + .cropper .img-container {
  3710 + min-height: 516px
  3711 + }
  3712 +}
  3713 +.cropper .img-container>img {
  3714 + max-width: 100%
  3715 +}
  3716 +.cropper .docs-preview {
  3717 + margin-right: -15px
  3718 +}
  3719 +.cropper .img-preview {
  3720 + float: left;
  3721 + margin-right: 10px;
  3722 + margin-bottom: 10px;
  3723 + overflow: hidden
  3724 +}
  3725 +.cropper .img-preview>img {
  3726 + max-width: 100%
  3727 +}
  3728 +.cropper .preview-lg {
  3729 + width: 263px;
  3730 + height: 148px
  3731 +}
  3732 +.cropper .preview-md {
  3733 + width: 139px;
  3734 + height: 78px
  3735 +}
  3736 +.cropper .preview-sm {
  3737 + width: 69px;
  3738 + height: 39px
  3739 +}
  3740 +.cropper .preview-xs {
  3741 + width: 35px;
  3742 + height: 20px;
  3743 + margin-right: 0
  3744 +}
  3745 +.cropper .docs-data>.input-group {
  3746 + margin-bottom: 10px
  3747 +}
  3748 +.cropper .docs-data>.input-group>label {
  3749 + min-width: 80px
  3750 +}
  3751 +.cropper .docs-data>.input-group>span {
  3752 + min-width: 50px
  3753 +}
  3754 +.cropper .docs-buttons>.btn,
  3755 +.cropper .docs-buttons>.btn-group,
  3756 +.cropper .docs-buttons>.form-control {
  3757 + margin-right: 5px;
  3758 + margin-bottom: 10px
  3759 +}
  3760 +.cropper .docs-toggles>.btn,
  3761 +.cropper .docs-toggles>.btn-group,
  3762 +.cropper .docs-toggles>.dropdown {
  3763 + margin-bottom: 10px
  3764 +}
  3765 +.cropper .docs-tooltip {
  3766 + display: block;
  3767 + margin: -6px -12px;
  3768 + padding: 6px 12px
  3769 +}
  3770 +.cropper .docs-tooltip>.icon {
  3771 + margin: 0 -3px;
  3772 + vertical-align: top
  3773 +}
  3774 +.cropper .tooltip-inner {
  3775 + white-space: normal
  3776 +}
  3777 +.cropper .btn-upload .tooltip-inner,
  3778 +.cropper .btn-toggle .tooltip-inner {
  3779 + white-space: nowrap
  3780 +}
  3781 +.cropper .btn-toggle {
  3782 + padding: 6px
  3783 +}
  3784 +.cropper .btn-toggle>.docs-tooltip {
  3785 + margin: -6px;
  3786 + padding: 6px
  3787 +}
  3788 +@media (max-width: 400px) {
  3789 + .cropper .btn-group-crop {
  3790 + margin-right: -15px !important
  3791 + }
  3792 + .cropper .btn-group-crop>.btn {
  3793 + padding-left: 5px;
  3794 + padding-right: 5px
  3795 + }
  3796 + .cropper .btn-group-crop .docs-tooltip {
  3797 + margin-left: -5px;
  3798 + margin-right: -5px;
  3799 + padding-left: 5px;
  3800 + padding-right: 5px
  3801 + }
  3802 +}
  3803 +.cropper .docs-options .dropdown-menu {
  3804 + width: 100%
  3805 +}
  3806 +.cropper .docs-options .dropdown-menu>li {
  3807 + padding: 3px 20px
  3808 +}
  3809 +.cropper .docs-options .dropdown-menu>li:hover {
  3810 + background-color: #f7f7f7
  3811 +}
  3812 +.cropper .docs-options .dropdown-menu>li>label {
  3813 + display: block
  3814 +}
  3815 +.cropper .docs-cropped .modal-body {
  3816 + text-align: center
  3817 +}
  3818 +.cropper .docs-cropped .modal-body>img,
  3819 +.cropper .docs-cropped .modal-body>canvas {
  3820 + max-width: 100%
  3821 +}
  3822 +.cropper .docs-diagram .modal-dialog {
  3823 + max-width: 352px
  3824 +}
  3825 +.cropper .docs-cropped canvas {
  3826 + max-width: 100%
  3827 +}
  3828 +.form_wizard .stepContainer {
  3829 + display: block;
  3830 + position: relative;
  3831 + margin: 0;
  3832 + padding: 0;
  3833 + border: 0 solid #CCC;
  3834 + overflow-x: hidden
  3835 +}
  3836 +.wizard_horizontal ul.wizard_steps {
  3837 + display: table;
  3838 + list-style: none;
  3839 + position: relative;
  3840 + width: 100%;
  3841 + margin: 0 0 20px
  3842 +}
  3843 +.wizard_horizontal ul.wizard_steps li {
  3844 + display: table-cell;
  3845 + text-align: center
  3846 +}
  3847 +.wizard_horizontal ul.wizard_steps li a,
  3848 +.wizard_horizontal ul.wizard_steps li:hover {
  3849 + display: block;
  3850 + position: relative;
  3851 + -moz-opacity: 1;
  3852 + filter: alpha(opacity=100);
  3853 + opacity: 1;
  3854 + color: #666
  3855 +}
  3856 +.wizard_horizontal ul.wizard_steps li a:before {
  3857 + content: "";
  3858 + position: absolute;
  3859 + height: 4px;
  3860 + background: #ccc;
  3861 + top: 20px;
  3862 + width: 100%;
  3863 + z-index: 4;
  3864 + left: 0
  3865 +}
  3866 +.wizard_horizontal ul.wizard_steps li a.disabled .step_no {
  3867 + background: #ccc
  3868 +}
  3869 +.wizard_horizontal ul.wizard_steps li a .step_no {
  3870 + width: 40px;
  3871 + height: 40px;
  3872 + line-height: 40px;
  3873 + border-radius: 100px;
  3874 + display: block;
  3875 + margin: 0 auto 5px;
  3876 + font-size: 16px;
  3877 + text-align: center;
  3878 + position: relative;
  3879 + z-index: 5
  3880 +}
  3881 +.wizard_horizontal ul.wizard_steps li a.selected:before,
  3882 +.step_no {
  3883 + background: #34495E;
  3884 + color: #fff
  3885 +}
  3886 +.wizard_horizontal ul.wizard_steps li a.done:before,
  3887 +.wizard_horizontal ul.wizard_steps li a.done .step_no {
  3888 + background: #1ABB9C;
  3889 + color: #fff
  3890 +}
  3891 +.wizard_horizontal ul.wizard_steps li:first-child a:before {
  3892 + left: 50%
  3893 +}
  3894 +.wizard_horizontal ul.wizard_steps li:last-child a:before {
  3895 + right: 50%;
  3896 + width: 50%;
  3897 + left: auto
  3898 +}
  3899 +.wizard_verticle .stepContainer {
  3900 + width: 80%;
  3901 + float: left;
  3902 + padding: 0 10px
  3903 +}
  3904 +.actionBar {
  3905 + width: 100%;
  3906 + border-top: 1px solid #ddd;
  3907 + padding: 10px 5px;
  3908 + text-align: right;
  3909 + margin-top: 10px
  3910 +}
  3911 +.actionBar .buttonDisabled {
  3912 + cursor: not-allowed;
  3913 + pointer-events: none;
  3914 + opacity: .65;
  3915 + filter: alpha(opacity=65);
  3916 + box-shadow: none
  3917 +}
  3918 +.actionBar a {
  3919 + margin: 0 3px
  3920 +}
  3921 +.wizard_verticle .wizard_content {
  3922 + width: 80%;
  3923 + float: left;
  3924 + padding-left: 20px
  3925 +}
  3926 +.wizard_verticle ul.wizard_steps {
  3927 + display: table;
  3928 + list-style: none;
  3929 + position: relative;
  3930 + width: 20%;
  3931 + float: left;
  3932 + margin: 0 0 20px
  3933 +}
  3934 +.wizard_verticle ul.wizard_steps li {
  3935 + display: list-item;
  3936 + text-align: center
  3937 +}
  3938 +.wizard_verticle ul.wizard_steps li a {
  3939 + height: 80px
  3940 +}
  3941 +.wizard_verticle ul.wizard_steps li a:first-child {
  3942 + margin-top: 20px
  3943 +}
  3944 +.wizard_verticle ul.wizard_steps li a,
  3945 +.wizard_verticle ul.wizard_steps li:hover {
  3946 + display: block;
  3947 + position: relative;
  3948 + -moz-opacity: 1;
  3949 + filter: alpha(opacity=100);
  3950 + opacity: 1;
  3951 + color: #666
  3952 +}
  3953 +.wizard_verticle ul.wizard_steps li a:before {
  3954 + content: "";
  3955 + position: absolute;
  3956 + height: 100%;
  3957 + background: #ccc;
  3958 + top: 20px;
  3959 + width: 4px;
  3960 + z-index: 4;
  3961 + left: 49%
  3962 +}
  3963 +.wizard_verticle ul.wizard_steps li a.disabled .step_no {
  3964 + background: #ccc
  3965 +}
  3966 +.wizard_verticle ul.wizard_steps li a .step_no {
  3967 + width: 40px;
  3968 + height: 40px;
  3969 + line-height: 40px;
  3970 + border-radius: 100px;
  3971 + display: block;
  3972 + margin: 0 auto 5px;
  3973 + font-size: 16px;
  3974 + text-align: center;
  3975 + position: relative;
  3976 + z-index: 5
  3977 +}
  3978 +.wizard_verticle ul.wizard_steps li a.selected:before,
  3979 +.step_no {
  3980 + background: #34495E;
  3981 + color: #fff
  3982 +}
  3983 +.wizard_verticle ul.wizard_steps li a.done:before,
  3984 +.wizard_verticle ul.wizard_steps li a.done .step_no {
  3985 + background: #1ABB9C;
  3986 + color: #fff
  3987 +}
  3988 +.wizard_verticle ul.wizard_steps li:first-child a:before {
  3989 + left: 49%
  3990 +}
  3991 +.wizard_verticle ul.wizard_steps li:last-child a:before {
  3992 + left: 49%;
  3993 + left: auto;
  3994 + width: 0
  3995 +}
  3996 +.form_wizard .loader {
  3997 + display: none
  3998 +}
  3999 +.form_wizard .msgBox {
  4000 + display: none
  4001 +}
  4002 +.progress {
  4003 + border-radius: 0
  4004 +}
  4005 +.progress-bar-info {
  4006 + background-color: #3498DB
  4007 +}
  4008 +.progress-bar-success {
  4009 + background-color: #26B99A
  4010 +}
  4011 +.progress_summary .progress {
  4012 + margin: 5px 0 12px !important
  4013 +}
  4014 +.progress_summary .row {
  4015 + margin-bottom: 5px
  4016 +}
  4017 +.progress_summary .row .col-xs-2 {
  4018 + padding: 0
  4019 +}
  4020 +.progress_summary .more_info span {
  4021 + text-align: right;
  4022 + float: right
  4023 +}
  4024 +.progress_summary .data span {
  4025 + text-align: right;
  4026 + float: right
  4027 +}
  4028 +.progress_summary p {
  4029 + margin-bottom: 3px;
  4030 + width: 100%
  4031 +}
  4032 +.progress_title .left {
  4033 + float: left;
  4034 + text-align: left
  4035 +}
  4036 +.progress_title .right {
  4037 + float: right;
  4038 + text-align: right;
  4039 + font-weight: 300
  4040 +}
  4041 +.progress.progress_sm {
  4042 + border-radius: 0;
  4043 + margin-bottom: 18px;
  4044 + height: 10px !important
  4045 +}
  4046 +.progress.progress_sm .progress-bar {
  4047 + height: 10px !important
  4048 +}
  4049 +.dashboard_graph p {
  4050 + margin: 0 0 4px
  4051 +}
  4052 +ul.verticle_bars {
  4053 + width: 100%
  4054 +}
  4055 +ul.verticle_bars li {
  4056 + width: 23%;
  4057 + height: 200px;
  4058 + margin: 0
  4059 +}
  4060 +.progress.vertical.progress_wide {
  4061 + width: 35px
  4062 +}
  4063 +.alert-success {
  4064 + color: #ffffff;
  4065 + background-color: rgba(38, 185, 154, 0.88);
  4066 + border-color: rgba(38, 185, 154, 0.88)
  4067 +}
  4068 +.alert-info {
  4069 + color: #E9EDEF;
  4070 + background-color: rgba(52, 152, 219, 0.88);
  4071 + border-color: rgba(52, 152, 219, 0.88)
  4072 +}
  4073 +.alert-warning {
  4074 + color: #E9EDEF;
  4075 + background-color: rgba(243, 156, 18, 0.88);
  4076 + border-color: rgba(243, 156, 18, 0.88)
  4077 +}
  4078 +.alert-danger,
  4079 +.alert-error {
  4080 + color: #E9EDEF;
  4081 + background-color: rgba(231, 76, 60, 0.88);
  4082 + border-color: rgba(231, 76, 60, 0.88)
  4083 +}
  4084 +.ui-pnotify.dark .ui-pnotify-container {
  4085 + color: #E9EDEF;
  4086 + background-color: rgba(52, 73, 94, 0.88);
  4087 + border-color: rgba(52, 73, 94, 0.88)
  4088 +}
  4089 +.custom-notifications {
  4090 + position: fixed;
  4091 + margin: 15px;
  4092 + right: 0;
  4093 + float: right;
  4094 + width: 400px;
  4095 + z-index: 4000;
  4096 + bottom: 0
  4097 +}
  4098 +ul.notifications {
  4099 + float: right;
  4100 + display: block;
  4101 + margin-bottom: 7px;
  4102 + padding: 0;
  4103 + width: 100%
  4104 +}
  4105 +.notifications li {
  4106 + float: right;
  4107 + margin: 3px;
  4108 + width: 36px;
  4109 + box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3)
  4110 +}
  4111 +.notifications li:last-child {
  4112 + margin-left: 0
  4113 +}
  4114 +.notifications a {
  4115 + display: block;
  4116 + text-align: center;
  4117 + text-decoration: none;
  4118 + text-transform: uppercase;
  4119 + padding: 9px 8px
  4120 +}
  4121 +.tabbed_notifications .text {
  4122 + padding: 5px 15px;
  4123 + height: 140px;
  4124 + border-radius: 7px;
  4125 + box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.3)
  4126 +}
  4127 +.tabbed_notifications div p {
  4128 + display: inline-block
  4129 +}
  4130 +.tabbed_notifications h2 {
  4131 + font-weight: bold;
  4132 + text-transform: uppercase;
  4133 + width: 80%;
  4134 + float: left;
  4135 + height: 20px;
  4136 + text-overflow: ellipsis;
  4137 + overflow: hidden;
  4138 + display: block
  4139 +}
  4140 +.tabbed_notifications .close {
  4141 + padding: 5px;
  4142 + color: #E9EDEF;
  4143 + float: right;
  4144 + opacity: 1
  4145 +}
  4146 +.fc-state-default {
  4147 + background: #f5f5f5;
  4148 + color: #73879C
  4149 +}
  4150 +.fc-state-down,
  4151 +.fc-state-active {
  4152 + color: #333;
  4153 + background: #ccc
  4154 +}
  4155 +.dropzone {
  4156 + min-height: 300px;
  4157 + border: 1px solid #e5e5e5
  4158 +}
  4159 +
  4160 +/*
  4161 +.x_content {
  4162 + direction: rtl;
  4163 +}
  4164 +*/
  4165 +
  4166 +.main_menu .label {
  4167 + line-height: 11px;
  4168 + margin-top: 4px;
  4169 +}
  4170 +@media (max-width: 460px) {
  4171 + .dataTables_wrapper .col-sm-6 {
  4172 + width: 100%;
  4173 + margin-bottom: 5px;
  4174 + }
  4175 + .dataTables_wrapper .col-sm-6 .dataTables_filter {
  4176 + float: none;
  4177 + }
  4178 +}
  4179 +
  4180 +
  4181 +@media (max-width: 767px) {
  4182 + .dataTables_length { float:none; }
  4183 +}
  4184 +
  4185 +
  4186 +
  4187 +
  4188 +/* CSS3 Checkbox */
  4189 +/*
  4190 +.checkbox-input { display:block;position:relative; }
  4191 +.checkbox-input:before { display:block;content:"";position:absolute;top:2px;left:0;height:20px;width:20px;background:red;border-radius:3px; }
  4192 +
  4193 +
  4194 + #input + label:after {
  4195 + content: 'click my input';
  4196 + color: blue;
  4197 + }
  4198 +
  4199 + #input:focus + label:after {
  4200 + content: 'not valid yet';
  4201 + color: blue;
  4202 + }
  4203 +
  4204 + #input:valid + label:after {
  4205 + content: 'looks good';
  4206 + color: red;
  4207 + }
  4208 +
  4209 +/* CSS3 Checkbox - end */
  4210 +/*
  4211 +
  4212 +/*
  4213 +.checkbox { display: block;position:relative;cursor:pointer; }
  4214 +.checkbox input { position:absolute;z-index:-1;opacity:0;left:0;top:0; }
  4215 +.checkbox div { position:absolute;top:2px;left:0;height:20px;width:20px;background:#e6e6e6;border-radius:3px; }
  4216 +.checkbox input:checked ~ div { background: #1ABC9C; }
  4217 +.checkbox:hover input:not([disabled]):checked ~ div,
  4218 +.checkbox input:checked:focus ~ div { background: #1ABC9C; }
  4219 +.checkbox input:disabled ~ div { background: #1ABC9C;opacity: 0.6;pointer-events: none; }
  4220 +.checkbox div:after { content: '';position: absolute;display: none; }
  4221 +.checkbox input:checked ~ div:after { display: block; }
  4222 +.checkbox-wp div:after { left: 7px;top: 3px;width: 7px;height: 11px;border: solid #fff;border-width: 0 2px 2px 0;transform: rotate(40deg); }
  4223 +.checkbox-wp input:disabled ~ div:after { border-color: #F2F2F2; }
  4224 +
  4225 +
  4226 +.checkbox-radio div { border-radius: 50%; }
  4227 +.checkbox-radio div:after { left: 7px;top: 7px;height: 6px;width: 6px;border-radius: 50%;background: #fff; }
  4228 +.checkbox-radio input:disabled ~ div:after { background: #F2F2F2; }
  4229 +
  4230 +
  4231 +.checkbox, .radio { margin-top:-3px; }
  4232 +
  4233 +table thead .checkbox { margin-top:-7px;margin-top:-21px; }
  4234 +table thead .checkbox.radio { margin-top:-7px;margin-top:-21px; }
  4235 +*/
  4236 +
  4237 +.daterangepicker.xdisplay { width:228px; }
  4238 +
  4239 +.dataTables_wrapper > .row{
  4240 + overflow:auto !important; /*prevent datatables overflowing its container*/
  4241 +}
... ...
backend/assets/js/custom.js 0 → 100644
Changes suppressed. Click to show
  1 +/**
  2 + * Resize function without multiple trigger
  3 + *
  4 + * Usage:
  5 + * $(window).smartresize(function(){
  6 + * // code here
  7 + * });
  8 + */
  9 +(function($,sr){
  10 + // debouncing function from John Hann
  11 + // http://unscriptable.com/index.php/2009/03/20/debouncing-javascript-methods/
  12 + var debounce = function (func, threshold, execAsap) {
  13 + var timeout;
  14 +
  15 + return function debounced () {
  16 + var obj = this, args = arguments;
  17 + function delayed () {
  18 + if (!execAsap)
  19 + func.apply(obj, args);
  20 + timeout = null;
  21 + }
  22 +
  23 + if (timeout)
  24 + clearTimeout(timeout);
  25 + else if (execAsap)
  26 + func.apply(obj, args);
  27 +
  28 + timeout = setTimeout(delayed, threshold || 100);
  29 + };
  30 + };
  31 +
  32 + // smartresize
  33 + jQuery.fn[sr] = function(fn){ return fn ? this.bind('resize', debounce(fn)) : this.trigger(sr); };
  34 +
  35 +})(jQuery,'smartresize');
  36 +/**
  37 + * To change this license header, choose License Headers in Project Properties.
  38 + * To change this template file, choose Tools | Templates
  39 + * and open the template in the editor.
  40 + */
  41 +
  42 +var CURRENT_URL = window.location.href.split('#')[0].split('?')[0],
  43 + $BODY = $('body'),
  44 + $MENU_TOGGLE = $('#menu_toggle'),
  45 + $SIDEBAR_MENU = $('#sidebar-menu'),
  46 + $SIDEBAR_FOOTER = $('.sidebar-footer'),
  47 + $LEFT_COL = $('.left_col'),
  48 + $RIGHT_COL = $('.right_col'),
  49 + $NAV_MENU = $('.nav_menu'),
  50 + $FOOTER = $('footer');
  51 +
  52 +
  53 +
  54 +// Sidebar
  55 +function init_sidebar() {
  56 +// TODO: This is some kind of easy fix, maybe we can improve this
  57 +var setContentHeight = function () {
  58 + // reset height
  59 + $RIGHT_COL.css('min-height', $(window).height());
  60 +
  61 + var bodyHeight = $BODY.outerHeight(),
  62 + footerHeight = $BODY.hasClass('footer_fixed') ? -10 : $FOOTER.height(),
  63 + leftColHeight = $LEFT_COL.eq(1).height() + $SIDEBAR_FOOTER.height(),
  64 + contentHeight = bodyHeight < leftColHeight ? leftColHeight : bodyHeight;
  65 +
  66 + // normalize content
  67 + contentHeight -= $NAV_MENU.height() + footerHeight;
  68 +
  69 + $RIGHT_COL.css('min-height', contentHeight);
  70 +};
  71 +
  72 + $SIDEBAR_MENU.find('a').on('click', function(ev) {
  73 + console.log('clicked - sidebar_menu');
  74 + var $li = $(this).parent();
  75 +
  76 + if ($li.is('.active')) {
  77 + $li.removeClass('active active-sm');
  78 + $('ul:first', $li).slideUp(function() {
  79 + setContentHeight();
  80 + });
  81 + } else {
  82 + // prevent closing menu if we are on child menu
  83 + if (!$li.parent().is('.child_menu')) {
  84 + $SIDEBAR_MENU.find('li').removeClass('active active-sm');
  85 + $SIDEBAR_MENU.find('li ul').slideUp();
  86 + }else
  87 + {
  88 + if ( $BODY.is( ".nav-sm" ) )
  89 + {
  90 + $SIDEBAR_MENU.find( "li" ).removeClass( "active active-sm" );
  91 + $SIDEBAR_MENU.find( "li ul" ).slideUp();
  92 + }
  93 + }
  94 + $li.addClass('active');
  95 +
  96 + $('ul:first', $li).slideDown(function() {
  97 + setContentHeight();
  98 + });
  99 + }
  100 + });
  101 +
  102 +// toggle small or large menu
  103 +$MENU_TOGGLE.on('click', function() {
  104 + console.log('clicked - menu toggle');
  105 +
  106 + if ($BODY.hasClass('nav-md')) {
  107 + $SIDEBAR_MENU.find('li.active ul').hide();
  108 + $SIDEBAR_MENU.find('li.active').addClass('active-sm').removeClass('active');
  109 + } else {
  110 + $SIDEBAR_MENU.find('li.active-sm ul').show();
  111 + $SIDEBAR_MENU.find('li.active-sm').addClass('active').removeClass('active-sm');
  112 + }
  113 +
  114 + $BODY.toggleClass('nav-md nav-sm');
  115 +
  116 + setContentHeight();
  117 +});
  118 +
  119 + // check active menu
  120 + $SIDEBAR_MENU.find('a[href="' + CURRENT_URL + '"]').parent('li').addClass('current-page');
  121 +
  122 + $SIDEBAR_MENU.find('a').filter(function () {
  123 + return this.href == CURRENT_URL;
  124 + }).parent('li').addClass('current-page').parents('ul').slideDown(function() {
  125 + setContentHeight();
  126 + }).parent().addClass('active');
  127 +
  128 + // recompute content when resizing
  129 + $(window).smartresize(function(){
  130 + setContentHeight();
  131 + });
  132 +
  133 + setContentHeight();
  134 +
  135 + // fixed sidebar
  136 + if ($.fn.mCustomScrollbar) {
  137 + $('.menu_fixed').mCustomScrollbar({
  138 + autoHideScrollbar: true,
  139 + theme: 'minimal',
  140 + mouseWheel:{ preventDefault: true }
  141 + });
  142 + }
  143 +};
  144 +// /Sidebar
  145 +
  146 + var randNum = function() {
  147 + return (Math.floor(Math.random() * (1 + 40 - 20))) + 20;
  148 + };
  149 +
  150 +
  151 +// Panel toolbox
  152 +$(document).ready(function() {
  153 + $('.collapse-link').on('click', function() {
  154 + var $BOX_PANEL = $(this).closest('.x_panel'),
  155 + $ICON = $(this).find('i'),
  156 + $BOX_CONTENT = $BOX_PANEL.find('.x_content');
  157 +
  158 + // fix for some div with hardcoded fix class
  159 + if ($BOX_PANEL.attr('style')) {
  160 + $BOX_CONTENT.slideToggle(200, function(){
  161 + $BOX_PANEL.removeAttr('style');
  162 + });
  163 + } else {
  164 + $BOX_CONTENT.slideToggle(200);
  165 + $BOX_PANEL.css('height', 'auto');
  166 + }
  167 +
  168 + $ICON.toggleClass('fa-chevron-up fa-chevron-down');
  169 + });
  170 +
  171 + $('.close-link').click(function () {
  172 + var $BOX_PANEL = $(this).closest('.x_panel');
  173 +
  174 + $BOX_PANEL.remove();
  175 + });
  176 +});
  177 +// /Panel toolbox
  178 +
  179 +// Tooltip
  180 +$(document).ready(function() {
  181 + $('[data-toggle="tooltip"]').tooltip({
  182 + container: 'body'
  183 + });
  184 +});
  185 +// /Tooltip
  186 +
  187 +// Progressbar
  188 +if ($(".progress .progress-bar")[0]) {
  189 + $('.progress .progress-bar').progressbar();
  190 +}
  191 +// /Progressbar
  192 +
  193 +// Switchery
  194 +$(document).ready(function() {
  195 + if ($(".js-switch")[0]) {
  196 + var elems = Array.prototype.slice.call(document.querySelectorAll('.js-switch'));
  197 + elems.forEach(function (html) {
  198 + var switchery = new Switchery(html, {
  199 + color: '#26B99A'
  200 + });
  201 + });
  202 + }
  203 +});
  204 +// /Switchery
  205 +
  206 +
  207 +// iCheck
  208 +$(document).ready(function() {
  209 + if ($("input.flat")[0]) {
  210 + $(document).ready(function () {
  211 + $('input.flat').iCheck({
  212 + checkboxClass: 'icheckbox_flat-green',
  213 + radioClass: 'iradio_flat-green'
  214 + });
  215 + });
  216 + }
  217 +});
  218 +// /iCheck
  219 +
  220 +// Table
  221 +$('table input').on('ifChecked', function () {
  222 + checkState = '';
  223 + $(this).parent().parent().parent().addClass('selected');
  224 + countChecked();
  225 +});
  226 +$('table input').on('ifUnchecked', function () {
  227 + checkState = '';
  228 + $(this).parent().parent().parent().removeClass('selected');
  229 + countChecked();
  230 +});
  231 +
  232 +var checkState = '';
  233 +
  234 +$('.bulk_action input').on('ifChecked', function () {
  235 + checkState = '';
  236 + $(this).parent().parent().parent().addClass('selected');
  237 + countChecked();
  238 +});
  239 +$('.bulk_action input').on('ifUnchecked', function () {
  240 + checkState = '';
  241 + $(this).parent().parent().parent().removeClass('selected');
  242 + countChecked();
  243 +});
  244 +$('.bulk_action input#check-all').on('ifChecked', function () {
  245 + checkState = 'all';
  246 + countChecked();
  247 +});
  248 +$('.bulk_action input#check-all').on('ifUnchecked', function () {
  249 + checkState = 'none';
  250 + countChecked();
  251 +});
  252 +
  253 +function countChecked() {
  254 + if (checkState === 'all') {
  255 + $(".bulk_action input[name='table_records']").iCheck('check');
  256 + }
  257 + if (checkState === 'none') {
  258 + $(".bulk_action input[name='table_records']").iCheck('uncheck');
  259 + }
  260 +
  261 + var checkCount = $(".bulk_action input[name='table_records']:checked").length;
  262 +
  263 + if (checkCount) {
  264 + $('.column-title').hide();
  265 + $('.bulk-actions').show();
  266 + $('.action-cnt').html(checkCount + ' Records Selected');
  267 + } else {
  268 + $('.column-title').show();
  269 + $('.bulk-actions').hide();
  270 + }
  271 +}
  272 +
  273 +
  274 +
  275 +// Accordion
  276 +$(document).ready(function() {
  277 + $(".expand").on("click", function () {
  278 + $(this).next().slideToggle(200);
  279 + $expand = $(this).find(">:first-child");
  280 +
  281 + if ($expand.text() == "+") {
  282 + $expand.text("-");
  283 + } else {
  284 + $expand.text("+");
  285 + }
  286 + });
  287 +});
  288 +
  289 +// NProgress
  290 +if (typeof NProgress != 'undefined') {
  291 + $(document).ready(function () {
  292 + NProgress.start();
  293 + });
  294 +
  295 + $(window).load(function () {
  296 + NProgress.done();
  297 + });
  298 +}
  299 +
  300 +
  301 + //hover and retain popover when on popover content
  302 + var originalLeave = $.fn.popover.Constructor.prototype.leave;
  303 + $.fn.popover.Constructor.prototype.leave = function(obj) {
  304 + var self = obj instanceof this.constructor ?
  305 + obj : $(obj.currentTarget)[this.type](this.getDelegateOptions()).data('bs.' + this.type);
  306 + var container, timeout;
  307 +
  308 + originalLeave.call(this, obj);
  309 +
  310 + if (obj.currentTarget) {
  311 + container = $(obj.currentTarget).siblings('.popover');
  312 + timeout = self.timeout;
  313 + container.one('mouseenter', function() {
  314 + //We entered the actual popover – call off the dogs
  315 + clearTimeout(timeout);
  316 + //Let's monitor popover content instead
  317 + container.one('mouseleave', function() {
  318 + $.fn.popover.Constructor.prototype.leave.call(self, self);
  319 + });
  320 + });
  321 + }
  322 + };
  323 +
  324 + $('body').popover({
  325 + selector: '[data-popover]',
  326 + trigger: 'click hover',
  327 + delay: {
  328 + show: 50,
  329 + hide: 400
  330 + }
  331 + });
  332 +
  333 +
  334 + function gd(year, month, day) {
  335 + return new Date(year, month - 1, day).getTime();
  336 + }
  337 +
  338 +
  339 + function init_flot_chart(){
  340 +
  341 + if( typeof ($.plot) === 'undefined'){ return; }
  342 +
  343 + console.log('init_flot_chart');
  344 +
  345 +
  346 +
  347 + var arr_data1 = [
  348 + [gd(2012, 1, 1), 17],
  349 + [gd(2012, 1, 2), 74],
  350 + [gd(2012, 1, 3), 6],
  351 + [gd(2012, 1, 4), 39],
  352 + [gd(2012, 1, 5), 20],
  353 + [gd(2012, 1, 6), 85],
  354 + [gd(2012, 1, 7), 7]
  355 + ];
  356 +
  357 + var arr_data2 = [
  358 + [gd(2012, 1, 1), 82],
  359 + [gd(2012, 1, 2), 23],
  360 + [gd(2012, 1, 3), 66],
  361 + [gd(2012, 1, 4), 9],
  362 + [gd(2012, 1, 5), 119],
  363 + [gd(2012, 1, 6), 6],
  364 + [gd(2012, 1, 7), 9]
  365 + ];
  366 +
  367 + var arr_data3 = [
  368 + [0, 1],
  369 + [1, 9],
  370 + [2, 6],
  371 + [3, 10],
  372 + [4, 5],
  373 + [5, 17],
  374 + [6, 6],
  375 + [7, 10],
  376 + [8, 7],
  377 + [9, 11],
  378 + [10, 35],
  379 + [11, 9],
  380 + [12, 12],
  381 + [13, 5],
  382 + [14, 3],
  383 + [15, 4],
  384 + [16, 9]
  385 + ];
  386 +
  387 + var chart_plot_02_data = [];
  388 +
  389 + var chart_plot_03_data = [
  390 + [0, 1],
  391 + [1, 9],
  392 + [2, 6],
  393 + [3, 10],
  394 + [4, 5],
  395 + [5, 17],
  396 + [6, 6],
  397 + [7, 10],
  398 + [8, 7],
  399 + [9, 11],
  400 + [10, 35],
  401 + [11, 9],
  402 + [12, 12],
  403 + [13, 5],
  404 + [14, 3],
  405 + [15, 4],
  406 + [16, 9]
  407 + ];
  408 +
  409 +
  410 + for (var i = 0; i < 30; i++) {
  411 + chart_plot_02_data.push([new Date(Date.today().add(i).days()).getTime(), randNum() + i + i + 10]);
  412 + }
  413 +
  414 +
  415 + var chart_plot_01_settings = {
  416 + series: {
  417 + lines: {
  418 + show: false,
  419 + fill: true
  420 + },
  421 + splines: {
  422 + show: true,
  423 + tension: 0.4,
  424 + lineWidth: 1,
  425 + fill: 0.4
  426 + },
  427 + points: {
  428 + radius: 0,
  429 + show: true
  430 + },
  431 + shadowSize: 2
  432 + },
  433 + grid: {
  434 + verticalLines: true,
  435 + hoverable: true,
  436 + clickable: true,
  437 + tickColor: "#d5d5d5",
  438 + borderWidth: 1,
  439 + color: '#fff'
  440 + },
  441 + colors: ["rgba(38, 185, 154, 0.38)", "rgba(3, 88, 106, 0.38)"],
  442 + xaxis: {
  443 + tickColor: "rgba(51, 51, 51, 0.06)",
  444 + mode: "time",
  445 + tickSize: [1, "day"],
  446 + //tickLength: 10,
  447 + axisLabel: "Date",
  448 + axisLabelUseCanvas: true,
  449 + axisLabelFontSizePixels: 12,
  450 + axisLabelFontFamily: 'Verdana, Arial',
  451 + axisLabelPadding: 10
  452 + },
  453 + yaxis: {
  454 + ticks: 8,
  455 + tickColor: "rgba(51, 51, 51, 0.06)",
  456 + },
  457 + tooltip: false
  458 + }
  459 +
  460 + var chart_plot_02_settings = {
  461 + grid: {
  462 + show: true,
  463 + aboveData: true,
  464 + color: "#3f3f3f",
  465 + labelMargin: 10,
  466 + axisMargin: 0,
  467 + borderWidth: 0,
  468 + borderColor: null,
  469 + minBorderMargin: 5,
  470 + clickable: true,
  471 + hoverable: true,
  472 + autoHighlight: true,
  473 + mouseActiveRadius: 100
  474 + },
  475 + series: {
  476 + lines: {
  477 + show: true,
  478 + fill: true,
  479 + lineWidth: 2,
  480 + steps: false
  481 + },
  482 + points: {
  483 + show: true,
  484 + radius: 4.5,
  485 + symbol: "circle",
  486 + lineWidth: 3.0
  487 + }
  488 + },
  489 + legend: {
  490 + position: "ne",
  491 + margin: [0, -25],
  492 + noColumns: 0,
  493 + labelBoxBorderColor: null,
  494 + labelFormatter: function(label, series) {
  495 + return label + '&nbsp;&nbsp;';
  496 + },
  497 + width: 40,
  498 + height: 1
  499 + },
  500 + colors: ['#96CA59', '#3F97EB', '#72c380', '#6f7a8a', '#f7cb38', '#5a8022', '#2c7282'],
  501 + shadowSize: 0,
  502 + tooltip: true,
  503 + tooltipOpts: {
  504 + content: "%s: %y.0",
  505 + xDateFormat: "%d/%m",
  506 + shifts: {
  507 + x: -30,
  508 + y: -50
  509 + },
  510 + defaultTheme: false
  511 + },
  512 + yaxis: {
  513 + min: 0
  514 + },
  515 + xaxis: {
  516 + mode: "time",
  517 + minTickSize: [1, "day"],
  518 + timeformat: "%d/%m/%y",
  519 + min: chart_plot_02_data[0][0],
  520 + max: chart_plot_02_data[20][0]
  521 + }
  522 + };
  523 +
  524 + var chart_plot_03_settings = {
  525 + series: {
  526 + curvedLines: {
  527 + apply: true,
  528 + active: true,
  529 + monotonicFit: true
  530 + }
  531 + },
  532 + colors: ["#26B99A"],
  533 + grid: {
  534 + borderWidth: {
  535 + top: 0,
  536 + right: 0,
  537 + bottom: 1,
  538 + left: 1
  539 + },
  540 + borderColor: {
  541 + bottom: "#7F8790",
  542 + left: "#7F8790"
  543 + }
  544 + }
  545 + };
  546 +
  547 +
  548 + if ($("#chart_plot_01").length){
  549 + console.log('Plot1');
  550 +
  551 + $.plot( $("#chart_plot_01"), [ arr_data1, arr_data2 ], chart_plot_01_settings );
  552 + }
  553 +
  554 +
  555 + if ($("#chart_plot_02").length){
  556 + console.log('Plot2');
  557 +
  558 + $.plot( $("#chart_plot_02"),
  559 + [{
  560 + label: "Email Sent",
  561 + data: chart_plot_02_data,
  562 + lines: {
  563 + fillColor: "rgba(150, 202, 89, 0.12)"
  564 + },
  565 + points: {
  566 + fillColor: "#fff" }
  567 + }], chart_plot_02_settings);
  568 +
  569 + }
  570 +
  571 + if ($("#chart_plot_03").length){
  572 + console.log('Plot3');
  573 +
  574 +
  575 + $.plot($("#chart_plot_03"), [{
  576 + label: "Registrations",
  577 + data: chart_plot_03_data,
  578 + lines: {
  579 + fillColor: "rgba(150, 202, 89, 0.12)"
  580 + },
  581 + points: {
  582 + fillColor: "#fff"
  583 + }
  584 + }], chart_plot_03_settings);
  585 +
  586 + };
  587 +
  588 + }
  589 +
  590 +
  591 + /* STARRR */
  592 +
  593 + function init_starrr() {
  594 +
  595 + if( typeof (starrr) === 'undefined'){ return; }
  596 + console.log('init_starrr');
  597 +
  598 + $(".stars").starrr();
  599 +
  600 + $('.stars-existing').starrr({
  601 + rating: 4
  602 + });
  603 +
  604 + $('.stars').on('starrr:change', function (e, value) {
  605 + $('.stars-count').html(value);
  606 + });
  607 +
  608 + $('.stars-existing').on('starrr:change', function (e, value) {
  609 + $('.stars-count-existing').html(value);
  610 + });
  611 +
  612 + };
  613 +
  614 +
  615 + function init_JQVmap(){
  616 +
  617 + //console.log('check init_JQVmap [' + typeof (VectorCanvas) + '][' + typeof (jQuery.fn.vectorMap) + ']' );
  618 +
  619 + if(typeof (jQuery.fn.vectorMap) === 'undefined'){ return; }
  620 +
  621 + console.log('init_JQVmap');
  622 +
  623 + if ($('#world-map-gdp').length ){
  624 +
  625 + $('#world-map-gdp').vectorMap({
  626 + map: 'world_en',
  627 + backgroundColor: null,
  628 + color: '#ffffff',
  629 + hoverOpacity: 0.7,
  630 + selectedColor: '#666666',
  631 + enableZoom: true,
  632 + showTooltip: true,
  633 + values: sample_data,
  634 + scaleColors: ['#E6F2F0', '#149B7E'],
  635 + normalizeFunction: 'polynomial'
  636 + });
  637 +
  638 + }
  639 +
  640 + if ($('#usa_map').length ){
  641 +
  642 + $('#usa_map').vectorMap({
  643 + map: 'usa_en',
  644 + backgroundColor: null,
  645 + color: '#ffffff',
  646 + hoverOpacity: 0.7,
  647 + selectedColor: '#666666',
  648 + enableZoom: true,
  649 + showTooltip: true,
  650 + values: sample_data,
  651 + scaleColors: ['#E6F2F0', '#149B7E'],
  652 + normalizeFunction: 'polynomial'
  653 + });
  654 +
  655 + }
  656 +
  657 + };
  658 +
  659 +
  660 + function init_skycons(){
  661 +
  662 + if( typeof (Skycons) === 'undefined'){ return; }
  663 + console.log('init_skycons');
  664 +
  665 + var icons = new Skycons({
  666 + "color": "#73879C"
  667 + }),
  668 + list = [
  669 + "clear-day", "clear-night", "partly-cloudy-day",
  670 + "partly-cloudy-night", "cloudy", "rain", "sleet", "snow", "wind",
  671 + "fog"
  672 + ],
  673 + i;
  674 +
  675 + for (i = list.length; i--;)
  676 + icons.set(list[i], list[i]);
  677 +
  678 + icons.play();
  679 +
  680 + }
  681 +
  682 +
  683 + function init_chart_doughnut(){
  684 +
  685 + if( typeof (Chart) === 'undefined'){ return; }
  686 +
  687 + console.log('init_chart_doughnut');
  688 +
  689 + if ($('.canvasDoughnut').length){
  690 +
  691 + var chart_doughnut_settings = {
  692 + type: 'doughnut',
  693 + tooltipFillColor: "rgba(51, 51, 51, 0.55)",
  694 + data: {
  695 + labels: [
  696 + "Symbian",
  697 + "Blackberry",
  698 + "Other",
  699 + "Android",
  700 + "IOS"
  701 + ],
  702 + datasets: [{
  703 + data: [15, 20, 30, 10, 30],
  704 + backgroundColor: [
  705 + "#BDC3C7",
  706 + "#9B59B6",
  707 + "#E74C3C",
  708 + "#26B99A",
  709 + "#3498DB"
  710 + ],
  711 + hoverBackgroundColor: [
  712 + "#CFD4D8",
  713 + "#B370CF",
  714 + "#E95E4F",
  715 + "#36CAAB",
  716 + "#49A9EA"
  717 + ]
  718 + }]
  719 + },
  720 + options: {
  721 + legend: false,
  722 + responsive: false
  723 + }
  724 + }
  725 +
  726 + $('.canvasDoughnut').each(function(){
  727 +
  728 + var chart_element = $(this);
  729 + var chart_doughnut = new Chart( chart_element, chart_doughnut_settings);
  730 +
  731 + });
  732 +
  733 + }
  734 +
  735 + }
  736 +
  737 + function init_gauge() {
  738 +
  739 + if( typeof (Gauge) === 'undefined'){ return; }
  740 +
  741 + console.log('init_gauge [' + $('.gauge-chart').length + ']');
  742 +
  743 + console.log('init_gauge');
  744 +
  745 +
  746 + var chart_gauge_settings = {
  747 + lines: 12,
  748 + angle: 0,
  749 + lineWidth: 0.4,
  750 + pointer: {
  751 + length: 0.75,
  752 + strokeWidth: 0.042,
  753 + color: '#1D212A'
  754 + },
  755 + limitMax: 'false',
  756 + colorStart: '#1ABC9C',
  757 + colorStop: '#1ABC9C',
  758 + strokeColor: '#F0F3F3',
  759 + generateGradient: true
  760 + };
  761 +
  762 +
  763 + if ($('#chart_gauge_01').length){
  764 +
  765 + var chart_gauge_01_elem = document.getElementById('chart_gauge_01');
  766 + var chart_gauge_01 = new Gauge(chart_gauge_01_elem).setOptions(chart_gauge_settings);
  767 +
  768 + }
  769 +
  770 +
  771 + if ($('#gauge-text').length){
  772 +
  773 + chart_gauge_01.maxValue = 6000;
  774 + chart_gauge_01.animationSpeed = 32;
  775 + chart_gauge_01.set(3200);
  776 + chart_gauge_01.setTextField(document.getElementById("gauge-text"));
  777 +
  778 + }
  779 +
  780 + if ($('#chart_gauge_02').length){
  781 +
  782 + var chart_gauge_02_elem = document.getElementById('chart_gauge_02');
  783 + var chart_gauge_02 = new Gauge(chart_gauge_02_elem).setOptions(chart_gauge_settings);
  784 +
  785 + }
  786 +
  787 +
  788 + if ($('#gauge-text2').length){
  789 +
  790 + chart_gauge_02.maxValue = 9000;
  791 + chart_gauge_02.animationSpeed = 32;
  792 + chart_gauge_02.set(2400);
  793 + chart_gauge_02.setTextField(document.getElementById("gauge-text2"));
  794 +
  795 + }
  796 +
  797 +
  798 + }
  799 +
  800 + /* SPARKLINES */
  801 +
  802 + function init_sparklines() {
  803 +
  804 + if(typeof (jQuery.fn.sparkline) === 'undefined'){ return; }
  805 + console.log('init_sparklines');
  806 +
  807 +
  808 + $(".sparkline_one").sparkline([2, 4, 3, 4, 5, 4, 5, 4, 3, 4, 5, 6, 4, 5, 6, 3, 5, 4, 5, 4, 5, 4, 3, 4, 5, 6, 7, 5, 4, 3, 5, 6], {
  809 + type: 'bar',
  810 + height: '125',
  811 + barWidth: 13,
  812 + colorMap: {
  813 + '7': '#a1a1a1'
  814 + },
  815 + barSpacing: 2,
  816 + barColor: '#26B99A'
  817 + });
  818 +
  819 +
  820 + $(".sparkline_two").sparkline([2, 4, 3, 4, 5, 4, 5, 4, 3, 4, 5, 6, 7, 5, 4, 3, 5, 6], {
  821 + type: 'bar',
  822 + height: '40',
  823 + barWidth: 9,
  824 + colorMap: {
  825 + '7': '#a1a1a1'
  826 + },
  827 + barSpacing: 2,
  828 + barColor: '#26B99A'
  829 + });
  830 +
  831 +
  832 + $(".sparkline_three").sparkline([2, 4, 3, 4, 5, 4, 5, 4, 3, 4, 5, 6, 7, 5, 4, 3, 5, 6], {
  833 + type: 'line',
  834 + width: '200',
  835 + height: '40',
  836 + lineColor: '#26B99A',
  837 + fillColor: 'rgba(223, 223, 223, 0.57)',
  838 + lineWidth: 2,
  839 + spotColor: '#26B99A',
  840 + minSpotColor: '#26B99A'
  841 + });
  842 +
  843 +
  844 + $(".sparkline11").sparkline([2, 4, 3, 4, 5, 4, 5, 4, 3, 4, 6, 2, 4, 3, 4, 5, 4, 5, 4, 3], {
  845 + type: 'bar',
  846 + height: '40',
  847 + barWidth: 8,
  848 + colorMap: {
  849 + '7': '#a1a1a1'
  850 + },
  851 + barSpacing: 2,
  852 + barColor: '#26B99A'
  853 + });
  854 +
  855 +
  856 + $(".sparkline22").sparkline([2, 4, 3, 4, 7, 5, 4, 3, 5, 6, 2, 4, 3, 4, 5, 4, 5, 4, 3, 4, 6], {
  857 + type: 'line',
  858 + height: '40',
  859 + width: '200',
  860 + lineColor: '#26B99A',
  861 + fillColor: '#ffffff',
  862 + lineWidth: 3,
  863 + spotColor: '#34495E',
  864 + minSpotColor: '#34495E'
  865 + });
  866 +
  867 +
  868 + $(".sparkline_bar").sparkline([2, 4, 3, 4, 5, 4, 5, 4, 3, 4, 5, 6, 4, 5, 6, 3, 5], {
  869 + type: 'bar',
  870 + colorMap: {
  871 + '7': '#a1a1a1'
  872 + },
  873 + barColor: '#26B99A'
  874 + });
  875 +
  876 +
  877 + $(".sparkline_area").sparkline([5, 6, 7, 9, 9, 5, 3, 2, 2, 4, 6, 7], {
  878 + type: 'line',
  879 + lineColor: '#26B99A',
  880 + fillColor: '#26B99A',
  881 + spotColor: '#4578a0',
  882 + minSpotColor: '#728fb2',
  883 + maxSpotColor: '#6d93c4',
  884 + highlightSpotColor: '#ef5179',
  885 + highlightLineColor: '#8ba8bf',
  886 + spotRadius: 2.5,
  887 + width: 85
  888 + });
  889 +
  890 +
  891 + $(".sparkline_line").sparkline([2, 4, 3, 4, 5, 4, 5, 4, 3, 4, 5, 6, 4, 5, 6, 3, 5], {
  892 + type: 'line',
  893 + lineColor: '#26B99A',
  894 + fillColor: '#ffffff',
  895 + width: 85,
  896 + spotColor: '#34495E',
  897 + minSpotColor: '#34495E'
  898 + });
  899 +
  900 +
  901 + $(".sparkline_pie").sparkline([1, 1, 2, 1], {
  902 + type: 'pie',
  903 + sliceColors: ['#26B99A', '#ccc', '#75BCDD', '#D66DE2']
  904 + });
  905 +
  906 +
  907 + $(".sparkline_discreet").sparkline([4, 6, 7, 7, 4, 3, 2, 1, 4, 4, 2, 4, 3, 7, 8, 9, 7, 6, 4, 3], {
  908 + type: 'discrete',
  909 + barWidth: 3,
  910 + lineColor: '#26B99A',
  911 + width: '85',
  912 + });
  913 +
  914 +
  915 + };
  916 +
  917 +
  918 + /* AUTOCOMPLETE */
  919 +
  920 + function init_autocomplete() {
  921 +
  922 + if( typeof (autocomplete) === 'undefined'){ return; }
  923 + console.log('init_autocomplete');
  924 +
  925 + var countries = { AD:"Andorra",A2:"Andorra Test",AE:"United Arab Emirates",AF:"Afghanistan",AG:"Antigua and Barbuda",AI:"Anguilla",AL:"Albania",AM:"Armenia",AN:"Netherlands Antilles",AO:"Angola",AQ:"Antarctica",AR:"Argentina",AS:"American Samoa",AT:"Austria",AU:"Australia",AW:"Aruba",AX:"Åland Islands",AZ:"Azerbaijan",BA:"Bosnia and Herzegovina",BB:"Barbados",BD:"Bangladesh",BE:"Belgium",BF:"Burkina Faso",BG:"Bulgaria",BH:"Bahrain",BI:"Burundi",BJ:"Benin",BL:"Saint Barthélemy",BM:"Bermuda",BN:"Brunei",BO:"Bolivia",BQ:"British Antarctic Territory",BR:"Brazil",BS:"Bahamas",BT:"Bhutan",BV:"Bouvet Island",BW:"Botswana",BY:"Belarus",BZ:"Belize",CA:"Canada",CC:"Cocos [Keeling] Islands",CD:"Congo - Kinshasa",CF:"Central African Republic",CG:"Congo - Brazzaville",CH:"Switzerland",CI:"Côte d’Ivoire",CK:"Cook Islands",CL:"Chile",CM:"Cameroon",CN:"China",CO:"Colombia",CR:"Costa Rica",CS:"Serbia and Montenegro",CT:"Canton and Enderbury Islands",CU:"Cuba",CV:"Cape Verde",CX:"Christmas Island",CY:"Cyprus",CZ:"Czech Republic",DD:"East Germany",DE:"Germany",DJ:"Djibouti",DK:"Denmark",DM:"Dominica",DO:"Dominican Republic",DZ:"Algeria",EC:"Ecuador",EE:"Estonia",EG:"Egypt",EH:"Western Sahara",ER:"Eritrea",ES:"Spain",ET:"Ethiopia",FI:"Finland",FJ:"Fiji",FK:"Falkland Islands",FM:"Micronesia",FO:"Faroe Islands",FQ:"French Southern and Antarctic Territories",FR:"France",FX:"Metropolitan France",GA:"Gabon",GB:"United Kingdom",GD:"Grenada",GE:"Georgia",GF:"French Guiana",GG:"Guernsey",GH:"Ghana",GI:"Gibraltar",GL:"Greenland",GM:"Gambia",GN:"Guinea",GP:"Guadeloupe",GQ:"Equatorial Guinea",GR:"Greece",GS:"South Georgia and the South Sandwich Islands",GT:"Guatemala",GU:"Guam",GW:"Guinea-Bissau",GY:"Guyana",HK:"Hong Kong SAR China",HM:"Heard Island and McDonald Islands",HN:"Honduras",HR:"Croatia",HT:"Haiti",HU:"Hungary",ID:"Indonesia",IE:"Ireland",IL:"Israel",IM:"Isle of Man",IN:"India",IO:"British Indian Ocean Territory",IQ:"Iraq",IR:"Iran",IS:"Iceland",IT:"Italy",JE:"Jersey",JM:"Jamaica",JO:"Jordan",JP:"Japan",JT:"Johnston Island",KE:"Kenya",KG:"Kyrgyzstan",KH:"Cambodia",KI:"Kiribati",KM:"Comoros",KN:"Saint Kitts and Nevis",KP:"North Korea",KR:"South Korea",KW:"Kuwait",KY:"Cayman Islands",KZ:"Kazakhstan",LA:"Laos",LB:"Lebanon",LC:"Saint Lucia",LI:"Liechtenstein",LK:"Sri Lanka",LR:"Liberia",LS:"Lesotho",LT:"Lithuania",LU:"Luxembourg",LV:"Latvia",LY:"Libya",MA:"Morocco",MC:"Monaco",MD:"Moldova",ME:"Montenegro",MF:"Saint Martin",MG:"Madagascar",MH:"Marshall Islands",MI:"Midway Islands",MK:"Macedonia",ML:"Mali",MM:"Myanmar [Burma]",MN:"Mongolia",MO:"Macau SAR China",MP:"Northern Mariana Islands",MQ:"Martinique",MR:"Mauritania",MS:"Montserrat",MT:"Malta",MU:"Mauritius",MV:"Maldives",MW:"Malawi",MX:"Mexico",MY:"Malaysia",MZ:"Mozambique",NA:"Namibia",NC:"New Caledonia",NE:"Niger",NF:"Norfolk Island",NG:"Nigeria",NI:"Nicaragua",NL:"Netherlands",NO:"Norway",NP:"Nepal",NQ:"Dronning Maud Land",NR:"Nauru",NT:"Neutral Zone",NU:"Niue",NZ:"New Zealand",OM:"Oman",PA:"Panama",PC:"Pacific Islands Trust Territory",PE:"Peru",PF:"French Polynesia",PG:"Papua New Guinea",PH:"Philippines",PK:"Pakistan",PL:"Poland",PM:"Saint Pierre and Miquelon",PN:"Pitcairn Islands",PR:"Puerto Rico",PS:"Palestinian Territories",PT:"Portugal",PU:"U.S. Miscellaneous Pacific Islands",PW:"Palau",PY:"Paraguay",PZ:"Panama Canal Zone",QA:"Qatar",RE:"Réunion",RO:"Romania",RS:"Serbia",RU:"Russia",RW:"Rwanda",SA:"Saudi Arabia",SB:"Solomon Islands",SC:"Seychelles",SD:"Sudan",SE:"Sweden",SG:"Singapore",SH:"Saint Helena",SI:"Slovenia",SJ:"Svalbard and Jan Mayen",SK:"Slovakia",SL:"Sierra Leone",SM:"San Marino",SN:"Senegal",SO:"Somalia",SR:"Suriname",ST:"São Tomé and Príncipe",SU:"Union of Soviet Socialist Republics",SV:"El Salvador",SY:"Syria",SZ:"Swaziland",TC:"Turks and Caicos Islands",TD:"Chad",TF:"French Southern Territories",TG:"Togo",TH:"Thailand",TJ:"Tajikistan",TK:"Tokelau",TL:"Timor-Leste",TM:"Turkmenistan",TN:"Tunisia",TO:"Tonga",TR:"Turkey",TT:"Trinidad and Tobago",TV:"Tuvalu",TW:"Taiwan",TZ:"Tanzania",UA:"Ukraine",UG:"Uganda",UM:"U.S. Minor Outlying Islands",US:"United States",UY:"Uruguay",UZ:"Uzbekistan",VA:"Vatican City",VC:"Saint Vincent and the Grenadines",VD:"North Vietnam",VE:"Venezuela",VG:"British Virgin Islands",VI:"U.S. Virgin Islands",VN:"Vietnam",VU:"Vanuatu",WF:"Wallis and Futuna",WK:"Wake Island",WS:"Samoa",YD:"People's Democratic Republic of Yemen",YE:"Yemen",YT:"Mayotte",ZA:"South Africa",ZM:"Zambia",ZW:"Zimbabwe",ZZ:"Unknown or Invalid Region" };
  926 +
  927 + var countriesArray = $.map(countries, function(value, key) {
  928 + return {
  929 + value: value,
  930 + data: key
  931 + };
  932 + });
  933 +
  934 + // initialize autocomplete with custom appendTo
  935 + $('#autocomplete-custom-append').autocomplete({
  936 + lookup: countriesArray
  937 + });
  938 +
  939 + };
  940 +
  941 + /* AUTOSIZE */
  942 +
  943 + function init_autosize() {
  944 +
  945 + if(typeof $.fn.autosize !== 'undefined'){
  946 +
  947 + autosize($('.resizable_textarea'));
  948 +
  949 + }
  950 +
  951 + };
  952 +
  953 + /* PARSLEY */
  954 +
  955 + function init_parsley() {
  956 +
  957 + if( typeof (parsley) === 'undefined'){ return; }
  958 + console.log('init_parsley');
  959 +
  960 + $/*.listen*/('parsley:field:validate', function() {
  961 + validateFront();
  962 + });
  963 + $('#demo-form .btn').on('click', function() {
  964 + $('#demo-form').parsley().validate();
  965 + validateFront();
  966 + });
  967 + var validateFront = function() {
  968 + if (true === $('#demo-form').parsley().isValid()) {
  969 + $('.bs-callout-info').removeClass('hidden');
  970 + $('.bs-callout-warning').addClass('hidden');
  971 + } else {
  972 + $('.bs-callout-info').addClass('hidden');
  973 + $('.bs-callout-warning').removeClass('hidden');
  974 + }
  975 + };
  976 +
  977 + $/*.listen*/('parsley:field:validate', function() {
  978 + validateFront();
  979 + });
  980 + $('#demo-form2 .btn').on('click', function() {
  981 + $('#demo-form2').parsley().validate();
  982 + validateFront();
  983 + });
  984 + var validateFront = function() {
  985 + if (true === $('#demo-form2').parsley().isValid()) {
  986 + $('.bs-callout-info').removeClass('hidden');
  987 + $('.bs-callout-warning').addClass('hidden');
  988 + } else {
  989 + $('.bs-callout-info').addClass('hidden');
  990 + $('.bs-callout-warning').removeClass('hidden');
  991 + }
  992 + };
  993 +
  994 + try {
  995 + hljs.initHighlightingOnLoad();
  996 + } catch (err) {}
  997 +
  998 + };
  999 +
  1000 +
  1001 + /* INPUTS */
  1002 +
  1003 + function onAddTag(tag) {
  1004 + alert("Added a tag: " + tag);
  1005 + }
  1006 +
  1007 + function onRemoveTag(tag) {
  1008 + alert("Removed a tag: " + tag);
  1009 + }
  1010 +
  1011 + function onChangeTag(input, tag) {
  1012 + alert("Changed a tag: " + tag);
  1013 + }
  1014 +
  1015 + //tags input
  1016 + function init_TagsInput() {
  1017 +
  1018 + if(typeof $.fn.tagsInput !== 'undefined'){
  1019 +
  1020 + $('#tags_1').tagsInput({
  1021 + width: 'auto'
  1022 + });
  1023 +
  1024 + }
  1025 +
  1026 + };
  1027 +
  1028 + /* SELECT2 */
  1029 +
  1030 + function init_select2() {
  1031 +
  1032 + if( typeof (select2) === 'undefined'){ return; }
  1033 + console.log('init_toolbox');
  1034 +
  1035 + $(".select2_single").select2({
  1036 + placeholder: "Select a state",
  1037 + allowClear: true
  1038 + });
  1039 + $(".select2_group").select2({});
  1040 + $(".select2_multiple").select2({
  1041 + maximumSelectionLength: 4,
  1042 + placeholder: "With Max Selection limit 4",
  1043 + allowClear: true
  1044 + });
  1045 +
  1046 + };
  1047 +
  1048 + /* WYSIWYG EDITOR */
  1049 +
  1050 + function init_wysiwyg() {
  1051 +
  1052 + if( typeof ($.fn.wysiwyg) === 'undefined'){ return; }
  1053 + console.log('init_wysiwyg');
  1054 +
  1055 + function init_ToolbarBootstrapBindings() {
  1056 + var fonts = ['Serif', 'Sans', 'Arial', 'Arial Black', 'Courier',
  1057 + 'Courier New', 'Comic Sans MS', 'Helvetica', 'Impact', 'Lucida Grande', 'Lucida Sans', 'Tahoma', 'Times',
  1058 + 'Times New Roman', 'Verdana'
  1059 + ],
  1060 + fontTarget = $('[title=Font]').siblings('.dropdown-menu');
  1061 + $.each(fonts, function(idx, fontName) {
  1062 + fontTarget.append($('<li><a data-edit="fontName ' + fontName + '" style="font-family:\'' + fontName + '\'">' + fontName + '</a></li>'));
  1063 + });
  1064 + $('a[title]').tooltip({
  1065 + container: 'body'
  1066 + });
  1067 + $('.dropdown-menu input').click(function() {
  1068 + return false;
  1069 + })
  1070 + .change(function() {
  1071 + $(this).parent('.dropdown-menu').siblings('.dropdown-toggle').dropdown('toggle');
  1072 + })
  1073 + .keydown('esc', function() {
  1074 + this.value = '';
  1075 + $(this).change();
  1076 + });
  1077 +
  1078 + $('[data-role=magic-overlay]').each(function() {
  1079 + var overlay = $(this),
  1080 + target = $(overlay.data('target'));
  1081 + overlay.css('opacity', 0).css('position', 'absolute').offset(target.offset()).width(target.outerWidth()).height(target.outerHeight());
  1082 + });
  1083 +
  1084 + if ("onwebkitspeechchange" in document.createElement("input")) {
  1085 + var editorOffset = $('#editor').offset();
  1086 +
  1087 + $('.voiceBtn').css('position', 'absolute').offset({
  1088 + top: editorOffset.top,
  1089 + left: editorOffset.left + $('#editor').innerWidth() - 35
  1090 + });
  1091 + } else {
  1092 + $('.voiceBtn').hide();
  1093 + }
  1094 + }
  1095 +
  1096 + function showErrorAlert(reason, detail) {
  1097 + var msg = '';
  1098 + if (reason === 'unsupported-file-type') {
  1099 + msg = "Unsupported format " + detail;
  1100 + } else {
  1101 + console.log("error uploading file", reason, detail);
  1102 + }
  1103 + $('<div class="alert"> <button type="button" class="close" data-dismiss="alert">&times;</button>' +
  1104 + '<strong>File upload error</strong> ' + msg + ' </div>').prependTo('#alerts');
  1105 + }
  1106 +
  1107 + $('.editor-wrapper').each(function(){
  1108 + var id = $(this).attr('id'); //editor-one
  1109 +
  1110 + $(this).wysiwyg({
  1111 + toolbarSelector: '[data-target="#' + id + '"]',
  1112 + fileUploadError: showErrorAlert
  1113 + });
  1114 + });
  1115 +
  1116 +
  1117 + window.prettyPrint;
  1118 + prettyPrint();
  1119 +
  1120 + };
  1121 +
  1122 + /* CROPPER */
  1123 +
  1124 + function init_cropper() {
  1125 +
  1126 +
  1127 + if( typeof ($.fn.cropper) === 'undefined'){ return; }
  1128 + console.log('init_cropper');
  1129 +
  1130 + var $image = $('#image');
  1131 + var $download = $('#download');
  1132 + var $dataX = $('#dataX');
  1133 + var $dataY = $('#dataY');
  1134 + var $dataHeight = $('#dataHeight');
  1135 + var $dataWidth = $('#dataWidth');
  1136 + var $dataRotate = $('#dataRotate');
  1137 + var $dataScaleX = $('#dataScaleX');
  1138 + var $dataScaleY = $('#dataScaleY');
  1139 + var options = {
  1140 + aspectRatio: 16 / 9,
  1141 + preview: '.img-preview',
  1142 + crop: function (e) {
  1143 + $dataX.val(Math.round(e.x));
  1144 + $dataY.val(Math.round(e.y));
  1145 + $dataHeight.val(Math.round(e.height));
  1146 + $dataWidth.val(Math.round(e.width));
  1147 + $dataRotate.val(e.rotate);
  1148 + $dataScaleX.val(e.scaleX);
  1149 + $dataScaleY.val(e.scaleY);
  1150 + }
  1151 + };
  1152 +
  1153 +
  1154 + // Tooltip
  1155 + $('[data-toggle="tooltip"]').tooltip();
  1156 +
  1157 +
  1158 + // Cropper
  1159 + $image.on({
  1160 + 'build.cropper': function (e) {
  1161 + console.log(e.type);
  1162 + },
  1163 + 'built.cropper': function (e) {
  1164 + console.log(e.type);
  1165 + },
  1166 + 'cropstart.cropper': function (e) {
  1167 + console.log(e.type, e.action);
  1168 + },
  1169 + 'cropmove.cropper': function (e) {
  1170 + console.log(e.type, e.action);
  1171 + },
  1172 + 'cropend.cropper': function (e) {
  1173 + console.log(e.type, e.action);
  1174 + },
  1175 + 'crop.cropper': function (e) {
  1176 + console.log(e.type, e.x, e.y, e.width, e.height, e.rotate, e.scaleX, e.scaleY);
  1177 + },
  1178 + 'zoom.cropper': function (e) {
  1179 + console.log(e.type, e.ratio);
  1180 + }
  1181 + }).cropper(options);
  1182 +
  1183 +
  1184 + // Buttons
  1185 + if (!$.isFunction(document.createElement('canvas').getContext)) {
  1186 + $('button[data-method="getCroppedCanvas"]').prop('disabled', true);
  1187 + }
  1188 +
  1189 + if (typeof document.createElement('cropper').style.transition === 'undefined') {
  1190 + $('button[data-method="rotate"]').prop('disabled', true);
  1191 + $('button[data-method="scale"]').prop('disabled', true);
  1192 + }
  1193 +
  1194 +
  1195 + // Download
  1196 + if (typeof $download[0].download === 'undefined') {
  1197 + $download.addClass('disabled');
  1198 + }
  1199 +
  1200 +
  1201 + // Options
  1202 + $('.docs-toggles').on('change', 'input', function () {
  1203 + var $this = $(this);
  1204 + var name = $this.attr('name');
  1205 + var type = $this.prop('type');
  1206 + var cropBoxData;
  1207 + var canvasData;
  1208 +
  1209 + if (!$image.data('cropper')) {
  1210 + return;
  1211 + }
  1212 +
  1213 + if (type === 'checkbox') {
  1214 + options[name] = $this.prop('checked');
  1215 + cropBoxData = $image.cropper('getCropBoxData');
  1216 + canvasData = $image.cropper('getCanvasData');
  1217 +
  1218 + options.built = function () {
  1219 + $image.cropper('setCropBoxData', cropBoxData);
  1220 + $image.cropper('setCanvasData', canvasData);
  1221 + };
  1222 + } else if (type === 'radio') {
  1223 + options[name] = $this.val();
  1224 + }
  1225 +
  1226 + $image.cropper('destroy').cropper(options);
  1227 + });
  1228 +
  1229 +
  1230 + // Methods
  1231 + $('.docs-buttons').on('click', '[data-method]', function () {
  1232 + var $this = $(this);
  1233 + var data = $this.data();
  1234 + var $target;
  1235 + var result;
  1236 +
  1237 + if ($this.prop('disabled') || $this.hasClass('disabled')) {
  1238 + return;
  1239 + }
  1240 +
  1241 + if ($image.data('cropper') && data.method) {
  1242 + data = $.extend({}, data); // Clone a new one
  1243 +
  1244 + if (typeof data.target !== 'undefined') {
  1245 + $target = $(data.target);
  1246 +
  1247 + if (typeof data.option === 'undefined') {
  1248 + try {
  1249 + data.option = JSON.parse($target.val());
  1250 + } catch (e) {
  1251 + console.log(e.message);
  1252 + }
  1253 + }
  1254 + }
  1255 +
  1256 + result = $image.cropper(data.method, data.option, data.secondOption);
  1257 +
  1258 + switch (data.method) {
  1259 + case 'scaleX':
  1260 + case 'scaleY':
  1261 + $(this).data('option', -data.option);
  1262 + break;
  1263 +
  1264 + case 'getCroppedCanvas':
  1265 + if (result) {
  1266 +
  1267 + // Bootstrap's Modal
  1268 + $('#getCroppedCanvasModal').modal().find('.modal-body').html(result);
  1269 +
  1270 + if (!$download.hasClass('disabled')) {
  1271 + $download.attr('href', result.toDataURL());
  1272 + }
  1273 + }
  1274 +
  1275 + break;
  1276 + }
  1277 +
  1278 + if ($.isPlainObject(result) && $target) {
  1279 + try {
  1280 + $target.val(JSON.stringify(result));
  1281 + } catch (e) {
  1282 + console.log(e.message);
  1283 + }
  1284 + }
  1285 +
  1286 + }
  1287 + });
  1288 +
  1289 + // Keyboard
  1290 + $(document.body).on('keydown', function (e) {
  1291 + if (!$image.data('cropper') || this.scrollTop > 300) {
  1292 + return;
  1293 + }
  1294 +
  1295 + switch (e.which) {
  1296 + case 37:
  1297 + e.preventDefault();
  1298 + $image.cropper('move', -1, 0);
  1299 + break;
  1300 +
  1301 + case 38:
  1302 + e.preventDefault();
  1303 + $image.cropper('move', 0, -1);
  1304 + break;
  1305 +
  1306 + case 39:
  1307 + e.preventDefault();
  1308 + $image.cropper('move', 1, 0);
  1309 + break;
  1310 +
  1311 + case 40:
  1312 + e.preventDefault();
  1313 + $image.cropper('move', 0, 1);
  1314 + break;
  1315 + }
  1316 + });
  1317 +
  1318 + // Import image
  1319 + var $inputImage = $('#inputImage');
  1320 + var URL = window.URL || window.webkitURL;
  1321 + var blobURL;
  1322 +
  1323 + if (URL) {
  1324 + $inputImage.change(function () {
  1325 + var files = this.files;
  1326 + var file;
  1327 +
  1328 + if (!$image.data('cropper')) {
  1329 + return;
  1330 + }
  1331 +
  1332 + if (files && files.length) {
  1333 + file = files[0];
  1334 +
  1335 + if (/^image\/\w+$/.test(file.type)) {
  1336 + blobURL = URL.createObjectURL(file);
  1337 + $image.one('built.cropper', function () {
  1338 +
  1339 + // Revoke when load complete
  1340 + URL.revokeObjectURL(blobURL);
  1341 + }).cropper('reset').cropper('replace', blobURL);
  1342 + $inputImage.val('');
  1343 + } else {
  1344 + window.alert('Please choose an image file.');
  1345 + }
  1346 + }
  1347 + });
  1348 + } else {
  1349 + $inputImage.prop('disabled', true).parent().addClass('disabled');
  1350 + }
  1351 +
  1352 +
  1353 + };
  1354 +
  1355 + /* CROPPER --- end */
  1356 +
  1357 + /* KNOB */
  1358 +
  1359 + function init_knob() {
  1360 +
  1361 + if( typeof ($.fn.knob) === 'undefined'){ return; }
  1362 + console.log('init_knob');
  1363 +
  1364 + $(".knob").knob({
  1365 + change: function(value) {
  1366 + //console.log("change : " + value);
  1367 + },
  1368 + release: function(value) {
  1369 + //console.log(this.$.attr('value'));
  1370 + console.log("release : " + value);
  1371 + },
  1372 + cancel: function() {
  1373 + console.log("cancel : ", this);
  1374 + },
  1375 + /*format : function (value) {
  1376 + return value + '%';
  1377 + },*/
  1378 + draw: function() {
  1379 +
  1380 + // "tron" case
  1381 + if (this.$.data('skin') == 'tron') {
  1382 +
  1383 + this.cursorExt = 0.3;
  1384 +
  1385 + var a = this.arc(this.cv) // Arc
  1386 + ,
  1387 + pa // Previous arc
  1388 + , r = 1;
  1389 +
  1390 + this.g.lineWidth = this.lineWidth;
  1391 +
  1392 + if (this.o.displayPrevious) {
  1393 + pa = this.arc(this.v);
  1394 + this.g.beginPath();
  1395 + this.g.strokeStyle = this.pColor;
  1396 + this.g.arc(this.xy, this.xy, this.radius - this.lineWidth, pa.s, pa.e, pa.d);
  1397 + this.g.stroke();
  1398 + }
  1399 +
  1400 + this.g.beginPath();
  1401 + this.g.strokeStyle = r ? this.o.fgColor : this.fgColor;
  1402 + this.g.arc(this.xy, this.xy, this.radius - this.lineWidth, a.s, a.e, a.d);
  1403 + this.g.stroke();
  1404 +
  1405 + this.g.lineWidth = 2;
  1406 + this.g.beginPath();
  1407 + this.g.strokeStyle = this.o.fgColor;
  1408 + this.g.arc(this.xy, this.xy, this.radius - this.lineWidth + 1 + this.lineWidth * 2 / 3, 0, 2 * Math.PI, false);
  1409 + this.g.stroke();
  1410 +
  1411 + return false;
  1412 + }
  1413 + }
  1414 +
  1415 + });
  1416 +
  1417 + // Example of infinite knob, iPod click wheel
  1418 + var v, up = 0,
  1419 + down = 0,
  1420 + i = 0,
  1421 + $idir = $("div.idir"),
  1422 + $ival = $("div.ival"),
  1423 + incr = function() {
  1424 + i++;
  1425 + $idir.show().html("+").fadeOut();
  1426 + $ival.html(i);
  1427 + },
  1428 + decr = function() {
  1429 + i--;
  1430 + $idir.show().html("-").fadeOut();
  1431 + $ival.html(i);
  1432 + };
  1433 + $("input.infinite").knob({
  1434 + min: 0,
  1435 + max: 20,
  1436 + stopper: false,
  1437 + change: function() {
  1438 + if (v > this.cv) {
  1439 + if (up) {
  1440 + decr();
  1441 + up = 0;
  1442 + } else {
  1443 + up = 1;
  1444 + down = 0;
  1445 + }
  1446 + } else {
  1447 + if (v < this.cv) {
  1448 + if (down) {
  1449 + incr();
  1450 + down = 0;
  1451 + } else {
  1452 + down = 1;
  1453 + up = 0;
  1454 + }
  1455 + }
  1456 + }
  1457 + v = this.cv;
  1458 + }
  1459 + });
  1460 +
  1461 + };
  1462 +
  1463 + /* INPUT MASK */
  1464 +
  1465 + function init_InputMask() {
  1466 +
  1467 + if( typeof ($.fn.inputmask) === 'undefined'){ return; }
  1468 + console.log('init_InputMask');
  1469 +
  1470 + $(":input").inputmask();
  1471 +
  1472 + };
  1473 +
  1474 + /* COLOR PICKER */
  1475 +
  1476 + function init_ColorPicker() {
  1477 +
  1478 + if( typeof ($.fn.colorpicker) === 'undefined'){ return; }
  1479 + console.log('init_ColorPicker');
  1480 +
  1481 + $('.demo1').colorpicker();
  1482 + $('.demo2').colorpicker();
  1483 +
  1484 + $('#demo_forceformat').colorpicker({
  1485 + format: 'rgba',
  1486 + horizontal: true
  1487 + });
  1488 +
  1489 + $('#demo_forceformat3').colorpicker({
  1490 + format: 'rgba',
  1491 + });
  1492 +
  1493 + $('.demo-auto').colorpicker();
  1494 +
  1495 + };
  1496 +
  1497 +
  1498 + /* ION RANGE SLIDER */
  1499 +
  1500 + function init_IonRangeSlider() {
  1501 +
  1502 + if( typeof ($.fn.ionRangeSlider) === 'undefined'){ return; }
  1503 + console.log('init_IonRangeSlider');
  1504 +
  1505 + $("#range_27").ionRangeSlider({
  1506 + type: "double",
  1507 + min: 1000000,
  1508 + max: 2000000,
  1509 + grid: true,
  1510 + force_edges: true
  1511 + });
  1512 + $("#range").ionRangeSlider({
  1513 + hide_min_max: true,
  1514 + keyboard: true,
  1515 + min: 0,
  1516 + max: 5000,
  1517 + from: 1000,
  1518 + to: 4000,
  1519 + type: 'double',
  1520 + step: 1,
  1521 + prefix: "$",
  1522 + grid: true
  1523 + });
  1524 + $("#range_25").ionRangeSlider({
  1525 + type: "double",
  1526 + min: 1000000,
  1527 + max: 2000000,
  1528 + grid: true
  1529 + });
  1530 + $("#range_26").ionRangeSlider({
  1531 + type: "double",
  1532 + min: 0,
  1533 + max: 10000,
  1534 + step: 500,
  1535 + grid: true,
  1536 + grid_snap: true
  1537 + });
  1538 + $("#range_31").ionRangeSlider({
  1539 + type: "double",
  1540 + min: 0,
  1541 + max: 100,
  1542 + from: 30,
  1543 + to: 70,
  1544 + from_fixed: true
  1545 + });
  1546 + $(".range_min_max").ionRangeSlider({
  1547 + type: "double",
  1548 + min: 0,
  1549 + max: 100,
  1550 + from: 30,
  1551 + to: 70,
  1552 + max_interval: 50
  1553 + });
  1554 + $(".range_time24").ionRangeSlider({
  1555 + min: +moment().subtract(12, "hours").format("X"),
  1556 + max: +moment().format("X"),
  1557 + from: +moment().subtract(6, "hours").format("X"),
  1558 + grid: true,
  1559 + force_edges: true,
  1560 + prettify: function(num) {
  1561 + var m = moment(num, "X");
  1562 + return m.format("Do MMMM, HH:mm");
  1563 + }
  1564 + });
  1565 +
  1566 + };
  1567 +
  1568 +
  1569 + /* DATERANGEPICKER */
  1570 +
  1571 + function init_daterangepicker() {
  1572 +
  1573 + if( typeof ($.fn.daterangepicker) === 'undefined'){ return; }
  1574 + console.log('init_daterangepicker');
  1575 +
  1576 + var cb = function(start, end, label) {
  1577 + console.log(start.toISOString(), end.toISOString(), label);
  1578 + $('#reportrange span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));
  1579 + };
  1580 +
  1581 + var optionSet1 = {
  1582 + startDate: moment().subtract(29, 'days'),
  1583 + endDate: moment(),
  1584 + minDate: '01/01/2012',
  1585 + maxDate: '12/31/2015',
  1586 + dateLimit: {
  1587 + days: 60
  1588 + },
  1589 + showDropdowns: true,
  1590 + showWeekNumbers: true,
  1591 + timePicker: false,
  1592 + timePickerIncrement: 1,
  1593 + timePicker12Hour: true,
  1594 + ranges: {
  1595 + 'Today': [moment(), moment()],
  1596 + 'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
  1597 + 'Last 7 Days': [moment().subtract(6, 'days'), moment()],
  1598 + 'Last 30 Days': [moment().subtract(29, 'days'), moment()],
  1599 + 'This Month': [moment().startOf('month'), moment().endOf('month')],
  1600 + 'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
  1601 + },
  1602 + opens: 'left',
  1603 + buttonClasses: ['btn btn-default'],
  1604 + applyClass: 'btn-small btn-primary',
  1605 + cancelClass: 'btn-small',
  1606 + format: 'MM/DD/YYYY',
  1607 + separator: ' to ',
  1608 + locale: {
  1609 + applyLabel: 'Submit',
  1610 + cancelLabel: 'Clear',
  1611 + fromLabel: 'From',
  1612 + toLabel: 'To',
  1613 + customRangeLabel: 'Custom',
  1614 + daysOfWeek: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],
  1615 + monthNames: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
  1616 + firstDay: 1
  1617 + }
  1618 + };
  1619 +
  1620 + $('#reportrange span').html(moment().subtract(29, 'days').format('MMMM D, YYYY') + ' - ' + moment().format('MMMM D, YYYY'));
  1621 + $('#reportrange').daterangepicker(optionSet1, cb);
  1622 + $('#reportrange').on('show.daterangepicker', function() {
  1623 + console.log("show event fired");
  1624 + });
  1625 + $('#reportrange').on('hide.daterangepicker', function() {
  1626 + console.log("hide event fired");
  1627 + });
  1628 + $('#reportrange').on('apply.daterangepicker', function(ev, picker) {
  1629 + console.log("apply event fired, start/end dates are " + picker.startDate.format('MMMM D, YYYY') + " to " + picker.endDate.format('MMMM D, YYYY'));
  1630 + });
  1631 + $('#reportrange').on('cancel.daterangepicker', function(ev, picker) {
  1632 + console.log("cancel event fired");
  1633 + });
  1634 + $('#options1').click(function() {
  1635 + $('#reportrange').data('daterangepicker').setOptions(optionSet1, cb);
  1636 + });
  1637 + $('#options2').click(function() {
  1638 + $('#reportrange').data('daterangepicker').setOptions(optionSet2, cb);
  1639 + });
  1640 + $('#destroy').click(function() {
  1641 + $('#reportrange').data('daterangepicker').remove();
  1642 + });
  1643 +
  1644 + }
  1645 +
  1646 + function init_daterangepicker_right() {
  1647 +
  1648 + if( typeof ($.fn.daterangepicker) === 'undefined'){ return; }
  1649 + console.log('init_daterangepicker_right');
  1650 +
  1651 + var cb = function(start, end, label) {
  1652 + console.log(start.toISOString(), end.toISOString(), label);
  1653 + $('#reportrange_right span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));
  1654 + };
  1655 +
  1656 + var optionSet1 = {
  1657 + startDate: moment().subtract(29, 'days'),
  1658 + endDate: moment(),
  1659 + minDate: '01/01/2012',
  1660 + maxDate: '12/31/2020',
  1661 + dateLimit: {
  1662 + days: 60
  1663 + },
  1664 + showDropdowns: true,
  1665 + showWeekNumbers: true,
  1666 + timePicker: false,
  1667 + timePickerIncrement: 1,
  1668 + timePicker12Hour: true,
  1669 + ranges: {
  1670 + 'Today': [moment(), moment()],
  1671 + 'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
  1672 + 'Last 7 Days': [moment().subtract(6, 'days'), moment()],
  1673 + 'Last 30 Days': [moment().subtract(29, 'days'), moment()],
  1674 + 'This Month': [moment().startOf('month'), moment().endOf('month')],
  1675 + 'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
  1676 + },
  1677 + opens: 'right',
  1678 + buttonClasses: ['btn btn-default'],
  1679 + applyClass: 'btn-small btn-primary',
  1680 + cancelClass: 'btn-small',
  1681 + format: 'MM/DD/YYYY',
  1682 + separator: ' to ',
  1683 + locale: {
  1684 + applyLabel: 'Submit',
  1685 + cancelLabel: 'Clear',
  1686 + fromLabel: 'From',
  1687 + toLabel: 'To',
  1688 + customRangeLabel: 'Custom',
  1689 + daysOfWeek: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],
  1690 + monthNames: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
  1691 + firstDay: 1
  1692 + }
  1693 + };
  1694 +
  1695 + $('#reportrange_right span').html(moment().subtract(29, 'days').format('MMMM D, YYYY') + ' - ' + moment().format('MMMM D, YYYY'));
  1696 +
  1697 + $('#reportrange_right').daterangepicker(optionSet1, cb);
  1698 +
  1699 + $('#reportrange_right').on('show.daterangepicker', function() {
  1700 + console.log("show event fired");
  1701 + });
  1702 + $('#reportrange_right').on('hide.daterangepicker', function() {
  1703 + console.log("hide event fired");
  1704 + });
  1705 + $('#reportrange_right').on('apply.daterangepicker', function(ev, picker) {
  1706 + console.log("apply event fired, start/end dates are " + picker.startDate.format('MMMM D, YYYY') + " to " + picker.endDate.format('MMMM D, YYYY'));
  1707 + });
  1708 + $('#reportrange_right').on('cancel.daterangepicker', function(ev, picker) {
  1709 + console.log("cancel event fired");
  1710 + });
  1711 +
  1712 + $('#options1').click(function() {
  1713 + $('#reportrange_right').data('daterangepicker').setOptions(optionSet1, cb);
  1714 + });
  1715 +
  1716 + $('#options2').click(function() {
  1717 + $('#reportrange_right').data('daterangepicker').setOptions(optionSet2, cb);
  1718 + });
  1719 +
  1720 + $('#destroy').click(function() {
  1721 + $('#reportrange_right').data('daterangepicker').remove();
  1722 + });
  1723 +
  1724 + }
  1725 +
  1726 + function init_daterangepicker_single_call() {
  1727 +
  1728 + if( typeof ($.fn.daterangepicker) === 'undefined'){ return; }
  1729 + console.log('init_daterangepicker_single_call');
  1730 +
  1731 + $('#single_cal1').daterangepicker({
  1732 + singleDatePicker: true,
  1733 + singleClasses: "picker_1"
  1734 + }, function(start, end, label) {
  1735 + console.log(start.toISOString(), end.toISOString(), label);
  1736 + });
  1737 + $('#single_cal2').daterangepicker({
  1738 + singleDatePicker: true,
  1739 + singleClasses: "picker_2"
  1740 + }, function(start, end, label) {
  1741 + console.log(start.toISOString(), end.toISOString(), label);
  1742 + });
  1743 + $('#single_cal3').daterangepicker({
  1744 + singleDatePicker: true,
  1745 + singleClasses: "picker_3"
  1746 + }, function(start, end, label) {
  1747 + console.log(start.toISOString(), end.toISOString(), label);
  1748 + });
  1749 + $('#single_cal4').daterangepicker({
  1750 + singleDatePicker: true,
  1751 + singleClasses: "picker_4"
  1752 + }, function(start, end, label) {
  1753 + console.log(start.toISOString(), end.toISOString(), label);
  1754 + });
  1755 +
  1756 +
  1757 + }
  1758 +
  1759 +
  1760 + function init_daterangepicker_reservation() {
  1761 +
  1762 + if( typeof ($.fn.daterangepicker) === 'undefined'){ return; }
  1763 + console.log('init_daterangepicker_reservation');
  1764 +
  1765 + $('#reservation').daterangepicker(null, function(start, end, label) {
  1766 + console.log(start.toISOString(), end.toISOString(), label);
  1767 + });
  1768 +
  1769 + $('#reservation-time').daterangepicker({
  1770 + timePicker: true,
  1771 + timePickerIncrement: 30,
  1772 + locale: {
  1773 + format: 'MM/DD/YYYY h:mm A'
  1774 + }
  1775 + });
  1776 +
  1777 + }
  1778 +
  1779 + /* SMART WIZARD */
  1780 +
  1781 + function init_SmartWizard() {
  1782 +
  1783 + if( typeof ($.fn.smartWizard) === 'undefined'){ return; }
  1784 + console.log('init_SmartWizard');
  1785 +
  1786 + $('#wizard').smartWizard();
  1787 +
  1788 + $('#wizard_verticle').smartWizard({
  1789 + transitionEffect: 'slide'
  1790 + });
  1791 +
  1792 + $('.buttonNext').addClass('btn btn-success');
  1793 + $('.buttonPrevious').addClass('btn btn-primary');
  1794 + $('.buttonFinish').addClass('btn btn-default');
  1795 +
  1796 + };
  1797 +
  1798 +
  1799 + /* VALIDATOR */
  1800 +
  1801 + function init_validator () {
  1802 +
  1803 + if( typeof (validator) === 'undefined'){ return; }
  1804 + console.log('init_validator');
  1805 +
  1806 + // initialize the validator function
  1807 + validator.message.date = 'not a real date';
  1808 +
  1809 + // validate a field on "blur" event, a 'select' on 'change' event & a '.reuired' classed multifield on 'keyup':
  1810 + $('form')
  1811 + .on('blur', 'input[required], input.optional, select.required', validator.checkField)
  1812 + .on('change', 'select.required', validator.checkField)
  1813 + .on('keypress', 'input[required][pattern]', validator.keypress);
  1814 +
  1815 + $('.multi.required').on('keyup blur', 'input', function() {
  1816 + validator.checkField.apply($(this).siblings().last()[0]);
  1817 + });
  1818 +
  1819 + $('form').submit(function(e) {
  1820 + e.preventDefault();
  1821 + var submit = true;
  1822 +
  1823 + // evaluate the form using generic validaing
  1824 + if (!validator.checkAll($(this))) {
  1825 + submit = false;
  1826 + }
  1827 +
  1828 + if (submit)
  1829 + this.submit();
  1830 +
  1831 + return false;
  1832 + });
  1833 +
  1834 + };
  1835 +
  1836 + /* PNotify */
  1837 +
  1838 + function init_PNotify() {
  1839 +
  1840 + if( typeof (PNotify) === 'undefined'){ return; }
  1841 + console.log('init_PNotify');
  1842 +
  1843 + new PNotify({
  1844 + title: "PNotify",
  1845 + type: "info",
  1846 + text: "Welcome. Try hovering over me. You can click things behind me, because I'm non-blocking.",
  1847 + nonblock: {
  1848 + nonblock: true
  1849 + },
  1850 + addclass: 'dark',
  1851 + styling: 'bootstrap3',
  1852 + hide: false,
  1853 + before_close: function(PNotify) {
  1854 + PNotify.update({
  1855 + title: PNotify.options.title + " - Enjoy your Stay",
  1856 + before_close: null
  1857 + });
  1858 +
  1859 + PNotify.queueRemove();
  1860 +
  1861 + return false;
  1862 + }
  1863 + });
  1864 +
  1865 + };
  1866 +
  1867 +
  1868 + /* CUSTOM NOTIFICATION */
  1869 +
  1870 + function init_CustomNotification() {
  1871 +
  1872 + console.log('run_customtabs');
  1873 +
  1874 + if( typeof (CustomTabs) === 'undefined'){ return; }
  1875 + console.log('init_CustomTabs');
  1876 +
  1877 + var cnt = 10;
  1878 +
  1879 + TabbedNotification = function(options) {
  1880 + var message = "<div id='ntf" + cnt + "' class='text alert-" + options.type + "' style='display:none'><h2><i class='fa fa-bell'></i> " + options.title +
  1881 + "</h2><div class='close'><a href='javascript:;' class='notification_close'><i class='fa fa-close'></i></a></div><p>" + options.text + "</p></div>";
  1882 +
  1883 + if (!document.getElementById('custom_notifications')) {
  1884 + alert('doesnt exists');
  1885 + } else {
  1886 + $('#custom_notifications ul.notifications').append("<li><a id='ntlink" + cnt + "' class='alert-" + options.type + "' href='#ntf" + cnt + "'><i class='fa fa-bell animated shake'></i></a></li>");
  1887 + $('#custom_notifications #notif-group').append(message);
  1888 + cnt++;
  1889 + CustomTabs(options);
  1890 + }
  1891 + };
  1892 +
  1893 + CustomTabs = function(options) {
  1894 + $('.tabbed_notifications > div').hide();
  1895 + $('.tabbed_notifications > div:first-of-type').show();
  1896 + $('#custom_notifications').removeClass('dsp_none');
  1897 + $('.notifications a').click(function(e) {
  1898 + e.preventDefault();
  1899 + var $this = $(this),
  1900 + tabbed_notifications = '#' + $this.parents('.notifications').data('tabbed_notifications'),
  1901 + others = $this.closest('li').siblings().children('a'),
  1902 + target = $this.attr('href');
  1903 + others.removeClass('active');
  1904 + $this.addClass('active');
  1905 + $(tabbed_notifications).children('div').hide();
  1906 + $(target).show();
  1907 + });
  1908 + };
  1909 +
  1910 + CustomTabs();
  1911 +
  1912 + var tabid = idname = '';
  1913 +
  1914 + $(document).on('click', '.notification_close', function(e) {
  1915 + idname = $(this).parent().parent().attr("id");
  1916 + tabid = idname.substr(-2);
  1917 + $('#ntf' + tabid).remove();
  1918 + $('#ntlink' + tabid).parent().remove();
  1919 + $('.notifications a').first().addClass('active');
  1920 + $('#notif-group div').first().css('display', 'block');
  1921 + });
  1922 +
  1923 + };
  1924 +
  1925 + /* EASYPIECHART */
  1926 +
  1927 + function init_EasyPieChart() {
  1928 +
  1929 + if( typeof ($.fn.easyPieChart) === 'undefined'){ return; }
  1930 + console.log('init_EasyPieChart');
  1931 +
  1932 + $('.chart').easyPieChart({
  1933 + easing: 'easeOutElastic',
  1934 + delay: 3000,
  1935 + barColor: '#26B99A',
  1936 + trackColor: '#fff',
  1937 + scaleColor: false,
  1938 + lineWidth: 20,
  1939 + trackWidth: 16,
  1940 + lineCap: 'butt',
  1941 + onStep: function(from, to, percent) {
  1942 + $(this.el).find('.percent').text(Math.round(percent));
  1943 + }
  1944 + });
  1945 + var chart = window.chart = $('.chart').data('easyPieChart');
  1946 + $('.js_update').on('click', function() {
  1947 + chart.update(Math.random() * 200 - 100);
  1948 + });
  1949 +
  1950 + //hover and retain popover when on popover content
  1951 + var originalLeave = $.fn.popover.Constructor.prototype.leave;
  1952 + $.fn.popover.Constructor.prototype.leave = function(obj) {
  1953 + var self = obj instanceof this.constructor ?
  1954 + obj : $(obj.currentTarget)[this.type](this.getDelegateOptions()).data('bs.' + this.type);
  1955 + var container, timeout;
  1956 +
  1957 + originalLeave.call(this, obj);
  1958 +
  1959 + if (obj.currentTarget) {
  1960 + container = $(obj.currentTarget).siblings('.popover');
  1961 + timeout = self.timeout;
  1962 + container.one('mouseenter', function() {
  1963 + //We entered the actual popover – call off the dogs
  1964 + clearTimeout(timeout);
  1965 + //Let's monitor popover content instead
  1966 + container.one('mouseleave', function() {
  1967 + $.fn.popover.Constructor.prototype.leave.call(self, self);
  1968 + });
  1969 + });
  1970 + }
  1971 + };
  1972 +
  1973 + $('body').popover({
  1974 + selector: '[data-popover]',
  1975 + trigger: 'click hover',
  1976 + delay: {
  1977 + show: 50,
  1978 + hide: 400
  1979 + }
  1980 + });
  1981 +
  1982 + };
  1983 +
  1984 +
  1985 + function init_charts() {
  1986 +
  1987 + console.log('run_charts typeof [' + typeof (Chart) + ']');
  1988 +
  1989 + if( typeof (Chart) === 'undefined'){ return; }
  1990 +
  1991 + console.log('init_charts');
  1992 +
  1993 +
  1994 + Chart.defaults.global.legend = {
  1995 + enabled: false
  1996 + };
  1997 +
  1998 +
  1999 +
  2000 + if ($('#canvas_line').length ){
  2001 +
  2002 + var canvas_line_00 = new Chart(document.getElementById("canvas_line"), {
  2003 + type: 'line',
  2004 + data: {
  2005 + labels: ["January", "February", "March", "April", "May", "June", "July"],
  2006 + datasets: [{
  2007 + label: "My First dataset",
  2008 + backgroundColor: "rgba(38, 185, 154, 0.31)",
  2009 + borderColor: "rgba(38, 185, 154, 0.7)",
  2010 + pointBorderColor: "rgba(38, 185, 154, 0.7)",
  2011 + pointBackgroundColor: "rgba(38, 185, 154, 0.7)",
  2012 + pointHoverBackgroundColor: "#fff",
  2013 + pointHoverBorderColor: "rgba(220,220,220,1)",
  2014 + pointBorderWidth: 1,
  2015 + data: [31, 74, 6, 39, 20, 85, 7]
  2016 + }, {
  2017 + label: "My Second dataset",
  2018 + backgroundColor: "rgba(3, 88, 106, 0.3)",
  2019 + borderColor: "rgba(3, 88, 106, 0.70)",
  2020 + pointBorderColor: "rgba(3, 88, 106, 0.70)",
  2021 + pointBackgroundColor: "rgba(3, 88, 106, 0.70)",
  2022 + pointHoverBackgroundColor: "#fff",
  2023 + pointHoverBorderColor: "rgba(151,187,205,1)",
  2024 + pointBorderWidth: 1,
  2025 + data: [82, 23, 66, 9, 99, 4, 2]
  2026 + }]
  2027 + },
  2028 + });
  2029 +
  2030 + }
  2031 +
  2032 +
  2033 + if ($('#canvas_line1').length ){
  2034 +
  2035 + var canvas_line_01 = new Chart(document.getElementById("canvas_line1"), {
  2036 + type: 'line',
  2037 + data: {
  2038 + labels: ["January", "February", "March", "April", "May", "June", "July"],
  2039 + datasets: [{
  2040 + label: "My First dataset",
  2041 + backgroundColor: "rgba(38, 185, 154, 0.31)",
  2042 + borderColor: "rgba(38, 185, 154, 0.7)",
  2043 + pointBorderColor: "rgba(38, 185, 154, 0.7)",
  2044 + pointBackgroundColor: "rgba(38, 185, 154, 0.7)",
  2045 + pointHoverBackgroundColor: "#fff",
  2046 + pointHoverBorderColor: "rgba(220,220,220,1)",
  2047 + pointBorderWidth: 1,
  2048 + data: [31, 74, 6, 39, 20, 85, 7]
  2049 + }, {
  2050 + label: "My Second dataset",
  2051 + backgroundColor: "rgba(3, 88, 106, 0.3)",
  2052 + borderColor: "rgba(3, 88, 106, 0.70)",
  2053 + pointBorderColor: "rgba(3, 88, 106, 0.70)",
  2054 + pointBackgroundColor: "rgba(3, 88, 106, 0.70)",
  2055 + pointHoverBackgroundColor: "#fff",
  2056 + pointHoverBorderColor: "rgba(151,187,205,1)",
  2057 + pointBorderWidth: 1,
  2058 + data: [82, 23, 66, 9, 99, 4, 2]
  2059 + }]
  2060 + },
  2061 + });
  2062 +
  2063 + }
  2064 +
  2065 +
  2066 + if ($('#canvas_line2').length ){
  2067 +
  2068 + var canvas_line_02 = new Chart(document.getElementById("canvas_line2"), {
  2069 + type: 'line',
  2070 + data: {
  2071 + labels: ["January", "February", "March", "April", "May", "June", "July"],
  2072 + datasets: [{
  2073 + label: "My First dataset",
  2074 + backgroundColor: "rgba(38, 185, 154, 0.31)",
  2075 + borderColor: "rgba(38, 185, 154, 0.7)",
  2076 + pointBorderColor: "rgba(38, 185, 154, 0.7)",
  2077 + pointBackgroundColor: "rgba(38, 185, 154, 0.7)",
  2078 + pointHoverBackgroundColor: "#fff",
  2079 + pointHoverBorderColor: "rgba(220,220,220,1)",
  2080 + pointBorderWidth: 1,
  2081 + data: [31, 74, 6, 39, 20, 85, 7]
  2082 + }, {
  2083 + label: "My Second dataset",
  2084 + backgroundColor: "rgba(3, 88, 106, 0.3)",
  2085 + borderColor: "rgba(3, 88, 106, 0.70)",
  2086 + pointBorderColor: "rgba(3, 88, 106, 0.70)",
  2087 + pointBackgroundColor: "rgba(3, 88, 106, 0.70)",
  2088 + pointHoverBackgroundColor: "#fff",
  2089 + pointHoverBorderColor: "rgba(151,187,205,1)",
  2090 + pointBorderWidth: 1,
  2091 + data: [82, 23, 66, 9, 99, 4, 2]
  2092 + }]
  2093 + },
  2094 + });
  2095 +
  2096 + }
  2097 +
  2098 +
  2099 + if ($('#canvas_line3').length ){
  2100 +
  2101 + var canvas_line_03 = new Chart(document.getElementById("canvas_line3"), {
  2102 + type: 'line',
  2103 + data: {
  2104 + labels: ["January", "February", "March", "April", "May", "June", "July"],
  2105 + datasets: [{
  2106 + label: "My First dataset",
  2107 + backgroundColor: "rgba(38, 185, 154, 0.31)",
  2108 + borderColor: "rgba(38, 185, 154, 0.7)",
  2109 + pointBorderColor: "rgba(38, 185, 154, 0.7)",
  2110 + pointBackgroundColor: "rgba(38, 185, 154, 0.7)",
  2111 + pointHoverBackgroundColor: "#fff",
  2112 + pointHoverBorderColor: "rgba(220,220,220,1)",
  2113 + pointBorderWidth: 1,
  2114 + data: [31, 74, 6, 39, 20, 85, 7]
  2115 + }, {
  2116 + label: "My Second dataset",
  2117 + backgroundColor: "rgba(3, 88, 106, 0.3)",
  2118 + borderColor: "rgba(3, 88, 106, 0.70)",
  2119 + pointBorderColor: "rgba(3, 88, 106, 0.70)",
  2120 + pointBackgroundColor: "rgba(3, 88, 106, 0.70)",
  2121 + pointHoverBackgroundColor: "#fff",
  2122 + pointHoverBorderColor: "rgba(151,187,205,1)",
  2123 + pointBorderWidth: 1,
  2124 + data: [82, 23, 66, 9, 99, 4, 2]
  2125 + }]
  2126 + },
  2127 + });
  2128 +
  2129 + }
  2130 +
  2131 +
  2132 + if ($('#canvas_line4').length ){
  2133 +
  2134 + var canvas_line_04 = new Chart(document.getElementById("canvas_line4"), {
  2135 + type: 'line',
  2136 + data: {
  2137 + labels: ["January", "February", "March", "April", "May", "June", "July"],
  2138 + datasets: [{
  2139 + label: "My First dataset",
  2140 + backgroundColor: "rgba(38, 185, 154, 0.31)",
  2141 + borderColor: "rgba(38, 185, 154, 0.7)",
  2142 + pointBorderColor: "rgba(38, 185, 154, 0.7)",
  2143 + pointBackgroundColor: "rgba(38, 185, 154, 0.7)",
  2144 + pointHoverBackgroundColor: "#fff",
  2145 + pointHoverBorderColor: "rgba(220,220,220,1)",
  2146 + pointBorderWidth: 1,
  2147 + data: [31, 74, 6, 39, 20, 85, 7]
  2148 + }, {
  2149 + label: "My Second dataset",
  2150 + backgroundColor: "rgba(3, 88, 106, 0.3)",
  2151 + borderColor: "rgba(3, 88, 106, 0.70)",
  2152 + pointBorderColor: "rgba(3, 88, 106, 0.70)",
  2153 + pointBackgroundColor: "rgba(3, 88, 106, 0.70)",
  2154 + pointHoverBackgroundColor: "#fff",
  2155 + pointHoverBorderColor: "rgba(151,187,205,1)",
  2156 + pointBorderWidth: 1,
  2157 + data: [82, 23, 66, 9, 99, 4, 2]
  2158 + }]
  2159 + },
  2160 + });
  2161 +
  2162 + }
  2163 +
  2164 +
  2165 + // Line chart
  2166 +
  2167 + if ($('#lineChart').length ){
  2168 +
  2169 + var ctx = document.getElementById("lineChart");
  2170 + var lineChart = new Chart(ctx, {
  2171 + type: 'line',
  2172 + data: {
  2173 + labels: ["January", "February", "March", "April", "May", "June", "July"],
  2174 + datasets: [{
  2175 + label: "My First dataset",
  2176 + backgroundColor: "rgba(38, 185, 154, 0.31)",
  2177 + borderColor: "rgba(38, 185, 154, 0.7)",
  2178 + pointBorderColor: "rgba(38, 185, 154, 0.7)",
  2179 + pointBackgroundColor: "rgba(38, 185, 154, 0.7)",
  2180 + pointHoverBackgroundColor: "#fff",
  2181 + pointHoverBorderColor: "rgba(220,220,220,1)",
  2182 + pointBorderWidth: 1,
  2183 + data: [31, 74, 6, 39, 20, 85, 7]
  2184 + }, {
  2185 + label: "My Second dataset",
  2186 + backgroundColor: "rgba(3, 88, 106, 0.3)",
  2187 + borderColor: "rgba(3, 88, 106, 0.70)",
  2188 + pointBorderColor: "rgba(3, 88, 106, 0.70)",
  2189 + pointBackgroundColor: "rgba(3, 88, 106, 0.70)",
  2190 + pointHoverBackgroundColor: "#fff",
  2191 + pointHoverBorderColor: "rgba(151,187,205,1)",
  2192 + pointBorderWidth: 1,
  2193 + data: [82, 23, 66, 9, 99, 4, 2]
  2194 + }]
  2195 + },
  2196 + });
  2197 +
  2198 + }
  2199 +
  2200 + // Bar chart
  2201 +
  2202 + if ($('#mybarChart').length ){
  2203 +
  2204 + var ctx = document.getElementById("mybarChart");
  2205 + var mybarChart = new Chart(ctx, {
  2206 + type: 'bar',
  2207 + data: {
  2208 + labels: ["January", "February", "March", "April", "May", "June", "July"],
  2209 + datasets: [{
  2210 + label: '# of Votes',
  2211 + backgroundColor: "#26B99A",
  2212 + data: [51, 30, 40, 28, 92, 50, 45]
  2213 + }, {
  2214 + label: '# of Votes',
  2215 + backgroundColor: "#03586A",
  2216 + data: [41, 56, 25, 48, 72, 34, 12]
  2217 + }]
  2218 + },
  2219 +
  2220 + options: {
  2221 + scales: {
  2222 + yAxes: [{
  2223 + ticks: {
  2224 + beginAtZero: true
  2225 + }
  2226 + }]
  2227 + }
  2228 + }
  2229 + });
  2230 +
  2231 + }
  2232 +
  2233 +
  2234 + // Doughnut chart
  2235 +
  2236 + if ($('#canvasDoughnut').length ){
  2237 +
  2238 + var ctx = document.getElementById("canvasDoughnut");
  2239 + var data = {
  2240 + labels: [
  2241 + "Dark Grey",
  2242 + "Purple Color",
  2243 + "Gray Color",
  2244 + "Green Color",
  2245 + "Blue Color"
  2246 + ],
  2247 + datasets: [{
  2248 + data: [120, 50, 140, 180, 100],
  2249 + backgroundColor: [
  2250 + "#455C73",
  2251 + "#9B59B6",
  2252 + "#BDC3C7",
  2253 + "#26B99A",
  2254 + "#3498DB"
  2255 + ],
  2256 + hoverBackgroundColor: [
  2257 + "#34495E",
  2258 + "#B370CF",
  2259 + "#CFD4D8",
  2260 + "#36CAAB",
  2261 + "#49A9EA"
  2262 + ]
  2263 +
  2264 + }]
  2265 + };
  2266 +
  2267 + var canvasDoughnut = new Chart(ctx, {
  2268 + type: 'doughnut',
  2269 + tooltipFillColor: "rgba(51, 51, 51, 0.55)",
  2270 + data: data
  2271 + });
  2272 +
  2273 + }
  2274 +
  2275 + // Radar chart
  2276 +
  2277 + if ($('#canvasRadar').length ){
  2278 +
  2279 + var ctx = document.getElementById("canvasRadar");
  2280 + var data = {
  2281 + labels: ["Eating", "Drinking", "Sleeping", "Designing", "Coding", "Cycling", "Running"],
  2282 + datasets: [{
  2283 + label: "My First dataset",
  2284 + backgroundColor: "rgba(3, 88, 106, 0.2)",
  2285 + borderColor: "rgba(3, 88, 106, 0.80)",
  2286 + pointBorderColor: "rgba(3, 88, 106, 0.80)",
  2287 + pointBackgroundColor: "rgba(3, 88, 106, 0.80)",
  2288 + pointHoverBackgroundColor: "#fff",
  2289 + pointHoverBorderColor: "rgba(220,220,220,1)",
  2290 + data: [65, 59, 90, 81, 56, 55, 40]
  2291 + }, {
  2292 + label: "My Second dataset",
  2293 + backgroundColor: "rgba(38, 185, 154, 0.2)",
  2294 + borderColor: "rgba(38, 185, 154, 0.85)",
  2295 + pointColor: "rgba(38, 185, 154, 0.85)",
  2296 + pointStrokeColor: "#fff",
  2297 + pointHighlightFill: "#fff",
  2298 + pointHighlightStroke: "rgba(151,187,205,1)",
  2299 + data: [28, 48, 40, 19, 96, 27, 100]
  2300 + }]
  2301 + };
  2302 +
  2303 + var canvasRadar = new Chart(ctx, {
  2304 + type: 'radar',
  2305 + data: data,
  2306 + });
  2307 +
  2308 + }
  2309 +
  2310 +
  2311 + // Pie chart
  2312 + if ($('#pieChart').length ){
  2313 +
  2314 + var ctx = document.getElementById("pieChart");
  2315 + var data = {
  2316 + datasets: [{
  2317 + data: [120, 50, 140, 180, 100],
  2318 + backgroundColor: [
  2319 + "#455C73",
  2320 + "#9B59B6",
  2321 + "#BDC3C7",
  2322 + "#26B99A",
  2323 + "#3498DB"
  2324 + ],
  2325 + label: 'My dataset' // for legend
  2326 + }],
  2327 + labels: [
  2328 + "Dark Gray",
  2329 + "Purple",
  2330 + "Gray",
  2331 + "Green",
  2332 + "Blue"
  2333 + ]
  2334 + };
  2335 +
  2336 + var pieChart = new Chart(ctx, {
  2337 + data: data,
  2338 + type: 'pie',
  2339 + otpions: {
  2340 + legend: false
  2341 + }
  2342 + });
  2343 +
  2344 + }
  2345 +
  2346 +
  2347 + // PolarArea chart
  2348 +
  2349 + if ($('#polarArea').length ){
  2350 +
  2351 + var ctx = document.getElementById("polarArea");
  2352 + var data = {
  2353 + datasets: [{
  2354 + data: [120, 50, 140, 180, 100],
  2355 + backgroundColor: [
  2356 + "#455C73",
  2357 + "#9B59B6",
  2358 + "#BDC3C7",
  2359 + "#26B99A",
  2360 + "#3498DB"
  2361 + ],
  2362 + label: 'My dataset'
  2363 + }],
  2364 + labels: [
  2365 + "Dark Gray",
  2366 + "Purple",
  2367 + "Gray",
  2368 + "Green",
  2369 + "Blue"
  2370 + ]
  2371 + };
  2372 +
  2373 + var polarArea = new Chart(ctx, {
  2374 + data: data,
  2375 + type: 'polarArea',
  2376 + options: {
  2377 + scale: {
  2378 + ticks: {
  2379 + beginAtZero: true
  2380 + }
  2381 + }
  2382 + }
  2383 + });
  2384 +
  2385 + }
  2386 + }
  2387 +
  2388 + /* COMPOSE */
  2389 +
  2390 + function init_compose() {
  2391 +
  2392 + if( typeof ($.fn.slideToggle) === 'undefined'){ return; }
  2393 + console.log('init_compose');
  2394 +
  2395 + $('#compose, .compose-close').click(function(){
  2396 + $('.compose').slideToggle();
  2397 + });
  2398 +
  2399 + };
  2400 +
  2401 + /* CALENDAR */
  2402 +
  2403 + function init_calendar() {
  2404 +
  2405 + if( typeof ($.fn.fullCalendar) === 'undefined'){ return; }
  2406 + console.log('init_calendar');
  2407 +
  2408 + var date = new Date(),
  2409 + d = date.getDate(),
  2410 + m = date.getMonth(),
  2411 + y = date.getFullYear(),
  2412 + started,
  2413 + categoryClass;
  2414 +
  2415 + var calendar = $('#calendar').fullCalendar({
  2416 + header: {
  2417 + left: 'prev,next today',
  2418 + center: 'title',
  2419 + right: 'month,agendaWeek,agendaDay,listMonth'
  2420 + },
  2421 + selectable: true,
  2422 + selectHelper: true,
  2423 + select: function(start, end, allDay) {
  2424 + $('#fc_create').click();
  2425 +
  2426 + started = start;
  2427 + ended = end;
  2428 +
  2429 + $(".antosubmit").on("click", function() {
  2430 + var title = $("#title").val();
  2431 + if (end) {
  2432 + ended = end;
  2433 + }
  2434 +
  2435 + categoryClass = $("#event_type").val();
  2436 +
  2437 + if (title) {
  2438 + calendar.fullCalendar('renderEvent', {
  2439 + title: title,
  2440 + start: started,
  2441 + end: end,
  2442 + allDay: allDay
  2443 + },
  2444 + true // make the event "stick"
  2445 + );
  2446 + }
  2447 +
  2448 + $('#title').val('');
  2449 +
  2450 + calendar.fullCalendar('unselect');
  2451 +
  2452 + $('.antoclose').click();
  2453 +
  2454 + return false;
  2455 + });
  2456 + },
  2457 + eventClick: function(calEvent, jsEvent, view) {
  2458 + $('#fc_edit').click();
  2459 + $('#title2').val(calEvent.title);
  2460 +
  2461 + categoryClass = $("#event_type").val();
  2462 +
  2463 + $(".antosubmit2").on("click", function() {
  2464 + calEvent.title = $("#title2").val();
  2465 +
  2466 + calendar.fullCalendar('updateEvent', calEvent);
  2467 + $('.antoclose2').click();
  2468 + });
  2469 +
  2470 + calendar.fullCalendar('unselect');
  2471 + },
  2472 + editable: true,
  2473 + events: [{
  2474 + title: 'All Day Event',
  2475 + start: new Date(y, m, 1)
  2476 + }, {
  2477 + title: 'Long Event',
  2478 + start: new Date(y, m, d - 5),
  2479 + end: new Date(y, m, d - 2)
  2480 + }, {
  2481 + title: 'Meeting',
  2482 + start: new Date(y, m, d, 10, 30),
  2483 + allDay: false
  2484 + }, {
  2485 + title: 'Lunch',
  2486 + start: new Date(y, m, d + 14, 12, 0),
  2487 + end: new Date(y, m, d, 14, 0),
  2488 + allDay: false
  2489 + }, {
  2490 + title: 'Birthday Party',
  2491 + start: new Date(y, m, d + 1, 19, 0),
  2492 + end: new Date(y, m, d + 1, 22, 30),
  2493 + allDay: false
  2494 + }, {
  2495 + title: 'Click for Google',
  2496 + start: new Date(y, m, 28),
  2497 + end: new Date(y, m, 29),
  2498 + url: 'http://google.com/'
  2499 + }]
  2500 + });
  2501 +
  2502 + };
  2503 +
  2504 + /* DATA TABLES */
  2505 +
  2506 + function init_DataTables() {
  2507 +
  2508 + console.log('run_datatables');
  2509 +
  2510 + if( typeof ($.fn.DataTable) === 'undefined'){ return; }
  2511 + console.log('init_DataTables');
  2512 +
  2513 + var handleDataTableButtons = function() {
  2514 + if ($("#datatable-buttons").length) {
  2515 + $("#datatable-buttons").DataTable({
  2516 + dom: "Bfrtip",
  2517 + buttons: [
  2518 + {
  2519 + extend: "copy",
  2520 + className: "btn-sm"
  2521 + },
  2522 + {
  2523 + extend: "csv",
  2524 + className: "btn-sm"
  2525 + },
  2526 + {
  2527 + extend: "excel",
  2528 + className: "btn-sm"
  2529 + },
  2530 + {
  2531 + extend: "pdfHtml5",
  2532 + className: "btn-sm"
  2533 + },
  2534 + {
  2535 + extend: "print",
  2536 + className: "btn-sm"
  2537 + },
  2538 + ],
  2539 + responsive: true
  2540 + });
  2541 + }
  2542 + };
  2543 +
  2544 + TableManageButtons = function() {
  2545 + "use strict";
  2546 + return {
  2547 + init: function() {
  2548 + handleDataTableButtons();
  2549 + }
  2550 + };
  2551 + }();
  2552 +
  2553 + $('#datatable').dataTable();
  2554 +
  2555 + $('#datatable-keytable').DataTable({
  2556 + keys: true
  2557 + });
  2558 +
  2559 + $('#datatable-responsive').DataTable();
  2560 +
  2561 + $('#datatable-scroller').DataTable({
  2562 + ajax: "js/datatables/json/scroller-demo.json",
  2563 + deferRender: true,
  2564 + scrollY: 380,
  2565 + scrollCollapse: true,
  2566 + scroller: true
  2567 + });
  2568 +
  2569 + $('#datatable-fixed-header').DataTable({
  2570 + fixedHeader: true
  2571 + });
  2572 +
  2573 + var $datatable = $('#datatable-checkbox');
  2574 +
  2575 + $datatable.dataTable({
  2576 + 'order': [[ 1, 'asc' ]],
  2577 + 'columnDefs': [
  2578 + { orderable: false, targets: [0] }
  2579 + ]
  2580 + });
  2581 + $datatable.on('draw.dt', function() {
  2582 + $('checkbox input').iCheck({
  2583 + checkboxClass: 'icheckbox_flat-green'
  2584 + });
  2585 + });
  2586 +
  2587 + TableManageButtons.init();
  2588 +
  2589 + };
  2590 +
  2591 + /* CHART - MORRIS */
  2592 +
  2593 + function init_morris_charts() {
  2594 +
  2595 + if( typeof (Morris) === 'undefined'){ return; }
  2596 + console.log('init_morris_charts');
  2597 +
  2598 + if ($('#graph_bar').length){
  2599 +
  2600 + Morris.Bar({
  2601 + element: 'graph_bar',
  2602 + data: [
  2603 + {device: 'iPhone 4', geekbench: 380},
  2604 + {device: 'iPhone 4S', geekbench: 655},
  2605 + {device: 'iPhone 3GS', geekbench: 275},
  2606 + {device: 'iPhone 5', geekbench: 1571},
  2607 + {device: 'iPhone 5S', geekbench: 655},
  2608 + {device: 'iPhone 6', geekbench: 2154},
  2609 + {device: 'iPhone 6 Plus', geekbench: 1144},
  2610 + {device: 'iPhone 6S', geekbench: 2371},
  2611 + {device: 'iPhone 6S Plus', geekbench: 1471},
  2612 + {device: 'Other', geekbench: 1371}
  2613 + ],
  2614 + xkey: 'device',
  2615 + ykeys: ['geekbench'],
  2616 + labels: ['Geekbench'],
  2617 + barRatio: 0.4,
  2618 + barColors: ['#26B99A', '#34495E', '#ACADAC', '#3498DB'],
  2619 + xLabelAngle: 35,
  2620 + hideHover: 'auto',
  2621 + resize: true
  2622 + });
  2623 +
  2624 + }
  2625 +
  2626 + if ($('#graph_bar_group').length ){
  2627 +
  2628 + Morris.Bar({
  2629 + element: 'graph_bar_group',
  2630 + data: [
  2631 + {"period": "2016-10-01", "licensed": 807, "sorned": 660},
  2632 + {"period": "2016-09-30", "licensed": 1251, "sorned": 729},
  2633 + {"period": "2016-09-29", "licensed": 1769, "sorned": 1018},
  2634 + {"period": "2016-09-20", "licensed": 2246, "sorned": 1461},
  2635 + {"period": "2016-09-19", "licensed": 2657, "sorned": 1967},
  2636 + {"period": "2016-09-18", "licensed": 3148, "sorned": 2627},
  2637 + {"period": "2016-09-17", "licensed": 3471, "sorned": 3740},
  2638 + {"period": "2016-09-16", "licensed": 2871, "sorned": 2216},
  2639 + {"period": "2016-09-15", "licensed": 2401, "sorned": 1656},
  2640 + {"period": "2016-09-10", "licensed": 2115, "sorned": 1022}
  2641 + ],
  2642 + xkey: 'period',
  2643 + barColors: ['#26B99A', '#34495E', '#ACADAC', '#3498DB'],
  2644 + ykeys: ['licensed', 'sorned'],
  2645 + labels: ['Licensed', 'SORN'],
  2646 + hideHover: 'auto',
  2647 + xLabelAngle: 60,
  2648 + resize: true
  2649 + });
  2650 +
  2651 + }
  2652 +
  2653 + if ($('#graphx').length ){
  2654 +
  2655 + Morris.Bar({
  2656 + element: 'graphx',
  2657 + data: [
  2658 + {x: '2015 Q1', y: 2, z: 3, a: 4},
  2659 + {x: '2015 Q2', y: 3, z: 5, a: 6},
  2660 + {x: '2015 Q3', y: 4, z: 3, a: 2},
  2661 + {x: '2015 Q4', y: 2, z: 4, a: 5}
  2662 + ],
  2663 + xkey: 'x',
  2664 + ykeys: ['y', 'z', 'a'],
  2665 + barColors: ['#26B99A', '#34495E', '#ACADAC', '#3498DB'],
  2666 + hideHover: 'auto',
  2667 + labels: ['Y', 'Z', 'A'],
  2668 + resize: true
  2669 + }).on('click', function (i, row) {
  2670 + console.log(i, row);
  2671 + });
  2672 +
  2673 + }
  2674 +
  2675 + if ($('#graph_area').length ){
  2676 +
  2677 + Morris.Area({
  2678 + element: 'graph_area',
  2679 + data: [
  2680 + {period: '2014 Q1', iphone: 2666, ipad: null, itouch: 2647},
  2681 + {period: '2014 Q2', iphone: 2778, ipad: 2294, itouch: 2441},
  2682 + {period: '2014 Q3', iphone: 4912, ipad: 1969, itouch: 2501},
  2683 + {period: '2014 Q4', iphone: 3767, ipad: 3597, itouch: 5689},
  2684 + {period: '2015 Q1', iphone: 6810, ipad: 1914, itouch: 2293},
  2685 + {period: '2015 Q2', iphone: 5670, ipad: 4293, itouch: 1881},
  2686 + {period: '2015 Q3', iphone: 4820, ipad: 3795, itouch: 1588},
  2687 + {period: '2015 Q4', iphone: 15073, ipad: 5967, itouch: 5175},
  2688 + {period: '2016 Q1', iphone: 10687, ipad: 4460, itouch: 2028},
  2689 + {period: '2016 Q2', iphone: 8432, ipad: 5713, itouch: 1791}
  2690 + ],
  2691 + xkey: 'period',
  2692 + ykeys: ['iphone', 'ipad', 'itouch'],
  2693 + lineColors: ['#26B99A', '#34495E', '#ACADAC', '#3498DB'],
  2694 + labels: ['iPhone', 'iPad', 'iPod Touch'],
  2695 + pointSize: 2,
  2696 + hideHover: 'auto',
  2697 + resize: true
  2698 + });
  2699 +
  2700 + }
  2701 +
  2702 + if ($('#graph_donut').length ){
  2703 +
  2704 + Morris.Donut({
  2705 + element: 'graph_donut',
  2706 + data: [
  2707 + {label: 'Jam', value: 25},
  2708 + {label: 'Frosted', value: 40},
  2709 + {label: 'Custard', value: 25},
  2710 + {label: 'Sugar', value: 10}
  2711 + ],
  2712 + colors: ['#26B99A', '#34495E', '#ACADAC', '#3498DB'],
  2713 + formatter: function (y) {
  2714 + return y + "%";
  2715 + },
  2716 + resize: true
  2717 + });
  2718 +
  2719 + }
  2720 +
  2721 + if ($('#graph_line').length ){
  2722 +
  2723 + Morris.Line({
  2724 + element: 'graph_line',
  2725 + xkey: 'year',
  2726 + ykeys: ['value'],
  2727 + labels: ['Value'],
  2728 + hideHover: 'auto',
  2729 + lineColors: ['#26B99A', '#34495E', '#ACADAC', '#3498DB'],
  2730 + data: [
  2731 + {year: '2012', value: 20},
  2732 + {year: '2013', value: 10},
  2733 + {year: '2014', value: 5},
  2734 + {year: '2015', value: 5},
  2735 + {year: '2016', value: 20}
  2736 + ],
  2737 + resize: true
  2738 + });
  2739 +
  2740 + $MENU_TOGGLE.on('click', function() {
  2741 + $(window).resize();
  2742 + });
  2743 +
  2744 + }
  2745 +
  2746 + };
  2747 +
  2748 +
  2749 +
  2750 + /* ECHRTS */
  2751 +
  2752 +
  2753 + function init_echarts() {
  2754 +
  2755 + if( typeof (echarts) === 'undefined'){ return; }
  2756 + console.log('init_echarts');
  2757 +
  2758 +
  2759 + var theme = {
  2760 + color: [
  2761 + '#26B99A', '#34495E', '#BDC3C7', '#3498DB',
  2762 + '#9B59B6', '#8abb6f', '#759c6a', '#bfd3b7'
  2763 + ],
  2764 +
  2765 + title: {
  2766 + itemGap: 8,
  2767 + textStyle: {
  2768 + fontWeight: 'normal',
  2769 + color: '#408829'
  2770 + }
  2771 + },
  2772 +
  2773 + dataRange: {
  2774 + color: ['#1f610a', '#97b58d']
  2775 + },
  2776 +
  2777 + toolbox: {
  2778 + color: ['#408829', '#408829', '#408829', '#408829']
  2779 + },
  2780 +
  2781 + tooltip: {
  2782 + backgroundColor: 'rgba(0,0,0,0.5)',
  2783 + axisPointer: {
  2784 + type: 'line',
  2785 + lineStyle: {
  2786 + color: '#408829',
  2787 + type: 'dashed'
  2788 + },
  2789 + crossStyle: {
  2790 + color: '#408829'
  2791 + },
  2792 + shadowStyle: {
  2793 + color: 'rgba(200,200,200,0.3)'
  2794 + }
  2795 + }
  2796 + },
  2797 +
  2798 + dataZoom: {
  2799 + dataBackgroundColor: '#eee',
  2800 + fillerColor: 'rgba(64,136,41,0.2)',
  2801 + handleColor: '#408829'
  2802 + },
  2803 + grid: {
  2804 + borderWidth: 0
  2805 + },
  2806 +
  2807 + categoryAxis: {
  2808 + axisLine: {
  2809 + lineStyle: {
  2810 + color: '#408829'
  2811 + }
  2812 + },
  2813 + splitLine: {
  2814 + lineStyle: {
  2815 + color: ['#eee']
  2816 + }
  2817 + }
  2818 + },
  2819 +
  2820 + valueAxis: {
  2821 + axisLine: {
  2822 + lineStyle: {
  2823 + color: '#408829'
  2824 + }
  2825 + },
  2826 + splitArea: {
  2827 + show: true,
  2828 + areaStyle: {
  2829 + color: ['rgba(250,250,250,0.1)', 'rgba(200,200,200,0.1)']
  2830 + }
  2831 + },
  2832 + splitLine: {
  2833 + lineStyle: {
  2834 + color: ['#eee']
  2835 + }
  2836 + }
  2837 + },
  2838 + timeline: {
  2839 + lineStyle: {
  2840 + color: '#408829'
  2841 + },
  2842 + controlStyle: {
  2843 + normal: {color: '#408829'},
  2844 + emphasis: {color: '#408829'}
  2845 + }
  2846 + },
  2847 +
  2848 + k: {
  2849 + itemStyle: {
  2850 + normal: {
  2851 + color: '#68a54a',
  2852 + color0: '#a9cba2',
  2853 + lineStyle: {
  2854 + width: 1,
  2855 + color: '#408829',
  2856 + color0: '#86b379'
  2857 + }
  2858 + }
  2859 + }
  2860 + },
  2861 + map: {
  2862 + itemStyle: {
  2863 + normal: {
  2864 + areaStyle: {
  2865 + color: '#ddd'
  2866 + },
  2867 + label: {
  2868 + textStyle: {
  2869 + color: '#c12e34'
  2870 + }
  2871 + }
  2872 + },
  2873 + emphasis: {
  2874 + areaStyle: {
  2875 + color: '#99d2dd'
  2876 + },
  2877 + label: {
  2878 + textStyle: {
  2879 + color: '#c12e34'
  2880 + }
  2881 + }
  2882 + }
  2883 + }
  2884 + },
  2885 + force: {
  2886 + itemStyle: {
  2887 + normal: {
  2888 + linkStyle: {
  2889 + strokeColor: '#408829'
  2890 + }
  2891 + }
  2892 + }
  2893 + },
  2894 + chord: {
  2895 + padding: 4,
  2896 + itemStyle: {
  2897 + normal: {
  2898 + lineStyle: {
  2899 + width: 1,
  2900 + color: 'rgba(128, 128, 128, 0.5)'
  2901 + },
  2902 + chordStyle: {
  2903 + lineStyle: {
  2904 + width: 1,
  2905 + color: 'rgba(128, 128, 128, 0.5)'
  2906 + }
  2907 + }
  2908 + },
  2909 + emphasis: {
  2910 + lineStyle: {
  2911 + width: 1,
  2912 + color: 'rgba(128, 128, 128, 0.5)'
  2913 + },
  2914 + chordStyle: {
  2915 + lineStyle: {
  2916 + width: 1,
  2917 + color: 'rgba(128, 128, 128, 0.5)'
  2918 + }
  2919 + }
  2920 + }
  2921 + }
  2922 + },
  2923 + gauge: {
  2924 + startAngle: 225,
  2925 + endAngle: -45,
  2926 + axisLine: {
  2927 + show: true,
  2928 + lineStyle: {
  2929 + color: [[0.2, '#86b379'], [0.8, '#68a54a'], [1, '#408829']],
  2930 + width: 8
  2931 + }
  2932 + },
  2933 + axisTick: {
  2934 + splitNumber: 10,
  2935 + length: 12,
  2936 + lineStyle: {
  2937 + color: 'auto'
  2938 + }
  2939 + },
  2940 + axisLabel: {
  2941 + textStyle: {
  2942 + color: 'auto'
  2943 + }
  2944 + },
  2945 + splitLine: {
  2946 + length: 18,
  2947 + lineStyle: {
  2948 + color: 'auto'
  2949 + }
  2950 + },
  2951 + pointer: {
  2952 + length: '90%',
  2953 + color: 'auto'
  2954 + },
  2955 + title: {
  2956 + textStyle: {
  2957 + color: '#333'
  2958 + }
  2959 + },
  2960 + detail: {
  2961 + textStyle: {
  2962 + color: 'auto'
  2963 + }
  2964 + }
  2965 + },
  2966 + textStyle: {
  2967 + fontFamily: 'Arial, Verdana, sans-serif'
  2968 + }
  2969 + };
  2970 +
  2971 +
  2972 + //echart Bar
  2973 +
  2974 + if ($('#mainb').length ){
  2975 +
  2976 + var echartBar = echarts.init(document.getElementById('mainb'), theme);
  2977 +
  2978 + echartBar.setOption({
  2979 + title: {
  2980 + text: 'Graph title',
  2981 + subtext: 'Graph Sub-text'
  2982 + },
  2983 + tooltip: {
  2984 + trigger: 'axis'
  2985 + },
  2986 + legend: {
  2987 + data: ['sales', 'purchases']
  2988 + },
  2989 + toolbox: {
  2990 + show: false
  2991 + },
  2992 + calculable: false,
  2993 + xAxis: [{
  2994 + type: 'category',
  2995 + data: ['1?', '2?', '3?', '4?', '5?', '6?', '7?', '8?', '9?', '10?', '11?', '12?']
  2996 + }],
  2997 + yAxis: [{
  2998 + type: 'value'
  2999 + }],
  3000 + series: [{
  3001 + name: 'sales',
  3002 + type: 'bar',
  3003 + data: [2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3],
  3004 + markPoint: {
  3005 + data: [{
  3006 + type: 'max',
  3007 + name: '???'
  3008 + }, {
  3009 + type: 'min',
  3010 + name: '???'
  3011 + }]
  3012 + },
  3013 + markLine: {
  3014 + data: [{
  3015 + type: 'average',
  3016 + name: '???'
  3017 + }]
  3018 + }
  3019 + }, {
  3020 + name: 'purchases',
  3021 + type: 'bar',
  3022 + data: [2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3],
  3023 + markPoint: {
  3024 + data: [{
  3025 + name: 'sales',
  3026 + value: 182.2,
  3027 + xAxis: 7,
  3028 + yAxis: 183,
  3029 + }, {
  3030 + name: 'purchases',
  3031 + value: 2.3,
  3032 + xAxis: 11,
  3033 + yAxis: 3
  3034 + }]
  3035 + },
  3036 + markLine: {
  3037 + data: [{
  3038 + type: 'average',
  3039 + name: '???'
  3040 + }]
  3041 + }
  3042 + }]
  3043 + });
  3044 +
  3045 + }
  3046 +
  3047 +
  3048 +
  3049 +
  3050 + //echart Radar
  3051 +
  3052 + if ($('#echart_sonar').length ){
  3053 +
  3054 + var echartRadar = echarts.init(document.getElementById('echart_sonar'), theme);
  3055 +
  3056 + echartRadar.setOption({
  3057 + title: {
  3058 + text: 'Budget vs spending',
  3059 + subtext: 'Subtitle'
  3060 + },
  3061 + tooltip: {
  3062 + trigger: 'item'
  3063 + },
  3064 + legend: {
  3065 + orient: 'vertical',
  3066 + x: 'right',
  3067 + y: 'bottom',
  3068 + data: ['Allocated Budget', 'Actual Spending']
  3069 + },
  3070 + toolbox: {
  3071 + show: true,
  3072 + feature: {
  3073 + restore: {
  3074 + show: true,
  3075 + title: "Restore"
  3076 + },
  3077 + saveAsImage: {
  3078 + show: true,
  3079 + title: "Save Image"
  3080 + }
  3081 + }
  3082 + },
  3083 + polar: [{
  3084 + indicator: [{
  3085 + text: 'Sales',
  3086 + max: 6000
  3087 + }, {
  3088 + text: 'Administration',
  3089 + max: 16000
  3090 + }, {
  3091 + text: 'Information Techology',
  3092 + max: 30000
  3093 + }, {
  3094 + text: 'Customer Support',
  3095 + max: 38000
  3096 + }, {
  3097 + text: 'Development',
  3098 + max: 52000
  3099 + }, {
  3100 + text: 'Marketing',
  3101 + max: 25000
  3102 + }]
  3103 + }],
  3104 + calculable: true,
  3105 + series: [{
  3106 + name: 'Budget vs spending',
  3107 + type: 'radar',
  3108 + data: [{
  3109 + value: [4300, 10000, 28000, 35000, 50000, 19000],
  3110 + name: 'Allocated Budget'
  3111 + }, {
  3112 + value: [5000, 14000, 28000, 31000, 42000, 21000],
  3113 + name: 'Actual Spending'
  3114 + }]
  3115 + }]
  3116 + });
  3117 +
  3118 + }
  3119 +
  3120 + //echart Funnel
  3121 +
  3122 + if ($('#echart_pyramid').length ){
  3123 +
  3124 + var echartFunnel = echarts.init(document.getElementById('echart_pyramid'), theme);
  3125 +
  3126 + echartFunnel.setOption({
  3127 + title: {
  3128 + text: 'Echart Pyramid Graph',
  3129 + subtext: 'Subtitle'
  3130 + },
  3131 + tooltip: {
  3132 + trigger: 'item',
  3133 + formatter: "{a} <br/>{b} : {c}%"
  3134 + },
  3135 + toolbox: {
  3136 + show: true,
  3137 + feature: {
  3138 + restore: {
  3139 + show: true,
  3140 + title: "Restore"
  3141 + },
  3142 + saveAsImage: {
  3143 + show: true,
  3144 + title: "Save Image"
  3145 + }
  3146 + }
  3147 + },
  3148 + legend: {
  3149 + data: ['Something #1', 'Something #2', 'Something #3', 'Something #4', 'Something #5'],
  3150 + orient: 'vertical',
  3151 + x: 'left',
  3152 + y: 'bottom'
  3153 + },
  3154 + calculable: true,
  3155 + series: [{
  3156 + name: '漏斗图',
  3157 + type: 'funnel',
  3158 + width: '40%',
  3159 + data: [{
  3160 + value: 60,
  3161 + name: 'Something #1'
  3162 + }, {
  3163 + value: 40,
  3164 + name: 'Something #2'
  3165 + }, {
  3166 + value: 20,
  3167 + name: 'Something #3'
  3168 + }, {
  3169 + value: 80,
  3170 + name: 'Something #4'
  3171 + }, {
  3172 + value: 100,
  3173 + name: 'Something #5'
  3174 + }]
  3175 + }]
  3176 + });
  3177 +
  3178 + }
  3179 +
  3180 + //echart Gauge
  3181 +
  3182 + if ($('#echart_gauge').length ){
  3183 +
  3184 + var echartGauge = echarts.init(document.getElementById('echart_gauge'), theme);
  3185 +
  3186 + echartGauge.setOption({
  3187 + tooltip: {
  3188 + formatter: "{a} <br/>{b} : {c}%"
  3189 + },
  3190 + toolbox: {
  3191 + show: true,
  3192 + feature: {
  3193 + restore: {
  3194 + show: true,
  3195 + title: "Restore"
  3196 + },
  3197 + saveAsImage: {
  3198 + show: true,
  3199 + title: "Save Image"
  3200 + }
  3201 + }
  3202 + },
  3203 + series: [{
  3204 + name: 'Performance',
  3205 + type: 'gauge',
  3206 + center: ['50%', '50%'],
  3207 + startAngle: 140,
  3208 + endAngle: -140,
  3209 + min: 0,
  3210 + max: 100,
  3211 + precision: 0,
  3212 + splitNumber: 10,
  3213 + axisLine: {
  3214 + show: true,
  3215 + lineStyle: {
  3216 + color: [
  3217 + [0.2, 'lightgreen'],
  3218 + [0.4, 'orange'],
  3219 + [0.8, 'skyblue'],
  3220 + [1, '#ff4500']
  3221 + ],
  3222 + width: 30
  3223 + }
  3224 + },
  3225 + axisTick: {
  3226 + show: true,
  3227 + splitNumber: 5,
  3228 + length: 8,
  3229 + lineStyle: {
  3230 + color: '#eee',
  3231 + width: 1,
  3232 + type: 'solid'
  3233 + }
  3234 + },
  3235 + axisLabel: {
  3236 + show: true,
  3237 + formatter: function(v) {
  3238 + switch (v + '') {
  3239 + case '10':
  3240 + return 'a';
  3241 + case '30':
  3242 + return 'b';
  3243 + case '60':
  3244 + return 'c';
  3245 + case '90':
  3246 + return 'd';
  3247 + default:
  3248 + return '';
  3249 + }
  3250 + },
  3251 + textStyle: {
  3252 + color: '#333'
  3253 + }
  3254 + },
  3255 + splitLine: {
  3256 + show: true,
  3257 + length: 30,
  3258 + lineStyle: {
  3259 + color: '#eee',
  3260 + width: 2,
  3261 + type: 'solid'
  3262 + }
  3263 + },
  3264 + pointer: {
  3265 + length: '80%',
  3266 + width: 8,
  3267 + color: 'auto'
  3268 + },
  3269 + title: {
  3270 + show: true,
  3271 + offsetCenter: ['-65%', -10],
  3272 + textStyle: {
  3273 + color: '#333',
  3274 + fontSize: 15
  3275 + }
  3276 + },
  3277 + detail: {
  3278 + show: true,
  3279 + backgroundColor: 'rgba(0,0,0,0)',
  3280 + borderWidth: 0,
  3281 + borderColor: '#ccc',
  3282 + width: 100,
  3283 + height: 40,
  3284 + offsetCenter: ['-60%', 10],
  3285 + formatter: '{value}%',
  3286 + textStyle: {
  3287 + color: 'auto',
  3288 + fontSize: 30
  3289 + }
  3290 + },
  3291 + data: [{
  3292 + value: 50,
  3293 + name: 'Performance'
  3294 + }]
  3295 + }]
  3296 + });
  3297 +
  3298 + }
  3299 +
  3300 + //echart Line
  3301 +
  3302 + if ($('#echart_line').length ){
  3303 +
  3304 + var echartLine = echarts.init(document.getElementById('echart_line'), theme);
  3305 +
  3306 + echartLine.setOption({
  3307 + title: {
  3308 + text: 'Line Graph',
  3309 + subtext: 'Subtitle'
  3310 + },
  3311 + tooltip: {
  3312 + trigger: 'axis'
  3313 + },
  3314 + legend: {
  3315 + x: 220,
  3316 + y: 40,
  3317 + data: ['Intent', 'Pre-order', 'Deal']
  3318 + },
  3319 + toolbox: {
  3320 + show: true,
  3321 + feature: {
  3322 + magicType: {
  3323 + show: true,
  3324 + title: {
  3325 + line: 'Line',
  3326 + bar: 'Bar',
  3327 + stack: 'Stack',
  3328 + tiled: 'Tiled'
  3329 + },
  3330 + type: ['line', 'bar', 'stack', 'tiled']
  3331 + },
  3332 + restore: {
  3333 + show: true,
  3334 + title: "Restore"
  3335 + },
  3336 + saveAsImage: {
  3337 + show: true,
  3338 + title: "Save Image"
  3339 + }
  3340 + }
  3341 + },
  3342 + calculable: true,
  3343 + xAxis: [{
  3344 + type: 'category',
  3345 + boundaryGap: false,
  3346 + data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
  3347 + }],
  3348 + yAxis: [{
  3349 + type: 'value'
  3350 + }],
  3351 + series: [{
  3352 + name: 'Deal',
  3353 + type: 'line',
  3354 + smooth: true,
  3355 + itemStyle: {
  3356 + normal: {
  3357 + areaStyle: {
  3358 + type: 'default'
  3359 + }
  3360 + }
  3361 + },
  3362 + data: [10, 12, 21, 54, 260, 830, 710]
  3363 + }, {
  3364 + name: 'Pre-order',
  3365 + type: 'line',
  3366 + smooth: true,
  3367 + itemStyle: {
  3368 + normal: {
  3369 + areaStyle: {
  3370 + type: 'default'
  3371 + }
  3372 + }
  3373 + },
  3374 + data: [30, 182, 434, 791, 390, 30, 10]
  3375 + }, {
  3376 + name: 'Intent',
  3377 + type: 'line',
  3378 + smooth: true,
  3379 + itemStyle: {
  3380 + normal: {
  3381 + areaStyle: {
  3382 + type: 'default'
  3383 + }
  3384 + }
  3385 + },
  3386 + data: [1320, 1132, 601, 234, 120, 90, 20]
  3387 + }]
  3388 + });
  3389 +
  3390 + }
  3391 +
  3392 + //echart Scatter
  3393 +
  3394 + if ($('#echart_scatter').length ){
  3395 +
  3396 + var echartScatter = echarts.init(document.getElementById('echart_scatter'), theme);
  3397 +
  3398 + echartScatter.setOption({
  3399 + title: {
  3400 + text: 'Scatter Graph',
  3401 + subtext: 'Heinz 2003'
  3402 + },
  3403 + tooltip: {
  3404 + trigger: 'axis',
  3405 + showDelay: 0,
  3406 + axisPointer: {
  3407 + type: 'cross',
  3408 + lineStyle: {
  3409 + type: 'dashed',
  3410 + width: 1
  3411 + }
  3412 + }
  3413 + },
  3414 + legend: {
  3415 + data: ['Data2', 'Data1']
  3416 + },
  3417 + toolbox: {
  3418 + show: true,
  3419 + feature: {
  3420 + saveAsImage: {
  3421 + show: true,
  3422 + title: "Save Image"
  3423 + }
  3424 + }
  3425 + },
  3426 + xAxis: [{
  3427 + type: 'value',
  3428 + scale: true,
  3429 + axisLabel: {
  3430 + formatter: '{value} cm'
  3431 + }
  3432 + }],
  3433 + yAxis: [{
  3434 + type: 'value',
  3435 + scale: true,
  3436 + axisLabel: {
  3437 + formatter: '{value} kg'
  3438 + }
  3439 + }],
  3440 + series: [{
  3441 + name: 'Data1',
  3442 + type: 'scatter',
  3443 + tooltip: {
  3444 + trigger: 'item',
  3445 + formatter: function(params) {
  3446 + if (params.value.length > 1) {
  3447 + return params.seriesName + ' :<br/>' + params.value[0] + 'cm ' + params.value[1] + 'kg ';
  3448 + } else {
  3449 + return params.seriesName + ' :<br/>' + params.name + ' : ' + params.value + 'kg ';
  3450 + }
  3451 + }
  3452 + },
  3453 + data: [
  3454 + [161.2, 51.6],
  3455 + [167.5, 59.0],
  3456 + [159.5, 49.2],
  3457 + [157.0, 63.0],
  3458 + [155.8, 53.6],
  3459 + [170.0, 59.0],
  3460 + [159.1, 47.6],
  3461 + [166.0, 69.8],
  3462 + [176.2, 66.8],
  3463 + [160.2, 75.2],
  3464 + [172.5, 55.2],
  3465 + [170.9, 54.2],
  3466 + [172.9, 62.5],
  3467 + [153.4, 42.0],
  3468 + [160.0, 50.0],
  3469 + [147.2, 49.8],
  3470 + [168.2, 49.2],
  3471 + [175.0, 73.2],
  3472 + [157.0, 47.8],
  3473 + [167.6, 68.8],
  3474 + [159.5, 50.6],
  3475 + [175.0, 82.5],
  3476 + [166.8, 57.2],
  3477 + [176.5, 87.8],
  3478 + [170.2, 72.8],
  3479 + [174.0, 54.5],
  3480 + [173.0, 59.8],
  3481 + [179.9, 67.3],
  3482 + [170.5, 67.8],
  3483 + [160.0, 47.0],
  3484 + [154.4, 46.2],
  3485 + [162.0, 55.0],
  3486 + [176.5, 83.0],
  3487 + [160.0, 54.4],
  3488 + [152.0, 45.8],
  3489 + [162.1, 53.6],
  3490 + [170.0, 73.2],
  3491 + [160.2, 52.1],
  3492 + [161.3, 67.9],
  3493 + [166.4, 56.6],
  3494 + [168.9, 62.3],
  3495 + [163.8, 58.5],
  3496 + [167.6, 54.5],
  3497 + [160.0, 50.2],
  3498 + [161.3, 60.3],
  3499 + [167.6, 58.3],
  3500 + [165.1, 56.2],
  3501 + [160.0, 50.2],
  3502 + [170.0, 72.9],
  3503 + [157.5, 59.8],
  3504 + [167.6, 61.0],
  3505 + [160.7, 69.1],
  3506 + [163.2, 55.9],
  3507 + [152.4, 46.5],
  3508 + [157.5, 54.3],
  3509 + [168.3, 54.8],
  3510 + [180.3, 60.7],
  3511 + [165.5, 60.0],
  3512 + [165.0, 62.0],
  3513 + [164.5, 60.3],
  3514 + [156.0, 52.7],
  3515 + [160.0, 74.3],
  3516 + [163.0, 62.0],
  3517 + [165.7, 73.1],
  3518 + [161.0, 80.0],
  3519 + [162.0, 54.7],
  3520 + [166.0, 53.2],
  3521 + [174.0, 75.7],
  3522 + [172.7, 61.1],
  3523 + [167.6, 55.7],
  3524 + [151.1, 48.7],
  3525 + [164.5, 52.3],
  3526 + [163.5, 50.0],
  3527 + [152.0, 59.3],
  3528 + [169.0, 62.5],
  3529 + [164.0, 55.7],
  3530 + [161.2, 54.8],
  3531 + [155.0, 45.9],
  3532 + [170.0, 70.6],
  3533 + [176.2, 67.2],
  3534 + [170.0, 69.4],
  3535 + [162.5, 58.2],
  3536 + [170.3, 64.8],
  3537 + [164.1, 71.6],
  3538 + [169.5, 52.8],
  3539 + [163.2, 59.8],
  3540 + [154.5, 49.0],
  3541 + [159.8, 50.0],
  3542 + [173.2, 69.2],
  3543 + [170.0, 55.9],
  3544 + [161.4, 63.4],
  3545 + [169.0, 58.2],
  3546 + [166.2, 58.6],
  3547 + [159.4, 45.7],
  3548 + [162.5, 52.2],
  3549 + [159.0, 48.6],
  3550 + [162.8, 57.8],
  3551 + [159.0, 55.6],
  3552 + [179.8, 66.8],
  3553 + [162.9, 59.4],
  3554 + [161.0, 53.6],
  3555 + [151.1, 73.2],
  3556 + [168.2, 53.4],
  3557 + [168.9, 69.0],
  3558 + [173.2, 58.4],
  3559 + [171.8, 56.2],
  3560 + [178.0, 70.6],
  3561 + [164.3, 59.8],
  3562 + [163.0, 72.0],
  3563 + [168.5, 65.2],
  3564 + [166.8, 56.6],
  3565 + [172.7, 105.2],
  3566 + [163.5, 51.8],
  3567 + [169.4, 63.4],
  3568 + [167.8, 59.0],
  3569 + [159.5, 47.6],
  3570 + [167.6, 63.0],
  3571 + [161.2, 55.2],
  3572 + [160.0, 45.0],
  3573 + [163.2, 54.0],
  3574 + [162.2, 50.2],
  3575 + [161.3, 60.2],
  3576 + [149.5, 44.8],
  3577 + [157.5, 58.8],
  3578 + [163.2, 56.4],
  3579 + [172.7, 62.0],
  3580 + [155.0, 49.2],
  3581 + [156.5, 67.2],
  3582 + [164.0, 53.8],
  3583 + [160.9, 54.4],
  3584 + [162.8, 58.0],
  3585 + [167.0, 59.8],
  3586 + [160.0, 54.8],
  3587 + [160.0, 43.2],
  3588 + [168.9, 60.5],
  3589 + [158.2, 46.4],
  3590 + [156.0, 64.4],
  3591 + [160.0, 48.8],
  3592 + [167.1, 62.2],
  3593 + [158.0, 55.5],
  3594 + [167.6, 57.8],
  3595 + [156.0, 54.6],
  3596 + [162.1, 59.2],
  3597 + [173.4, 52.7],
  3598 + [159.8, 53.2],
  3599 + [170.5, 64.5],
  3600 + [159.2, 51.8],
  3601 + [157.5, 56.0],
  3602 + [161.3, 63.6],
  3603 + [162.6, 63.2],
  3604 + [160.0, 59.5],
  3605 + [168.9, 56.8],
  3606 + [165.1, 64.1],
  3607 + [162.6, 50.0],
  3608 + [165.1, 72.3],
  3609 + [166.4, 55.0],
  3610 + [160.0, 55.9],
  3611 + [152.4, 60.4],
  3612 + [170.2, 69.1],
  3613 + [162.6, 84.5],
  3614 + [170.2, 55.9],
  3615 + [158.8, 55.5],
  3616 + [172.7, 69.5],
  3617 + [167.6, 76.4],
  3618 + [162.6, 61.4],
  3619 + [167.6, 65.9],
  3620 + [156.2, 58.6],
  3621 + [175.2, 66.8],
  3622 + [172.1, 56.6],
  3623 + [162.6, 58.6],
  3624 + [160.0, 55.9],
  3625 + [165.1, 59.1],
  3626 + [182.9, 81.8],
  3627 + [166.4, 70.7],
  3628 + [165.1, 56.8],
  3629 + [177.8, 60.0],
  3630 + [165.1, 58.2],
  3631 + [175.3, 72.7],
  3632 + [154.9, 54.1],
  3633 + [158.8, 49.1],
  3634 + [172.7, 75.9],
  3635 + [168.9, 55.0],
  3636 + [161.3, 57.3],
  3637 + [167.6, 55.0],
  3638 + [165.1, 65.5],
  3639 + [175.3, 65.5],
  3640 + [157.5, 48.6],
  3641 + [163.8, 58.6],
  3642 + [167.6, 63.6],
  3643 + [165.1, 55.2],
  3644 + [165.1, 62.7],
  3645 + [168.9, 56.6],
  3646 + [162.6, 53.9],
  3647 + [164.5, 63.2],
  3648 + [176.5, 73.6],
  3649 + [168.9, 62.0],
  3650 + [175.3, 63.6],
  3651 + [159.4, 53.2],
  3652 + [160.0, 53.4],
  3653 + [170.2, 55.0],
  3654 + [162.6, 70.5],
  3655 + [167.6, 54.5],
  3656 + [162.6, 54.5],
  3657 + [160.7, 55.9],
  3658 + [160.0, 59.0],
  3659 + [157.5, 63.6],
  3660 + [162.6, 54.5],
  3661 + [152.4, 47.3],
  3662 + [170.2, 67.7],
  3663 + [165.1, 80.9],
  3664 + [172.7, 70.5],
  3665 + [165.1, 60.9],
  3666 + [170.2, 63.6],
  3667 + [170.2, 54.5],
  3668 + [170.2, 59.1],
  3669 + [161.3, 70.5],
  3670 + [167.6, 52.7],
  3671 + [167.6, 62.7],
  3672 + [165.1, 86.3],
  3673 + [162.6, 66.4],
  3674 + [152.4, 67.3],
  3675 + [168.9, 63.0],
  3676 + [170.2, 73.6],
  3677 + [175.2, 62.3],
  3678 + [175.2, 57.7],
  3679 + [160.0, 55.4],
  3680 + [165.1, 104.1],
  3681 + [174.0, 55.5],
  3682 + [170.2, 77.3],
  3683 + [160.0, 80.5],
  3684 + [167.6, 64.5],
  3685 + [167.6, 72.3],
  3686 + [167.6, 61.4],
  3687 + [154.9, 58.2],
  3688 + [162.6, 81.8],
  3689 + [175.3, 63.6],
  3690 + [171.4, 53.4],
  3691 + [157.5, 54.5],
  3692 + [165.1, 53.6],
  3693 + [160.0, 60.0],
  3694 + [174.0, 73.6],
  3695 + [162.6, 61.4],
  3696 + [174.0, 55.5],
  3697 + [162.6, 63.6],
  3698 + [161.3, 60.9],
  3699 + [156.2, 60.0],
  3700 + [149.9, 46.8],
  3701 + [169.5, 57.3],
  3702 + [160.0, 64.1],
  3703 + [175.3, 63.6],
  3704 + [169.5, 67.3],
  3705 + [160.0, 75.5],
  3706 + [172.7, 68.2],
  3707 + [162.6, 61.4],
  3708 + [157.5, 76.8],
  3709 + [176.5, 71.8],
  3710 + [164.4, 55.5],
  3711 + [160.7, 48.6],
  3712 + [174.0, 66.4],
  3713 + [163.8, 67.3]
  3714 + ],
  3715 + markPoint: {
  3716 + data: [{
  3717 + type: 'max',
  3718 + name: 'Max'
  3719 + }, {
  3720 + type: 'min',
  3721 + name: 'Min'
  3722 + }]
  3723 + },
  3724 + markLine: {
  3725 + data: [{
  3726 + type: 'average',
  3727 + name: 'Mean'
  3728 + }]
  3729 + }
  3730 + }, {
  3731 + name: 'Data2',
  3732 + type: 'scatter',
  3733 + tooltip: {
  3734 + trigger: 'item',
  3735 + formatter: function(params) {
  3736 + if (params.value.length > 1) {
  3737 + return params.seriesName + ' :<br/>' + params.value[0] + 'cm ' + params.value[1] + 'kg ';
  3738 + } else {
  3739 + return params.seriesName + ' :<br/>' + params.name + ' : ' + params.value + 'kg ';
  3740 + }
  3741 + }
  3742 + },
  3743 + data: [
  3744 + [174.0, 65.6],
  3745 + [175.3, 71.8],
  3746 + [193.5, 80.7],
  3747 + [186.5, 72.6],
  3748 + [187.2, 78.8],
  3749 + [181.5, 74.8],
  3750 + [184.0, 86.4],
  3751 + [184.5, 78.4],
  3752 + [175.0, 62.0],
  3753 + [184.0, 81.6],
  3754 + [180.0, 76.6],
  3755 + [177.8, 83.6],
  3756 + [192.0, 90.0],
  3757 + [176.0, 74.6],
  3758 + [174.0, 71.0],
  3759 + [184.0, 79.6],
  3760 + [192.7, 93.8],
  3761 + [171.5, 70.0],
  3762 + [173.0, 72.4],
  3763 + [176.0, 85.9],
  3764 + [176.0, 78.8],
  3765 + [180.5, 77.8],
  3766 + [172.7, 66.2],
  3767 + [176.0, 86.4],
  3768 + [173.5, 81.8],
  3769 + [178.0, 89.6],
  3770 + [180.3, 82.8],
  3771 + [180.3, 76.4],
  3772 + [164.5, 63.2],
  3773 + [173.0, 60.9],
  3774 + [183.5, 74.8],
  3775 + [175.5, 70.0],
  3776 + [188.0, 72.4],
  3777 + [189.2, 84.1],
  3778 + [172.8, 69.1],
  3779 + [170.0, 59.5],
  3780 + [182.0, 67.2],
  3781 + [170.0, 61.3],
  3782 + [177.8, 68.6],
  3783 + [184.2, 80.1],
  3784 + [186.7, 87.8],
  3785 + [171.4, 84.7],
  3786 + [172.7, 73.4],
  3787 + [175.3, 72.1],
  3788 + [180.3, 82.6],
  3789 + [182.9, 88.7],
  3790 + [188.0, 84.1],
  3791 + [177.2, 94.1],
  3792 + [172.1, 74.9],
  3793 + [167.0, 59.1],
  3794 + [169.5, 75.6],
  3795 + [174.0, 86.2],
  3796 + [172.7, 75.3],
  3797 + [182.2, 87.1],
  3798 + [164.1, 55.2],
  3799 + [163.0, 57.0],
  3800 + [171.5, 61.4],
  3801 + [184.2, 76.8],
  3802 + [174.0, 86.8],
  3803 + [174.0, 72.2],
  3804 + [177.0, 71.6],
  3805 + [186.0, 84.8],
  3806 + [167.0, 68.2],
  3807 + [171.8, 66.1],
  3808 + [182.0, 72.0],
  3809 + [167.0, 64.6],
  3810 + [177.8, 74.8],
  3811 + [164.5, 70.0],
  3812 + [192.0, 101.6],
  3813 + [175.5, 63.2],
  3814 + [171.2, 79.1],
  3815 + [181.6, 78.9],
  3816 + [167.4, 67.7],
  3817 + [181.1, 66.0],
  3818 + [177.0, 68.2],
  3819 + [174.5, 63.9],
  3820 + [177.5, 72.0],
  3821 + [170.5, 56.8],
  3822 + [182.4, 74.5],
  3823 + [197.1, 90.9],
  3824 + [180.1, 93.0],
  3825 + [175.5, 80.9],
  3826 + [180.6, 72.7],
  3827 + [184.4, 68.0],
  3828 + [175.5, 70.9],
  3829 + [180.6, 72.5],
  3830 + [177.0, 72.5],
  3831 + [177.1, 83.4],
  3832 + [181.6, 75.5],
  3833 + [176.5, 73.0],
  3834 + [175.0, 70.2],
  3835 + [174.0, 73.4],
  3836 + [165.1, 70.5],
  3837 + [177.0, 68.9],
  3838 + [192.0, 102.3],
  3839 + [176.5, 68.4],
  3840 + [169.4, 65.9],
  3841 + [182.1, 75.7],
  3842 + [179.8, 84.5],
  3843 + [175.3, 87.7],
  3844 + [184.9, 86.4],
  3845 + [177.3, 73.2],
  3846 + [167.4, 53.9],
  3847 + [178.1, 72.0],
  3848 + [168.9, 55.5],
  3849 + [157.2, 58.4],
  3850 + [180.3, 83.2],
  3851 + [170.2, 72.7],
  3852 + [177.8, 64.1],
  3853 + [172.7, 72.3],
  3854 + [165.1, 65.0],
  3855 + [186.7, 86.4],
  3856 + [165.1, 65.0],
  3857 + [174.0, 88.6],
  3858 + [175.3, 84.1],
  3859 + [185.4, 66.8],
  3860 + [177.8, 75.5],
  3861 + [180.3, 93.2],
  3862 + [180.3, 82.7],
  3863 + [177.8, 58.0],
  3864 + [177.8, 79.5],
  3865 + [177.8, 78.6],
  3866 + [177.8, 71.8],
  3867 + [177.8, 116.4],
  3868 + [163.8, 72.2],
  3869 + [188.0, 83.6],
  3870 + [198.1, 85.5],
  3871 + [175.3, 90.9],
  3872 + [166.4, 85.9],
  3873 + [190.5, 89.1],
  3874 + [166.4, 75.0],
  3875 + [177.8, 77.7],
  3876 + [179.7, 86.4],
  3877 + [172.7, 90.9],
  3878 + [190.5, 73.6],
  3879 + [185.4, 76.4],
  3880 + [168.9, 69.1],
  3881 + [167.6, 84.5],
  3882 + [175.3, 64.5],
  3883 + [170.2, 69.1],
  3884 + [190.5, 108.6],
  3885 + [177.8, 86.4],
  3886 + [190.5, 80.9],
  3887 + [177.8, 87.7],
  3888 + [184.2, 94.5],
  3889 + [176.5, 80.2],
  3890 + [177.8, 72.0],
  3891 + [180.3, 71.4],
  3892 + [171.4, 72.7],
  3893 + [172.7, 84.1],
  3894 + [172.7, 76.8],
  3895 + [177.8, 63.6],
  3896 + [177.8, 80.9],
  3897 + [182.9, 80.9],
  3898 + [170.2, 85.5],
  3899 + [167.6, 68.6],
  3900 + [175.3, 67.7],
  3901 + [165.1, 66.4],
  3902 + [185.4, 102.3],
  3903 + [181.6, 70.5],
  3904 + [172.7, 95.9],
  3905 + [190.5, 84.1],
  3906 + [179.1, 87.3],
  3907 + [175.3, 71.8],
  3908 + [170.2, 65.9],
  3909 + [193.0, 95.9],
  3910 + [171.4, 91.4],
  3911 + [177.8, 81.8],
  3912 + [177.8, 96.8],
  3913 + [167.6, 69.1],
  3914 + [167.6, 82.7],
  3915 + [180.3, 75.5],
  3916 + [182.9, 79.5],
  3917 + [176.5, 73.6],
  3918 + [186.7, 91.8],
  3919 + [188.0, 84.1],
  3920 + [188.0, 85.9],
  3921 + [177.8, 81.8],
  3922 + [174.0, 82.5],
  3923 + [177.8, 80.5],
  3924 + [171.4, 70.0],
  3925 + [185.4, 81.8],
  3926 + [185.4, 84.1],
  3927 + [188.0, 90.5],
  3928 + [188.0, 91.4],
  3929 + [182.9, 89.1],
  3930 + [176.5, 85.0],
  3931 + [175.3, 69.1],
  3932 + [175.3, 73.6],
  3933 + [188.0, 80.5],
  3934 + [188.0, 82.7],
  3935 + [175.3, 86.4],
  3936 + [170.5, 67.7],
  3937 + [179.1, 92.7],
  3938 + [177.8, 93.6],
  3939 + [175.3, 70.9],
  3940 + [182.9, 75.0],
  3941 + [170.8, 93.2],
  3942 + [188.0, 93.2],
  3943 + [180.3, 77.7],
  3944 + [177.8, 61.4],
  3945 + [185.4, 94.1],
  3946 + [168.9, 75.0],
  3947 + [185.4, 83.6],
  3948 + [180.3, 85.5],
  3949 + [174.0, 73.9],
  3950 + [167.6, 66.8],
  3951 + [182.9, 87.3],
  3952 + [160.0, 72.3],
  3953 + [180.3, 88.6],
  3954 + [167.6, 75.5],
  3955 + [186.7, 101.4],
  3956 + [175.3, 91.1],
  3957 + [175.3, 67.3],
  3958 + [175.9, 77.7],
  3959 + [175.3, 81.8],
  3960 + [179.1, 75.5],
  3961 + [181.6, 84.5],
  3962 + [177.8, 76.6],
  3963 + [182.9, 85.0],
  3964 + [177.8, 102.5],
  3965 + [184.2, 77.3],
  3966 + [179.1, 71.8],
  3967 + [176.5, 87.9],
  3968 + [188.0, 94.3],
  3969 + [174.0, 70.9],
  3970 + [167.6, 64.5],
  3971 + [170.2, 77.3],
  3972 + [167.6, 72.3],
  3973 + [188.0, 87.3],
  3974 + [174.0, 80.0],
  3975 + [176.5, 82.3],
  3976 + [180.3, 73.6],
  3977 + [167.6, 74.1],
  3978 + [188.0, 85.9],
  3979 + [180.3, 73.2],
  3980 + [167.6, 76.3],
  3981 + [183.0, 65.9],
  3982 + [183.0, 90.9],
  3983 + [179.1, 89.1],
  3984 + [170.2, 62.3],
  3985 + [177.8, 82.7],
  3986 + [179.1, 79.1],
  3987 + [190.5, 98.2],
  3988 + [177.8, 84.1],
  3989 + [180.3, 83.2],
  3990 + [180.3, 83.2]
  3991 + ],
  3992 + markPoint: {
  3993 + data: [{
  3994 + type: 'max',
  3995 + name: 'Max'
  3996 + }, {
  3997 + type: 'min',
  3998 + name: 'Min'
  3999 + }]
  4000 + },
  4001 + markLine: {
  4002 + data: [{
  4003 + type: 'average',
  4004 + name: 'Mean'
  4005 + }]
  4006 + }
  4007 + }]
  4008 + });
  4009 +
  4010 + }
  4011 +
  4012 + //echart Bar Horizontal
  4013 +
  4014 + if ($('#echart_bar_horizontal').length ){
  4015 +
  4016 + var echartBar = echarts.init(document.getElementById('echart_bar_horizontal'), theme);
  4017 +
  4018 + echartBar.setOption({
  4019 + title: {
  4020 + text: 'Bar Graph',
  4021 + subtext: 'Graph subtitle'
  4022 + },
  4023 + tooltip: {
  4024 + trigger: 'axis'
  4025 + },
  4026 + legend: {
  4027 + x: 100,
  4028 + data: ['2015', '2016']
  4029 + },
  4030 + toolbox: {
  4031 + show: true,
  4032 + feature: {
  4033 + saveAsImage: {
  4034 + show: true,
  4035 + title: "Save Image"
  4036 + }
  4037 + }
  4038 + },
  4039 + calculable: true,
  4040 + xAxis: [{
  4041 + type: 'value',
  4042 + boundaryGap: [0, 0.01]
  4043 + }],
  4044 + yAxis: [{
  4045 + type: 'category',
  4046 + data: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun']
  4047 + }],
  4048 + series: [{
  4049 + name: '2015',
  4050 + type: 'bar',
  4051 + data: [18203, 23489, 29034, 104970, 131744, 630230]
  4052 + }, {
  4053 + name: '2016',
  4054 + type: 'bar',
  4055 + data: [19325, 23438, 31000, 121594, 134141, 681807]
  4056 + }]
  4057 + });
  4058 +
  4059 + }
  4060 +
  4061 + //echart Pie Collapse
  4062 +
  4063 + if ($('#echart_pie2').length ){
  4064 +
  4065 + var echartPieCollapse = echarts.init(document.getElementById('echart_pie2'), theme);
  4066 +
  4067 + echartPieCollapse.setOption({
  4068 + tooltip: {
  4069 + trigger: 'item',
  4070 + formatter: "{a} <br/>{b} : {c} ({d}%)"
  4071 + },
  4072 + legend: {
  4073 + x: 'center',
  4074 + y: 'bottom',
  4075 + data: ['rose1', 'rose2', 'rose3', 'rose4', 'rose5', 'rose6']
  4076 + },
  4077 + toolbox: {
  4078 + show: true,
  4079 + feature: {
  4080 + magicType: {
  4081 + show: true,
  4082 + type: ['pie', 'funnel']
  4083 + },
  4084 + restore: {
  4085 + show: true,
  4086 + title: "Restore"
  4087 + },
  4088 + saveAsImage: {
  4089 + show: true,
  4090 + title: "Save Image"
  4091 + }
  4092 + }
  4093 + },
  4094 + calculable: true,
  4095 + series: [{
  4096 + name: 'Area Mode',
  4097 + type: 'pie',
  4098 + radius: [25, 90],
  4099 + center: ['50%', 170],
  4100 + roseType: 'area',
  4101 + x: '50%',
  4102 + max: 40,
  4103 + sort: 'ascending',
  4104 + data: [{
  4105 + value: 10,
  4106 + name: 'rose1'
  4107 + }, {
  4108 + value: 5,
  4109 + name: 'rose2'
  4110 + }, {
  4111 + value: 15,
  4112 + name: 'rose3'
  4113 + }, {
  4114 + value: 25,
  4115 + name: 'rose4'
  4116 + }, {
  4117 + value: 20,
  4118 + name: 'rose5'
  4119 + }, {
  4120 + value: 35,
  4121 + name: 'rose6'
  4122 + }]
  4123 + }]
  4124 + });
  4125 +
  4126 + }
  4127 +
  4128 + //echart Donut
  4129 +
  4130 + if ($('#echart_donut').length ){
  4131 +
  4132 + var echartDonut = echarts.init(document.getElementById('echart_donut'), theme);
  4133 +
  4134 + echartDonut.setOption({
  4135 + tooltip: {
  4136 + trigger: 'item',
  4137 + formatter: "{a} <br/>{b} : {c} ({d}%)"
  4138 + },
  4139 + calculable: true,
  4140 + legend: {
  4141 + x: 'center',
  4142 + y: 'bottom',
  4143 + data: ['Direct Access', 'E-mail Marketing', 'Union Ad', 'Video Ads', 'Search Engine']
  4144 + },
  4145 + toolbox: {
  4146 + show: true,
  4147 + feature: {
  4148 + magicType: {
  4149 + show: true,
  4150 + type: ['pie', 'funnel'],
  4151 + option: {
  4152 + funnel: {
  4153 + x: '25%',
  4154 + width: '50%',
  4155 + funnelAlign: 'center',
  4156 + max: 1548
  4157 + }
  4158 + }
  4159 + },
  4160 + restore: {
  4161 + show: true,
  4162 + title: "Restore"
  4163 + },
  4164 + saveAsImage: {
  4165 + show: true,
  4166 + title: "Save Image"
  4167 + }
  4168 + }
  4169 + },
  4170 + series: [{
  4171 + name: 'Access to the resource',
  4172 + type: 'pie',
  4173 + radius: ['35%', '55%'],
  4174 + itemStyle: {
  4175 + normal: {
  4176 + label: {
  4177 + show: true
  4178 + },
  4179 + labelLine: {
  4180 + show: true
  4181 + }
  4182 + },
  4183 + emphasis: {
  4184 + label: {
  4185 + show: true,
  4186 + position: 'center',
  4187 + textStyle: {
  4188 + fontSize: '14',
  4189 + fontWeight: 'normal'
  4190 + }
  4191 + }
  4192 + }
  4193 + },
  4194 + data: [{
  4195 + value: 335,
  4196 + name: 'Direct Access'
  4197 + }, {
  4198 + value: 310,
  4199 + name: 'E-mail Marketing'
  4200 + }, {
  4201 + value: 234,
  4202 + name: 'Union Ad'
  4203 + }, {
  4204 + value: 135,
  4205 + name: 'Video Ads'
  4206 + }, {
  4207 + value: 1548,
  4208 + name: 'Search Engine'
  4209 + }]
  4210 + }]
  4211 + });
  4212 +
  4213 + }
  4214 +
  4215 + //echart Pie
  4216 +
  4217 + if ($('#echart_pie').length ){
  4218 +
  4219 + var echartPie = echarts.init(document.getElementById('echart_pie'), theme);
  4220 +
  4221 + echartPie.setOption({
  4222 + tooltip: {
  4223 + trigger: 'item',
  4224 + formatter: "{a} <br/>{b} : {c} ({d}%)"
  4225 + },
  4226 + legend: {
  4227 + x: 'center',
  4228 + y: 'bottom',
  4229 + data: ['Direct Access', 'E-mail Marketing', 'Union Ad', 'Video Ads', 'Search Engine']
  4230 + },
  4231 + toolbox: {
  4232 + show: true,
  4233 + feature: {
  4234 + magicType: {
  4235 + show: true,
  4236 + type: ['pie', 'funnel'],
  4237 + option: {
  4238 + funnel: {
  4239 + x: '25%',
  4240 + width: '50%',
  4241 + funnelAlign: 'left',
  4242 + max: 1548
  4243 + }
  4244 + }
  4245 + },
  4246 + restore: {
  4247 + show: true,
  4248 + title: "Restore"
  4249 + },
  4250 + saveAsImage: {
  4251 + show: true,
  4252 + title: "Save Image"
  4253 + }
  4254 + }
  4255 + },
  4256 + calculable: true,
  4257 + series: [{
  4258 + name: '访问来源',
  4259 + type: 'pie',
  4260 + radius: '55%',
  4261 + center: ['50%', '48%'],
  4262 + data: [{
  4263 + value: 335,
  4264 + name: 'Direct Access'
  4265 + }, {
  4266 + value: 310,
  4267 + name: 'E-mail Marketing'
  4268 + }, {
  4269 + value: 234,
  4270 + name: 'Union Ad'
  4271 + }, {
  4272 + value: 135,
  4273 + name: 'Video Ads'
  4274 + }, {
  4275 + value: 1548,
  4276 + name: 'Search Engine'
  4277 + }]
  4278 + }]
  4279 + });
  4280 +
  4281 + var dataStyle = {
  4282 + normal: {
  4283 + label: {
  4284 + show: false
  4285 + },
  4286 + labelLine: {
  4287 + show: false
  4288 + }
  4289 + }
  4290 + };
  4291 +
  4292 + var placeHolderStyle = {
  4293 + normal: {
  4294 + color: 'rgba(0,0,0,0)',
  4295 + label: {
  4296 + show: false
  4297 + },
  4298 + labelLine: {
  4299 + show: false
  4300 + }
  4301 + },
  4302 + emphasis: {
  4303 + color: 'rgba(0,0,0,0)'
  4304 + }
  4305 + };
  4306 +
  4307 + }
  4308 +
  4309 + //echart Mini Pie
  4310 +
  4311 + if ($('#echart_mini_pie').length ){
  4312 +
  4313 + var echartMiniPie = echarts.init(document.getElementById('echart_mini_pie'), theme);
  4314 +
  4315 + echartMiniPie .setOption({
  4316 + title: {
  4317 + text: 'Chart #2',
  4318 + subtext: 'From ExcelHome',
  4319 + sublink: 'http://e.weibo.com/1341556070/AhQXtjbqh',
  4320 + x: 'center',
  4321 + y: 'center',
  4322 + itemGap: 20,
  4323 + textStyle: {
  4324 + color: 'rgba(30,144,255,0.8)',
  4325 + fontFamily: '微软雅黑',
  4326 + fontSize: 35,
  4327 + fontWeight: 'bolder'
  4328 + }
  4329 + },
  4330 + tooltip: {
  4331 + show: true,
  4332 + formatter: "{a} <br/>{b} : {c} ({d}%)"
  4333 + },
  4334 + legend: {
  4335 + orient: 'vertical',
  4336 + x: 170,
  4337 + y: 45,
  4338 + itemGap: 12,
  4339 + data: ['68%Something #1', '29%Something #2', '3%Something #3'],
  4340 + },
  4341 + toolbox: {
  4342 + show: true,
  4343 + feature: {
  4344 + mark: {
  4345 + show: true
  4346 + },
  4347 + dataView: {
  4348 + show: true,
  4349 + title: "Text View",
  4350 + lang: [
  4351 + "Text View",
  4352 + "Close",
  4353 + "Refresh",
  4354 + ],
  4355 + readOnly: false
  4356 + },
  4357 + restore: {
  4358 + show: true,
  4359 + title: "Restore"
  4360 + },
  4361 + saveAsImage: {
  4362 + show: true,
  4363 + title: "Save Image"
  4364 + }
  4365 + }
  4366 + },
  4367 + series: [{
  4368 + name: '1',
  4369 + type: 'pie',
  4370 + clockWise: false,
  4371 + radius: [105, 130],
  4372 + itemStyle: dataStyle,
  4373 + data: [{
  4374 + value: 68,
  4375 + name: '68%Something #1'
  4376 + }, {
  4377 + value: 32,
  4378 + name: 'invisible',
  4379 + itemStyle: placeHolderStyle
  4380 + }]
  4381 + }, {
  4382 + name: '2',
  4383 + type: 'pie',
  4384 + clockWise: false,
  4385 + radius: [80, 105],
  4386 + itemStyle: dataStyle,
  4387 + data: [{
  4388 + value: 29,
  4389 + name: '29%Something #2'
  4390 + }, {
  4391 + value: 71,
  4392 + name: 'invisible',
  4393 + itemStyle: placeHolderStyle
  4394 + }]
  4395 + }, {
  4396 + name: '3',
  4397 + type: 'pie',
  4398 + clockWise: false,
  4399 + radius: [25, 80],
  4400 + itemStyle: dataStyle,
  4401 + data: [{
  4402 + value: 3,
  4403 + name: '3%Something #3'
  4404 + }, {
  4405 + value: 97,
  4406 + name: 'invisible',
  4407 + itemStyle: placeHolderStyle
  4408 + }]
  4409 + }]
  4410 + });
  4411 +
  4412 + }
  4413 +
  4414 + //echart Map
  4415 +
  4416 + if ($('#echart_world_map').length ){
  4417 +
  4418 + var echartMap = echarts.init(document.getElementById('echart_world_map'), theme);
  4419 +
  4420 +
  4421 + echartMap.setOption({
  4422 + title: {
  4423 + text: 'World Population (2010)',
  4424 + subtext: 'from United Nations, Total population, both sexes combined, as of 1 July (thousands)',
  4425 + x: 'center',
  4426 + y: 'top'
  4427 + },
  4428 + tooltip: {
  4429 + trigger: 'item',
  4430 + formatter: function(params) {
  4431 + var value = (params.value + '').split('.');
  4432 + value = value[0].replace(/(\d{1,3})(?=(?:\d{3})+(?!\d))/g, '$1,') + '.' + value[1];
  4433 + return params.seriesName + '<br/>' + params.name + ' : ' + value;
  4434 + }
  4435 + },
  4436 + toolbox: {
  4437 + show: true,
  4438 + orient: 'vertical',
  4439 + x: 'right',
  4440 + y: 'center',
  4441 + feature: {
  4442 + mark: {
  4443 + show: true
  4444 + },
  4445 + dataView: {
  4446 + show: true,
  4447 + title: "Text View",
  4448 + lang: [
  4449 + "Text View",
  4450 + "Close",
  4451 + "Refresh",
  4452 + ],
  4453 + readOnly: false
  4454 + },
  4455 + restore: {
  4456 + show: true,
  4457 + title: "Restore"
  4458 + },
  4459 + saveAsImage: {
  4460 + show: true,
  4461 + title: "Save Image"
  4462 + }
  4463 + }
  4464 + },
  4465 + dataRange: {
  4466 + min: 0,
  4467 + max: 1000000,
  4468 + text: ['High', 'Low'],
  4469 + realtime: false,
  4470 + calculable: true,
  4471 + color: ['#087E65', '#26B99A', '#CBEAE3']
  4472 + },
  4473 + series: [{
  4474 + name: 'World Population (2010)',
  4475 + type: 'map',
  4476 + mapType: 'world',
  4477 + roam: false,
  4478 + mapLocation: {
  4479 + y: 60
  4480 + },
  4481 + itemStyle: {
  4482 + emphasis: {
  4483 + label: {
  4484 + show: true
  4485 + }
  4486 + }
  4487 + },
  4488 + data: [{
  4489 + name: 'Afghanistan',
  4490 + value: 28397.812
  4491 + }, {
  4492 + name: 'Angola',
  4493 + value: 19549.124
  4494 + }, {
  4495 + name: 'Albania',
  4496 + value: 3150.143
  4497 + }, {
  4498 + name: 'United Arab Emirates',
  4499 + value: 8441.537
  4500 + }, {
  4501 + name: 'Argentina',
  4502 + value: 40374.224
  4503 + }, {
  4504 + name: 'Armenia',
  4505 + value: 2963.496
  4506 + }, {
  4507 + name: 'French Southern and Antarctic Lands',
  4508 + value: 268.065
  4509 + }, {
  4510 + name: 'Australia',
  4511 + value: 22404.488
  4512 + }, {
  4513 + name: 'Austria',
  4514 + value: 8401.924
  4515 + }, {
  4516 + name: 'Azerbaijan',
  4517 + value: 9094.718
  4518 + }, {
  4519 + name: 'Burundi',
  4520 + value: 9232.753
  4521 + }, {
  4522 + name: 'Belgium',
  4523 + value: 10941.288
  4524 + }, {
  4525 + name: 'Benin',
  4526 + value: 9509.798
  4527 + }, {
  4528 + name: 'Burkina Faso',
  4529 + value: 15540.284
  4530 + }, {
  4531 + name: 'Bangladesh',
  4532 + value: 151125.475
  4533 + }, {
  4534 + name: 'Bulgaria',
  4535 + value: 7389.175
  4536 + }, {
  4537 + name: 'The Bahamas',
  4538 + value: 66402.316
  4539 + }, {
  4540 + name: 'Bosnia and Herzegovina',
  4541 + value: 3845.929
  4542 + }, {
  4543 + name: 'Belarus',
  4544 + value: 9491.07
  4545 + }, {
  4546 + name: 'Belize',
  4547 + value: 308.595
  4548 + }, {
  4549 + name: 'Bermuda',
  4550 + value: 64.951
  4551 + }, {
  4552 + name: 'Bolivia',
  4553 + value: 716.939
  4554 + }, {
  4555 + name: 'Brazil',
  4556 + value: 195210.154
  4557 + }, {
  4558 + name: 'Brunei',
  4559 + value: 27.223
  4560 + }, {
  4561 + name: 'Bhutan',
  4562 + value: 716.939
  4563 + }, {
  4564 + name: 'Botswana',
  4565 + value: 1969.341
  4566 + }, {
  4567 + name: 'Central African Republic',
  4568 + value: 4349.921
  4569 + }, {
  4570 + name: 'Canada',
  4571 + value: 34126.24
  4572 + }, {
  4573 + name: 'Switzerland',
  4574 + value: 7830.534
  4575 + }, {
  4576 + name: 'Chile',
  4577 + value: 17150.76
  4578 + }, {
  4579 + name: 'China',
  4580 + value: 1359821.465
  4581 + }, {
  4582 + name: 'Ivory Coast',
  4583 + value: 60508.978
  4584 + }, {
  4585 + name: 'Cameroon',
  4586 + value: 20624.343
  4587 + }, {
  4588 + name: 'Democratic Republic of the Congo',
  4589 + value: 62191.161
  4590 + }, {
  4591 + name: 'Republic of the Congo',
  4592 + value: 3573.024
  4593 + }, {
  4594 + name: 'Colombia',
  4595 + value: 46444.798
  4596 + }, {
  4597 + name: 'Costa Rica',
  4598 + value: 4669.685
  4599 + }, {
  4600 + name: 'Cuba',
  4601 + value: 11281.768
  4602 + }, {
  4603 + name: 'Northern Cyprus',
  4604 + value: 1.468
  4605 + }, {
  4606 + name: 'Cyprus',
  4607 + value: 1103.685
  4608 + }, {
  4609 + name: 'Czech Republic',
  4610 + value: 10553.701
  4611 + }, {
  4612 + name: 'Germany',
  4613 + value: 83017.404
  4614 + }, {
  4615 + name: 'Djibouti',
  4616 + value: 834.036
  4617 + }, {
  4618 + name: 'Denmark',
  4619 + value: 5550.959
  4620 + }, {
  4621 + name: 'Dominican Republic',
  4622 + value: 10016.797
  4623 + }, {
  4624 + name: 'Algeria',
  4625 + value: 37062.82
  4626 + }, {
  4627 + name: 'Ecuador',
  4628 + value: 15001.072
  4629 + }, {
  4630 + name: 'Egypt',
  4631 + value: 78075.705
  4632 + }, {
  4633 + name: 'Eritrea',
  4634 + value: 5741.159
  4635 + }, {
  4636 + name: 'Spain',
  4637 + value: 46182.038
  4638 + }, {
  4639 + name: 'Estonia',
  4640 + value: 1298.533
  4641 + }, {
  4642 + name: 'Ethiopia',
  4643 + value: 87095.281
  4644 + }, {
  4645 + name: 'Finland',
  4646 + value: 5367.693
  4647 + }, {
  4648 + name: 'Fiji',
  4649 + value: 860.559
  4650 + }, {
  4651 + name: 'Falkland Islands',
  4652 + value: 49.581
  4653 + }, {
  4654 + name: 'France',
  4655 + value: 63230.866
  4656 + }, {
  4657 + name: 'Gabon',
  4658 + value: 1556.222
  4659 + }, {
  4660 + name: 'United Kingdom',
  4661 + value: 62066.35
  4662 + }, {
  4663 + name: 'Georgia',
  4664 + value: 4388.674
  4665 + }, {
  4666 + name: 'Ghana',
  4667 + value: 24262.901
  4668 + }, {
  4669 + name: 'Guinea',
  4670 + value: 10876.033
  4671 + }, {
  4672 + name: 'Gambia',
  4673 + value: 1680.64
  4674 + }, {
  4675 + name: 'Guinea Bissau',
  4676 + value: 10876.033
  4677 + }, {
  4678 + name: 'Equatorial Guinea',
  4679 + value: 696.167
  4680 + }, {
  4681 + name: 'Greece',
  4682 + value: 11109.999
  4683 + }, {
  4684 + name: 'Greenland',
  4685 + value: 56.546
  4686 + }, {
  4687 + name: 'Guatemala',
  4688 + value: 14341.576
  4689 + }, {
  4690 + name: 'French Guiana',
  4691 + value: 231.169
  4692 + }, {
  4693 + name: 'Guyana',
  4694 + value: 786.126
  4695 + }, {
  4696 + name: 'Honduras',
  4697 + value: 7621.204
  4698 + }, {
  4699 + name: 'Croatia',
  4700 + value: 4338.027
  4701 + }, {
  4702 + name: 'Haiti',
  4703 + value: 9896.4
  4704 + }, {
  4705 + name: 'Hungary',
  4706 + value: 10014.633
  4707 + }, {
  4708 + name: 'Indonesia',
  4709 + value: 240676.485
  4710 + }, {
  4711 + name: 'India',
  4712 + value: 1205624.648
  4713 + }, {
  4714 + name: 'Ireland',
  4715 + value: 4467.561
  4716 + }, {
  4717 + name: 'Iran',
  4718 + value: 240676.485
  4719 + }, {
  4720 + name: 'Iraq',
  4721 + value: 30962.38
  4722 + }, {
  4723 + name: 'Iceland',
  4724 + value: 318.042
  4725 + }, {
  4726 + name: 'Israel',
  4727 + value: 7420.368
  4728 + }, {
  4729 + name: 'Italy',
  4730 + value: 60508.978
  4731 + }, {
  4732 + name: 'Jamaica',
  4733 + value: 2741.485
  4734 + }, {
  4735 + name: 'Jordan',
  4736 + value: 6454.554
  4737 + }, {
  4738 + name: 'Japan',
  4739 + value: 127352.833
  4740 + }, {
  4741 + name: 'Kazakhstan',
  4742 + value: 15921.127
  4743 + }, {
  4744 + name: 'Kenya',
  4745 + value: 40909.194
  4746 + }, {
  4747 + name: 'Kyrgyzstan',
  4748 + value: 5334.223
  4749 + }, {
  4750 + name: 'Cambodia',
  4751 + value: 14364.931
  4752 + }, {
  4753 + name: 'South Korea',
  4754 + value: 51452.352
  4755 + }, {
  4756 + name: 'Kosovo',
  4757 + value: 97.743
  4758 + }, {
  4759 + name: 'Kuwait',
  4760 + value: 2991.58
  4761 + }, {
  4762 + name: 'Laos',
  4763 + value: 6395.713
  4764 + }, {
  4765 + name: 'Lebanon',
  4766 + value: 4341.092
  4767 + }, {
  4768 + name: 'Liberia',
  4769 + value: 3957.99
  4770 + }, {
  4771 + name: 'Libya',
  4772 + value: 6040.612
  4773 + }, {
  4774 + name: 'Sri Lanka',
  4775 + value: 20758.779
  4776 + }, {
  4777 + name: 'Lesotho',
  4778 + value: 2008.921
  4779 + }, {
  4780 + name: 'Lithuania',
  4781 + value: 3068.457
  4782 + }, {
  4783 + name: 'Luxembourg',
  4784 + value: 507.885
  4785 + }, {
  4786 + name: 'Latvia',
  4787 + value: 2090.519
  4788 + }, {
  4789 + name: 'Morocco',
  4790 + value: 31642.36
  4791 + }, {
  4792 + name: 'Moldova',
  4793 + value: 103.619
  4794 + }, {
  4795 + name: 'Madagascar',
  4796 + value: 21079.532
  4797 + }, {
  4798 + name: 'Mexico',
  4799 + value: 117886.404
  4800 + }, {
  4801 + name: 'Macedonia',
  4802 + value: 507.885
  4803 + }, {
  4804 + name: 'Mali',
  4805 + value: 13985.961
  4806 + }, {
  4807 + name: 'Myanmar',
  4808 + value: 51931.231
  4809 + }, {
  4810 + name: 'Montenegro',
  4811 + value: 620.078
  4812 + }, {
  4813 + name: 'Mongolia',
  4814 + value: 2712.738
  4815 + }, {
  4816 + name: 'Mozambique',
  4817 + value: 23967.265
  4818 + }, {
  4819 + name: 'Mauritania',
  4820 + value: 3609.42
  4821 + }, {
  4822 + name: 'Malawi',
  4823 + value: 15013.694
  4824 + }, {
  4825 + name: 'Malaysia',
  4826 + value: 28275.835
  4827 + }, {
  4828 + name: 'Namibia',
  4829 + value: 2178.967
  4830 + }, {
  4831 + name: 'New Caledonia',
  4832 + value: 246.379
  4833 + }, {
  4834 + name: 'Niger',
  4835 + value: 15893.746
  4836 + }, {
  4837 + name: 'Nigeria',
  4838 + value: 159707.78
  4839 + }, {
  4840 + name: 'Nicaragua',
  4841 + value: 5822.209
  4842 + }, {
  4843 + name: 'Netherlands',
  4844 + value: 16615.243
  4845 + }, {
  4846 + name: 'Norway',
  4847 + value: 4891.251
  4848 + }, {
  4849 + name: 'Nepal',
  4850 + value: 26846.016
  4851 + }, {
  4852 + name: 'New Zealand',
  4853 + value: 4368.136
  4854 + }, {
  4855 + name: 'Oman',
  4856 + value: 2802.768
  4857 + }, {
  4858 + name: 'Pakistan',
  4859 + value: 173149.306
  4860 + }, {
  4861 + name: 'Panama',
  4862 + value: 3678.128
  4863 + }, {
  4864 + name: 'Peru',
  4865 + value: 29262.83
  4866 + }, {
  4867 + name: 'Philippines',
  4868 + value: 93444.322
  4869 + }, {
  4870 + name: 'Papua New Guinea',
  4871 + value: 6858.945
  4872 + }, {
  4873 + name: 'Poland',
  4874 + value: 38198.754
  4875 + }, {
  4876 + name: 'Puerto Rico',
  4877 + value: 3709.671
  4878 + }, {
  4879 + name: 'North Korea',
  4880 + value: 1.468
  4881 + }, {
  4882 + name: 'Portugal',
  4883 + value: 10589.792
  4884 + }, {
  4885 + name: 'Paraguay',
  4886 + value: 6459.721
  4887 + }, {
  4888 + name: 'Qatar',
  4889 + value: 1749.713
  4890 + }, {
  4891 + name: 'Romania',
  4892 + value: 21861.476
  4893 + }, {
  4894 + name: 'Russia',
  4895 + value: 21861.476
  4896 + }, {
  4897 + name: 'Rwanda',
  4898 + value: 10836.732
  4899 + }, {
  4900 + name: 'Western Sahara',
  4901 + value: 514.648
  4902 + }, {
  4903 + name: 'Saudi Arabia',
  4904 + value: 27258.387
  4905 + }, {
  4906 + name: 'Sudan',
  4907 + value: 35652.002
  4908 + }, {
  4909 + name: 'South Sudan',
  4910 + value: 9940.929
  4911 + }, {
  4912 + name: 'Senegal',
  4913 + value: 12950.564
  4914 + }, {
  4915 + name: 'Solomon Islands',
  4916 + value: 526.447
  4917 + }, {
  4918 + name: 'Sierra Leone',
  4919 + value: 5751.976
  4920 + }, {
  4921 + name: 'El Salvador',
  4922 + value: 6218.195
  4923 + }, {
  4924 + name: 'Somaliland',
  4925 + value: 9636.173
  4926 + }, {
  4927 + name: 'Somalia',
  4928 + value: 9636.173
  4929 + }, {
  4930 + name: 'Republic of Serbia',
  4931 + value: 3573.024
  4932 + }, {
  4933 + name: 'Suriname',
  4934 + value: 524.96
  4935 + }, {
  4936 + name: 'Slovakia',
  4937 + value: 5433.437
  4938 + }, {
  4939 + name: 'Slovenia',
  4940 + value: 2054.232
  4941 + }, {
  4942 + name: 'Sweden',
  4943 + value: 9382.297
  4944 + }, {
  4945 + name: 'Swaziland',
  4946 + value: 1193.148
  4947 + }, {
  4948 + name: 'Syria',
  4949 + value: 7830.534
  4950 + }, {
  4951 + name: 'Chad',
  4952 + value: 11720.781
  4953 + }, {
  4954 + name: 'Togo',
  4955 + value: 6306.014
  4956 + }, {
  4957 + name: 'Thailand',
  4958 + value: 66402.316
  4959 + }, {
  4960 + name: 'Tajikistan',
  4961 + value: 7627.326
  4962 + }, {
  4963 + name: 'Turkmenistan',
  4964 + value: 5041.995
  4965 + }, {
  4966 + name: 'East Timor',
  4967 + value: 10016.797
  4968 + }, {
  4969 + name: 'Trinidad and Tobago',
  4970 + value: 1328.095
  4971 + }, {
  4972 + name: 'Tunisia',
  4973 + value: 10631.83
  4974 + }, {
  4975 + name: 'Turkey',
  4976 + value: 72137.546
  4977 + }, {
  4978 + name: 'United Republic of Tanzania',
  4979 + value: 44973.33
  4980 + }, {
  4981 + name: 'Uganda',
  4982 + value: 33987.213
  4983 + }, {
  4984 + name: 'Ukraine',
  4985 + value: 46050.22
  4986 + }, {
  4987 + name: 'Uruguay',
  4988 + value: 3371.982
  4989 + }, {
  4990 + name: 'United States of America',
  4991 + value: 312247.116
  4992 + }, {
  4993 + name: 'Uzbekistan',
  4994 + value: 27769.27
  4995 + }, {
  4996 + name: 'Venezuela',
  4997 + value: 236.299
  4998 + }, {
  4999 + name: 'Vietnam',
  5000 + value: 89047.397
  5001 + }, {
  5002 + name: 'Vanuatu',
  5003 + value: 236.299
  5004 + }, {
  5005 + name: 'West Bank',
  5006 + value: 13.565
  5007 + }, {
  5008 + name: 'Yemen',
  5009 + value: 22763.008
  5010 + }, {
  5011 + name: 'South Africa',
  5012 + value: 51452.352
  5013 + }, {
  5014 + name: 'Zambia',
  5015 + value: 13216.985
  5016 + }, {
  5017 + name: 'Zimbabwe',
  5018 + value: 13076.978
  5019 + }]
  5020 + }]
  5021 + });
  5022 +
  5023 + }
  5024 +
  5025 + }
  5026 +
  5027 +
  5028 + $(document).ready(function() {
  5029 +
  5030 + init_sparklines();
  5031 + init_flot_chart();
  5032 + init_sidebar();
  5033 + init_wysiwyg();
  5034 + init_InputMask();
  5035 + init_JQVmap();
  5036 +// init_cropper();
  5037 + init_knob();
  5038 + init_IonRangeSlider();
  5039 + init_ColorPicker();
  5040 + init_TagsInput();
  5041 + init_parsley();
  5042 + init_daterangepicker();
  5043 + init_daterangepicker_right();
  5044 + init_daterangepicker_single_call();
  5045 + init_daterangepicker_reservation();
  5046 + init_SmartWizard();
  5047 + init_EasyPieChart();
  5048 + init_charts();
  5049 + init_echarts();
  5050 + init_morris_charts();
  5051 + init_skycons();
  5052 + init_select2();
  5053 + init_validator();
  5054 + init_DataTables();
  5055 + init_chart_doughnut();
  5056 + init_gauge();
  5057 +// init_PNotify();
  5058 + init_starrr();
  5059 + init_calendar();
  5060 + init_compose();
  5061 + init_CustomNotification();
  5062 + init_autosize();
  5063 + init_autocomplete();
  5064 +
  5065 + });
  5066 +
  5067 +
... ...
backend/config/main.php
... ... @@ -12,8 +12,40 @@
12 12 'basePath' => dirname(__DIR__),
13 13 'controllerNamespace' => 'backend\controllers',
14 14 'bootstrap' => [ 'log' ],
15   - 'modules' => [],
  15 + 'modules' => [
  16 + 'imagemanager' => [
  17 + 'class' => 'noam148\imagemanager\Module',
  18 + 'canUploadImage' => true,
  19 + 'canRemoveImage' => function(){
  20 + return true;
  21 + },
  22 + 'setBlameableBehavior' => false,
  23 + 'cssFiles' => [
  24 + 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css',
  25 + ],
  26 + ],
  27 + ],
16 28 'components' => [
  29 + 'assetManager' => [
  30 + 'bundles' => [
  31 + 'yiister\gentelella\assets\ThemeAsset' => [
  32 + 'sourcePath' => '@backend/assets/',
  33 + 'js' => [
  34 + 'js/custom.js',
  35 + ],
  36 + 'css' => [
  37 + 'css/custom.css',
  38 + ],
  39 + ],
  40 + ],
  41 + ],
  42 + 'imagemanager' => [
  43 + 'class' => 'noam148\imagemanager\components\ImageManagerGetPath',
  44 + 'mediaPath' => dirname(dirname(__DIR__)) . '/storage',
  45 + 'cachePath' => 'assets/images',
  46 + 'useFilename' => true,
  47 + 'absoluteUrl' => false,
  48 + ],
17 49 'request' => [
18 50 'csrfParam' => '_csrf-backend',
19 51 'baseUrl' => '/admin',
... ...
composer.json
... ... @@ -20,7 +20,8 @@
20 20 "yiisoft/yii2-swiftmailer": "~2.0.0",
21 21 "insolita/yii2-migration-generator": "~2.2",
22 22 "yiister/yii2-gentelella": "~1.0",
23   - "hiqdev/yii2-asset-icheck": "1.0.2.5"
  23 + "hiqdev/yii2-asset-icheck": "1.0.2.5",
  24 + "noam148/yii2-image-manager": "*"
24 25 },
25 26 "require-dev": {
26 27 "yiisoft/yii2-debug": "~2.0.0",
... ...
composer.lock
... ... @@ -4,8 +4,8 @@
4 4 "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#composer-lock-the-lock-file",
5 5 "This file is @generated automatically"
6 6 ],
7   - "hash": "fe31b8499db20097973cd4c82a007cc0",
8   - "content-hash": "f7f7e3d4345571ee94a71c4e93204b09",
  7 + "hash": "ccf577a6826f86b5814556c1ea21a85f",
  8 + "content-hash": "685ccd30ba9a1c6c4687729314641cdf",
9 9 "packages": [
10 10 {
11 11 "name": "bower-asset/bootstrap",
... ... @@ -574,6 +574,63 @@
574 574 "time": "2016-03-30 10:59:26"
575 575 },
576 576 {
  577 + "name": "imagine/imagine",
  578 + "version": "v0.6.3",
  579 + "source": {
  580 + "type": "git",
  581 + "url": "https://github.com/avalanche123/Imagine.git",
  582 + "reference": "149041d2a1b517107bfe270ca2b1a17aa341715d"
  583 + },
  584 + "dist": {
  585 + "type": "zip",
  586 + "url": "https://api.github.com/repos/avalanche123/Imagine/zipball/149041d2a1b517107bfe270ca2b1a17aa341715d",
  587 + "reference": "149041d2a1b517107bfe270ca2b1a17aa341715d",
  588 + "shasum": ""
  589 + },
  590 + "require": {
  591 + "php": ">=5.3.2"
  592 + },
  593 + "require-dev": {
  594 + "sami/sami": "dev-master"
  595 + },
  596 + "suggest": {
  597 + "ext-gd": "to use the GD implementation",
  598 + "ext-gmagick": "to use the Gmagick implementation",
  599 + "ext-imagick": "to use the Imagick implementation"
  600 + },
  601 + "type": "library",
  602 + "extra": {
  603 + "branch-alias": {
  604 + "dev-develop": "0.7-dev"
  605 + }
  606 + },
  607 + "autoload": {
  608 + "psr-0": {
  609 + "Imagine": "lib/"
  610 + }
  611 + },
  612 + "notification-url": "https://packagist.org/downloads/",
  613 + "license": [
  614 + "MIT"
  615 + ],
  616 + "authors": [
  617 + {
  618 + "name": "Bulat Shakirzyanov",
  619 + "email": "mallluhuct@gmail.com",
  620 + "homepage": "http://avalanche123.com"
  621 + }
  622 + ],
  623 + "description": "Image processing for PHP 5.3",
  624 + "homepage": "http://imagine.readthedocs.org/",
  625 + "keywords": [
  626 + "drawing",
  627 + "graphics",
  628 + "image manipulation",
  629 + "image processing"
  630 + ],
  631 + "time": "2015-09-19 16:54:05"
  632 + },
  633 + {
577 634 "name": "insolita/yii2-migration-generator",
578 635 "version": "2.2.9",
579 636 "source": {
... ... @@ -620,6 +677,260 @@
620 677 "time": "2017-02-03 01:23:24"
621 678 },
622 679 {
  680 + "name": "kartik-v/bootstrap-fileinput",
  681 + "version": "v4.3.8",
  682 + "source": {
  683 + "type": "git",
  684 + "url": "https://github.com/kartik-v/bootstrap-fileinput.git",
  685 + "reference": "219447a8c21b1c82e534dc2e6a73386933fc9c5e"
  686 + },
  687 + "dist": {
  688 + "type": "zip",
  689 + "url": "https://api.github.com/repos/kartik-v/bootstrap-fileinput/zipball/219447a8c21b1c82e534dc2e6a73386933fc9c5e",
  690 + "reference": "219447a8c21b1c82e534dc2e6a73386933fc9c5e",
  691 + "shasum": ""
  692 + },
  693 + "type": "library",
  694 + "extra": {
  695 + "branch-alias": {
  696 + "dev-master": "4.3.x-dev"
  697 + }
  698 + },
  699 + "autoload": {
  700 + "psr-4": {
  701 + "kartik\\plugins\\fileinput\\": ""
  702 + }
  703 + },
  704 + "notification-url": "https://packagist.org/downloads/",
  705 + "license": [
  706 + "BSD-3-Clause"
  707 + ],
  708 + "authors": [
  709 + {
  710 + "name": "Kartik Visweswaran",
  711 + "email": "kartikv2@gmail.com",
  712 + "homepage": "http://www.krajee.com/"
  713 + }
  714 + ],
  715 + "description": "An enhanced HTML 5 file input for Bootstrap 3.x with features for file preview for many file types, multiple selection, ajax uploads, and more.",
  716 + "homepage": "https://github.com/kartik-v/bootstrap-fileinput",
  717 + "keywords": [
  718 + "ajax",
  719 + "bootstrap",
  720 + "delete",
  721 + "file",
  722 + "image",
  723 + "input",
  724 + "jquery",
  725 + "multiple",
  726 + "preview",
  727 + "progress",
  728 + "upload"
  729 + ],
  730 + "time": "2017-02-21 06:45:16"
  731 + },
  732 + {
  733 + "name": "kartik-v/yii2-krajee-base",
  734 + "version": "v1.8.8",
  735 + "source": {
  736 + "type": "git",
  737 + "url": "https://github.com/kartik-v/yii2-krajee-base.git",
  738 + "reference": "2479241c03c87995cfc528ae7b297f5ae9e733cb"
  739 + },
  740 + "dist": {
  741 + "type": "zip",
  742 + "url": "https://api.github.com/repos/kartik-v/yii2-krajee-base/zipball/2479241c03c87995cfc528ae7b297f5ae9e733cb",
  743 + "reference": "2479241c03c87995cfc528ae7b297f5ae9e733cb",
  744 + "shasum": ""
  745 + },
  746 + "require": {
  747 + "yiisoft/yii2-bootstrap": "@dev"
  748 + },
  749 + "type": "yii2-extension",
  750 + "extra": {
  751 + "branch-alias": {
  752 + "dev-master": "1.8.x-dev"
  753 + }
  754 + },
  755 + "autoload": {
  756 + "psr-4": {
  757 + "kartik\\base\\": ""
  758 + }
  759 + },
  760 + "notification-url": "https://packagist.org/downloads/",
  761 + "license": [
  762 + "BSD-3-Clause"
  763 + ],
  764 + "authors": [
  765 + {
  766 + "name": "Kartik Visweswaran",
  767 + "email": "kartikv2@gmail.com",
  768 + "homepage": "http://www.krajee.com/"
  769 + }
  770 + ],
  771 + "description": "Base library and foundation components for all Yii2 Krajee extensions.",
  772 + "homepage": "https://github.com/kartik-v/yii2-krajee-base",
  773 + "keywords": [
  774 + "base",
  775 + "extension",
  776 + "foundation",
  777 + "krajee",
  778 + "widget",
  779 + "yii2"
  780 + ],
  781 + "time": "2017-02-22 05:58:53"
  782 + },
  783 + {
  784 + "name": "kartik-v/yii2-widget-fileinput",
  785 + "version": "v1.0.5",
  786 + "source": {
  787 + "type": "git",
  788 + "url": "https://github.com/kartik-v/yii2-widget-fileinput.git",
  789 + "reference": "3b8f6819f2cd01becff5251b8b952ac3e57b903a"
  790 + },
  791 + "dist": {
  792 + "type": "zip",
  793 + "url": "https://api.github.com/repos/kartik-v/yii2-widget-fileinput/zipball/3b8f6819f2cd01becff5251b8b952ac3e57b903a",
  794 + "reference": "3b8f6819f2cd01becff5251b8b952ac3e57b903a",
  795 + "shasum": ""
  796 + },
  797 + "require": {
  798 + "kartik-v/bootstrap-fileinput": "~4.2",
  799 + "kartik-v/yii2-krajee-base": "~1.7"
  800 + },
  801 + "type": "yii2-extension",
  802 + "extra": {
  803 + "branch-alias": {
  804 + "dev-master": "1.0.x-dev"
  805 + }
  806 + },
  807 + "autoload": {
  808 + "psr-4": {
  809 + "kartik\\file\\": ""
  810 + }
  811 + },
  812 + "notification-url": "https://packagist.org/downloads/",
  813 + "license": [
  814 + "BSD-3-Clause"
  815 + ],
  816 + "authors": [
  817 + {
  818 + "name": "Kartik Visweswaran",
  819 + "email": "kartikv2@gmail.com",
  820 + "homepage": "http://www.krajee.com/"
  821 + }
  822 + ],
  823 + "description": "An enhanced FileInput widget for Bootstrap 3.x with file preview, multiple selection, and more features (sub repo split from yii2-widgets)",
  824 + "homepage": "https://github.com/kartik-v/yii2-widget-fileinput",
  825 + "keywords": [
  826 + "extension",
  827 + "file",
  828 + "form",
  829 + "input",
  830 + "jquery",
  831 + "plugin",
  832 + "upload",
  833 + "widget",
  834 + "yii2"
  835 + ],
  836 + "time": "2016-06-16 06:53:01"
  837 + },
  838 + {
  839 + "name": "noam148/yii2-image-manager",
  840 + "version": "1.2.1",
  841 + "source": {
  842 + "type": "git",
  843 + "url": "https://github.com/noam148/yii2-image-manager.git",
  844 + "reference": "fa1b8d9c405dec2404065d472105b77e783880ed"
  845 + },
  846 + "dist": {
  847 + "type": "zip",
  848 + "url": "https://api.github.com/repos/noam148/yii2-image-manager/zipball/fa1b8d9c405dec2404065d472105b77e783880ed",
  849 + "reference": "fa1b8d9c405dec2404065d472105b77e783880ed",
  850 + "shasum": ""
  851 + },
  852 + "require": {
  853 + "kartik-v/yii2-widget-fileinput": "@dev",
  854 + "noam148/yii2-image-resize": "*",
  855 + "yiisoft/yii2": "*"
  856 + },
  857 + "type": "yii2-extension",
  858 + "autoload": {
  859 + "psr-4": {
  860 + "noam148\\imagemanager\\": ""
  861 + }
  862 + },
  863 + "notification-url": "https://packagist.org/downloads/",
  864 + "license": [
  865 + "BSD-3-Clause"
  866 + ],
  867 + "authors": [
  868 + {
  869 + "name": "Noam148",
  870 + "homepage": "https://github.com/noam148/"
  871 + }
  872 + ],
  873 + "description": "A Yii2 module/widget for upload and cropping images",
  874 + "homepage": "https://github.com/noam148/yii2-image-manager",
  875 + "keywords": [
  876 + "crop",
  877 + "extension",
  878 + "image",
  879 + "manager",
  880 + "module",
  881 + "upload",
  882 + "widget",
  883 + "yii2"
  884 + ],
  885 + "time": "2017-02-23 14:49:07"
  886 + },
  887 + {
  888 + "name": "noam148/yii2-image-resize",
  889 + "version": "1.0.1",
  890 + "source": {
  891 + "type": "git",
  892 + "url": "https://github.com/noam148/yii2-image-resize.git",
  893 + "reference": "75796bdbe9bd66e23f8aff9d44ab431936a5a15e"
  894 + },
  895 + "dist": {
  896 + "type": "zip",
  897 + "url": "https://api.github.com/repos/noam148/yii2-image-resize/zipball/75796bdbe9bd66e23f8aff9d44ab431936a5a15e",
  898 + "reference": "75796bdbe9bd66e23f8aff9d44ab431936a5a15e",
  899 + "shasum": ""
  900 + },
  901 + "require": {
  902 + "yiisoft/yii2": "*",
  903 + "yiisoft/yii2-imagine": "*"
  904 + },
  905 + "type": "yii2-extension",
  906 + "autoload": {
  907 + "psr-4": {
  908 + "noam148\\imageresize\\": ""
  909 + }
  910 + },
  911 + "notification-url": "https://packagist.org/downloads/",
  912 + "license": [
  913 + "BSD-3-Clause"
  914 + ],
  915 + "authors": [
  916 + {
  917 + "name": "Noam148",
  918 + "homepage": "https://github.com/noam148/"
  919 + }
  920 + ],
  921 + "description": "A Yii2 component for resizing images (on the fly)",
  922 + "homepage": "https://github.com/noam148/yii2-image-resize",
  923 + "keywords": [
  924 + "component",
  925 + "extension",
  926 + "image",
  927 + "on-the-fly",
  928 + "resize",
  929 + "yii2"
  930 + ],
  931 + "time": "2016-11-29 18:17:37"
  932 + },
  933 + {
623 934 "name": "rmrevin/yii2-fontawesome",
624 935 "version": "2.17.1",
625 936 "source": {
... ... @@ -926,6 +1237,54 @@
926 1237 "time": "2016-12-20 13:26:02"
927 1238 },
928 1239 {
  1240 + "name": "yiisoft/yii2-imagine",
  1241 + "version": "2.1.0",
  1242 + "source": {
  1243 + "type": "git",
  1244 + "url": "https://github.com/yiisoft/yii2-imagine.git",
  1245 + "reference": "59dcd0b43c2b0e5495c7e5c0320e2cbc1cd57411"
  1246 + },
  1247 + "dist": {
  1248 + "type": "zip",
  1249 + "url": "https://api.github.com/repos/yiisoft/yii2-imagine/zipball/59dcd0b43c2b0e5495c7e5c0320e2cbc1cd57411",
  1250 + "reference": "59dcd0b43c2b0e5495c7e5c0320e2cbc1cd57411",
  1251 + "shasum": ""
  1252 + },
  1253 + "require": {
  1254 + "imagine/imagine": "~0.6.0",
  1255 + "yiisoft/yii2": "~2.0.0"
  1256 + },
  1257 + "type": "yii2-extension",
  1258 + "extra": {
  1259 + "branch-alias": {
  1260 + "dev-master": "2.0.x-dev"
  1261 + }
  1262 + },
  1263 + "autoload": {
  1264 + "psr-4": {
  1265 + "yii\\imagine\\": ""
  1266 + }
  1267 + },
  1268 + "notification-url": "https://packagist.org/downloads/",
  1269 + "license": [
  1270 + "BSD-3-Clause"
  1271 + ],
  1272 + "authors": [
  1273 + {
  1274 + "name": "Antonio Ramirez",
  1275 + "email": "amigo.cobos@gmail.com"
  1276 + }
  1277 + ],
  1278 + "description": "The Imagine integration for the Yii framework",
  1279 + "keywords": [
  1280 + "helper",
  1281 + "image",
  1282 + "imagine",
  1283 + "yii2"
  1284 + ],
  1285 + "time": "2016-11-03 19:28:39"
  1286 + },
  1287 + {
929 1288 "name": "yiisoft/yii2-swiftmailer",
930 1289 "version": "2.0.6",
931 1290 "source": {
... ...