Click to Chat for WhatsApp Chat - Version 1.5

Version Description

  • Initial message - {{url}} placeholder
  • new style - Add own Image
  • Hide Style based on Device in shotcodes
Download this release

Release Info

Developer bhvreddy
Plugin Icon 128x128 Click to Chat for WhatsApp Chat
Version 1.5
Comparing to
See all releases

Code changes from version 1.4 to 1.5

Files changed (40) hide show
  1. admin/admin.php +4 -4
  2. admin/class-ccw-admin-page-customize-styles.php +87 -127
  3. admin/class-ccw-admin-page.php +49 -100
  4. admin/default-values.php +8 -0
  5. assets/css/admin_mainstyles.css +4328 -4328
  6. assets/css/mainstyles.css +1 -1
  7. assets/css/mdstyles.css +0 -2820
  8. assets/css/required/mdstyles.css +867 -0
  9. assets/js/admin_mainstyles.js +2 -2
  10. assets/js/mdstyles.js +0 -75
  11. click-to-chat.php +1 -1
  12. inc/class-ccw-add-styles-scripts.php +7 -2
  13. inc/class-ccw-shortcode.php +58 -9
  14. inc/{class-ht_ccw-chat.php → class-ht-ccw-chat.php} +2 -2
  15. inc/class-ht-ccw.php +2 -2
  16. inc/commons/styles-list-sc/sc-style-1.php +2 -2
  17. inc/commons/styles-list-sc/sc-style-2.php +1 -1
  18. inc/commons/styles-list-sc/sc-style-3.php +1 -1
  19. inc/commons/styles-list-sc/sc-style-4.1.php +2 -2
  20. inc/commons/styles-list-sc/sc-style-4.php +2 -2
  21. inc/commons/styles-list-sc/sc-style-5.php +2 -2
  22. inc/commons/styles-list-sc/sc-style-6.php +2 -2
  23. inc/commons/styles-list-sc/sc-style-7.php +2 -2
  24. inc/commons/styles-list-sc/sc-style-8.1.php +2 -2
  25. inc/commons/styles-list-sc/sc-style-8.php +3 -3
  26. inc/commons/styles-list-sc/sc-style-9.php +1 -1
  27. inc/commons/styles-list-sc/sc-style-99.php +40 -0
  28. inc/commons/styles-list/style-1.php +2 -2
  29. inc/commons/styles-list/style-2.php +1 -1
  30. inc/commons/styles-list/style-3.php +1 -1
  31. inc/commons/styles-list/style-4.php +3 -3
  32. inc/commons/styles-list/style-5.php +2 -2
  33. inc/commons/styles-list/style-6.php +2 -2
  34. inc/commons/styles-list/style-7.php +2 -2
  35. inc/commons/styles-list/style-8.php +3 -3
  36. inc/commons/styles-list/style-9.php +1 -1
  37. inc/commons/styles-list/style-99.php +52 -0
  38. inc/commons/styles-list/style-new-plan.php +0 -39
  39. inc/commons/styles.php +34 -9
  40. readme.txt +19 -7
admin/admin.php CHANGED
@@ -24,8 +24,8 @@ require_once('class-ccw-admin-page-customize-styles.php');
24
 
25
 
26
  // as translation text added only in admin - so done here
27
- function load_ht_ccw_textdomain() {
28
- load_plugin_textdomain( 'click-to-chat-for-whatsapp', FALSE, HT_CCW_PLUGIN_BASENAME . '/languages/' );
29
- }
30
 
31
- add_action( 'plugins_loaded', 'load_ht_ccw_textdomain' );
24
 
25
 
26
  // as translation text added only in admin - so done here
27
+ // function load_ht_ccw_textdomain() {
28
+ // load_plugin_textdomain( 'click-to-chat-for-whatsapp', FALSE, HT_CCW_PLUGIN_BASENAME . '/languages/' );
29
+ // }
30
 
31
+ // add_action( 'plugins_loaded', 'load_ht_ccw_textdomain' );
admin/class-ccw-admin-page-customize-styles.php CHANGED
@@ -33,6 +33,7 @@ class CCW_Admin_Page_Customize_Styles {
33
  add_settings_field( 'ccw_style_7_cs', 'Style 7', array( $this, 'ccw_style_7_cb' ), 'ccw_options_settings_cs', 'ccw_settings_cs' );
34
  add_settings_field( 'ccw_style_8_cs', 'Style 8', array( $this, 'ccw_style_8_cb' ), 'ccw_options_settings_cs', 'ccw_settings_cs' );
35
  add_settings_field( 'ccw_style_9_cs', 'Style 9', array( $this, 'ccw_style_9_cb' ), 'ccw_options_settings_cs', 'ccw_settings_cs' );
 
36
 
37
 
38
  add_settings_field( 'ccw_animations', 'Animations', array( $this, 'ccw_animations_cb' ), 'ccw_options_settings_cs', 'ccw_settings_cs' );
@@ -649,6 +650,92 @@ class CCW_Admin_Page_Customize_Styles {
649
  }
650
 
651
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
652
 
653
  // Animations
654
  function ccw_animations_cb() {
@@ -744,133 +831,6 @@ class CCW_Admin_Page_Customize_Styles {
744
  }
745
 
746
 
747
-
748
- // if( isset( $input['s1_text_color'] ) )
749
- // $new_input['s1_text_color'] = sanitize_text_field( $input['s1_text_color'] );
750
-
751
- // if( isset( $input['s1_text_color_onfocus'] ) )
752
- // $new_input['s1_text_color_onfocus'] = sanitize_text_field( $input['s1_text_color_onfocus'] );
753
-
754
- // if( isset( $input['s1_border_color'] ) )
755
- // $new_input['s1_border_color'] = sanitize_text_field( $input['s1_border_color'] );
756
-
757
- // if( isset( $input['s1_border_color_onfocus'] ) )
758
- // $new_input['s1_border_color_onfocus'] = sanitize_text_field( $input['s1_border_color_onfocus'] );
759
-
760
- // if( isset( $input['s1_submit_btn_color'] ) )
761
- // $new_input['s1_submit_btn_color'] = sanitize_text_field( $input['s1_submit_btn_color'] );
762
-
763
- // if( isset( $input['s1_submit_btn_text_and_icon_color'] ) )
764
- // $new_input['s1_submit_btn_text_and_icon_color'] = sanitize_text_field( $input['s1_submit_btn_text_and_icon_color'] );
765
-
766
- // if( isset( $input['s1_width'] ) )
767
- // $new_input['s1_width'] = sanitize_text_field( $input['s1_width'] );
768
-
769
- // if( isset( $input['s2_text_color'] ) )
770
- // $new_input['s2_text_color'] = sanitize_text_field( $input['s2_text_color'] );
771
-
772
- // if( isset( $input['s2_text_color_onhover'] ) )
773
- // $new_input['s2_text_color_onhover'] = sanitize_text_field( $input['s2_text_color_onhover'] );
774
-
775
- // if( isset( $input['s2_decoration'] ) )
776
- // $new_input['s2_decoration'] = sanitize_text_field( $input['s2_decoration'] );
777
-
778
- // if( isset( $input['s2_decoration_onhover'] ) )
779
- // $new_input['s2_decoration_onhover'] = sanitize_text_field( $input['s2_decoration_onhover'] );
780
-
781
- // if( isset( $input['s3_icon_size'] ) )
782
- // $new_input['s3_icon_size'] = sanitize_text_field( $input['s3_icon_size'] );
783
-
784
- // if( isset( $input['s4_text_color'] ) )
785
- // $new_input['s4_text_color'] = sanitize_text_field( $input['s4_text_color'] );
786
-
787
- // if( isset( $input['s4_background_color'] ) )
788
- // $new_input['s4_background_color'] = sanitize_text_field( $input['s4_background_color'] );
789
-
790
- // if( isset( $input['s5_color'] ) )
791
- // $new_input['s5_color'] = sanitize_text_field( $input['s5_color'] );
792
-
793
- // if( isset( $input['s5_hover_color'] ) )
794
- // $new_input['s5_hover_color'] = sanitize_text_field( $input['s5_hover_color'] );
795
-
796
- // if( isset( $input['s5_icon_size'] ) )
797
- // $new_input['s5_icon_size'] = sanitize_text_field( $input['s5_icon_size'] );
798
-
799
- // if( isset( $input['s6_color'] ) )
800
- // $new_input['s6_color'] = sanitize_text_field( $input['s6_color'] );
801
-
802
- // if( isset( $input['s6_hover_color'] ) )
803
- // $new_input['s6_hover_color'] = sanitize_text_field( $input['s6_hover_color'] );
804
-
805
- // if( isset( $input['s6_icon_size'] ) )
806
- // $new_input['s6_icon_size'] = sanitize_text_field( $input['s6_icon_size'] );
807
-
808
- // if( isset( $input['s6_circle_background_color'] ) )
809
- // $new_input['s6_circle_background_color'] = sanitize_text_field( $input['s6_circle_background_color'] );
810
-
811
- // if( isset( $input['s6_circle_background_hover_color'] ) )
812
- // $new_input['s6_circle_background_hover_color'] = sanitize_text_field( $input['s6_circle_background_hover_color'] );
813
-
814
- // if( isset( $input['s6_circle_height'] ) )
815
- // $new_input['s6_circle_height'] = sanitize_text_field( $input['s6_circle_height'] );
816
-
817
- // if( isset( $input['s6_circle_width'] ) )
818
- // $new_input['s6_circle_width'] = sanitize_text_field( $input['s6_circle_width'] );
819
-
820
- // if( isset( $input['s6_line_height'] ) )
821
- // $new_input['s6_line_height'] = sanitize_text_field( $input['s6_line_height'] );
822
-
823
- // if( isset( $input['s7_color'] ) )
824
- // $new_input['s7_color'] = sanitize_text_field( $input['s7_color'] );
825
-
826
- // if( isset( $input['s7_hover_color'] ) )
827
- // $new_input['s7_hover_color'] = sanitize_text_field( $input['s7_hover_color'] );
828
-
829
- // if( isset( $input['s7_icon_size'] ) )
830
- // $new_input['s7_icon_size'] = sanitize_text_field( $input['s7_icon_size'] );
831
-
832
- // if( isset( $input['s7_box_background_color'] ) )
833
- // $new_input['s7_box_background_color'] = sanitize_text_field( $input['s7_box_background_color'] );
834
-
835
- // if( isset( $input['s7_box_background_hover_color'] ) )
836
- // $new_input['s7_box_background_hover_color'] = sanitize_text_field( $input['s7_box_background_hover_color'] );
837
-
838
- // if( isset( $input['s7_box_height'] ) )
839
- // $new_input['s7_box_height'] = sanitize_text_field( $input['s7_box_height'] );
840
-
841
- // if( isset( $input['s7_box_width'] ) )
842
- // $new_input['s7_box_width'] = sanitize_text_field( $input['s7_box_width'] );
843
-
844
- // if( isset( $input['s7_line_height'] ) )
845
- // $new_input['s7_line_height'] = sanitize_text_field( $input['s7_line_height'] );
846
-
847
- // if( isset( $input['s8_text_color'] ) )
848
- // $new_input['s8_text_color'] = sanitize_text_field( $input['s8_text_color'] );
849
-
850
- // if( isset( $input['s8_background_color'] ) )
851
- // $new_input['s8_background_color'] = sanitize_text_field( $input['s8_background_color'] );
852
-
853
- // if( isset( $input['s8_icon_color'] ) )
854
- // $new_input['s8_icon_color'] = sanitize_text_field( $input['s8_icon_color'] );
855
-
856
- // if( isset( $input['s8_text_color_onhover'] ) )
857
- // $new_input['s8_text_color_onhover'] = sanitize_text_field( $input['s8_text_color_onhover'] );
858
-
859
- // if( isset( $input['s8_background_color_onhover'] ) )
860
- // $new_input['s8_background_color_onhover'] = sanitize_text_field( $input['s8_background_color_onhover'] );
861
-
862
- // if( isset( $input['s8_icon_color_onhover'] ) )
863
- // $new_input['s8_icon_color_onhover'] = sanitize_text_field( $input['s8_icon_color_onhover'] );
864
-
865
- // if( isset( $input['s8_icon_float'] ) )
866
- // $new_input['s8_icon_float'] = sanitize_text_field( $input['s8_icon_float'] );
867
-
868
- // if( isset( $input['s8_1_width'] ) )
869
- // $new_input['s8_1_width'] = sanitize_text_field( $input['s8_1_width'] );
870
-
871
- // if( isset( $input['s9_icon_size'] ) )
872
- // $new_input['s9_icon_size'] = sanitize_text_field( $input['s9_icon_size'] );
873
-
874
  return $new_input;
875
  }
876
 
33
  add_settings_field( 'ccw_style_7_cs', 'Style 7', array( $this, 'ccw_style_7_cb' ), 'ccw_options_settings_cs', 'ccw_settings_cs' );
34
  add_settings_field( 'ccw_style_8_cs', 'Style 8', array( $this, 'ccw_style_8_cb' ), 'ccw_options_settings_cs', 'ccw_settings_cs' );
35
  add_settings_field( 'ccw_style_9_cs', 'Style 9', array( $this, 'ccw_style_9_cb' ), 'ccw_options_settings_cs', 'ccw_settings_cs' );
36
+ add_settings_field( 'ccw_style_99_own_img_cs', 'Style 99 own Image', array( $this, 'ccw_style_99_own_img_cb' ), 'ccw_options_settings_cs', 'ccw_settings_cs' );
37
 
38
 
39
  add_settings_field( 'ccw_animations', 'Animations', array( $this, 'ccw_animations_cb' ), 'ccw_options_settings_cs', 'ccw_settings_cs' );
650
  }
651
 
652
 
653
+ // style - 99 - own image
654
+ function ccw_style_99_own_img_cb() {
655
+ $ccw_style_99_own_img = get_option('ccw_options_cs');
656
+ ?>
657
+ <ul class="collapsible" data-collapsible="accordion">
658
+ <li>
659
+ <div class="collapsible-header">Style 99 - own Image / GIF ( beta )</div>
660
+ <div class="collapsible-body">
661
+
662
+
663
+ <div class="row">
664
+ <div class="input-field col s12">
665
+ <input name="ccw_options_cs[s99_desktop_img]" value="<?php echo esc_attr( $ccw_style_99_own_img['s99_desktop_img'] ) ?>" id="img-url" type="text" class="validate">
666
+ <label for="img-url"><?php _e( 'Image URL - Desktop' , 'click-to-chat-for-whatsapp' ) ?> </label>
667
+ <p class="description">e.g. https://example.com/img.png - <a target="_blank" href="https://holithemes.com/whatsapp-chat/style-99-own-image/"><?php _e( 'own image - style 99' , 'click-to-chat-for-whatsapp' ) ?></a> </p>
668
+ <p class="description">Image / GIF </p>
669
+ </div>
670
+ </div>
671
+
672
+ <div class="row">
673
+ <div class="input-field col s12">
674
+ <input name="ccw_options_cs[s99_mobile_img]" value="<?php echo esc_attr( $ccw_style_99_own_img['s99_mobile_img'] ) ?>" id="img-url" type="text" class="validate">
675
+ <label for="img-url"><?php _e( 'Image URL - Mobile' , 'click-to-chat-for-whatsapp' ) ?> </label>
676
+ <p class="description">e.g. https://example.com/img.png - <a target="_blank" href="https://holithemes.com/whatsapp-chat/style-99-own-image/"><?php _e( 'own image - style 99' , 'click-to-chat-for-whatsapp' ) ?></a> </p>
677
+ </div>
678
+ </div>
679
+
680
+ <br><hr><br>
681
+ <p class="description">Instead of changing the Heigth, Width - Add Image with pefect size, and keep this field blank </p>
682
+ <p class="description">If not then add only height or width for better result ( Heigth preferred ) <a target="_blank" href="https://holithemes.com/whatsapp-chat/style-99-own-image/"><?php _e( 'own image - style 99' , 'click-to-chat-for-whatsapp' ) ?></a> </p>
683
+ <br>
684
+
685
+ <div class="row">
686
+ <div class="col s6">
687
+ <p><?php _e( 'Desktop - Image Height' , 'click-to-chat-for-whatsapp' ) ?></p>
688
+ </div>
689
+ <div class="input-field col s4">
690
+ <input name="ccw_options_cs[s99_img_height_desktop]" value="<?php echo esc_attr( $ccw_style_99_own_img['s99_img_height_desktop'] ) ?>" type="text" class="" >
691
+ </div>
692
+ </div>
693
+
694
+ <div class="row">
695
+ <div class="col s6">
696
+ <p><?php _e( 'Desktop - Image Width' , 'click-to-chat-for-whatsapp' ) ?></p>
697
+ </div>
698
+ <div class="input-field col s4">
699
+ <input name="ccw_options_cs[s99_img_width_desktop]" value="<?php echo esc_attr( $ccw_style_99_own_img['s99_img_width_desktop'] ) ?>" type="text" class="" >
700
+ </div>
701
+ </div>
702
+
703
+
704
+ <div class="row">
705
+ <div class="col s6">
706
+ <p><?php _e( 'Mobile - Image Height' , 'click-to-chat-for-whatsapp' ) ?></p>
707
+ </div>
708
+ <div class="input-field col s4">
709
+ <input name="ccw_options_cs[s99_img_height_mobile]" value="<?php echo esc_attr( $ccw_style_99_own_img['s99_img_height_mobile'] ) ?>" type="text" class="" >
710
+ </div>
711
+ </div>
712
+
713
+ <div class="row">
714
+ <div class="col s6">
715
+ <p><?php _e( 'Mobile - Image Width' , 'click-to-chat-for-whatsapp' ) ?></p>
716
+ </div>
717
+ <div class="input-field col s4">
718
+ <input name="ccw_options_cs[s99_img_width_mobile]" value="<?php echo esc_attr( $ccw_style_99_own_img['s99_img_width_mobile'] ) ?>" type="text" class="" >
719
+ </div>
720
+ </div>
721
+
722
+ <p class="description">e.g. 100px </p>
723
+
724
+
725
+
726
+
727
+
728
+
729
+ </div>
730
+ </div>
731
+ </li>
732
+ </ul>
733
+
734
+ <?php
735
+ }
736
+
737
+
738
+
739
 
740
  // Animations
741
  function ccw_animations_cb() {
831
  }
832
 
833
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
834
  return $new_input;
835
  }
836
 
admin/class-ccw-admin-page.php CHANGED
@@ -34,6 +34,8 @@ class CCW_Admin_Page {
34
  add_settings_field( 'ccw_list_id_tohide', __( 'Posts, Pages Id\'s to Hide' , 'click-to-chat-for-whatsapp' ), array( $this, 'ccw_list_id_tohide_cb' ), 'ccw_options_settings', 'ccw_settings' );
35
  add_settings_field( 'ccw_list_cat_tohide', __( 'Categorys to Hide' , 'click-to-chat-for-whatsapp' ), array( $this, 'ccw_list_cat_tohide_cb' ), 'ccw_options_settings', 'ccw_settings' );
36
  add_settings_field( 'ccw_custom_shortcode', __( 'Shortcode name' , 'click-to-chat-for-whatsapp' ), array( $this, 'ccw_custom_shortcode_cb' ), 'ccw_options_settings', 'ccw_settings' );
 
 
37
 
38
  }
39
 
@@ -71,7 +73,7 @@ class CCW_Admin_Page {
71
  <option value="2" <?php echo esc_attr( $ccw_enable_sc['enable_sc'] ) == 2 ? 'SELECTED' : ''; ?> ><?php _e( 'Yes' , 'click-to-chat-for-whatsapp' ) ?></option>
72
  </select>
73
  <label><?php _e( 'enable ShortCodes' , 'click-to-chat-for-whatsapp' ) ?></label>
74
- <p class="description"> <?php _e( 'If Selected - No - then Hides Shortcodes and its syntax' , 'click-to-chat-for-whatsapp' ) ?> - <a target="_blank" href="https://holithemes.com/whatsapp-chat/enable-disable-styles/"><?php _e( 'more info' , 'click-to-chat-for-whatsapp' ) ?></a> </p>
75
  </div>
76
  </div>
77
  <?php
@@ -88,7 +90,7 @@ class CCW_Admin_Page {
88
  <option value="group_chat" <?php echo esc_attr( $ccw_return_type['return_type'] ) == 'group_chat' ? 'SELECTED' : ''; ?> ><?php _e( 'Group chat - Invite' , 'click-to-chat-for-whatsapp' ) ?></option>
89
  </select>
90
  <label><?php _e( 'Default return type - Chat or Group Chat Invite' , 'click-to-chat-for-whatsapp' ) ?></label>
91
- <p class="description"><?php _e( 'Default return type for Floating Style, shortcodes. But for shortcodes can change using shortcode attributes' , 'click-to-chat-for-whatsapp' ) ?> - <a target="_blank" href="https://holithemes.com/whatsapp-chat/return-type-chat-or-group-chat/"><?php _e( 'more info' , 'click-to-chat-for-whatsapp' ) ?></a> </p>
92
  </div>
93
  </div>
94
  <?php
@@ -112,10 +114,11 @@ class CCW_Admin_Page {
112
  <option value="7" <?php echo $style_value == 7 ? 'SELECTED' : ''; ?> >Style-7</option>
113
  <option value="8" <?php echo $style_value == 8 ? 'SELECTED' : ''; ?> >Style-8</option>
114
  <option value="9" <?php echo $style_value == 9 ? 'SELECTED' : ''; ?> >Style-9</option>
 
115
  <option value="0" <?php echo $style_value == 0 ? 'SELECTED' : ''; ?> ><?php _e( 'Hide on Desktop Devices' , 'click-to-chat-for-whatsapp' ) ?></option>
116
  </select>
117
  <label><?php _e( 'Select Style for Destops' , 'click-to-chat-for-whatsapp' ) ?></label>
118
- <p class="description"> - <a target="_blank" href="https://holithemes.com/whatsapp-chat/select-styles/"><?php _e( 'List of syles with images' , 'click-to-chat-for-whatsapp' ) ?></a> </p>
119
  <p class="description"> - <a target="_blank" href="<?php echo admin_url( 'admin.php?page=ccw-edit-styles' ); ?>"><?php _e( 'Customize Styles' , 'click-to-chat-for-whatsapp' ) ?></a> </p>
120
 
121
  </div>
@@ -140,6 +143,7 @@ class CCW_Admin_Page {
140
  <option value="7" <?php echo $style_mobile_value == 7 ? 'SELECTED' : ''; ?> >Style-7</option>
141
  <option value="8" <?php echo $style_mobile_value == 8 ? 'SELECTED' : ''; ?> >Style-8</option>
142
  <option value="9" <?php echo $style_mobile_value == 9 ? 'SELECTED' : ''; ?> >Style-9</option>
 
143
  <option value="0" <?php echo $style_mobile_value == 0 ? 'SELECTED' : ''; ?> ><?php _e( 'Hide on Mobile Devices' , 'click-to-chat-for-whatsapp' ) ?></option>
144
  </select>
145
  <label><?php _e( 'Select Style for Mobile Devices' , 'click-to-chat-for-whatsapp' ) ?></label>
@@ -156,7 +160,7 @@ class CCW_Admin_Page {
156
  <div class="input-field col s12">
157
  <input name="ccw_options[number]" value="<?php echo esc_attr( $ccw_number['number'] ) ?>" id="whatsapp_number" type="text" class="validate input-margin">
158
  <label for="whatsapp_number"><?php _e( 'Enter whatsapp number' , 'click-to-chat-for-whatsapp' ) ?> </label>
159
- <p class="description"><?php _e( 'Enter whatsapp number with country code ( e.g. 916123456789 ) please dont include +, ( here in e.g. 91 is country code 6123456789 is mobile number' , 'click-to-chat-for-whatsapp' ) ?> - <a target="_blank" href="https://holithemes.com/whatsapp-chat/whatsapp-number/"><?php _e( 'more info' , 'click-to-chat-for-whatsapp' ) ?></a> ) </p>
160
  </div>
161
  </div>
162
  <?php
@@ -171,7 +175,7 @@ class CCW_Admin_Page {
171
  <div class="input-field col s12">
172
  <input name="ccw_options[initial]" value="<?php echo esc_attr( $ccw_initial['initial'] ) ?>" id="whatsapp_initial" type="text" class="validate input-margin">
173
  <label for="whatsapp_initial"><?php _e( 'Initial Message' , 'click-to-chat-for-whatsapp' ) ?></label>
174
- <p class="description"><?php _e( 'Initial message ( pre-filled )' , 'click-to-chat-for-whatsapp' ) ?> <a target="_blank" href="https://holithemes.com/whatsapp-chat/pre-filled-message/"><?php _e( 'more info' , 'click-to-chat-for-whatsapp' ) ?></a> </p>
175
  </div>
176
  </div>
177
  <?php
@@ -186,7 +190,7 @@ class CCW_Admin_Page {
186
  <div class="input-field col s12">
187
  <input name="ccw_options[group_id]" value="<?php echo esc_attr( $ccw_group_id['group_id'] ) ?>" id="whatsapp_group_id" type="text" class="validate input-margin">
188
  <label for="whatsapp_group_id"><?php _e( 'whatsapp group ID Extenstion' , 'click-to-chat-for-whatsapp' ) ?> </label>
189
- <p class="description"><?php _e( 'Enter whatsapp Group Id' , 'click-to-chat-for-whatsapp' ) ?> - <a target="_blank" href="https://holithemes.com/whatsapp-chat/find-whatsapp-group-id/"><?php _e( 'more info' , 'click-to-chat-for-whatsapp' ) ?></a> ) </p>
190
  </div>
191
  </div>
192
  <?php
@@ -206,7 +210,7 @@ class CCW_Admin_Page {
206
  <option value="4" <?php echo $ccw_position_value == 4 ? 'SELECTED' : ''; ?> ><?php _e( 'top right' , 'click-to-chat-for-whatsapp' ) ?></option>
207
  </select>
208
  <label><?php _e( 'Fixed position to place' , 'click-to-chat-for-whatsapp' ) ?></label>
209
- <p class="description"><?php _e( ' e.g. 10px - please add css units as suffix, e.g. 10px, 10%, 10rem, 10em' , 'click-to-chat-for-whatsapp' ) ?> .. <a target="_blank" href="https://holithemes.com/whatsapp-chat/position-to-place/"><?php _e( 'more info' , 'click-to-chat-for-whatsapp' ) ?></a> </p>
210
  </div>
211
  </div>
212
 
@@ -267,7 +271,7 @@ class CCW_Admin_Page {
267
  <div class="input-field col s12">
268
  <input name="ccw_options[input_placeholder]" value="<?php echo esc_attr( $ccw_placeholder['input_placeholder'] ) ?>" id="input_placeholder" type="text" class="validate input-margin">
269
  <label for="input_placeholder"><?php _e( 'placeholder value' , 'click-to-chat-for-whatsapp' ) ?></label>
270
- <p class="description"> - <a target="_blank" href="https://holithemes.com/whatsapp-chat/text-to-display/"><?php _e( 'more info' , 'click-to-chat-for-whatsapp' ) ?></a> </p>
271
  </div>
272
  </div>
273
  <?php
@@ -403,7 +407,7 @@ class CCW_Admin_Page {
403
  <?php
404
  }
405
  ?>
406
- <p class="description"><?php _e( 'Check to hide - Hide - Styles - based on type of the page' , 'click-to-chat-for-whatsapp' ) ?> <a target="_blank" href="https://holithemes.com/whatsapp-chat/show-hide-styles-based-on-type-of-the-page/"><?php _e( 'more info' , 'click-to-chat-for-whatsapp' ) ?></a> </p>
407
  <?php
408
  }
409
 
@@ -415,7 +419,7 @@ class CCW_Admin_Page {
415
  <div class="input-field col s12">
416
  <input name="ccw_options[list_hideon_pages]" value="<?php echo esc_attr( $ccw_list_id_tohide['list_hideon_pages'] ) ?>" id="ccw_list_id_tohide" type="text" class="validate input-margin">
417
  <label for="ccw_list_id_tohide">Id's list to Hide - add ',' after each id </label>
418
- <p class="description"> Add Post, Pages, Media - ID's to hide, can add multiple id's separate with comma ( , ) - <a target="_blank" href="https://holithemes.com/whatsapp-chat/show-hide-styles-based-on-id/"><?php _e( 'more info' , 'click-to-chat-for-whatsapp' ) ?></a> </p>
419
  </div>
420
  </div>
421
  <?php
@@ -429,7 +433,7 @@ class CCW_Admin_Page {
429
  <div class="input-field col s12">
430
  <input name="ccw_options[list_hideon_cat]" value="<?php echo esc_attr( $ccw_list_cat_tohide['list_hideon_cat'] ) ?>" id="ccw_list_cat_tohide" type="text" class="validate input-margin">
431
  <label for="ccw_list_cat_tohide"><?php _e( 'Category name\'s to Hide - add \',\' after each category name' , 'click-to-chat-for-whatsapp' ) ?> </label>
432
- <p class="description"><?php _e( 'Category name\'s to hide, can add multiple Categories separate with comma ( , )' , 'click-to-chat-for-whatsapp' ) ?> - <a target="_blank" href="https://holithemes.com/whatsapp-chat/hide-styles-based-on-category/"><?php _e( 'more info' , 'click-to-chat-for-whatsapp' ) ?></a> </p>
433
  </div>
434
  </div>
435
  <?php
@@ -450,116 +454,61 @@ class CCW_Admin_Page {
450
  $shorcode_list .= $key . ', ';
451
  }
452
  ?>
453
- <p class="description"> <?php _e( 'Default values is \'chat\', can customize shortcode name' , 'click-to-chat-for-whatsapp' ) ?> - <a target="_blank" href="https://holithemes.com/whatsapp-chat/change-shortcode-name/"><?php _e( 'more info' , 'click-to-chat-for-whatsapp' ) ?></a> </p>
454
  <p class="description"> <?php _e( 'please dont add this already existing shorcode names' , 'click-to-chat-for-whatsapp' ) ?> - <?php echo $shorcode_list ?> </p>
455
  </div>
456
  </div>
457
  <?php
458
  }
459
 
460
- // Sanitize callback ..
461
- function ccw_options_sanitize( $input ) {
462
-
463
- if ( ! current_user_can( 'manage_options' ) ) {
464
- wp_die( 'not allowed to modify - please contact admin ' );
465
- }
466
-
467
- $new_input = array();
468
-
469
- foreach ($input as $key => $value) {
470
- if( isset( $input[$key] ) ) {
471
- $new_input[$key] = sanitize_text_field( $input[$key] );
472
- }
473
- }
474
-
475
- // if( isset( $input['enable'] ) )
476
- // $new_input['enable'] = sanitize_text_field( $input['enable'] );
477
-
478
- // if( isset( $input['enable_sc'] ) )
479
- // $new_input['enable_sc'] = sanitize_text_field( $input['enable_sc'] );
480
-
481
- // if( isset( $input['number'] ) )
482
- // $new_input['number'] = sanitize_text_field( $input['number'] );
483
 
484
- // if( isset( $input['initial'] ) )
485
- // $new_input['initial'] = sanitize_text_field( $input['initial'] );
486
 
487
- // if( isset( $input['input_placeholder'] ) )
488
- // $new_input['input_placeholder'] = sanitize_text_field( $input['input_placeholder'] );
489
 
490
- // if( isset( $input['position'] ) )
491
- // $new_input['position'] = sanitize_text_field( $input['position'] );
 
492
 
493
- // if( isset( $input['style'] ) )
494
- // $new_input['style'] = sanitize_text_field( $input['style'] );
495
 
496
- // if( isset( $input['stylemobile'] ) )
497
- // $new_input['stylemobile'] = sanitize_text_field( $input['stylemobile'] );
498
-
499
- // if( isset( $input['position-1_bottom'] ) )
500
- // $new_input['position-1_bottom'] = sanitize_text_field( $input['position-1_bottom'] );
 
 
 
 
 
 
 
 
 
 
 
 
 
 
501
 
502
- // if( isset( $input['position-1_right'] ) )
503
- // $new_input['position-1_right'] = sanitize_text_field( $input['position-1_right'] );
504
 
505
- // if( isset( $input['position-2_bottom'] ) )
506
- // $new_input['position-2_bottom'] = sanitize_text_field( $input['position-2_bottom'] );
507
 
508
- // if( isset( $input['position-2_left'] ) )
509
- // $new_input['position-2_left'] = sanitize_text_field( $input['position-2_left'] );
510
 
511
- // if( isset( $input['position-3_top'] ) )
512
- // $new_input['position-3_top'] = sanitize_text_field( $input['position-3_top'] );
513
 
514
- // if( isset( $input['position-3_left'] ) )
515
- // $new_input['position-3_left'] = sanitize_text_field( $input['position-3_left'] );
516
 
517
- // if( isset( $input['position-4_top'] ) )
518
- // $new_input['position-4_top'] = sanitize_text_field( $input['position-4_top'] );
519
 
520
- // if( isset( $input['position-4_right'] ) )
521
- // $new_input['position-4_right'] = sanitize_text_field( $input['position-4_right'] );
522
-
523
- // if( isset( $input['hideon_posts'] ) )
524
- // $new_input['hideon_posts'] = sanitize_text_field( $input['hideon_posts'] );
525
-
526
- // if( isset( $input['hideon_page'] ) )
527
- // $new_input['hideon_page'] = sanitize_text_field( $input['hideon_page'] );
528
-
529
- // if( isset( $input['hideon_homepage'] ) )
530
- // $new_input['hideon_homepage'] = sanitize_text_field( $input['hideon_homepage'] );
531
-
532
- // if( isset( $input['hideon_frontpage'] ) )
533
- // $new_input['hideon_frontpage'] = sanitize_text_field( $input['hideon_frontpage'] );
534
 
535
- // if( isset( $input['hideon_category'] ) )
536
- // $new_input['hideon_category'] = sanitize_text_field( $input['hideon_category'] );
537
-
538
- // if( isset( $input['hideon_archive'] ) )
539
- // $new_input['hideon_archive'] = sanitize_text_field( $input['hideon_archive'] );
540
-
541
- // if( isset( $input['hideon_404'] ) )
542
- // $new_input['hideon_404'] = sanitize_text_field( $input['hideon_404'] );
543
-
544
- // if( isset( $input['list_hideon_pages'] ) )
545
- // $new_input['list_hideon_pages'] = sanitize_text_field( $input['list_hideon_pages'] );
546
-
547
- // if( isset( $input['list_hideon_cat'] ) )
548
- // $new_input['list_hideon_cat'] = sanitize_text_field( $input['list_hideon_cat'] );
549
-
550
- // if( isset( $input['shortcode'] ) )
551
- // $new_input['shortcode'] = sanitize_text_field( $input['shortcode'] );
552
-
553
- // if( isset( $input['return_type'] ) )
554
- // $new_input['return_type'] = sanitize_text_field( $input['return_type'] );
555
-
556
- // if( isset( $input['group_id'] ) )
557
- // $new_input['group_id'] = sanitize_text_field( $input['group_id'] );
558
-
559
-
560
 
 
 
 
 
 
561
 
562
- // // $new_input = sanitize_text_field($input);
563
  return $new_input;
564
  }
565
 
34
  add_settings_field( 'ccw_list_id_tohide', __( 'Posts, Pages Id\'s to Hide' , 'click-to-chat-for-whatsapp' ), array( $this, 'ccw_list_id_tohide_cb' ), 'ccw_options_settings', 'ccw_settings' );
35
  add_settings_field( 'ccw_list_cat_tohide', __( 'Categorys to Hide' , 'click-to-chat-for-whatsapp' ), array( $this, 'ccw_list_cat_tohide_cb' ), 'ccw_options_settings', 'ccw_settings' );
36
  add_settings_field( 'ccw_custom_shortcode', __( 'Shortcode name' , 'click-to-chat-for-whatsapp' ), array( $this, 'ccw_custom_shortcode_cb' ), 'ccw_options_settings', 'ccw_settings' );
37
+
38
+ add_settings_field( 'ccw_app_first', __( 'App First' , 'click-to-chat-for-whatsapp' ), array( $this, 'ccw_app_first_cb' ), 'ccw_options_settings', 'ccw_settings' );
39
 
40
  }
41
 
73
  <option value="2" <?php echo esc_attr( $ccw_enable_sc['enable_sc'] ) == 2 ? 'SELECTED' : ''; ?> ><?php _e( 'Yes' , 'click-to-chat-for-whatsapp' ) ?></option>
74
  </select>
75
  <label><?php _e( 'enable ShortCodes' , 'click-to-chat-for-whatsapp' ) ?></label>
76
+ <p class="description"> <?php _e( 'If Selected - No - then Hides Shortcodes and its syntax' , 'click-to-chat-for-whatsapp' ) ?> - <a target="_blank" href="https://www.holithemes.com/whatsapp-chat/enable-disable-styles/"><?php _e( 'more info' , 'click-to-chat-for-whatsapp' ) ?></a> </p>
77
  </div>
78
  </div>
79
  <?php
90
  <option value="group_chat" <?php echo esc_attr( $ccw_return_type['return_type'] ) == 'group_chat' ? 'SELECTED' : ''; ?> ><?php _e( 'Group chat - Invite' , 'click-to-chat-for-whatsapp' ) ?></option>
91
  </select>
92
  <label><?php _e( 'Default return type - Chat or Group Chat Invite' , 'click-to-chat-for-whatsapp' ) ?></label>
93
+ <p class="description"><?php _e( 'Default return type for Floating Style, shortcodes. But for shortcodes can change using shortcode attributes' , 'click-to-chat-for-whatsapp' ) ?> - <a target="_blank" href="https://www.holithemes.com/whatsapp-chat/return-type-chat-or-group-chat/"><?php _e( 'more info' , 'click-to-chat-for-whatsapp' ) ?></a> </p>
94
  </div>
95
  </div>
96
  <?php
114
  <option value="7" <?php echo $style_value == 7 ? 'SELECTED' : ''; ?> >Style-7</option>
115
  <option value="8" <?php echo $style_value == 8 ? 'SELECTED' : ''; ?> >Style-8</option>
116
  <option value="9" <?php echo $style_value == 9 ? 'SELECTED' : ''; ?> >Style-9</option>
117
+ <option value="99" <?php echo $style_value == 99 ? 'SELECTED' : ''; ?> >Style-99 own Image / GIF</option>
118
  <option value="0" <?php echo $style_value == 0 ? 'SELECTED' : ''; ?> ><?php _e( 'Hide on Desktop Devices' , 'click-to-chat-for-whatsapp' ) ?></option>
119
  </select>
120
  <label><?php _e( 'Select Style for Destops' , 'click-to-chat-for-whatsapp' ) ?></label>
121
+ <p class="description"> - <a target="_blank" href="https://www.holithemes.com/whatsapp-chat/select-styles/"><?php _e( 'List of syles with images' , 'click-to-chat-for-whatsapp' ) ?></a> </p>
122
  <p class="description"> - <a target="_blank" href="<?php echo admin_url( 'admin.php?page=ccw-edit-styles' ); ?>"><?php _e( 'Customize Styles' , 'click-to-chat-for-whatsapp' ) ?></a> </p>
123
 
124
  </div>
143
  <option value="7" <?php echo $style_mobile_value == 7 ? 'SELECTED' : ''; ?> >Style-7</option>
144
  <option value="8" <?php echo $style_mobile_value == 8 ? 'SELECTED' : ''; ?> >Style-8</option>
145
  <option value="9" <?php echo $style_mobile_value == 9 ? 'SELECTED' : ''; ?> >Style-9</option>
146
+ <option value="99" <?php echo $style_mobile_value == 99 ? 'SELECTED' : ''; ?> >Style-99 own Image / GIF</option>
147
  <option value="0" <?php echo $style_mobile_value == 0 ? 'SELECTED' : ''; ?> ><?php _e( 'Hide on Mobile Devices' , 'click-to-chat-for-whatsapp' ) ?></option>
148
  </select>
149
  <label><?php _e( 'Select Style for Mobile Devices' , 'click-to-chat-for-whatsapp' ) ?></label>
160
  <div class="input-field col s12">
161
  <input name="ccw_options[number]" value="<?php echo esc_attr( $ccw_number['number'] ) ?>" id="whatsapp_number" type="text" class="validate input-margin">
162
  <label for="whatsapp_number"><?php _e( 'Enter whatsapp number' , 'click-to-chat-for-whatsapp' ) ?> </label>
163
+ <p class="description"><?php _e( 'Enter whatsapp number with country code ( e.g. 916123456789 ) please dont include +, ( here in e.g. 91 is country code 6123456789 is mobile number' , 'click-to-chat-for-whatsapp' ) ?> - <a target="_blank" href="https://www.holithemes.com/whatsapp-chat/whatsapp-number/"><?php _e( 'more info' , 'click-to-chat-for-whatsapp' ) ?></a> ) </p>
164
  </div>
165
  </div>
166
  <?php
175
  <div class="input-field col s12">
176
  <input name="ccw_options[initial]" value="<?php echo esc_attr( $ccw_initial['initial'] ) ?>" id="whatsapp_initial" type="text" class="validate input-margin">
177
  <label for="whatsapp_initial"><?php _e( 'Initial Message' , 'click-to-chat-for-whatsapp' ) ?></label>
178
+ <p class="description"><?php _e( 'Initial message ( pre-filled ), placeholder {{url}} to add webpage url - ' , 'click-to-chat-for-whatsapp' ) ?> <a target="_blank" href="https://www.holithemes.com/whatsapp-chat/pre-filled-message/"><?php _e( 'more info' , 'click-to-chat-for-whatsapp' ) ?></a> </p>
179
  </div>
180
  </div>
181
  <?php
190
  <div class="input-field col s12">
191
  <input name="ccw_options[group_id]" value="<?php echo esc_attr( $ccw_group_id['group_id'] ) ?>" id="whatsapp_group_id" type="text" class="validate input-margin">
192
  <label for="whatsapp_group_id"><?php _e( 'whatsapp group ID Extenstion' , 'click-to-chat-for-whatsapp' ) ?> </label>
193
+ <p class="description"><?php _e( 'Enter whatsapp Group Id' , 'click-to-chat-for-whatsapp' ) ?> - <a target="_blank" href="https://www.holithemes.com/whatsapp-chat/find-whatsapp-group-id/"><?php _e( 'more info' , 'click-to-chat-for-whatsapp' ) ?></a> ) </p>
194
  </div>
195
  </div>
196
  <?php
210
  <option value="4" <?php echo $ccw_position_value == 4 ? 'SELECTED' : ''; ?> ><?php _e( 'top right' , 'click-to-chat-for-whatsapp' ) ?></option>
211
  </select>
212
  <label><?php _e( 'Fixed position to place' , 'click-to-chat-for-whatsapp' ) ?></label>
213
+ <p class="description"><?php _e( ' e.g. 10px - please add css units as suffix, e.g. 10px, 10%, 10rem, 10em' , 'click-to-chat-for-whatsapp' ) ?> .. <a target="_blank" href="https://www.holithemes.com/whatsapp-chat/position-to-place/"><?php _e( 'more info' , 'click-to-chat-for-whatsapp' ) ?></a> </p>
214
  </div>
215
  </div>
216
 
271
  <div class="input-field col s12">
272
  <input name="ccw_options[input_placeholder]" value="<?php echo esc_attr( $ccw_placeholder['input_placeholder'] ) ?>" id="input_placeholder" type="text" class="validate input-margin">
273
  <label for="input_placeholder"><?php _e( 'placeholder value' , 'click-to-chat-for-whatsapp' ) ?></label>
274
+ <p class="description"> - <a target="_blank" href="https://www.holithemes.com/whatsapp-chat/text-to-display/"><?php _e( 'more info' , 'click-to-chat-for-whatsapp' ) ?></a> </p>
275
  </div>
276
  </div>
277
  <?php
407
  <?php
408
  }
409
  ?>
410
+ <p class="description"><?php _e( 'Check to hide - Hide - Styles - based on type of the page' , 'click-to-chat-for-whatsapp' ) ?> <a target="_blank" href="https://www.holithemes.com/whatsapp-chat/show-hide-styles-based-on-type-of-the-page/"><?php _e( 'more info' , 'click-to-chat-for-whatsapp' ) ?></a> </p>
411
  <?php
412
  }
413
 
419
  <div class="input-field col s12">
420
  <input name="ccw_options[list_hideon_pages]" value="<?php echo esc_attr( $ccw_list_id_tohide['list_hideon_pages'] ) ?>" id="ccw_list_id_tohide" type="text" class="validate input-margin">
421
  <label for="ccw_list_id_tohide">Id's list to Hide - add ',' after each id </label>
422
+ <p class="description"> Add Post, Pages, Media - ID's to hide, can add multiple id's separate with comma ( , ) - <a target="_blank" href="https://www.holithemes.com/whatsapp-chat/show-hide-styles-based-on-id/"><?php _e( 'more info' , 'click-to-chat-for-whatsapp' ) ?></a> </p>
423
  </div>
424
  </div>
425
  <?php
433
  <div class="input-field col s12">
434
  <input name="ccw_options[list_hideon_cat]" value="<?php echo esc_attr( $ccw_list_cat_tohide['list_hideon_cat'] ) ?>" id="ccw_list_cat_tohide" type="text" class="validate input-margin">
435
  <label for="ccw_list_cat_tohide"><?php _e( 'Category name\'s to Hide - add \',\' after each category name' , 'click-to-chat-for-whatsapp' ) ?> </label>
436
+ <p class="description"><?php _e( 'Category name\'s to hide, can add multiple Categories separate with comma ( , )' , 'click-to-chat-for-whatsapp' ) ?> - <a target="_blank" href="https://www.holithemes.com/whatsapp-chat/hide-styles-based-on-category/"><?php _e( 'more info' , 'click-to-chat-for-whatsapp' ) ?></a> </p>
437
  </div>
438
  </div>
439
  <?php
454
  $shorcode_list .= $key . ', ';
455
  }
456
  ?>
457
+ <p class="description"> <?php _e( 'Default values is \'chat\', can customize shortcode name' , 'click-to-chat-for-whatsapp' ) ?> - <a target="_blank" href="https://www.holithemes.com/whatsapp-chat/change-shortcode-name/"><?php _e( 'more info' , 'click-to-chat-for-whatsapp' ) ?></a> </p>
458
  <p class="description"> <?php _e( 'please dont add this already existing shorcode names' , 'click-to-chat-for-whatsapp' ) ?> - <?php echo $shorcode_list ?> </p>
459
  </div>
460
  </div>
461
  <?php
462
  }
463
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
464
 
 
 
465
 
 
 
466
 
467
+ // if cache issue - app first
468
+ function ccw_app_first_cb() {
469
+ $ccw_app_first = get_option('ccw_options');
470
 
 
 
471
 
472
+ if ( isset( $ccw_app_first['app_first'] ) ) {
473
+ ?>
474
+ <p>
475
+ <input name="ccw_options[app_first]" type="checkbox" value="1" <?php checked( $ccw_app_first['app_first'], 1 ); ?> id="app_first" />
476
+ <label for="app_first"><?php _e( 'App First' , 'whatsapp-chat-advanced' ) ?></label>
477
+ </p>
478
+ <?php
479
+ } else {
480
+ ?>
481
+ <p>
482
+ <input name="ccw_options[app_first]" type="checkbox" value="1" id="app_first" />
483
+ <label for="app_first"><?php _e( 'App First' , 'whatsapp-chat-advanced' ) ?></label>
484
+ </p>
485
+ <?php
486
+ }
487
+ ?>
488
+ <p class="description"> <?php _e( 'check this only if an issue with some cache plugins - its like a trick' , 'whatsapp-chat-advanced' ) ?> - <a target="_blank" href="https://www.holithemes.com/whatsapp-chat/app-first/"><?php _e( 'more info' , 'whatsapp-chat-advanced' ) ?></a> </p>
489
+ <?php
490
+ }
491
 
 
 
492
 
 
 
493
 
 
 
494
 
 
 
495
 
 
 
496
 
497
+ // Sanitize callback ..
498
+ function ccw_options_sanitize( $input ) {
499
 
500
+ if ( ! current_user_can( 'manage_options' ) ) {
501
+ wp_die( 'not allowed to modify - please contact admin ' );
502
+ }
 
 
 
 
 
 
 
 
 
 
 
503
 
504
+ $new_input = array();
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
505
 
506
+ foreach ($input as $key => $value) {
507
+ if( isset( $input[$key] ) ) {
508
+ $new_input[$key] = sanitize_text_field( $input[$key] );
509
+ }
510
+ }
511
 
 
512
  return $new_input;
513
  }
514
 
admin/default-values.php CHANGED
@@ -32,6 +32,7 @@ $values = array(
32
  'position' => '1',
33
  'style' => '9',
34
  'stylemobile' => '3',
 
35
  'position-1_bottom' => '10px',
36
  'position-1_right' => '10px',
37
  'position-2_bottom' => '10px',
@@ -163,6 +164,13 @@ $values_cs = array(
163
 
164
  's9_icon_size' => '48px',
165
 
 
 
 
 
 
 
 
166
  // 'an_enable' => 'no',
167
  'an_on_load' => 'no-animation',
168
  'an_on_hover' => 'ccw-no-hover-an',
32
  'position' => '1',
33
  'style' => '9',
34
  'stylemobile' => '3',
35
+
36
  'position-1_bottom' => '10px',
37
  'position-1_right' => '10px',
38
  'position-2_bottom' => '10px',
164
 
165
  's9_icon_size' => '48px',
166
 
167
+ 's99_img_height_desktop' => '',
168
+ 's99_img_width_desktop' => '',
169
+ 's99_img_height_mobile' => '',
170
+ 's99_img_width_mobile' => '',
171
+ 's99_desktop_img' => 'https://www.holithemes.com/whatsapp-chat/wp-content/uploads/2018/03/WhatsApp_Logo_2_desktop.jpg',
172
+ 's99_mobile_img' => 'https://www.holithemes.com/whatsapp-chat/wp-content/uploads/2018/03/WhatsApp_Logo_2_mobile.jpg',
173
+
174
  // 'an_enable' => 'no',
175
  'an_on_load' => 'no-animation',
176
  'an_on_hover' => 'ccw-no-hover-an',
assets/css/admin_mainstyles.css CHANGED
@@ -1,4453 +1,4453 @@
1
- /* Admin - CSS file */
2
- /* Vendor files */
3
- /* Materializecss */
4
- .materialize-red {
5
- background-color: #e51c23 !important; }
6
-
7
- .materialize-red-text {
8
- color: #e51c23 !important; }
9
-
10
- .materialize-red.lighten-5 {
11
- background-color: #fdeaeb !important; }
12
-
13
- .materialize-red-text.text-lighten-5 {
14
- color: #fdeaeb !important; }
15
-
16
- .materialize-red.lighten-4 {
17
- background-color: #f8c1c3 !important; }
18
-
19
- .materialize-red-text.text-lighten-4 {
20
- color: #f8c1c3 !important; }
21
-
22
- .materialize-red.lighten-3 {
23
- background-color: #f3989b !important; }
24
-
25
- .materialize-red-text.text-lighten-3 {
26
- color: #f3989b !important; }
27
-
28
- .materialize-red.lighten-2 {
29
- background-color: #ee6e73 !important; }
30
-
31
- .materialize-red-text.text-lighten-2 {
32
- color: #ee6e73 !important; }
33
-
34
- .materialize-red.lighten-1 {
35
- background-color: #ea454b !important; }
36
-
37
- .materialize-red-text.text-lighten-1 {
38
- color: #ea454b !important; }
39
-
40
- .materialize-red.darken-1 {
41
- background-color: #d0181e !important; }
42
-
43
- .materialize-red-text.text-darken-1 {
44
- color: #d0181e !important; }
45
-
46
- .materialize-red.darken-2 {
47
- background-color: #b9151b !important; }
48
-
49
- .materialize-red-text.text-darken-2 {
50
- color: #b9151b !important; }
51
-
52
- .materialize-red.darken-3 {
53
- background-color: #a21318 !important; }
54
-
55
- .materialize-red-text.text-darken-3 {
56
- color: #a21318 !important; }
57
-
58
- .materialize-red.darken-4 {
59
- background-color: #8b1014 !important; }
60
-
61
- .materialize-red-text.text-darken-4 {
62
- color: #8b1014 !important; }
63
-
64
- .red {
65
- background-color: #F44336 !important; }
66
-
67
- .red-text {
68
- color: #F44336 !important; }
69
-
70
- .red.lighten-5 {
71
- background-color: #FFEBEE !important; }
72
-
73
- .red-text.text-lighten-5 {
74
- color: #FFEBEE !important; }
75
-
76
- .red.lighten-4 {
77
- background-color: #FFCDD2 !important; }
78
-
79
- .red-text.text-lighten-4 {
80
- color: #FFCDD2 !important; }
81
-
82
- .red.lighten-3 {
83
- background-color: #EF9A9A !important; }
84
-
85
- .red-text.text-lighten-3 {
86
- color: #EF9A9A !important; }
87
-
88
- .red.lighten-2 {
89
- background-color: #E57373 !important; }
90
-
91
- .red-text.text-lighten-2 {
92
- color: #E57373 !important; }
93
-
94
- .red.lighten-1 {
95
- background-color: #EF5350 !important; }
96
-
97
- .red-text.text-lighten-1 {
98
- color: #EF5350 !important; }
99
-
100
- .red.darken-1 {
101
- background-color: #E53935 !important; }
102
-
103
- .red-text.text-darken-1 {
104
- color: #E53935 !important; }
105
-
106
- .red.darken-2 {
107
- background-color: #D32F2F !important; }
108
-
109
- .red-text.text-darken-2 {
110
- color: #D32F2F !important; }
111
-
112
- .red.darken-3 {
113
- background-color: #C62828 !important; }
114
-
115
- .red-text.text-darken-3 {
116
- color: #C62828 !important; }
117
-
118
- .red.darken-4 {
119
- background-color: #B71C1C !important; }
120
-
121
- .red-text.text-darken-4 {
122
- color: #B71C1C !important; }
123
-
124
- .red.accent-1 {
125
- background-color: #FF8A80 !important; }
126
-
127
- .red-text.text-accent-1 {
128
- color: #FF8A80 !important; }
129
-
130
- .red.accent-2 {
131
- background-color: #FF5252 !important; }
132
-
133
- .red-text.text-accent-2 {
134
- color: #FF5252 !important; }
135
-
136
- .red.accent-3 {
137
- background-color: #FF1744 !important; }
138
-
139
- .red-text.text-accent-3 {
140
- color: #FF1744 !important; }
141
-
142
- .red.accent-4 {
143
- background-color: #D50000 !important; }
144
-
145
- .red-text.text-accent-4 {
146
- color: #D50000 !important; }
147
-
148
- .pink {
149
- background-color: #e91e63 !important; }
150
-
151
- .pink-text {
152
- color: #e91e63 !important; }
153
-
154
- .pink.lighten-5 {
155
- background-color: #fce4ec !important; }
156
-
157
- .pink-text.text-lighten-5 {
158
- color: #fce4ec !important; }
159
-
160
- .pink.lighten-4 {
161
- background-color: #f8bbd0 !important; }
162
-
163
- .pink-text.text-lighten-4 {
164
- color: #f8bbd0 !important; }
165
-
166
- .pink.lighten-3 {
167
- background-color: #f48fb1 !important; }
168
-
169
- .pink-text.text-lighten-3 {
170
- color: #f48fb1 !important; }
171
-
172
- .pink.lighten-2 {
173
- background-color: #f06292 !important; }
174
-
175
- .pink-text.text-lighten-2 {
176
- color: #f06292 !important; }
177
-
178
- .pink.lighten-1 {
179
- background-color: #ec407a !important; }
180
-
181
- .pink-text.text-lighten-1 {
182
- color: #ec407a !important; }
183
-
184
- .pink.darken-1 {
185
- background-color: #d81b60 !important; }
186
-
187
- .pink-text.text-darken-1 {
188
- color: #d81b60 !important; }
189
-
190
- .pink.darken-2 {
191
- background-color: #c2185b !important; }
192
-
193
- .pink-text.text-darken-2 {
194
- color: #c2185b !important; }
195
-
196
- .pink.darken-3 {
197
- background-color: #ad1457 !important; }
198
-
199
- .pink-text.text-darken-3 {
200
- color: #ad1457 !important; }
201
-
202
- .pink.darken-4 {
203
- background-color: #880e4f !important; }
204
-
205
- .pink-text.text-darken-4 {
206
- color: #880e4f !important; }
207
-
208
- .pink.accent-1 {
209
- background-color: #ff80ab !important; }
210
-
211
- .pink-text.text-accent-1 {
212
- color: #ff80ab !important; }
213
-
214
- .pink.accent-2 {
215
- background-color: #ff4081 !important; }
216
-
217
- .pink-text.text-accent-2 {
218
- color: #ff4081 !important; }
219
-
220
- .pink.accent-3 {
221
- background-color: #f50057 !important; }
222
-
223
- .pink-text.text-accent-3 {
224
- color: #f50057 !important; }
225
-
226
- .pink.accent-4 {
227
- background-color: #c51162 !important; }
228
-
229
- .pink-text.text-accent-4 {
230
- color: #c51162 !important; }
231
-
232
- .purple {
233
- background-color: #9c27b0 !important; }
234
-
235
- .purple-text {
236
- color: #9c27b0 !important; }
237
-
238
- .purple.lighten-5 {
239
- background-color: #f3e5f5 !important; }
240
-
241
- .purple-text.text-lighten-5 {
242
- color: #f3e5f5 !important; }
243
-
244
- .purple.lighten-4 {
245
- background-color: #e1bee7 !important; }
246
-
247
- .purple-text.text-lighten-4 {
248
- color: #e1bee7 !important; }
249
-
250
- .purple.lighten-3 {
251
- background-color: #ce93d8 !important; }
252
-
253
- .purple-text.text-lighten-3 {
254
- color: #ce93d8 !important; }
255
-
256
- .purple.lighten-2 {
257
- background-color: #ba68c8 !important; }
258
-
259
- .purple-text.text-lighten-2 {
260
- color: #ba68c8 !important; }
261
-
262
- .purple.lighten-1 {
263
- background-color: #ab47bc !important; }
264
-
265
- .purple-text.text-lighten-1 {
266
- color: #ab47bc !important; }
267
-
268
- .purple.darken-1 {
269
- background-color: #8e24aa !important; }
270
-
271
- .purple-text.text-darken-1 {
272
- color: #8e24aa !important; }
273
-
274
- .purple.darken-2 {
275
- background-color: #7b1fa2 !important; }
276
-
277
- .purple-text.text-darken-2 {
278
- color: #7b1fa2 !important; }
279
-
280
- .purple.darken-3 {
281
- background-color: #6a1b9a !important; }
282
-
283
- .purple-text.text-darken-3 {
284
- color: #6a1b9a !important; }
285
-
286
- .purple.darken-4 {
287
- background-color: #4a148c !important; }
288
-
289
- .purple-text.text-darken-4 {
290
- color: #4a148c !important; }
291
-
292
- .purple.accent-1 {
293
- background-color: #ea80fc !important; }
294
-
295
- .purple-text.text-accent-1 {
296
- color: #ea80fc !important; }
297
-
298
- .purple.accent-2 {
299
- background-color: #e040fb !important; }
300
-
301
- .purple-text.text-accent-2 {
302
- color: #e040fb !important; }
303
-
304
- .purple.accent-3 {
305
- background-color: #d500f9 !important; }
306
-
307
- .purple-text.text-accent-3 {
308
- color: #d500f9 !important; }
309
-
310
- .purple.accent-4 {
311
- background-color: #aa00ff !important; }
312
-
313
- .purple-text.text-accent-4 {
314
- color: #aa00ff !important; }
315
-
316
- .deep-purple {
317
- background-color: #673ab7 !important; }
318
-
319
- .deep-purple-text {
320
- color: #673ab7 !important; }
321
-
322
- .deep-purple.lighten-5 {
323
- background-color: #ede7f6 !important; }
324
-
325
- .deep-purple-text.text-lighten-5 {
326
- color: #ede7f6 !important; }
327
-
328
- .deep-purple.lighten-4 {
329
- background-color: #d1c4e9 !important; }
330
-
331
- .deep-purple-text.text-lighten-4 {
332
- color: #d1c4e9 !important; }
333
-
334
- .deep-purple.lighten-3 {
335
- background-color: #b39ddb !important; }
336
-
337
- .deep-purple-text.text-lighten-3 {
338
- color: #b39ddb !important; }
339
-
340
- .deep-purple.lighten-2 {
341
- background-color: #9575cd !important; }
342
-
343
- .deep-purple-text.text-lighten-2 {
344
- color: #9575cd !important; }
345
-
346
- .deep-purple.lighten-1 {
347
- background-color: #7e57c2 !important; }
348
-
349
- .deep-purple-text.text-lighten-1 {
350
- color: #7e57c2 !important; }
351
-
352
- .deep-purple.darken-1 {
353
- background-color: #5e35b1 !important; }
354
-
355
- .deep-purple-text.text-darken-1 {
356
- color: #5e35b1 !important; }
357
-
358
- .deep-purple.darken-2 {
359
- background-color: #512da8 !important; }
360
-
361
- .deep-purple-text.text-darken-2 {
362
- color: #512da8 !important; }
363
-
364
- .deep-purple.darken-3 {
365
- background-color: #4527a0 !important; }
366
-
367
- .deep-purple-text.text-darken-3 {
368
- color: #4527a0 !important; }
369
-
370
- .deep-purple.darken-4 {
371
- background-color: #311b92 !important; }
372
-
373
- .deep-purple-text.text-darken-4 {
374
- color: #311b92 !important; }
375
-
376
- .deep-purple.accent-1 {
377
- background-color: #b388ff !important; }
378
-
379
- .deep-purple-text.text-accent-1 {
380
- color: #b388ff !important; }
381
-
382
- .deep-purple.accent-2 {
383
- background-color: #7c4dff !important; }
384
-
385
- .deep-purple-text.text-accent-2 {
386
- color: #7c4dff !important; }
387
-
388
- .deep-purple.accent-3 {
389
- background-color: #651fff !important; }
390
-
391
- .deep-purple-text.text-accent-3 {
392
- color: #651fff !important; }
393
-
394
- .deep-purple.accent-4 {
395
- background-color: #6200ea !important; }
396
-
397
- .deep-purple-text.text-accent-4 {
398
- color: #6200ea !important; }
399
-
400
- .indigo {
401
- background-color: #3f51b5 !important; }
402
-
403
- .indigo-text {
404
- color: #3f51b5 !important; }
405
-
406
- .indigo.lighten-5 {
407
- background-color: #e8eaf6 !important; }
408
-
409
- .indigo-text.text-lighten-5 {
410
- color: #e8eaf6 !important; }
411
-
412
- .indigo.lighten-4 {
413
- background-color: #c5cae9 !important; }
414
-
415
- .indigo-text.text-lighten-4 {
416
- color: #c5cae9 !important; }
417
-
418
- .indigo.lighten-3 {
419
- background-color: #9fa8da !important; }
420
-
421
- .indigo-text.text-lighten-3 {
422
- color: #9fa8da !important; }
423
-
424
- .indigo.lighten-2 {
425
- background-color: #7986cb !important; }
426
-
427
- .indigo-text.text-lighten-2 {
428
- color: #7986cb !important; }
429
-
430
- .indigo.lighten-1 {
431
- background-color: #5c6bc0 !important; }
432
-
433
- .indigo-text.text-lighten-1 {
434
- color: #5c6bc0 !important; }
435
-
436
- .indigo.darken-1 {
437
- background-color: #3949ab !important; }
438
-
439
- .indigo-text.text-darken-1 {
440
- color: #3949ab !important; }
441
-
442
- .indigo.darken-2 {
443
- background-color: #303f9f !important; }
444
-
445
- .indigo-text.text-darken-2 {
446
- color: #303f9f !important; }
447
-
448
- .indigo.darken-3 {
449
- background-color: #283593 !important; }
450
-
451
- .indigo-text.text-darken-3 {
452
- color: #283593 !important; }
453
-
454
- .indigo.darken-4 {
455
- background-color: #1a237e !important; }
456
-
457
- .indigo-text.text-darken-4 {
458
- color: #1a237e !important; }
459
-
460
- .indigo.accent-1 {
461
- background-color: #8c9eff !important; }
462
-
463
- .indigo-text.text-accent-1 {
464
- color: #8c9eff !important; }
465
-
466
- .indigo.accent-2 {
467
- background-color: #536dfe !important; }
468
-
469
- .indigo-text.text-accent-2 {
470
- color: #536dfe !important; }
471
-
472
- .indigo.accent-3 {
473
- background-color: #3d5afe !important; }
474
-
475
- .indigo-text.text-accent-3 {
476
- color: #3d5afe !important; }
477
-
478
- .indigo.accent-4 {
479
- background-color: #304ffe !important; }
480
-
481
- .indigo-text.text-accent-4 {
482
- color: #304ffe !important; }
483
-
484
- .blue {
485
- background-color: #2196F3 !important; }
486
-
487
- .blue-text {
488
- color: #2196F3 !important; }
489
-
490
- .blue.lighten-5 {
491
- background-color: #E3F2FD !important; }
492
-
493
- .blue-text.text-lighten-5 {
494
- color: #E3F2FD !important; }
495
-
496
- .blue.lighten-4 {
497
- background-color: #BBDEFB !important; }
498
-
499
- .blue-text.text-lighten-4 {
500
- color: #BBDEFB !important; }
501
-
502
- .blue.lighten-3 {
503
- background-color: #90CAF9 !important; }
504
-
505
- .blue-text.text-lighten-3 {
506
- color: #90CAF9 !important; }
507
-
508
- .blue.lighten-2 {
509
- background-color: #64B5F6 !important; }
510
-
511
- .blue-text.text-lighten-2 {
512
- color: #64B5F6 !important; }
513
-
514
- .blue.lighten-1 {
515
- background-color: #42A5F5 !important; }
516
-
517
- .blue-text.text-lighten-1 {
518
- color: #42A5F5 !important; }
519
-
520
- .blue.darken-1 {
521
- background-color: #1E88E5 !important; }
522
-
523
- .blue-text.text-darken-1 {
524
- color: #1E88E5 !important; }
525
-
526
- .blue.darken-2 {
527
- background-color: #1976D2 !important; }
528
-
529
- .blue-text.text-darken-2 {
530
- color: #1976D2 !important; }
531
-
532
- .blue.darken-3 {
533
- background-color: #1565C0 !important; }
534
-
535
- .blue-text.text-darken-3 {
536
- color: #1565C0 !important; }
537
-
538
- .blue.darken-4 {
539
- background-color: #0D47A1 !important; }
540
-
541
- .blue-text.text-darken-4 {
542
- color: #0D47A1 !important; }
543
-
544
- .blue.accent-1 {
545
- background-color: #82B1FF !important; }
546
-
547
- .blue-text.text-accent-1 {
548
- color: #82B1FF !important; }
549
-
550
- .blue.accent-2 {
551
- background-color: #448AFF !important; }
552
-
553
- .blue-text.text-accent-2 {
554
- color: #448AFF !important; }
555
-
556
- .blue.accent-3 {
557
- background-color: #2979FF !important; }
558
-
559
- .blue-text.text-accent-3 {
560
- color: #2979FF !important; }
561
-
562
- .blue.accent-4 {
563
- background-color: #2962FF !important; }
564
-
565
- .blue-text.text-accent-4 {
566
- color: #2962FF !important; }
567
-
568
- .light-blue {
569
- background-color: #03a9f4 !important; }
570
-
571
- .light-blue-text {
572
- color: #03a9f4 !important; }
573
-
574
- .light-blue.lighten-5 {
575
- background-color: #e1f5fe !important; }
576
-
577
- .light-blue-text.text-lighten-5 {
578
- color: #e1f5fe !important; }
579
-
580
- .light-blue.lighten-4 {
581
- background-color: #b3e5fc !important; }
582
-
583
- .light-blue-text.text-lighten-4 {
584
- color: #b3e5fc !important; }
585
-
586
- .light-blue.lighten-3 {
587
- background-color: #81d4fa !important; }
588
-
589
- .light-blue-text.text-lighten-3 {
590
- color: #81d4fa !important; }
591
-
592
- .light-blue.lighten-2 {
593
- background-color: #4fc3f7 !important; }
594
-
595
- .light-blue-text.text-lighten-2 {
596
- color: #4fc3f7 !important; }
597
-
598
- .light-blue.lighten-1 {
599
- background-color: #29b6f6 !important; }
600
-
601
- .light-blue-text.text-lighten-1 {
602
- color: #29b6f6 !important; }
603
-
604
- .light-blue.darken-1 {
605
- background-color: #039be5 !important; }
606
-
607
- .light-blue-text.text-darken-1 {
608
- color: #039be5 !important; }
609
-
610
- .light-blue.darken-2 {
611
- background-color: #0288d1 !important; }
612
-
613
- .light-blue-text.text-darken-2 {
614
- color: #0288d1 !important; }
615
-
616
- .light-blue.darken-3 {
617
- background-color: #0277bd !important; }
618
-
619
- .light-blue-text.text-darken-3 {
620
- color: #0277bd !important; }
621
-
622
- .light-blue.darken-4 {
623
- background-color: #01579b !important; }
624
-
625
- .light-blue-text.text-darken-4 {
626
- color: #01579b !important; }
627
-
628
- .light-blue.accent-1 {
629
- background-color: #80d8ff !important; }
630
-
631
- .light-blue-text.text-accent-1 {
632
- color: #80d8ff !important; }
633
-
634
- .light-blue.accent-2 {
635
- background-color: #40c4ff !important; }
636
-
637
- .light-blue-text.text-accent-2 {
638
- color: #40c4ff !important; }
639
-
640
- .light-blue.accent-3 {
641
- background-color: #00b0ff !important; }
642
-
643
- .light-blue-text.text-accent-3 {
644
- color: #00b0ff !important; }
645
-
646
- .light-blue.accent-4 {
647
- background-color: #0091ea !important; }
648
-
649
- .light-blue-text.text-accent-4 {
650
- color: #0091ea !important; }
651
-
652
- .cyan {
653
- background-color: #00bcd4 !important; }
654
-
655
- .cyan-text {
656
- color: #00bcd4 !important; }
657
-
658
- .cyan.lighten-5 {
659
- background-color: #e0f7fa !important; }
660
-
661
- .cyan-text.text-lighten-5 {
662
- color: #e0f7fa !important; }
663
-
664
- .cyan.lighten-4 {
665
- background-color: #b2ebf2 !important; }
666
-
667
- .cyan-text.text-lighten-4 {
668
- color: #b2ebf2 !important; }
669
-
670
- .cyan.lighten-3 {
671
- background-color: #80deea !important; }
672
-
673
- .cyan-text.text-lighten-3 {
674
- color: #80deea !important; }
675
-
676
- .cyan.lighten-2 {
677
- background-color: #4dd0e1 !important; }
678
-
679
- .cyan-text.text-lighten-2 {
680
- color: #4dd0e1 !important; }
681
-
682
- .cyan.lighten-1 {
683
- background-color: #26c6da !important; }
684
-
685
- .cyan-text.text-lighten-1 {
686
- color: #26c6da !important; }
687
-
688
- .cyan.darken-1 {
689
- background-color: #00acc1 !important; }
690
-
691
- .cyan-text.text-darken-1 {
692
- color: #00acc1 !important; }
693
-
694
- .cyan.darken-2 {
695
- background-color: #0097a7 !important; }
696
-
697
- .cyan-text.text-darken-2 {
698
- color: #0097a7 !important; }
699
-
700
- .cyan.darken-3 {
701
- background-color: #00838f !important; }
702
-
703
- .cyan-text.text-darken-3 {
704
- color: #00838f !important; }
705
-
706
- .cyan.darken-4 {
707
- background-color: #006064 !important; }
708
-
709
- .cyan-text.text-darken-4 {
710
- color: #006064 !important; }
711
-
712
- .cyan.accent-1 {
713
- background-color: #84ffff !important; }
714
-
715
- .cyan-text.text-accent-1 {
716
- color: #84ffff !important; }
717
-
718
- .cyan.accent-2 {
719
- background-color: #18ffff !important; }
720
-
721
- .cyan-text.text-accent-2 {
722
- color: #18ffff !important; }
723
-
724
- .cyan.accent-3 {
725
- background-color: #00e5ff !important; }
726
-
727
- .cyan-text.text-accent-3 {
728
- color: #00e5ff !important; }
729
-
730
- .cyan.accent-4 {
731
- background-color: #00b8d4 !important; }
732
-
733
- .cyan-text.text-accent-4 {
734
- color: #00b8d4 !important; }
735
-
736
- .teal {
737
- background-color: #009688 !important; }
738
-
739
- .teal-text {
740
- color: #009688 !important; }
741
-
742
- .teal.lighten-5 {
743
- background-color: #e0f2f1 !important; }
744
-
745
- .teal-text.text-lighten-5 {
746
- color: #e0f2f1 !important; }
747
-
748
- .teal.lighten-4 {
749
- background-color: #b2dfdb !important; }
750
-
751
- .teal-text.text-lighten-4 {
752
- color: #b2dfdb !important; }
753
-
754
- .teal.lighten-3 {
755
- background-color: #80cbc4 !important; }
756
-
757
- .teal-text.text-lighten-3 {
758
- color: #80cbc4 !important; }
759
-
760
- .teal.lighten-2 {
761
- background-color: #4db6ac !important; }
762
-
763
- .teal-text.text-lighten-2 {
764
- color: #4db6ac !important; }
765
-
766
- .teal.lighten-1 {
767
- background-color: #26a69a !important; }
768
-
769
- .teal-text.text-lighten-1 {
770
- color: #26a69a !important; }
771
-
772
- .teal.darken-1 {
773
- background-color: #00897b !important; }
774
-
775
- .teal-text.text-darken-1 {
776
- color: #00897b !important; }
777
-
778
- .teal.darken-2 {
779
- background-color: #00796b !important; }
780
-
781
- .teal-text.text-darken-2 {
782
- color: #00796b !important; }
783
-
784
- .teal.darken-3 {
785
- background-color: #00695c !important; }
786
-
787
- .teal-text.text-darken-3 {
788
- color: #00695c !important; }
789
-
790
- .teal.darken-4 {
791
- background-color: #004d40 !important; }
792
-
793
- .teal-text.text-darken-4 {
794
- color: #004d40 !important; }
795
-
796
- .teal.accent-1 {
797
- background-color: #a7ffeb !important; }
798
-
799
- .teal-text.text-accent-1 {
800
- color: #a7ffeb !important; }
801
-
802
- .teal.accent-2 {
803
- background-color: #64ffda !important; }
804
-
805
- .teal-text.text-accent-2 {
806
- color: #64ffda !important; }
807
-
808
- .teal.accent-3 {
809
- background-color: #1de9b6 !important; }
810
-
811
- .teal-text.text-accent-3 {
812
- color: #1de9b6 !important; }
813
-
814
- .teal.accent-4 {
815
- background-color: #00bfa5 !important; }
816
-
817
- .teal-text.text-accent-4 {
818
- color: #00bfa5 !important; }
819
-
820
- .green {
821
- background-color: #4CAF50 !important; }
822
-
823
- .green-text {
824
- color: #4CAF50 !important; }
825
-
826
- .green.lighten-5 {
827
- background-color: #E8F5E9 !important; }
828
-
829
- .green-text.text-lighten-5 {
830
- color: #E8F5E9 !important; }
831
-
832
- .green.lighten-4 {
833
- background-color: #C8E6C9 !important; }
834
-
835
- .green-text.text-lighten-4 {
836
- color: #C8E6C9 !important; }
837
-
838
- .green.lighten-3 {
839
- background-color: #A5D6A7 !important; }
840
-
841
- .green-text.text-lighten-3 {
842
- color: #A5D6A7 !important; }
843
-
844
- .green.lighten-2 {
845
- background-color: #81C784 !important; }
846
-
847
- .green-text.text-lighten-2 {
848
- color: #81C784 !important; }
849
-
850
- .green.lighten-1 {
851
- background-color: #66BB6A !important; }
852
-
853
- .green-text.text-lighten-1 {
854
- color: #66BB6A !important; }
855
-
856
- .green.darken-1 {
857
- background-color: #43A047 !important; }
858
-
859
- .green-text.text-darken-1 {
860
- color: #43A047 !important; }
861
-
862
- .green.darken-2 {
863
- background-color: #388E3C !important; }
864
-
865
- .green-text.text-darken-2 {
866
- color: #388E3C !important; }
867
-
868
- .green.darken-3 {
869
- background-color: #2E7D32 !important; }
870
-
871
- .green-text.text-darken-3 {
872
- color: #2E7D32 !important; }
873
-
874
- .green.darken-4 {
875
- background-color: #1B5E20 !important; }
876
-
877
- .green-text.text-darken-4 {
878
- color: #1B5E20 !important; }
879
-
880
- .green.accent-1 {
881
- background-color: #B9F6CA !important; }
882
-
883
- .green-text.text-accent-1 {
884
- color: #B9F6CA !important; }
885
-
886
- .green.accent-2 {
887
- background-color: #69F0AE !important; }
888
-
889
- .green-text.text-accent-2 {
890
- color: #69F0AE !important; }
891
-
892
- .green.accent-3 {
893
- background-color: #00E676 !important; }
894
-
895
- .green-text.text-accent-3 {
896
- color: #00E676 !important; }
897
-
898
- .green.accent-4 {
899
- background-color: #00C853 !important; }
900
-
901
- .green-text.text-accent-4 {
902
- color: #00C853 !important; }
903
-
904
- .light-green {
905
- background-color: #8bc34a !important; }
906
-
907
- .light-green-text {
908
- color: #8bc34a !important; }
909
-
910
- .light-green.lighten-5 {
911
- background-color: #f1f8e9 !important; }
912
-
913
- .light-green-text.text-lighten-5 {
914
- color: #f1f8e9 !important; }
915
-
916
- .light-green.lighten-4 {
917
- background-color: #dcedc8 !important; }
918
-
919
- .light-green-text.text-lighten-4 {
920
- color: #dcedc8 !important; }
921
-
922
- .light-green.lighten-3 {
923
- background-color: #c5e1a5 !important; }
924
-
925
- .light-green-text.text-lighten-3 {
926
- color: #c5e1a5 !important; }
927
-
928
- .light-green.lighten-2 {
929
- background-color: #aed581 !important; }
930
-
931
- .light-green-text.text-lighten-2 {
932
- color: #aed581 !important; }
933
-
934
- .light-green.lighten-1 {
935
- background-color: #9ccc65 !important; }
936
-
937
- .light-green-text.text-lighten-1 {
938
- color: #9ccc65 !important; }
939
-
940
- .light-green.darken-1 {
941
- background-color: #7cb342 !important; }
942
-
943
- .light-green-text.text-darken-1 {
944
- color: #7cb342 !important; }
945
-
946
- .light-green.darken-2 {
947
- background-color: #689f38 !important; }
948
-
949
- .light-green-text.text-darken-2 {
950
- color: #689f38 !important; }
951
-
952
- .light-green.darken-3 {
953
- background-color: #558b2f !important; }
954
-
955
- .light-green-text.text-darken-3 {
956
- color: #558b2f !important; }
957
-
958
- .light-green.darken-4 {
959
- background-color: #33691e !important; }
960
-
961
- .light-green-text.text-darken-4 {
962
- color: #33691e !important; }
963
-
964
- .light-green.accent-1 {
965
- background-color: #ccff90 !important; }
966
-
967
- .light-green-text.text-accent-1 {
968
- color: #ccff90 !important; }
969
-
970
- .light-green.accent-2 {
971
- background-color: #b2ff59 !important; }
972
-
973
- .light-green-text.text-accent-2 {
974
- color: #b2ff59 !important; }
975
-
976
- .light-green.accent-3 {
977
- background-color: #76ff03 !important; }
978
-
979
- .light-green-text.text-accent-3 {
980
- color: #76ff03 !important; }
981
-
982
- .light-green.accent-4 {
983
- background-color: #64dd17 !important; }
984
-
985
- .light-green-text.text-accent-4 {
986
- color: #64dd17 !important; }
987
-
988
- .lime {
989
- background-color: #cddc39 !important; }
990
-
991
- .lime-text {
992
- color: #cddc39 !important; }
993
-
994
- .lime.lighten-5 {
995
- background-color: #f9fbe7 !important; }
996
-
997
- .lime-text.text-lighten-5 {
998
- color: #f9fbe7 !important; }
999
-
1000
- .lime.lighten-4 {
1001
- background-color: #f0f4c3 !important; }
1002
-
1003
- .lime-text.text-lighten-4 {
1004
- color: #f0f4c3 !important; }
1005
-
1006
- .lime.lighten-3 {
1007
- background-color: #e6ee9c !important; }
1008
-
1009
- .lime-text.text-lighten-3 {
1010
- color: #e6ee9c !important; }
1011
-
1012
- .lime.lighten-2 {
1013
- background-color: #dce775 !important; }
1014
-
1015
- .lime-text.text-lighten-2 {
1016
- color: #dce775 !important; }
1017
-
1018
- .lime.lighten-1 {
1019
- background-color: #d4e157 !important; }
1020
-
1021
- .lime-text.text-lighten-1 {
1022
- color: #d4e157 !important; }
1023
-
1024
- .lime.darken-1 {
1025
- background-color: #c0ca33 !important; }
1026
-
1027
- .lime-text.text-darken-1 {
1028
- color: #c0ca33 !important; }
1029
-
1030
- .lime.darken-2 {
1031
- background-color: #afb42b !important; }
1032
-
1033
- .lime-text.text-darken-2 {
1034
- color: #afb42b !important; }
1035
-
1036
- .lime.darken-3 {
1037
- background-color: #9e9d24 !important; }
1038
-
1039
- .lime-text.text-darken-3 {
1040
- color: #9e9d24 !important; }
1041
-
1042
- .lime.darken-4 {
1043
- background-color: #827717 !important; }
1044
-
1045
- .lime-text.text-darken-4 {
1046
- color: #827717 !important; }
1047
-
1048
- .lime.accent-1 {
1049
- background-color: #f4ff81 !important; }
1050
-
1051
- .lime-text.text-accent-1 {
1052
- color: #f4ff81 !important; }
1053
-
1054
- .lime.accent-2 {
1055
- background-color: #eeff41 !important; }
1056
-
1057
- .lime-text.text-accent-2 {
1058
- color: #eeff41 !important; }
1059
-
1060
- .lime.accent-3 {
1061
- background-color: #c6ff00 !important; }
1062
-
1063
- .lime-text.text-accent-3 {
1064
- color: #c6ff00 !important; }
1065
-
1066
- .lime.accent-4 {
1067
- background-color: #aeea00 !important; }
1068
-
1069
- .lime-text.text-accent-4 {
1070
- color: #aeea00 !important; }
1071
-
1072
- .yellow {
1073
- background-color: #ffeb3b !important; }
1074
-
1075
- .yellow-text {
1076
- color: #ffeb3b !important; }
1077
-
1078
- .yellow.lighten-5 {
1079
- background-color: #fffde7 !important; }
1080
-
1081
- .yellow-text.text-lighten-5 {
1082
- color: #fffde7 !important; }
1083
-
1084
- .yellow.lighten-4 {
1085
- background-color: #fff9c4 !important; }
1086
-
1087
- .yellow-text.text-lighten-4 {
1088
- color: #fff9c4 !important; }
1089
-
1090
- .yellow.lighten-3 {
1091
- background-color: #fff59d !important; }
1092
-
1093
- .yellow-text.text-lighten-3 {
1094
- color: #fff59d !important; }
1095
-
1096
- .yellow.lighten-2 {
1097
- background-color: #fff176 !important; }
1098
-
1099
- .yellow-text.text-lighten-2 {
1100
- color: #fff176 !important; }
1101
-
1102
- .yellow.lighten-1 {
1103
- background-color: #ffee58 !important; }
1104
-
1105
- .yellow-text.text-lighten-1 {
1106
- color: #ffee58 !important; }
1107
-
1108
- .yellow.darken-1 {
1109
- background-color: #fdd835 !important; }
1110
-
1111
- .yellow-text.text-darken-1 {
1112
- color: #fdd835 !important; }
1113
-
1114
- .yellow.darken-2 {
1115
- background-color: #fbc02d !important; }
1116
-
1117
- .yellow-text.text-darken-2 {
1118
- color: #fbc02d !important; }
1119
-
1120
- .yellow.darken-3 {
1121
- background-color: #f9a825 !important; }
1122
-
1123
- .yellow-text.text-darken-3 {
1124
- color: #f9a825 !important; }
1125
-
1126
- .yellow.darken-4 {
1127
- background-color: #f57f17 !important; }
1128
-
1129
- .yellow-text.text-darken-4 {
1130
- color: #f57f17 !important; }
1131
-
1132
- .yellow.accent-1 {
1133
- background-color: #ffff8d !important; }
1134
-
1135
- .yellow-text.text-accent-1 {
1136
- color: #ffff8d !important; }
1137
-
1138
- .yellow.accent-2 {
1139
- background-color: #ffff00 !important; }
1140
-
1141
- .yellow-text.text-accent-2 {
1142
- color: #ffff00 !important; }
1143
-
1144
- .yellow.accent-3 {
1145
- background-color: #ffea00 !important; }
1146
-
1147
- .yellow-text.text-accent-3 {
1148
- color: #ffea00 !important; }
1149
-
1150
- .yellow.accent-4 {
1151
- background-color: #ffd600 !important; }
1152
-
1153
- .yellow-text.text-accent-4 {
1154
- color: #ffd600 !important; }
1155
-
1156
- .amber {
1157
- background-color: #ffc107 !important; }
1158
-
1159
- .amber-text {
1160
- color: #ffc107 !important; }
1161
-
1162
- .amber.lighten-5 {
1163
- background-color: #fff8e1 !important; }
1164
-
1165
- .amber-text.text-lighten-5 {
1166
- color: #fff8e1 !important; }
1167
-
1168
- .amber.lighten-4 {
1169
- background-color: #ffecb3 !important; }
1170
-
1171
- .amber-text.text-lighten-4 {
1172
- color: #ffecb3 !important; }
1173
-
1174
- .amber.lighten-3 {
1175
- background-color: #ffe082 !important; }
1176
-
1177
- .amber-text.text-lighten-3 {
1178
- color: #ffe082 !important; }
1179
-
1180
- .amber.lighten-2 {
1181
- background-color: #ffd54f !important; }
1182
-
1183
- .amber-text.text-lighten-2 {
1184
- color: #ffd54f !important; }
1185
-
1186
- .amber.lighten-1 {
1187
- background-color: #ffca28 !important; }
1188
-
1189
- .amber-text.text-lighten-1 {
1190
- color: #ffca28 !important; }
1191
-
1192
- .amber.darken-1 {
1193
- background-color: #ffb300 !important; }
1194
-
1195
- .amber-text.text-darken-1 {
1196
- color: #ffb300 !important; }
1197
-
1198
- .amber.darken-2 {
1199
- background-color: #ffa000 !important; }
1200
-
1201
- .amber-text.text-darken-2 {
1202
- color: #ffa000 !important; }
1203
-
1204
- .amber.darken-3 {
1205
- background-color: #ff8f00 !important; }
1206
-
1207
- .amber-text.text-darken-3 {
1208
- color: #ff8f00 !important; }
1209
-
1210
- .amber.darken-4 {
1211
- background-color: #ff6f00 !important; }
1212
-
1213
- .amber-text.text-darken-4 {
1214
- color: #ff6f00 !important; }
1215
-
1216
- .amber.accent-1 {
1217
- background-color: #ffe57f !important; }
1218
-
1219
- .amber-text.text-accent-1 {
1220
- color: #ffe57f !important; }
1221
-
1222
- .amber.accent-2 {
1223
- background-color: #ffd740 !important; }
1224
-
1225
- .amber-text.text-accent-2 {
1226
- color: #ffd740 !important; }
1227
-
1228
- .amber.accent-3 {
1229
- background-color: #ffc400 !important; }
1230
-
1231
- .amber-text.text-accent-3 {
1232
- color: #ffc400 !important; }
1233
-
1234
- .amber.accent-4 {
1235
- background-color: #ffab00 !important; }
1236
-
1237
- .amber-text.text-accent-4 {
1238
- color: #ffab00 !important; }
1239
-
1240
- .orange {
1241
- background-color: #ff9800 !important; }
1242
-
1243
- .orange-text {
1244
- color: #ff9800 !important; }
1245
-
1246
- .orange.lighten-5 {
1247
- background-color: #fff3e0 !important; }
1248
-
1249
- .orange-text.text-lighten-5 {
1250
- color: #fff3e0 !important; }
1251
-
1252
- .orange.lighten-4 {
1253
- background-color: #ffe0b2 !important; }
1254
-
1255
- .orange-text.text-lighten-4 {
1256
- color: #ffe0b2 !important; }
1257
-
1258
- .orange.lighten-3 {
1259
- background-color: #ffcc80 !important; }
1260
-
1261
- .orange-text.text-lighten-3 {
1262
- color: #ffcc80 !important; }
1263
-
1264
- .orange.lighten-2 {
1265
- background-color: #ffb74d !important; }
1266
-
1267
- .orange-text.text-lighten-2 {
1268
- color: #ffb74d !important; }
1269
-
1270
- .orange.lighten-1 {
1271
- background-color: #ffa726 !important; }
1272
-
1273
- .orange-text.text-lighten-1 {
1274
- color: #ffa726 !important; }
1275
-
1276
- .orange.darken-1 {
1277
- background-color: #fb8c00 !important; }
1278
-
1279
- .orange-text.text-darken-1 {
1280
- color: #fb8c00 !important; }
1281
-
1282
- .orange.darken-2 {
1283
- background-color: #f57c00 !important; }
1284
-
1285
- .orange-text.text-darken-2 {
1286
- color: #f57c00 !important; }
1287
-
1288
- .orange.darken-3 {
1289
- background-color: #ef6c00 !important; }
1290
-
1291
- .orange-text.text-darken-3 {
1292
- color: #ef6c00 !important; }
1293
-
1294
- .orange.darken-4 {
1295
- background-color: #e65100 !important; }
1296
-
1297
- .orange-text.text-darken-4 {
1298
- color: #e65100 !important; }
1299
-
1300
- .orange.accent-1 {
1301
- background-color: #ffd180 !important; }
1302
-
1303
- .orange-text.text-accent-1 {
1304
- color: #ffd180 !important; }
1305
-
1306
- .orange.accent-2 {
1307
- background-color: #ffab40 !important; }
1308
-
1309
- .orange-text.text-accent-2 {
1310
- color: #ffab40 !important; }
1311
-
1312
- .orange.accent-3 {
1313
- background-color: #ff9100 !important; }
1314
-
1315
- .orange-text.text-accent-3 {
1316
- color: #ff9100 !important; }
1317
-
1318
- .orange.accent-4 {
1319
- background-color: #ff6d00 !important; }
1320
-
1321
- .orange-text.text-accent-4 {
1322
- color: #ff6d00 !important; }
1323
-
1324
- .deep-orange {
1325
- background-color: #ff5722 !important; }
1326
-
1327
- .deep-orange-text {
1328
- color: #ff5722 !important; }
1329
-
1330
- .deep-orange.lighten-5 {
1331
- background-color: #fbe9e7 !important; }
1332
-
1333
- .deep-orange-text.text-lighten-5 {
1334
- color: #fbe9e7 !important; }
1335
-
1336
- .deep-orange.lighten-4 {
1337
- background-color: #ffccbc !important; }
1338
-
1339
- .deep-orange-text.text-lighten-4 {
1340
- color: #ffccbc !important; }
1341
-
1342
- .deep-orange.lighten-3 {
1343
- background-color: #ffab91 !important; }
1344
-
1345
- .deep-orange-text.text-lighten-3 {
1346
- color: #ffab91 !important; }
1347
-
1348
- .deep-orange.lighten-2 {
1349
- background-color: #ff8a65 !important; }
1350
-
1351
- .deep-orange-text.text-lighten-2 {
1352
- color: #ff8a65 !important; }
1353
-
1354
- .deep-orange.lighten-1 {
1355
- background-color: #ff7043 !important; }
1356
-
1357
- .deep-orange-text.text-lighten-1 {
1358
- color: #ff7043 !important; }
1359
-
1360
- .deep-orange.darken-1 {
1361
- background-color: #f4511e !important; }
1362
-
1363
- .deep-orange-text.text-darken-1 {
1364
- color: #f4511e !important; }
1365
-
1366
- .deep-orange.darken-2 {
1367
- background-color: #e64a19 !important; }
1368
-
1369
- .deep-orange-text.text-darken-2 {
1370
- color: #e64a19 !important; }
1371
-
1372
- .deep-orange.darken-3 {
1373
- background-color: #d84315 !important; }
1374
-
1375
- .deep-orange-text.text-darken-3 {
1376
- color: #d84315 !important; }
1377
-
1378
- .deep-orange.darken-4 {
1379
- background-color: #bf360c !important; }
1380
-
1381
- .deep-orange-text.text-darken-4 {
1382
- color: #bf360c !important; }
1383
-
1384
- .deep-orange.accent-1 {
1385
- background-color: #ff9e80 !important; }
1386
-
1387
- .deep-orange-text.text-accent-1 {
1388
- color: #ff9e80 !important; }
1389
-
1390
- .deep-orange.accent-2 {
1391
- background-color: #ff6e40 !important; }
1392
-
1393
- .deep-orange-text.text-accent-2 {
1394
- color: #ff6e40 !important; }
1395
-
1396
- .deep-orange.accent-3 {
1397
- background-color: #ff3d00 !important; }
1398
-
1399
- .deep-orange-text.text-accent-3 {
1400
- color: #ff3d00 !important; }
1401
-
1402
- .deep-orange.accent-4 {
1403
- background-color: #dd2c00 !important; }
1404
-
1405
- .deep-orange-text.text-accent-4 {
1406
- color: #dd2c00 !important; }
1407
-
1408
- .brown {
1409
- background-color: #795548 !important; }
1410
-
1411
- .brown-text {
1412
- color: #795548 !important; }
1413
-
1414
- .brown.lighten-5 {
1415
- background-color: #efebe9 !important; }
1416
-
1417
- .brown-text.text-lighten-5 {
1418
- color: #efebe9 !important; }
1419
-
1420
- .brown.lighten-4 {
1421
- background-color: #d7ccc8 !important; }
1422
-
1423
- .brown-text.text-lighten-4 {
1424
- color: #d7ccc8 !important; }
1425
-
1426
- .brown.lighten-3 {
1427
- background-color: #bcaaa4 !important; }
1428
-
1429
- .brown-text.text-lighten-3 {
1430
- color: #bcaaa4 !important; }
1431
-
1432
- .brown.lighten-2 {
1433
- background-color: #a1887f !important; }
1434
-
1435
- .brown-text.text-lighten-2 {
1436
- color: #a1887f !important; }
1437
-
1438
- .brown.lighten-1 {
1439
- background-color: #8d6e63 !important; }
1440
-
1441
- .brown-text.text-lighten-1 {
1442
- color: #8d6e63 !important; }
1443
-
1444
- .brown.darken-1 {
1445
- background-color: #6d4c41 !important; }
1446
-
1447
- .brown-text.text-darken-1 {
1448
- color: #6d4c41 !important; }
1449
-
1450
- .brown.darken-2 {
1451
- background-color: #5d4037 !important; }
1452
-
1453
- .brown-text.text-darken-2 {
1454
- color: #5d4037 !important; }
1455
-
1456
- .brown.darken-3 {
1457
- background-color: #4e342e !important; }
1458
-
1459
- .brown-text.text-darken-3 {
1460
- color: #4e342e !important; }
1461
-
1462
- .brown.darken-4 {
1463
- background-color: #3e2723 !important; }
1464
-
1465
- .brown-text.text-darken-4 {
1466
- color: #3e2723 !important; }
1467
-
1468
- .blue-grey {
1469
- background-color: #607d8b !important; }
1470
-
1471
- .blue-grey-text {
1472
- color: #607d8b !important; }
1473
-
1474
- .blue-grey.lighten-5 {
1475
- background-color: #eceff1 !important; }
1476
-
1477
- .blue-grey-text.text-lighten-5 {
1478
- color: #eceff1 !important; }
1479
-
1480
- .blue-grey.lighten-4 {
1481
- background-color: #cfd8dc !important; }
1482
-
1483
- .blue-grey-text.text-lighten-4 {
1484
- color: #cfd8dc !important; }
1485
-
1486
- .blue-grey.lighten-3 {
1487
- background-color: #b0bec5 !important; }
1488
-
1489
- .blue-grey-text.text-lighten-3 {
1490
- color: #b0bec5 !important; }
1491
-
1492
- .blue-grey.lighten-2 {
1493
- background-color: #90a4ae !important; }
1494
-
1495
- .blue-grey-text.text-lighten-2 {
1496
- color: #90a4ae !important; }
1497
-
1498
- .blue-grey.lighten-1 {
1499
- background-color: #78909c !important; }
1500
-
1501
- .blue-grey-text.text-lighten-1 {
1502
- color: #78909c !important; }
1503
-
1504
- .blue-grey.darken-1 {
1505
- background-color: #546e7a !important; }
1506
-
1507
- .blue-grey-text.text-darken-1 {
1508
- color: #546e7a !important; }
1509
-
1510
- .blue-grey.darken-2 {
1511
- background-color: #455a64 !important; }
1512
-
1513
- .blue-grey-text.text-darken-2 {
1514
- color: #455a64 !important; }
1515
-
1516
- .blue-grey.darken-3 {
1517
- background-color: #37474f !important; }
1518
-
1519
- .blue-grey-text.text-darken-3 {
1520
- color: #37474f !important; }
1521
-
1522
- .blue-grey.darken-4 {
1523
- background-color: #263238 !important; }
1524
-
1525
- .blue-grey-text.text-darken-4 {
1526
- color: #263238 !important; }
1527
-
1528
- .grey {
1529
- background-color: #9e9e9e !important; }
1530
-
1531
- .grey-text {
1532
- color: #9e9e9e !important; }
1533
-
1534
- .grey.lighten-5 {
1535
- background-color: #fafafa !important; }
1536
-
1537
- .grey-text.text-lighten-5 {
1538
- color: #fafafa !important; }
1539
-
1540
- .grey.lighten-4 {
1541
- background-color: #f5f5f5 !important; }
1542
-
1543
- .grey-text.text-lighten-4 {
1544
- color: #f5f5f5 !important; }
1545
-
1546
- .grey.lighten-3 {
1547
- background-color: #eeeeee !important; }
1548
-
1549
- .grey-text.text-lighten-3 {
1550
- color: #eeeeee !important; }
1551
-
1552
- .grey.lighten-2 {
1553
- background-color: #e0e0e0 !important; }
1554
-
1555
- .grey-text.text-lighten-2 {
1556
- color: #e0e0e0 !important; }
1557
-
1558
- .grey.lighten-1 {
1559
- background-color: #bdbdbd !important; }
1560
-
1561
- .grey-text.text-lighten-1 {
1562
- color: #bdbdbd !important; }
1563
-
1564
- .grey.darken-1 {
1565
- background-color: #757575 !important; }
1566
-
1567
- .grey-text.text-darken-1 {
1568
- color: #757575 !important; }
1569
-
1570
- .grey.darken-2 {
1571
- background-color: #616161 !important; }
1572
-
1573
- .grey-text.text-darken-2 {
1574
- color: #616161 !important; }
1575
-
1576
- .grey.darken-3 {
1577
- background-color: #424242 !important; }
1578
-
1579
- .grey-text.text-darken-3 {
1580
- color: #424242 !important; }
1581
-
1582
- .grey.darken-4 {
1583
- background-color: #212121 !important; }
1584
-
1585
- .grey-text.text-darken-4 {
1586
- color: #212121 !important; }
1587
-
1588
- .black {
1589
- background-color: #000000 !important; }
1590
-
1591
- .black-text {
1592
- color: #000000 !important; }
1593
-
1594
- .white {
1595
- background-color: #FFFFFF !important; }
1596
-
1597
- .white-text {
1598
- color: #FFFFFF !important; }
1599
-
1600
- .transparent {
1601
- background-color: transparent !important; }
1602
-
1603
- .transparent-text {
1604
- color: transparent !important; }
1605
-
1606
- /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
1607
  /**
1608
  * 1. Set default font family to sans-serif.
1609
  * 2. Prevent iOS and IE text size adjust after device orientation change,
1610
  * without disabling user zoom.
1611
- */
1612
- html {
1613
- font-family: sans-serif;
1614
- /* 1 */
1615
- -ms-text-size-adjust: 100%;
1616
- /* 2 */
1617
- -webkit-text-size-adjust: 100%;
1618
- /* 2 */ }
1619
-
1620
  /**
1621
  * Remove default margin.
1622
- */
1623
- body {
1624
- margin: 0; }
1625
-
1626
  /* HTML5 display definitions
1627
- ========================================================================== */
1628
  /**
1629
  * Correct `block` display not defined for any HTML5 element in IE 8/9.
1630
  * Correct `block` display not defined for `details` or `summary` in IE 10/11
1631
  * and Firefox.
1632
  * Correct `block` display not defined for `main` in IE 11.
1633
- */
1634
- article,
1635
- aside,
1636
- details,
1637
- figcaption,
1638
- figure,
1639
- footer,
1640
- header,
1641
- hgroup,
1642
- main,
1643
- menu,
1644
- nav,
1645
- section,
1646
- summary {
1647
- display: block; }
1648
-
1649
  /**
1650
  * 1. Correct `inline-block` display not defined in IE 8/9.
1651
  * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
1652
- */
1653
- audio,
1654
- canvas,
1655
- progress,
1656
- video {
1657
- display: inline-block;
1658
- /* 1 */
1659
- vertical-align: baseline;
1660
- /* 2 */ }
1661
-
1662
  /**
1663
  * Prevent modern browsers from displaying `audio` without controls.
1664
  * Remove excess height in iOS 5 devices.
1665
- */
1666
- audio:not([controls]) {
1667
- display: none;
1668
- height: 0; }
1669
-
1670
  /**
1671
  * Address `[hidden]` styling not present in IE 8/9/10.
1672
  * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
1673
- */
1674
- [hidden],
1675
- template {
1676
- display: none; }
1677
-
1678
  /* Links
1679
- ========================================================================== */
1680
  /**
1681
  * Remove the gray background color from active links in IE 10.
1682
- */
1683
- a {
1684
- background-color: transparent; }
1685
-
1686
  /**
1687
  * Improve readability of focused elements when they are also in an
1688
  * active/hover state.
1689
- */
1690
- a:active,
1691
- a:hover {
1692
- outline: 0; }
1693
-
1694
  /* Text-level semantics
1695
- ========================================================================== */
1696
  /**
1697
  * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
1698
- */
1699
- abbr[title] {
1700
- border-bottom: 1px dotted; }
1701
-
1702
  /**
1703
  * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
1704
- */
1705
- b,
1706
- strong {
1707
- font-weight: bold; }
1708
-
1709
  /**
1710
  * Address styling not present in Safari and Chrome.
1711
- */
1712
- dfn {
1713
- font-style: italic; }
1714
-
1715
  /**
1716
  * Address variable `h1` font-size and margin within `section` and `article`
1717
  * contexts in Firefox 4+, Safari, and Chrome.
1718
- */
1719
- h1 {
1720
- font-size: 2em;
1721
- margin: 0.67em 0; }
1722
-
1723
  /**
1724
  * Address styling not present in IE 8/9.
1725
- */
1726
- mark {
1727
- background: #ff0;
1728
- color: #000; }
1729
-
1730
  /**
1731
  * Address inconsistent and variable font size in all browsers.
1732
- */
1733
- small {
1734
- font-size: 80%; }
1735
-
1736
  /**
1737
  * Prevent `sub` and `sup` affecting `line-height` in all browsers.
1738
- */
1739
- sub,
1740
- sup {
1741
- font-size: 75%;
1742
- line-height: 0;
1743
- position: relative;
1744
- vertical-align: baseline; }
1745
-
1746
- sup {
1747
- top: -0.5em; }
1748
-
1749
- sub {
1750
- bottom: -0.25em; }
1751
-
1752
  /* Embedded content
1753
- ========================================================================== */
1754
  /**
1755
  * Remove border when inside `a` element in IE 8/9/10.
1756
- */
1757
- img {
1758
- border: 0; }
1759
-
1760
  /**
1761
  * Correct overflow not hidden in IE 9/10/11.
1762
- */
1763
- svg:not(:root) {
1764
- overflow: hidden; }
1765
-
1766
  /* Grouping content
1767
- ========================================================================== */
1768
  /**
1769
  * Address margin not present in IE 8/9 and Safari.
1770
- */
1771
- figure {
1772
- margin: 1em 40px; }
1773
-
1774
  /**
1775
  * Address differences between Firefox and other browsers.
1776
- */
1777
- hr {
1778
- box-sizing: content-box;
1779
- height: 0; }
1780
-
1781
  /**
1782
  * Contain overflow in all browsers.
1783
- */
1784
- pre {
1785
- overflow: auto; }
1786
-
1787
  /**
1788
  * Address odd `em`-unit font size rendering in all browsers.
1789
- */
1790
- code,
1791
- kbd,
1792
- pre,
1793
- samp {
1794
- font-family: monospace, monospace;
1795
- font-size: 1em; }
1796
-
1797
  /* Forms
1798
- ========================================================================== */
1799
  /**
1800
  * Known limitation: by default, Chrome and Safari on OS X allow very limited
1801
  * styling of `select`, unless a `border` property is set.
1802
- */
1803
  /**
1804
  * 1. Correct color not being inherited.
1805
  * Known issue: affects color of disabled elements.
1806
  * 2. Correct font properties not being inherited.
1807
  * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
1808
- */
1809
- button,
1810
- input,
1811
- optgroup,
1812
- select,
1813
- textarea {
1814
- color: inherit;
1815
- /* 1 */
1816
- font: inherit;
1817
- /* 2 */
1818
- margin: 0;
1819
- /* 3 */ }
1820
-
1821
  /**
1822
  * Address `overflow` set to `hidden` in IE 8/9/10/11.
1823
- */
1824
- button {
1825
- overflow: visible; }
1826
-
1827
  /**
1828
  * Address inconsistent `text-transform` inheritance for `button` and `select`.
1829
  * All other form control elements do not inherit `text-transform` values.
1830
  * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
1831
  * Correct `select` style inheritance in Firefox.
1832
- */
1833
- button,
1834
- select {
1835
- text-transform: none; }
1836
-
1837
  /**
1838
  * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
1839
  * and `video` controls.
1840
  * 2. Correct inability to style clickable `input` types in iOS.
1841
  * 3. Improve usability and consistency of cursor style between image-type
1842
  * `input` and others.
1843
- */
1844
- button,
1845
- html input[type="button"],
1846
- input[type="reset"],
1847
- input[type="submit"] {
1848
- -webkit-appearance: button;
1849
- /* 2 */
1850
- cursor: pointer;
1851
- /* 3 */ }
1852
-
1853
  /**
1854
  * Re-set default cursor for disabled elements.
1855
- */
1856
- button[disabled],
1857
- html input[disabled] {
1858
- cursor: default; }
1859
-
1860
  /**
1861
  * Remove inner padding and border in Firefox 4+.
1862
- */
1863
- button::-moz-focus-inner,
1864
- input::-moz-focus-inner {
1865
- border: 0;
1866
- padding: 0; }
1867
-
1868
  /**
1869
  * Address Firefox 4+ setting `line-height` on `input` using `!important` in
1870
  * the UA stylesheet.
1871
- */
1872
- input {
1873
- line-height: normal; }
1874
-
1875
  /**
1876
  * It's recommended that you don't attempt to style these elements.
1877
  * Firefox's implementation doesn't respect box-sizing, padding, or width.
1878
  *
1879
  * 1. Address box sizing set to `content-box` in IE 8/9/10.
1880
  * 2. Remove excess padding in IE 8/9/10.
1881
- */
1882
- input[type="checkbox"],
1883
- input[type="radio"] {
1884
- box-sizing: border-box;
1885
- /* 1 */
1886
- padding: 0;
1887
- /* 2 */ }
1888
-
1889
  /**
1890
  * Fix the cursor style for Chrome's increment/decrement buttons. For certain
1891
  * `font-size` values of the `input`, it causes the cursor style of the
1892
  * decrement button to change from `default` to `text`.
1893
- */
1894
- input[type="number"]::-webkit-inner-spin-button,
1895
- input[type="number"]::-webkit-outer-spin-button {
1896
- height: auto; }
1897
-
1898
  /**
1899
  * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
1900
  * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
1901
- */
1902
- input[type="search"] {
1903
- -webkit-appearance: textfield;
1904
- /* 1 */
1905
- box-sizing: content-box;
1906
- /* 2 */ }
1907
-
1908
  /**
1909
  * Remove inner padding and search cancel button in Safari and Chrome on OS X.
1910
  * Safari (but not Chrome) clips the cancel button when the search input has
1911
  * padding (and `textfield` appearance).
1912
- */
1913
- input[type="search"]::-webkit-search-cancel-button,
1914
- input[type="search"]::-webkit-search-decoration {
1915
- -webkit-appearance: none; }
1916
-
1917
  /**
1918
  * Define consistent border, margin, and padding.
1919
- */
1920
- fieldset {
1921
- border: 1px solid #c0c0c0;
1922
- margin: 0 2px;
1923
- padding: 0.35em 0.625em 0.75em; }
1924
-
1925
  /**
1926
  * 1. Correct `color` not being inherited in IE 8/9/10/11.
1927
  * 2. Remove padding so people aren't caught out if they zero out fieldsets.
1928
- */
1929
- legend {
1930
- border: 0;
1931
- /* 1 */
1932
- padding: 0;
1933
- /* 2 */ }
1934
-
1935
  /**
1936
  * Remove default vertical scrollbar in IE 8/9/10/11.
1937
- */
1938
- textarea {
1939
- overflow: auto; }
1940
-
1941
  /**
1942
  * Don't inherit the `font-weight` (applied by a rule above).
1943
  * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
1944
- */
1945
- optgroup {
1946
- font-weight: bold; }
1947
-
1948
  /* Tables
1949
- ========================================================================== */
1950
  /**
1951
  * Remove most spacing between table cells.
1952
- */
1953
- table {
1954
- border-collapse: collapse;
1955
- border-spacing: 0; }
1956
-
1957
- td,
1958
- th {
1959
- padding: 0; }
1960
-
1961
- html {
1962
- box-sizing: border-box; }
1963
-
1964
- *, *:before, *:after {
1965
- box-sizing: inherit; }
1966
-
1967
- ul:not(.browser-default) {
1968
- padding-left: 0;
1969
- list-style-type: none; }
1970
- ul:not(.browser-default) > li {
1971
- list-style-type: none; }
1972
-
1973
- a {
1974
- color: #039be5;
1975
- text-decoration: none;
1976
- -webkit-tap-highlight-color: transparent; }
1977
-
1978
- .valign-wrapper {
1979
- display: flex;
1980
- align-items: center; }
1981
-
1982
- .clearfix {
1983
- clear: both; }
1984
-
1985
- .z-depth-0 {
1986
- box-shadow: none !important; }
1987
-
1988
- .z-depth-1, .card-panel, .card, .btn, .btn-large, .btn-floating, .dropdown-content, .collapsible {
1989
- box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); }
1990
-
1991
- .z-depth-1-half, .btn:hover, .btn-large:hover, .btn-floating:hover {
1992
- box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2); }
1993
-
1994
- .z-depth-2 {
1995
- box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3); }
1996
-
1997
- .z-depth-3 {
1998
- box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.3); }
1999
-
2000
- .z-depth-4 {
2001
- box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.3); }
2002
-
2003
- .z-depth-5 {
2004
- box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.3); }
2005
-
2006
- .hoverable {
2007
- transition: box-shadow .25s; }
2008
- .hoverable:hover {
2009
- box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
2010
-
2011
- .divider {
2012
- height: 1px;
2013
- overflow: hidden;
2014
- background-color: #e0e0e0; }
2015
-
2016
- blockquote {
2017
- margin: 20px 0;
2018
- padding-left: 1.5rem;
2019
- border-left: 5px solid #ee6e73; }
2020
-
2021
- i {
2022
- line-height: inherit; }
2023
- i.left {
2024
- float: left;
2025
- margin-right: 15px; }
2026
- i.right {
2027
- float: right;
2028
- margin-left: 15px; }
2029
- i.tiny {
2030
- font-size: 1rem; }
2031
- i.small {
2032
- font-size: 2rem; }
2033
- i.medium {
2034
- font-size: 4rem; }
2035
- i.large {
2036
- font-size: 6rem; }
2037
-
2038
- img.responsive-img,
2039
- video.responsive-video {
2040
- max-width: 100%;
2041
- height: auto; }
2042
-
2043
- .pagination li {
2044
- display: inline-block;
2045
- border-radius: 2px;
2046
- text-align: center;
2047
- vertical-align: top;
2048
- height: 30px; }
2049
- .pagination li a {
2050
- color: #444;
2051
- display: inline-block;
2052
- font-size: 1.2rem;
2053
- padding: 0 10px;
2054
- line-height: 30px; }
2055
- .pagination li.active a {
2056
- color: #fff; }
2057
- .pagination li.active {
2058
- background-color: #ee6e73; }
2059
- .pagination li.disabled a {
2060
- cursor: default;
2061
- color: #999; }
2062
- .pagination li i {
2063
- font-size: 2rem; }
2064
-
2065
- .pagination li.pages ul li {
2066
- display: inline-block;
2067
- float: none; }
2068
-
2069
- @media only screen and (max-width: 992px) {
2070
- .pagination {
2071
- width: 100%; }
2072
- .pagination li.prev,
2073
- .pagination li.next {
2074
- width: 10%; }
2075
- .pagination li.pages {
2076
- width: 80%;
2077
- overflow: hidden;
2078
- white-space: nowrap; } }
2079
-
2080
- .breadcrumb {
2081
- font-size: 18px;
2082
- color: rgba(255, 255, 255, 0.7); }
2083
- .breadcrumb i,
2084
- .breadcrumb [class^="mdi-"], .breadcrumb [class*="mdi-"],
2085
- .breadcrumb i.material-icons {
2086
- display: inline-block;
2087
- float: left;
2088
- font-size: 24px; }
2089
- .breadcrumb:before {
2090
- content: '\E5CC';
2091
- color: rgba(255, 255, 255, 0.7);
2092
- vertical-align: top;
2093
- display: inline-block;
2094
- font-family: 'Material Icons';
2095
- font-weight: normal;
2096
- font-style: normal;
2097
- font-size: 25px;
2098
- margin: 0 10px 0 8px;
2099
- -webkit-font-smoothing: antialiased; }
2100
- .breadcrumb:first-child:before {
2101
- display: none; }
2102
- .breadcrumb:last-child {
2103
- color: #fff; }
2104
-
2105
- .parallax-container {
2106
- position: relative;
2107
- overflow: hidden;
2108
- height: 500px; }
2109
- .parallax-container .parallax {
2110
- position: absolute;
2111
- top: 0;
2112
- left: 0;
2113
- right: 0;
2114
- bottom: 0;
2115
- z-index: -1; }
2116
- .parallax-container .parallax img {
2117
- display: none;
2118
- position: absolute;
2119
- left: 50%;
2120
- bottom: 0;
2121
- min-width: 100%;
2122
- min-height: 100%;
2123
- transform: translate3d(0, 0, 0);
2124
- transform: translateX(-50%); }
2125
-
2126
- .pin-top, .pin-bottom {
2127
- position: relative; }
2128
-
2129
- .pinned {
2130
- position: fixed !important; }
2131
-
2132
  /*********************
2133
  Transition Classes
2134
- **********************/
2135
- ul.staggered-list li {
2136
- opacity: 0; }
2137
-
2138
- .fade-in {
2139
- opacity: 0;
2140
- transform-origin: 0 50%; }
2141
-
2142
  /*********************
2143
  Media Query Classes
2144
- **********************/
2145
- @media only screen and (max-width: 600px) {
2146
- .hide-on-small-only, .hide-on-small-and-down {
2147
- display: none !important; } }
2148
-
2149
- @media only screen and (max-width: 992px) {
2150
- .hide-on-med-and-down {
2151
- display: none !important; } }
2152
-
2153
- @media only screen and (min-width: 601px) {
2154
- .hide-on-med-and-up {
2155
- display: none !important; } }
2156
-
2157
- @media only screen and (min-width: 600px) and (max-width: 992px) {
2158
- .hide-on-med-only {
2159
- display: none !important; } }
2160
-
2161
- @media only screen and (min-width: 993px) {
2162
- .hide-on-large-only {
2163
- display: none !important; } }
2164
-
2165
- @media only screen and (min-width: 993px) {
2166
- .show-on-large {
2167
- display: block !important; } }
2168
-
2169
- @media only screen and (min-width: 600px) and (max-width: 992px) {
2170
- .show-on-medium {
2171
- display: block !important; } }
2172
-
2173
- @media only screen and (max-width: 600px) {
2174
- .show-on-small {
2175
- display: block !important; } }
2176
-
2177
- @media only screen and (min-width: 601px) {
2178
- .show-on-medium-and-up {
2179
- display: block !important; } }
2180
-
2181
- @media only screen and (max-width: 992px) {
2182
- .show-on-medium-and-down {
2183
- display: block !important; } }
2184
-
2185
- @media only screen and (max-width: 600px) {
2186
- .center-on-small-only {
2187
- text-align: center; } }
2188
-
2189
- .page-footer {
2190
- padding-top: 20px;
2191
- color: #fff;
2192
- background-color: #ee6e73; }
2193
- .page-footer .footer-copyright {
2194
- overflow: hidden;
2195
- min-height: 50px;
2196
- display: flex;
2197
- align-items: center;
2198
- padding: 10px 0px;
2199
- color: rgba(255, 255, 255, 0.8);
2200
- background-color: rgba(51, 51, 51, 0.08); }
2201
-
2202
- table, th, td {
2203
- border: none; }
2204
-
2205
- table {
2206
- width: 100%;
2207
- display: table; }
2208
- table.bordered > thead > tr,
2209
- table.bordered > tbody > tr {
2210
- border-bottom: 1px solid #d0d0d0; }
2211
- table.striped > tbody > tr:nth-child(odd) {
2212
- background-color: #f2f2f2; }
2213
- table.striped > tbody > tr > td {
2214
- border-radius: 0; }
2215
- table.highlight > tbody > tr {
2216
- transition: background-color .25s ease; }
2217
- table.highlight > tbody > tr:hover {
2218
- background-color: #f2f2f2; }
2219
- table.centered thead tr th, table.centered tbody tr td {
2220
- text-align: center; }
2221
-
2222
- thead {
2223
- border-bottom: 1px solid #d0d0d0; }
2224
-
2225
- td, th {
2226
- padding: 15px 5px;
2227
- display: table-cell;
2228
- text-align: left;
2229
- vertical-align: middle;
2230
- border-radius: 2px; }
2231
-
2232
- @media only screen and (max-width: 992px) {
2233
- table.responsive-table {
2234
- width: 100%;
2235
- border-collapse: collapse;
2236
- border-spacing: 0;
2237
- display: block;
2238
- position: relative;
2239
- /* sort out borders */ }
2240
- table.responsive-table td:empty:before {
2241
- content: '\A0'; }
2242
- table.responsive-table th,
2243
- table.responsive-table td {
2244
- margin: 0;
2245
- vertical-align: top; }
2246
- table.responsive-table th {
2247
- text-align: left; }
2248
- table.responsive-table thead {
2249
- display: block;
2250
- float: left; }
2251
- table.responsive-table thead tr {
2252
- display: block;
2253
- padding: 0 10px 0 0; }
2254
- table.responsive-table thead tr th::before {
2255
- content: "\A0"; }
2256
- table.responsive-table tbody {
2257
- display: block;
2258
- width: auto;
2259
- position: relative;
2260
- overflow-x: auto;
2261
- white-space: nowrap; }
2262
- table.responsive-table tbody tr {
2263
- display: inline-block;
2264
- vertical-align: top; }
2265
- table.responsive-table th {
2266
- display: block;
2267
- text-align: right; }
2268
- table.responsive-table td {
2269
- display: block;
2270
- min-height: 1.25em;
2271
- text-align: left; }
2272
- table.responsive-table tr {
2273
- padding: 0 10px; }
2274
- table.responsive-table thead {
2275
- border: 0;
2276
- border-right: 1px solid #d0d0d0; }
2277
- table.responsive-table.bordered th {
2278
- border-bottom: 0;
2279
- border-left: 0; }
2280
- table.responsive-table.bordered td {
2281
- border-left: 0;
2282
- border-right: 0;
2283
- border-bottom: 0; }
2284
- table.responsive-table.bordered tr {
2285
- border: 0; }
2286
- table.responsive-table.bordered tbody tr {
2287
- border-right: 1px solid #d0d0d0; } }
2288
-
2289
- .collection {
2290
- margin: 0.5rem 0 1rem 0;
2291
- border: 1px solid #e0e0e0;
2292
- border-radius: 2px;
2293
- overflow: hidden;
2294
- position: relative; }
2295
- .collection .collection-item {
2296
- background-color: #fff;
2297
- line-height: 1.5rem;
2298
- padding: 10px 20px;
2299
- margin: 0;
2300
- border-bottom: 1px solid #e0e0e0; }
2301
- .collection .collection-item.avatar {
2302
- min-height: 84px;
2303
- padding-left: 72px;
2304
- position: relative; }
2305
- .collection .collection-item.avatar:not(.circle-clipper) > .circle,
2306
- .collection .collection-item.avatar :not(.circle-clipper) > .circle {
2307
- position: absolute;
2308
- width: 42px;
2309
- height: 42px;
2310
- overflow: hidden;
2311
- left: 15px;
2312
- display: inline-block;
2313
- vertical-align: middle; }
2314
- .collection .collection-item.avatar i.circle {
2315
- font-size: 18px;
2316
- line-height: 42px;
2317
- color: #fff;
2318
- background-color: #999;
2319
- text-align: center; }
2320
- .collection .collection-item.avatar .title {
2321
- font-size: 16px; }
2322
- .collection .collection-item.avatar p {
2323
- margin: 0; }
2324
- .collection .collection-item.avatar .secondary-content {
2325
- position: absolute;
2326
- top: 16px;
2327
- right: 16px; }
2328
- .collection .collection-item:last-child {
2329
- border-bottom: none; }
2330
- .collection .collection-item.active {
2331
- background-color: #26a69a;
2332
- color: #eafaf9; }
2333
- .collection .collection-item.active .secondary-content {
2334
- color: #fff; }
2335
- .collection a.collection-item {
2336
- display: block;
2337
- transition: .25s;
2338
- color: #26a69a; }
2339
- .collection a.collection-item:not(.active):hover {
2340
- background-color: #ddd; }
2341
- .collection.with-header .collection-header {
2342
- background-color: #fff;
2343
- border-bottom: 1px solid #e0e0e0;
2344
- padding: 10px 20px; }
2345
- .collection.with-header .collection-item {
2346
- padding-left: 30px; }
2347
- .collection.with-header .collection-item.avatar {
2348
- padding-left: 72px; }
2349
-
2350
- .secondary-content {
2351
- float: right;
2352
- color: #26a69a; }
2353
-
2354
- .collapsible .collection {
2355
- margin: 0;
2356
- border: none; }
2357
-
2358
- .video-container {
2359
- position: relative;
2360
- padding-bottom: 56.25%;
2361
- height: 0;
2362
- overflow: hidden; }
2363
- .video-container iframe, .video-container object, .video-container embed {
2364
- position: absolute;
2365
- top: 0;
2366
- left: 0;
2367
- width: 100%;
2368
- height: 100%; }
2369
-
2370
- .progress {
2371
- position: relative;
2372
- height: 4px;
2373
- display: block;
2374
- width: 100%;
2375
- background-color: #acece6;
2376
- border-radius: 2px;
2377
- margin: 0.5rem 0 1rem 0;
2378
- overflow: hidden; }
2379
- .progress .determinate {
2380
- position: absolute;
2381
- top: 0;
2382
- left: 0;
2383
- bottom: 0;
2384
- background-color: #26a69a;
2385
- transition: width .3s linear; }
2386
- .progress .indeterminate {
2387
- background-color: #26a69a; }
2388
- .progress .indeterminate:before {
2389
- content: '';
2390
- position: absolute;
2391
- background-color: inherit;
2392
- top: 0;
2393
- left: 0;
2394
- bottom: 0;
2395
- will-change: left, right;
2396
- animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; }
2397
- .progress .indeterminate:after {
2398
- content: '';
2399
- position: absolute;
2400
- background-color: inherit;
2401
- top: 0;
2402
- left: 0;
2403
- bottom: 0;
2404
- will-change: left, right;
2405
- animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
2406
- animation-delay: 1.15s; }
2407
-
2408
- @keyframes indeterminate {
2409
- 0% {
2410
- left: -35%;
2411
- right: 100%; }
2412
- 60% {
2413
- left: 100%;
2414
- right: -90%; }
2415
- 100% {
2416
- left: 100%;
2417
- right: -90%; } }
2418
-
2419
- @keyframes indeterminate-short {
2420
- 0% {
2421
- left: -200%;
2422
- right: 100%; }
2423
- 60% {
2424
- left: 107%;
2425
- right: -8%; }
2426
- 100% {
2427
- left: 107%;
2428
- right: -8%; } }
2429
-
2430
  /*******************
2431
  Utility Classes
2432
- *******************/
2433
- .hide {
2434
- display: none !important; }
2435
-
2436
- .left-align {
2437
- text-align: left; }
2438
-
2439
- .right-align {
2440
- text-align: right; }
2441
-
2442
- .center, .center-align {
2443
- text-align: center; }
2444
-
2445
- .left {
2446
- float: left !important; }
2447
-
2448
- .right {
2449
- float: right !important; }
2450
-
2451
- .no-select {
2452
- user-select: none; }
2453
-
2454
- .circle {
2455
- border-radius: 50%; }
2456
-
2457
- .center-block {
2458
- display: block;
2459
- margin-left: auto;
2460
- margin-right: auto; }
2461
-
2462
- .truncate {
2463
- display: block;
2464
- white-space: nowrap;
2465
- overflow: hidden;
2466
- text-overflow: ellipsis; }
2467
-
2468
- .no-padding {
2469
- padding: 0 !important; }
2470
-
2471
- .container {
2472
- margin: 0 auto;
2473
- max-width: 1280px;
2474
- width: 90%; }
2475
-
2476
- @media only screen and (min-width: 601px) {
2477
- .container {
2478
- width: 85%; } }
2479
-
2480
- @media only screen and (min-width: 993px) {
2481
- .container {
2482
- width: 70%; } }
2483
-
2484
- .container .row {
2485
- margin-left: -0.75rem;
2486
- margin-right: -0.75rem; }
2487
-
2488
- .section {
2489
- padding-top: 1rem;
2490
- padding-bottom: 1rem; }
2491
- .section.no-pad {
2492
- padding: 0; }
2493
- .section.no-pad-bot {
2494
- padding-bottom: 0; }
2495
- .section.no-pad-top {
2496
- padding-top: 0; }
2497
-
2498
- .row {
2499
- margin-left: auto;
2500
- margin-right: auto;
2501
- margin-bottom: 20px; }
2502
- .row:after {
2503
- content: "";
2504
- display: table;
2505
- clear: both; }
2506
- .row .col {
2507
- float: left;
2508
- box-sizing: border-box;
2509
- padding: 0 0.75rem;
2510
- min-height: 1px; }
2511
- .row .col[class*="push-"], .row .col[class*="pull-"] {
2512
- position: relative; }
2513
- .row .col.s1 {
2514
- width: 8.33333%;
2515
- margin-left: auto;
2516
- left: auto;
2517
- right: auto; }
2518
- .row .col.s2 {
2519
- width: 16.66667%;
2520
- margin-left: auto;
2521
- left: auto;
2522
- right: auto; }
2523
- .row .col.s3 {
2524
- width: 25%;
2525
- margin-left: auto;
2526
- left: auto;
2527
- right: auto; }
2528
- .row .col.s4 {
2529
- width: 33.33333%;
2530
- margin-left: auto;
2531
- left: auto;
2532
- right: auto; }
2533
- .row .col.s5 {
2534
- width: 41.66667%;
2535
- margin-left: auto;
2536
- left: auto;
2537
- right: auto; }
2538
- .row .col.s6 {
2539
- width: 50%;
2540
- margin-left: auto;
2541
- left: auto;
2542
- right: auto; }
2543
- .row .col.s7 {
2544
- width: 58.33333%;
2545
- margin-left: auto;
2546
- left: auto;
2547
- right: auto; }
2548
- .row .col.s8 {
2549
- width: 66.66667%;
2550
- margin-left: auto;
2551
- left: auto;
2552
- right: auto; }
2553
- .row .col.s9 {
2554
- width: 75%;
2555
- margin-left: auto;
2556
- left: auto;
2557
- right: auto; }
2558
- .row .col.s10 {
2559
- width: 83.33333%;
2560
- margin-left: auto;
2561
- left: auto;
2562
- right: auto; }
2563
- .row .col.s11 {
2564
- width: 91.66667%;
2565
- margin-left: auto;
2566
- left: auto;
2567
- right: auto; }
2568
- .row .col.s12 {
2569
- width: 100%;
2570
- margin-left: auto;
2571
- left: auto;
2572
- right: auto; }
2573
- .row .col.offset-s1 {
2574
- margin-left: 8.33333%; }
2575
- .row .col.pull-s1 {
2576
- right: 8.33333%; }
2577
- .row .col.push-s1 {
2578
- left: 8.33333%; }
2579
- .row .col.offset-s2 {
2580
- margin-left: 16.66667%; }
2581
- .row .col.pull-s2 {
2582
- right: 16.66667%; }
2583
- .row .col.push-s2 {
2584
- left: 16.66667%; }
2585
- .row .col.offset-s3 {
2586
- margin-left: 25%; }
2587
- .row .col.pull-s3 {
2588
- right: 25%; }
2589
- .row .col.push-s3 {
2590
- left: 25%; }
2591
- .row .col.offset-s4 {
2592
- margin-left: 33.33333%; }
2593
- .row .col.pull-s4 {
2594
- right: 33.33333%; }
2595
- .row .col.push-s4 {
2596
- left: 33.33333%; }
2597
- .row .col.offset-s5 {
2598
- margin-left: 41.66667%; }
2599
- .row .col.pull-s5 {
2600
- right: 41.66667%; }
2601
- .row .col.push-s5 {
2602
- left: 41.66667%; }
2603
- .row .col.offset-s6 {
2604
- margin-left: 50%; }
2605
- .row .col.pull-s6 {
2606
- right: 50%; }
2607
- .row .col.push-s6 {
2608
- left: 50%; }
2609
- .row .col.offset-s7 {
2610
- margin-left: 58.33333%; }
2611
- .row .col.pull-s7 {
2612
- right: 58.33333%; }
2613
- .row .col.push-s7 {
2614
- left: 58.33333%; }
2615
- .row .col.offset-s8 {
2616
- margin-left: 66.66667%; }
2617
- .row .col.pull-s8 {
2618
- right: 66.66667%; }
2619
- .row .col.push-s8 {
2620
- left: 66.66667%; }
2621
- .row .col.offset-s9 {
2622
- margin-left: 75%; }
2623
- .row .col.pull-s9 {
2624
- right: 75%; }
2625
- .row .col.push-s9 {
2626
- left: 75%; }
2627
- .row .col.offset-s10 {
2628
- margin-left: 83.33333%; }
2629
- .row .col.pull-s10 {
2630
- right: 83.33333%; }
2631
- .row .col.push-s10 {
2632
- left: 83.33333%; }
2633
- .row .col.offset-s11 {
2634
- margin-left: 91.66667%; }
2635
- .row .col.pull-s11 {
2636
- right: 91.66667%; }
2637
- .row .col.push-s11 {
2638
- left: 91.66667%; }
2639
- .row .col.offset-s12 {
2640
- margin-left: 100%; }
2641
- .row .col.pull-s12 {
2642
- right: 100%; }
2643
- .row .col.push-s12 {
2644
- left: 100%; }
2645
- @media only screen and (min-width: 601px) {
2646
- .row .col.m1 {
2647
- width: 8.33333%;
2648
- margin-left: auto;
2649
- left: auto;
2650
- right: auto; }
2651
- .row .col.m2 {
2652
- width: 16.66667%;
2653
- margin-left: auto;
2654
- left: auto;
2655
- right: auto; }
2656
- .row .col.m3 {
2657
- width: 25%;
2658
- margin-left: auto;
2659
- left: auto;
2660
- right: auto; }
2661
- .row .col.m4 {
2662
- width: 33.33333%;
2663
- margin-left: auto;
2664
- left: auto;
2665
- right: auto; }
2666
- .row .col.m5 {
2667
- width: 41.66667%;
2668
- margin-left: auto;
2669
- left: auto;
2670
- right: auto; }
2671
- .row .col.m6 {
2672
- width: 50%;
2673
- margin-left: auto;
2674
- left: auto;
2675
- right: auto; }
2676
- .row .col.m7 {
2677
- width: 58.33333%;
2678
- margin-left: auto;
2679
- left: auto;
2680
- right: auto; }
2681
- .row .col.m8 {
2682
- width: 66.66667%;
2683
- margin-left: auto;
2684
- left: auto;
2685
- right: auto; }
2686
- .row .col.m9 {
2687
- width: 75%;
2688
- margin-left: auto;
2689
- left: auto;
2690
- right: auto; }
2691
- .row .col.m10 {
2692
- width: 83.33333%;
2693
- margin-left: auto;
2694
- left: auto;
2695
- right: auto; }
2696
- .row .col.m11 {
2697
- width: 91.66667%;
2698
- margin-left: auto;
2699
- left: auto;
2700
- right: auto; }
2701
- .row .col.m12 {
2702
- width: 100%;
2703
- margin-left: auto;
2704
- left: auto;
2705
- right: auto; }
2706
- .row .col.offset-m1 {
2707
- margin-left: 8.33333%; }
2708
- .row .col.pull-m1 {
2709
- right: 8.33333%; }
2710
- .row .col.push-m1 {
2711
- left: 8.33333%; }
2712
- .row .col.offset-m2 {
2713
- margin-left: 16.66667%; }
2714
- .row .col.pull-m2 {
2715
- right: 16.66667%; }
2716
- .row .col.push-m2 {
2717
- left: 16.66667%; }
2718
- .row .col.offset-m3 {
2719
- margin-left: 25%; }
2720
- .row .col.pull-m3 {
2721
- right: 25%; }
2722
- .row .col.push-m3 {
2723
- left: 25%; }
2724
- .row .col.offset-m4 {
2725
- margin-left: 33.33333%; }
2726
- .row .col.pull-m4 {
2727
- right: 33.33333%; }
2728
- .row .col.push-m4 {
2729
- left: 33.33333%; }
2730
- .row .col.offset-m5 {
2731
- margin-left: 41.66667%; }
2732
- .row .col.pull-m5 {
2733
- right: 41.66667%; }
2734
- .row .col.push-m5 {
2735
- left: 41.66667%; }
2736
- .row .col.offset-m6 {
2737
- margin-left: 50%; }
2738
- .row .col.pull-m6 {
2739
- right: 50%; }
2740
- .row .col.push-m6 {
2741
- left: 50%; }
2742
- .row .col.offset-m7 {
2743
- margin-left: 58.33333%; }
2744
- .row .col.pull-m7 {
2745
- right: 58.33333%; }
2746
- .row .col.push-m7 {
2747
- left: 58.33333%; }
2748
- .row .col.offset-m8 {
2749
- margin-left: 66.66667%; }
2750
- .row .col.pull-m8 {
2751
- right: 66.66667%; }
2752
- .row .col.push-m8 {
2753
- left: 66.66667%; }
2754
- .row .col.offset-m9 {
2755
- margin-left: 75%; }
2756
- .row .col.pull-m9 {
2757
- right: 75%; }
2758
- .row .col.push-m9 {
2759
- left: 75%; }
2760
- .row .col.offset-m10 {
2761
- margin-left: 83.33333%; }
2762
- .row .col.pull-m10 {
2763
- right: 83.33333%; }
2764
- .row .col.push-m10 {
2765
- left: 83.33333%; }
2766
- .row .col.offset-m11 {
2767
- margin-left: 91.66667%; }
2768
- .row .col.pull-m11 {
2769
- right: 91.66667%; }
2770
- .row .col.push-m11 {
2771
- left: 91.66667%; }
2772
- .row .col.offset-m12 {
2773
- margin-left: 100%; }
2774
- .row .col.pull-m12 {
2775
- right: 100%; }
2776
- .row .col.push-m12 {
2777
- left: 100%; } }
2778
- @media only screen and (min-width: 993px) {
2779
- .row .col.l1 {
2780
- width: 8.33333%;
2781
- margin-left: auto;
2782
- left: auto;
2783
- right: auto; }
2784
- .row .col.l2 {
2785
- width: 16.66667%;
2786
- margin-left: auto;
2787
- left: auto;
2788
- right: auto; }
2789
- .row .col.l3 {
2790
- width: 25%;
2791
- margin-left: auto;
2792
- left: auto;
2793
- right: auto; }
2794
- .row .col.l4 {
2795
- width: 33.33333%;
2796
- margin-left: auto;
2797
- left: auto;
2798
- right: auto; }
2799
- .row .col.l5 {
2800
- width: 41.66667%;
2801
- margin-left: auto;
2802
- left: auto;
2803
- right: auto; }
2804
- .row .col.l6 {
2805
- width: 50%;
2806
- margin-left: auto;
2807
- left: auto;
2808
- right: auto; }
2809
- .row .col.l7 {
2810
- width: 58.33333%;
2811
- margin-left: auto;
2812
- left: auto;
2813
- right: auto; }
2814
- .row .col.l8 {
2815
- width: 66.66667%;
2816
- margin-left: auto;
2817
- left: auto;
2818
- right: auto; }
2819
- .row .col.l9 {
2820
- width: 75%;
2821
- margin-left: auto;
2822
- left: auto;
2823
- right: auto; }
2824
- .row .col.l10 {
2825
- width: 83.33333%;
2826
- margin-left: auto;
2827
- left: auto;
2828
- right: auto; }
2829
- .row .col.l11 {
2830
- width: 91.66667%;
2831
- margin-left: auto;
2832
- left: auto;
2833
- right: auto; }
2834
- .row .col.l12 {
2835
- width: 100%;
2836
- margin-left: auto;
2837
- left: auto;
2838
- right: auto; }
2839
- .row .col.offset-l1 {
2840
- margin-left: 8.33333%; }
2841
- .row .col.pull-l1 {
2842
- right: 8.33333%; }
2843
- .row .col.push-l1 {
2844
- left: 8.33333%; }
2845
- .row .col.offset-l2 {
2846
- margin-left: 16.66667%; }
2847
- .row .col.pull-l2 {
2848
- right: 16.66667%; }
2849
- .row .col.push-l2 {
2850
- left: 16.66667%; }
2851
- .row .col.offset-l3 {
2852
- margin-left: 25%; }
2853
- .row .col.pull-l3 {
2854
- right: 25%; }
2855
- .row .col.push-l3 {
2856
- left: 25%; }
2857
- .row .col.offset-l4 {
2858
- margin-left: 33.33333%; }
2859
- .row .col.pull-l4 {
2860
- right: 33.33333%; }
2861
- .row .col.push-l4 {
2862
- left: 33.33333%; }
2863
- .row .col.offset-l5 {
2864
- margin-left: 41.66667%; }
2865
- .row .col.pull-l5 {
2866
- right: 41.66667%; }
2867
- .row .col.push-l5 {
2868
- left: 41.66667%; }
2869
- .row .col.offset-l6 {
2870
- margin-left: 50%; }
2871
- .row .col.pull-l6 {
2872
- right: 50%; }
2873
- .row .col.push-l6 {
2874
- left: 50%; }
2875
- .row .col.offset-l7 {
2876
- margin-left: 58.33333%; }
2877
- .row .col.pull-l7 {
2878
- right: 58.33333%; }
2879
- .row .col.push-l7 {
2880
- left: 58.33333%; }
2881
- .row .col.offset-l8 {
2882
- margin-left: 66.66667%; }
2883
- .row .col.pull-l8 {
2884
- right: 66.66667%; }
2885
- .row .col.push-l8 {
2886
- left: 66.66667%; }
2887
- .row .col.offset-l9 {
2888
- margin-left: 75%; }
2889
- .row .col.pull-l9 {
2890
- right: 75%; }
2891
- .row .col.push-l9 {
2892
- left: 75%; }
2893
- .row .col.offset-l10 {
2894
- margin-left: 83.33333%; }
2895
- .row .col.pull-l10 {
2896
- right: 83.33333%; }
2897
- .row .col.push-l10 {
2898
- left: 83.33333%; }
2899
- .row .col.offset-l11 {
2900
- margin-left: 91.66667%; }
2901
- .row .col.pull-l11 {
2902
- right: 91.66667%; }
2903
- .row .col.push-l11 {
2904
- left: 91.66667%; }
2905
- .row .col.offset-l12 {
2906
- margin-left: 100%; }
2907
- .row .col.pull-l12 {
2908
- right: 100%; }
2909
- .row .col.push-l12 {
2910
- left: 100%; } }
2911
- @media only screen and (min-width: 1201px) {
2912
- .row .col.xl1 {
2913
- width: 8.33333%;
2914
- margin-left: auto;
2915
- left: auto;
2916
- right: auto; }
2917
- .row .col.xl2 {
2918
- width: 16.66667%;
2919
- margin-left: auto;
2920
- left: auto;
2921
- right: auto; }
2922
- .row .col.xl3 {
2923
- width: 25%;
2924
- margin-left: auto;
2925
- left: auto;
2926
- right: auto; }
2927
- .row .col.xl4 {
2928
- width: 33.33333%;
2929
- margin-left: auto;
2930
- left: auto;
2931
- right: auto; }
2932
- .row .col.xl5 {
2933
- width: 41.66667%;
2934
- margin-left: auto;
2935
- left: auto;
2936
- right: auto; }
2937
- .row .col.xl6 {
2938
- width: 50%;
2939
- margin-left: auto;
2940
- left: auto;
2941
- right: auto; }
2942
- .row .col.xl7 {
2943
- width: 58.33333%;
2944
- margin-left: auto;
2945
- left: auto;
2946
- right: auto; }
2947
- .row .col.xl8 {
2948
- width: 66.66667%;
2949
- margin-left: auto;
2950
- left: auto;
2951
- right: auto; }
2952
- .row .col.xl9 {
2953
- width: 75%;
2954
- margin-left: auto;
2955
- left: auto;
2956
- right: auto; }
2957
- .row .col.xl10 {
2958
- width: 83.33333%;
2959
- margin-left: auto;
2960
- left: auto;
2961
- right: auto; }
2962
- .row .col.xl11 {
2963
- width: 91.66667%;
2964
- margin-left: auto;
2965
- left: auto;
2966
- right: auto; }
2967
- .row .col.xl12 {
2968
- width: 100%;
2969
- margin-left: auto;
2970
- left: auto;
2971
- right: auto; }
2972
- .row .col.offset-xl1 {
2973
- margin-left: 8.33333%; }
2974
- .row .col.pull-xl1 {
2975
- right: 8.33333%; }
2976
- .row .col.push-xl1 {
2977
- left: 8.33333%; }
2978
- .row .col.offset-xl2 {
2979
- margin-left: 16.66667%; }
2980
- .row .col.pull-xl2 {
2981
- right: 16.66667%; }
2982
- .row .col.push-xl2 {
2983
- left: 16.66667%; }
2984
- .row .col.offset-xl3 {
2985
- margin-left: 25%; }
2986
- .row .col.pull-xl3 {
2987
- right: 25%; }
2988
- .row .col.push-xl3 {
2989
- left: 25%; }
2990
- .row .col.offset-xl4 {
2991
- margin-left: 33.33333%; }
2992
- .row .col.pull-xl4 {
2993
- right: 33.33333%; }
2994
- .row .col.push-xl4 {
2995
- left: 33.33333%; }
2996
- .row .col.offset-xl5 {
2997
- margin-left: 41.66667%; }
2998
- .row .col.pull-xl5 {
2999
- right: 41.66667%; }
3000
- .row .col.push-xl5 {
3001
- left: 41.66667%; }
3002
- .row .col.offset-xl6 {
3003
- margin-left: 50%; }
3004
- .row .col.pull-xl6 {
3005
- right: 50%; }
3006
- .row .col.push-xl6 {
3007
- left: 50%; }
3008
- .row .col.offset-xl7 {
3009
- margin-left: 58.33333%; }
3010
- .row .col.pull-xl7 {
3011
- right: 58.33333%; }
3012
- .row .col.push-xl7 {
3013
- left: 58.33333%; }
3014
- .row .col.offset-xl8 {
3015
- margin-left: 66.66667%; }
3016
- .row .col.pull-xl8 {
3017
- right: 66.66667%; }
3018
- .row .col.push-xl8 {
3019
- left: 66.66667%; }
3020
- .row .col.offset-xl9 {
3021
- margin-left: 75%; }
3022
- .row .col.pull-xl9 {
3023
- right: 75%; }
3024
- .row .col.push-xl9 {
3025
- left: 75%; }
3026
- .row .col.offset-xl10 {
3027
- margin-left: 83.33333%; }
3028
- .row .col.pull-xl10 {
3029
- right: 83.33333%; }
3030
- .row .col.push-xl10 {
3031
- left: 83.33333%; }
3032
- .row .col.offset-xl11 {
3033
- margin-left: 91.66667%; }
3034
- .row .col.pull-xl11 {
3035
- right: 91.66667%; }
3036
- .row .col.push-xl11 {
3037
- left: 91.66667%; }
3038
- .row .col.offset-xl12 {
3039
- margin-left: 100%; }
3040
- .row .col.pull-xl12 {
3041
- right: 100%; }
3042
- .row .col.push-xl12 {
3043
- left: 100%; } }
3044
-
3045
- a {
3046
- text-decoration: none; }
3047
-
3048
- html {
3049
- line-height: 1.5;
3050
- font-family: "Roboto", sans-serif;
3051
- font-weight: normal;
3052
- color: rgba(0, 0, 0, 0.87); }
3053
- @media only screen and (min-width: 0) {
3054
- html {
3055
- font-size: 14px; } }
3056
- @media only screen and (min-width: 992px) {
3057
- html {
3058
- font-size: 14.5px; } }
3059
- @media only screen and (min-width: 1200px) {
3060
- html {
3061
- font-size: 15px; } }
3062
-
3063
- h1, h2, h3, h4, h5, h6 {
3064
- font-weight: 400;
3065
- line-height: 1.1; }
3066
-
3067
- h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
3068
- font-weight: inherit; }
3069
-
3070
- h1 {
3071
- font-size: 4.2rem;
3072
- line-height: 110%;
3073
- margin: 2.1rem 0 1.68rem 0; }
3074
-
3075
- h2 {
3076
- font-size: 3.56rem;
3077
- line-height: 110%;
3078
- margin: 1.78rem 0 1.424rem 0; }
3079
-
3080
- h3 {
3081
- font-size: 2.92rem;
3082
- line-height: 110%;
3083
- margin: 1.46rem 0 1.168rem 0; }
3084
-
3085
- h4 {
3086
- font-size: 2.28rem;
3087
- line-height: 110%;
3088
- margin: 1.14rem 0 0.912rem 0; }
3089
-
3090
- h5 {
3091
- font-size: 1.64rem;
3092
- line-height: 110%;
3093
- margin: 0.82rem 0 0.656rem 0; }
3094
-
3095
- h6 {
3096
- font-size: 1rem;
3097
- line-height: 110%;
3098
- margin: 0.5rem 0 0.4rem 0; }
3099
-
3100
- em {
3101
- font-style: italic; }
3102
-
3103
- strong {
3104
- font-weight: 500; }
3105
-
3106
- small {
3107
- font-size: 75%; }
3108
-
3109
- .light, .page-footer .footer-copyright {
3110
- font-weight: 300; }
3111
-
3112
- .thin {
3113
- font-weight: 200; }
3114
-
3115
- .flow-text {
3116
- font-weight: 300; }
3117
- @media only screen and (min-width: 360px) {
3118
- .flow-text {
3119
- font-size: 1.2rem; } }
3120
- @media only screen and (min-width: 390px) {
3121
- .flow-text {
3122
- font-size: 1.224rem; } }
3123
- @media only screen and (min-width: 420px) {
3124
- .flow-text {
3125
- font-size: 1.248rem; } }
3126
- @media only screen and (min-width: 450px) {
3127
- .flow-text {
3128
- font-size: 1.272rem; } }
3129
- @media only screen and (min-width: 480px) {
3130
- .flow-text {
3131
- font-size: 1.296rem; } }
3132
- @media only screen and (min-width: 510px) {
3133
- .flow-text {
3134
- font-size: 1.32rem; } }
3135
- @media only screen and (min-width: 540px) {
3136
- .flow-text {
3137
- font-size: 1.344rem; } }
3138
- @media only screen and (min-width: 570px) {
3139
- .flow-text {
3140
- font-size: 1.368rem; } }
3141
- @media only screen and (min-width: 600px) {
3142
- .flow-text {
3143
- font-size: 1.392rem; } }
3144
- @media only screen and (min-width: 630px) {
3145
- .flow-text {
3146
- font-size: 1.416rem; } }
3147
- @media only screen and (min-width: 660px) {
3148
- .flow-text {
3149
- font-size: 1.44rem; } }
3150
- @media only screen and (min-width: 690px) {
3151
- .flow-text {
3152
- font-size: 1.464rem; } }
3153
- @media only screen and (min-width: 720px) {
3154
- .flow-text {
3155
- font-size: 1.488rem; } }
3156
- @media only screen and (min-width: 750px) {
3157
- .flow-text {
3158
- font-size: 1.512rem; } }
3159
- @media only screen and (min-width: 780px) {
3160
- .flow-text {
3161
- font-size: 1.536rem; } }
3162
- @media only screen and (min-width: 810px) {
3163
- .flow-text {
3164
- font-size: 1.56rem; } }
3165
- @media only screen and (min-width: 840px) {
3166
- .flow-text {
3167
- font-size: 1.584rem; } }
3168
- @media only screen and (min-width: 870px) {
3169
- .flow-text {
3170
- font-size: 1.608rem; } }
3171
- @media only screen and (min-width: 900px) {
3172
- .flow-text {
3173
- font-size: 1.632rem; } }
3174
- @media only screen and (min-width: 930px) {
3175
- .flow-text {
3176
- font-size: 1.656rem; } }
3177
- @media only screen and (min-width: 960px) {
3178
- .flow-text {
3179
- font-size: 1.68rem; } }
3180
- @media only screen and (max-width: 360px) {
3181
- .flow-text {
3182
- font-size: 1.2rem; } }
3183
-
3184
- .scale-transition {
3185
- transition: transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important; }
3186
- .scale-transition.scale-out {
3187
- transform: scale(0);
3188
- transition: transform .2s !important; }
3189
- .scale-transition.scale-in {
3190
- transform: scale(1); }
3191
-
3192
- .card-panel {
3193
- transition: box-shadow .25s;
3194
- padding: 24px;
3195
- margin: 0.5rem 0 1rem 0;
3196
- border-radius: 2px;
3197
- background-color: #fff; }
3198
-
3199
- .card {
3200
- position: relative;
3201
- margin: 0.5rem 0 1rem 0;
3202
- background-color: #fff;
3203
- transition: box-shadow .25s;
3204
- border-radius: 2px; }
3205
- .card .card-title {
3206
- font-size: 24px;
3207
- font-weight: 300; }
3208
- .card .card-title.activator {
3209
- cursor: pointer; }
3210
- .card.small, .card.medium, .card.large {
3211
- position: relative; }
3212
- .card.small .card-image, .card.medium .card-image, .card.large .card-image {
3213
- max-height: 60%;
3214
- overflow: hidden; }
3215
- .card.small .card-image + .card-content, .card.medium .card-image + .card-content, .card.large .card-image + .card-content {
3216
- max-height: 40%; }
3217
- .card.small .card-content, .card.medium .card-content, .card.large .card-content {
3218
- max-height: 100%;
3219
- overflow: hidden; }
3220
- .card.small .card-action, .card.medium .card-action, .card.large .card-action {
3221
- position: absolute;
3222
- bottom: 0;
3223
- left: 0;
3224
- right: 0; }
3225
- .card.small {
3226
- height: 300px; }
3227
- .card.medium {
3228
- height: 400px; }
3229
- .card.large {
3230
- height: 500px; }
3231
- .card.horizontal {
3232
- display: flex; }
3233
- .card.horizontal.small .card-image, .card.horizontal.medium .card-image, .card.horizontal.large .card-image {
3234
- height: 100%;
3235
- max-height: none;
3236
- overflow: visible; }
3237
- .card.horizontal.small .card-image img, .card.horizontal.medium .card-image img, .card.horizontal.large .card-image img {
3238
- height: 100%; }
3239
- .card.horizontal .card-image {
3240
- max-width: 50%; }
3241
- .card.horizontal .card-image img {
3242
- border-radius: 2px 0 0 2px;
3243
- max-width: 100%;
3244
- width: auto; }
3245
- .card.horizontal .card-stacked {
3246
- display: flex;
3247
- flex-direction: column;
3248
- flex: 1;
3249
- position: relative; }
3250
- .card.horizontal .card-stacked .card-content {
3251
- flex-grow: 1; }
3252
- .card.sticky-action .card-action {
3253
- z-index: 2; }
3254
- .card.sticky-action .card-reveal {
3255
- z-index: 1;
3256
- padding-bottom: 64px; }
3257
- .card .card-image {
3258
- position: relative; }
3259
- .card .card-image img {
3260
- display: block;
3261
- border-radius: 2px 2px 0 0;
3262
- position: relative;
3263
- left: 0;
3264
- right: 0;
3265
- top: 0;
3266
- bottom: 0;
3267
- width: 100%; }
3268
- .card .card-image .card-title {
3269
- color: #fff;
3270
- position: absolute;
3271
- bottom: 0;
3272
- left: 0;
3273
- max-width: 100%;
3274
- padding: 24px; }
3275
- .card .card-content {
3276
- padding: 24px;
3277
- border-radius: 0 0 2px 2px; }
3278
- .card .card-content p {
3279
- margin: 0;
3280
- color: inherit; }
3281
- .card .card-content .card-title {
3282
- display: block;
3283
- line-height: 32px;
3284
- margin-bottom: 8px; }
3285
- .card .card-content .card-title i {
3286
- line-height: 32px; }
3287
- .card .card-action {
3288
- position: relative;
3289
- background-color: inherit;
3290
- border-top: 1px solid rgba(160, 160, 160, 0.2);
3291
- padding: 16px 24px; }
3292
- .card .card-action:last-child {
3293
- border-radius: 0 0 2px 2px; }
3294
- .card .card-action a:not(.btn):not(.btn-large):not(.btn-large):not(.btn-floating) {
3295
- color: #ffab40;
3296
- margin-right: 24px;
3297
- transition: color .3s ease;
3298
- text-transform: uppercase; }
3299
- .card .card-action a:not(.btn):not(.btn-large):not(.btn-large):not(.btn-floating):hover {
3300
- color: #ffd8a6; }
3301
- .card .card-reveal {
3302
- padding: 24px;
3303
- position: absolute;
3304
- background-color: #fff;
3305
- width: 100%;
3306
- overflow-y: auto;
3307
- left: 0;
3308
- top: 100%;
3309
- height: 100%;
3310
- z-index: 3;
3311
- display: none; }
3312
- .card .card-reveal .card-title {
3313
- cursor: pointer;
3314
- display: block; }
3315
-
3316
- .btn, .btn-large,
3317
- .btn-flat {
3318
- border: none;
3319
- border-radius: 2px;
3320
- display: inline-block;
3321
- height: 36px;
3322
- line-height: 36px;
3323
- padding: 0 2rem;
3324
- text-transform: uppercase;
3325
- vertical-align: middle;
3326
- -webkit-tap-highlight-color: transparent; }
3327
-
3328
- .btn.disabled, .disabled.btn-large,
3329
- .btn-floating.disabled,
3330
- .btn-large.disabled,
3331
- .btn-flat.disabled,
3332
- .btn:disabled,
3333
- .btn-large:disabled,
3334
- .btn-floating:disabled,
3335
- .btn-large:disabled,
3336
- .btn-flat:disabled,
3337
- .btn[disabled],
3338
- [disabled].btn-large,
3339
- .btn-floating[disabled],
3340
- .btn-large[disabled],
3341
- .btn-flat[disabled] {
3342
- pointer-events: none;
3343
- background-color: #DFDFDF !important;
3344
- box-shadow: none;
3345
- color: #9F9F9F !important;
3346
- cursor: default; }
3347
- .btn.disabled:hover, .disabled.btn-large:hover,
3348
- .btn-floating.disabled:hover,
3349
- .btn-large.disabled:hover,
3350
- .btn-flat.disabled:hover,
3351
- .btn:disabled:hover,
3352
- .btn-large:disabled:hover,
3353
- .btn-floating:disabled:hover,
3354
- .btn-large:disabled:hover,
3355
- .btn-flat:disabled:hover,
3356
- .btn[disabled]:hover,
3357
- [disabled].btn-large:hover,
3358
- .btn-floating[disabled]:hover,
3359
- .btn-large[disabled]:hover,
3360
- .btn-flat[disabled]:hover {
3361
- background-color: #DFDFDF !important;
3362
- color: #9F9F9F !important; }
3363
-
3364
- .btn, .btn-large,
3365
- .btn-floating,
3366
- .btn-large,
3367
- .btn-flat {
3368
- font-size: 1rem;
3369
- outline: 0; }
3370
- .btn i, .btn-large i,
3371
- .btn-floating i,
3372
- .btn-large i,
3373
- .btn-flat i {
3374
- font-size: 1.3rem;
3375
- line-height: inherit; }
3376
-
3377
- .btn:focus, .btn-large:focus,
3378
- .btn-floating:focus {
3379
- background-color: #1d7d74; }
3380
-
3381
- .btn, .btn-large {
3382
- text-decoration: none;
3383
- color: #fff;
3384
- background-color: #26a69a;
3385
- text-align: center;
3386
- letter-spacing: .5px;
3387
- transition: .2s ease-out;
3388
- cursor: pointer; }
3389
- .btn:hover, .btn-large:hover {
3390
- background-color: #2bbbad; }
3391
-
3392
- .btn-floating {
3393
- display: inline-block;
3394
- color: #fff;
3395
- position: relative;
3396
- overflow: hidden;
3397
- z-index: 1;
3398
- width: 40px;
3399
- height: 40px;
3400
- line-height: 40px;
3401
- padding: 0;
3402
- background-color: #26a69a;
3403
- border-radius: 50%;
3404
- transition: .3s;
3405
- cursor: pointer;
3406
- vertical-align: middle; }
3407
- .btn-floating:hover {
3408
- background-color: #26a69a; }
3409
- .btn-floating:before {
3410
- border-radius: 0; }
3411
- .btn-floating.btn-large {
3412
- width: 56px;
3413
- height: 56px; }
3414
- .btn-floating.btn-large.halfway-fab {
3415
- bottom: -28px; }
3416
- .btn-floating.btn-large i {
3417
- line-height: 56px; }
3418
- .btn-floating.halfway-fab {
3419
- position: absolute;
3420
- right: 24px;
3421
- bottom: -20px; }
3422
- .btn-floating.halfway-fab.left {
3423
- right: auto;
3424
- left: 24px; }
3425
- .btn-floating i {
3426
- width: inherit;
3427
- display: inline-block;
3428
- text-align: center;
3429
- color: #fff;
3430
- font-size: 1.6rem;
3431
- line-height: 40px; }
3432
-
3433
- button.btn-floating {
3434
- border: none; }
3435
-
3436
- .fixed-action-btn {
3437
- position: fixed;
3438
- right: 23px;
3439
- bottom: 23px;
3440
- padding-top: 15px;
3441
- margin-bottom: 0;
3442
- z-index: 997; }
3443
- .fixed-action-btn.active ul {
3444
- visibility: visible; }
3445
- .fixed-action-btn.horizontal {
3446
- padding: 0 0 0 15px; }
3447
- .fixed-action-btn.horizontal ul {
3448
- text-align: right;
3449
- right: 64px;
3450
- top: 50%;
3451
- transform: translateY(-50%);
3452
- height: 100%;
3453
- left: auto;
3454
- width: 500px;
3455
- /*width 100% only goes to width of button container */ }
3456
- .fixed-action-btn.horizontal ul li {
3457
- display: inline-block;
3458
- margin: 15px 15px 0 0; }
3459
- .fixed-action-btn.toolbar {
3460
- padding: 0;
3461
- height: 56px; }
3462
- .fixed-action-btn.toolbar.active > a i {
3463
- opacity: 0; }
3464
- .fixed-action-btn.toolbar ul {
3465
- display: flex;
3466
- top: 0;
3467
- bottom: 0;
3468
- z-index: 1; }
3469
- .fixed-action-btn.toolbar ul li {
3470
- flex: 1;
3471
- display: inline-block;
3472
- margin: 0;
3473
- height: 100%;
3474
- transition: none; }
3475
- .fixed-action-btn.toolbar ul li a {
3476
- display: block;
3477
- overflow: hidden;
3478
- position: relative;
3479
- width: 100%;
3480
- height: 100%;
3481
- background-color: transparent;
3482
- box-shadow: none;
3483
- color: #fff;
3484
- line-height: 56px;
3485
- z-index: 1; }
3486
- .fixed-action-btn.toolbar ul li a i {
3487
- line-height: inherit; }
3488
- .fixed-action-btn ul {
3489
- left: 0;
3490
- right: 0;
3491
- text-align: center;
3492
- position: absolute;
3493
- bottom: 64px;
3494
- margin: 0;
3495
- visibility: hidden; }
3496
- .fixed-action-btn ul li {
3497
- margin-bottom: 15px; }
3498
- .fixed-action-btn ul a.btn-floating {
3499
- opacity: 0; }
3500
- .fixed-action-btn .fab-backdrop {
3501
- position: absolute;
3502
- top: 0;
3503
- left: 0;
3504
- z-index: -1;
3505
- width: 40px;
3506
- height: 40px;
3507
- background-color: #26a69a;
3508
- border-radius: 50%;
3509
- transform: scale(0); }
3510
-
3511
- .btn-flat {
3512
- box-shadow: none;
3513
- background-color: transparent;
3514
- color: #343434;
3515
- cursor: pointer;
3516
- transition: background-color .2s; }
3517
- .btn-flat:focus, .btn-flat:hover {
3518
- box-shadow: none; }
3519
- .btn-flat:focus {
3520
- background-color: rgba(0, 0, 0, 0.1); }
3521
- .btn-flat.disabled {
3522
- background-color: transparent !important;
3523
- color: #b3b3b3 !important;
3524
- cursor: default; }
3525
-
3526
- .btn-large {
3527
- height: 54px;
3528
- line-height: 54px; }
3529
- .btn-large i {
3530
- font-size: 1.6rem; }
3531
-
3532
- .btn-block {
3533
- display: block; }
3534
-
3535
- .dropdown-content {
3536
- background-color: #fff;
3537
- margin: 0;
3538
- display: none;
3539
- min-width: 100px;
3540
- max-height: 650px;
3541
- overflow-y: auto;
3542
- opacity: 0;
3543
- position: absolute;
3544
- z-index: 999;
3545
- will-change: width, height; }
3546
- .dropdown-content li {
3547
- clear: both;
3548
- color: rgba(0, 0, 0, 0.87);
3549
- cursor: pointer;
3550
- min-height: 50px;
3551
- line-height: 1.5rem;
3552
- width: 100%;
3553
- text-align: left;
3554
- text-transform: none; }
3555
- .dropdown-content li:hover, .dropdown-content li.active, .dropdown-content li.selected {
3556
- background-color: #eee; }
3557
- .dropdown-content li.active.selected {
3558
- background-color: #e1e1e1; }
3559
- .dropdown-content li.divider {
3560
- min-height: 0;
3561
- height: 1px; }
3562
- .dropdown-content li > a, .dropdown-content li > span {
3563
- font-size: 16px;
3564
- color: #26a69a;
3565
- display: block;
3566
- line-height: 22px;
3567
- padding: 14px 16px; }
3568
- .dropdown-content li > span > label {
3569
- top: 1px;
3570
- left: 0;
3571
- height: 18px; }
3572
- .dropdown-content li > a > i {
3573
- height: inherit;
3574
- line-height: inherit;
3575
- float: left;
3576
- margin: 0 24px 0 0;
3577
- width: 24px; }
3578
-
3579
- .input-field.col .dropdown-content [type="checkbox"] + label {
3580
- top: 1px;
3581
- left: 0;
3582
- height: 18px; }
3583
-
3584
- .collapsible {
3585
- border-top: 1px solid #ddd;
3586
- border-right: 1px solid #ddd;
3587
- border-left: 1px solid #ddd;
3588
- margin: 0.5rem 0 1rem 0; }
3589
-
3590
- .collapsible-header {
3591
- display: flex;
3592
- cursor: pointer;
3593
- -webkit-tap-highlight-color: transparent;
3594
- line-height: 1.5;
3595
- padding: 1rem;
3596
- background-color: #fff;
3597
- border-bottom: 1px solid #ddd; }
3598
- .collapsible-header i {
3599
- width: 2rem;
3600
- font-size: 1.6rem;
3601
- display: inline-block;
3602
- text-align: center;
3603
- margin-right: 1rem; }
3604
-
3605
- .collapsible-body {
3606
- display: none;
3607
- border-bottom: 1px solid #ddd;
3608
- box-sizing: border-box;
3609
- padding: 2rem; }
3610
-
3611
- .side-nav .collapsible,
3612
- .side-nav.fixed .collapsible {
3613
- border: none;
3614
- box-shadow: none; }
3615
- .side-nav .collapsible li,
3616
- .side-nav.fixed .collapsible li {
3617
- padding: 0; }
3618
-
3619
- .side-nav .collapsible-header,
3620
- .side-nav.fixed .collapsible-header {
3621
- background-color: transparent;
3622
- border: none;
3623
- line-height: inherit;
3624
- height: inherit;
3625
- padding: 0 16px; }
3626
- .side-nav .collapsible-header:hover,
3627
- .side-nav.fixed .collapsible-header:hover {
3628
- background-color: rgba(0, 0, 0, 0.05); }
3629
- .side-nav .collapsible-header i,
3630
- .side-nav.fixed .collapsible-header i {
3631
- line-height: inherit; }
3632
-
3633
- .side-nav .collapsible-body,
3634
- .side-nav.fixed .collapsible-body {
3635
- border: 0;
3636
- background-color: #fff; }
3637
- .side-nav .collapsible-body li a,
3638
- .side-nav.fixed .collapsible-body li a {
3639
- padding: 0 23.5px 0 31px; }
3640
-
3641
- .collapsible.popout {
3642
- border: none;
3643
- box-shadow: none; }
3644
- .collapsible.popout > li {
3645
- box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
3646
- margin: 0 24px;
3647
- transition: margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
3648
- .collapsible.popout > li.active {
3649
- box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
3650
- margin: 16px 0; }
3651
-
3652
- .materialboxed {
3653
- display: block;
3654
- cursor: zoom-in;
3655
- position: relative;
3656
- transition: opacity .4s;
3657
- -webkit-backface-visibility: hidden; }
3658
- .materialboxed:hover:not(.active) {
3659
- opacity: .8; }
3660
- .materialboxed.active {
3661
- cursor: zoom-out; }
3662
-
3663
- #materialbox-overlay {
3664
- position: fixed;
3665
- top: 0;
3666
- right: 0;
3667
- bottom: 0;
3668
- left: 0;
3669
- background-color: #292929;
3670
- z-index: 1000;
3671
- will-change: opacity; }
3672
-
3673
- .materialbox-caption {
3674
- position: fixed;
3675
- display: none;
3676
- color: #fff;
3677
- line-height: 50px;
3678
- bottom: 0;
3679
- left: 0;
3680
- width: 100%;
3681
- text-align: center;
3682
- padding: 0% 15%;
3683
- height: 50px;
3684
- z-index: 1000;
3685
- -webkit-font-smoothing: antialiased; }
3686
-
3687
- select:focus {
3688
- outline: 1px solid #c9f3ef; }
3689
-
3690
- button:focus {
3691
- outline: none;
3692
- background-color: #2ab7a9; }
3693
-
3694
- label {
3695
- font-size: 0.8rem;
3696
- color: #9e9e9e; }
3697
-
3698
  /* Text Inputs + Textarea
3699
- ========================================================================== */
3700
- /* Style Placeholders */
3701
- ::placeholder {
3702
- color: #d1d1d1; }
3703
-
3704
- /* Text inputs */
3705
- input:not([type]),
3706
- input[type=text]:not(.browser-default),
3707
- input[type=password]:not(.browser-default),
3708
- input[type=email]:not(.browser-default),
3709
- input[type=url]:not(.browser-default),
3710
- input[type=time]:not(.browser-default),
3711
- input[type=date]:not(.browser-default),
3712
- input[type=datetime]:not(.browser-default),
3713
- input[type=datetime-local]:not(.browser-default),
3714
- input[type=tel]:not(.browser-default),
3715
- input[type=number]:not(.browser-default),
3716
- input[type=search]:not(.browser-default),
3717
- textarea.materialize-textarea {
3718
- background-color: transparent;
3719
- border: none;
3720
- border-bottom: 1px solid #9e9e9e;
3721
- border-radius: 0;
3722
- outline: none;
3723
- height: 3rem;
3724
- width: 100%;
3725
- font-size: 1rem;
3726
- margin: 0 0 20px 0;
3727
- padding: 0;
3728
- box-shadow: none;
3729
- box-sizing: content-box;
3730
- transition: all 0.3s; }
3731
- input:not([type]):disabled, input:not([type])[readonly="readonly"],
3732
- input[type=text]:not(.browser-default):disabled,
3733
- input[type=text]:not(.browser-default)[readonly="readonly"],
3734
- input[type=password]:not(.browser-default):disabled,
3735
- input[type=password]:not(.browser-default)[readonly="readonly"],
3736
- input[type=email]:not(.browser-default):disabled,
3737
- input[type=email]:not(.browser-default)[readonly="readonly"],
3738
- input[type=url]:not(.browser-default):disabled,
3739
- input[type=url]:not(.browser-default)[readonly="readonly"],
3740
- input[type=time]:not(.browser-default):disabled,
3741
- input[type=time]:not(.browser-default)[readonly="readonly"],
3742
- input[type=date]:not(.browser-default):disabled,
3743
- input[type=date]:not(.browser-default)[readonly="readonly"],
3744
- input[type=datetime]:not(.browser-default):disabled,
3745
- input[type=datetime]:not(.browser-default)[readonly="readonly"],
3746
- input[type=datetime-local]:not(.browser-default):disabled,
3747
- input[type=datetime-local]:not(.browser-default)[readonly="readonly"],
3748
- input[type=tel]:not(.browser-default):disabled,
3749
- input[type=tel]:not(.browser-default)[readonly="readonly"],
3750
- input[type=number]:not(.browser-default):disabled,
3751
- input[type=number]:not(.browser-default)[readonly="readonly"],
3752
- input[type=search]:not(.browser-default):disabled,
3753
- input[type=search]:not(.browser-default)[readonly="readonly"],
3754
- textarea.materialize-textarea:disabled,
3755
- textarea.materialize-textarea[readonly="readonly"] {
3756
- color: rgba(0, 0, 0, 0.42);
3757
- border-bottom: 1px dotted rgba(0, 0, 0, 0.42); }
3758
- input:not([type]):disabled + label,
3759
- input:not([type])[readonly="readonly"] + label,
3760
- input[type=text]:not(.browser-default):disabled + label,
3761
- input[type=text]:not(.browser-default)[readonly="readonly"] + label,
3762
- input[type=password]:not(.browser-default):disabled + label,
3763
- input[type=password]:not(.browser-default)[readonly="readonly"] + label,
3764
- input[type=email]:not(.browser-default):disabled + label,
3765
- input[type=email]:not(.browser-default)[readonly="readonly"] + label,
3766
- input[type=url]:not(.browser-default):disabled + label,
3767
- input[type=url]:not(.browser-default)[readonly="readonly"] + label,
3768
- input[type=time]:not(.browser-default):disabled + label,
3769
- input[type=time]:not(.browser-default)[readonly="readonly"] + label,
3770
- input[type=date]:not(.browser-default):disabled + label,
3771
- input[type=date]:not(.browser-default)[readonly="readonly"] + label,
3772
- input[type=datetime]:not(.browser-default):disabled + label,
3773
- input[type=datetime]:not(.browser-default)[readonly="readonly"] + label,
3774
- input[type=datetime-local]:not(.browser-default):disabled + label,
3775
- input[type=datetime-local]:not(.browser-default)[readonly="readonly"] + label,
3776
- input[type=tel]:not(.browser-default):disabled + label,
3777
- input[type=tel]:not(.browser-default)[readonly="readonly"] + label,
3778
- input[type=number]:not(.browser-default):disabled + label,
3779
- input[type=number]:not(.browser-default)[readonly="readonly"] + label,
3780
- input[type=search]:not(.browser-default):disabled + label,
3781
- input[type=search]:not(.browser-default)[readonly="readonly"] + label,
3782
- textarea.materialize-textarea:disabled + label,
3783
- textarea.materialize-textarea[readonly="readonly"] + label {
3784
- color: rgba(0, 0, 0, 0.42); }
3785
- input:not([type]):focus:not([readonly]),
3786
- input[type=text]:not(.browser-default):focus:not([readonly]),
3787
- input[type=password]:not(.browser-default):focus:not([readonly]),
3788
- input[type=email]:not(.browser-default):focus:not([readonly]),
3789
- input[type=url]:not(.browser-default):focus:not([readonly]),
3790
- input[type=time]:not(.browser-default):focus:not([readonly]),
3791
- input[type=date]:not(.browser-default):focus:not([readonly]),
3792
- input[type=datetime]:not(.browser-default):focus:not([readonly]),
3793
- input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
3794
- input[type=tel]:not(.browser-default):focus:not([readonly]),
3795
- input[type=number]:not(.browser-default):focus:not([readonly]),
3796
- input[type=search]:not(.browser-default):focus:not([readonly]),
3797
- textarea.materialize-textarea:focus:not([readonly]) {
3798
- border-bottom: 1px solid #26a69a;
3799
- box-shadow: 0 1px 0 0 #26a69a; }
3800
- input:not([type]):focus:not([readonly]) + label,
3801
- input[type=text]:not(.browser-default):focus:not([readonly]) + label,
3802
- input[type=password]:not(.browser-default):focus:not([readonly]) + label,
3803
- input[type=email]:not(.browser-default):focus:not([readonly]) + label,
3804
- input[type=url]:not(.browser-default):focus:not([readonly]) + label,
3805
- input[type=time]:not(.browser-default):focus:not([readonly]) + label,
3806
- input[type=date]:not(.browser-default):focus:not([readonly]) + label,
3807
- input[type=datetime]:not(.browser-default):focus:not([readonly]) + label,
3808
- input[type=datetime-local]:not(.browser-default):focus:not([readonly]) + label,
3809
- input[type=tel]:not(.browser-default):focus:not([readonly]) + label,
3810
- input[type=number]:not(.browser-default):focus:not([readonly]) + label,
3811
- input[type=search]:not(.browser-default):focus:not([readonly]) + label,
3812
- textarea.materialize-textarea:focus:not([readonly]) + label {
3813
- color: #26a69a; }
3814
- input:not([type]).validate + label,
3815
- input[type=text]:not(.browser-default).validate + label,
3816
- input[type=password]:not(.browser-default).validate + label,
3817
- input[type=email]:not(.browser-default).validate + label,
3818
- input[type=url]:not(.browser-default).validate + label,
3819
- input[type=time]:not(.browser-default).validate + label,
3820
- input[type=date]:not(.browser-default).validate + label,
3821
- input[type=datetime]:not(.browser-default).validate + label,
3822
- input[type=datetime-local]:not(.browser-default).validate + label,
3823
- input[type=tel]:not(.browser-default).validate + label,
3824
- input[type=number]:not(.browser-default).validate + label,
3825
- input[type=search]:not(.browser-default).validate + label,
3826
- textarea.materialize-textarea.validate + label {
3827
- width: 100%; }
3828
- input:not([type]).invalid + label:after,
3829
- input:not([type]).valid + label:after,
3830
- input[type=text]:not(.browser-default).invalid + label:after,
3831
- input[type=text]:not(.browser-default).valid + label:after,
3832
- input[type=password]:not(.browser-default).invalid + label:after,
3833
- input[type=password]:not(.browser-default).valid + label:after,
3834
- input[type=email]:not(.browser-default).invalid + label:after,
3835
- input[type=email]:not(.browser-default).valid + label:after,
3836
- input[type=url]:not(.browser-default).invalid + label:after,
3837
- input[type=url]:not(.browser-default).valid + label:after,
3838
- input[type=time]:not(.browser-default).invalid + label:after,
3839
- input[type=time]:not(.browser-default).valid + label:after,
3840
- input[type=date]:not(.browser-default).invalid + label:after,
3841
- input[type=date]:not(.browser-default).valid + label:after,
3842
- input[type=datetime]:not(.browser-default).invalid + label:after,
3843
- input[type=datetime]:not(.browser-default).valid + label:after,
3844
- input[type=datetime-local]:not(.browser-default).invalid + label:after,
3845
- input[type=datetime-local]:not(.browser-default).valid + label:after,
3846
- input[type=tel]:not(.browser-default).invalid + label:after,
3847
- input[type=tel]:not(.browser-default).valid + label:after,
3848
- input[type=number]:not(.browser-default).invalid + label:after,
3849
- input[type=number]:not(.browser-default).valid + label:after,
3850
- input[type=search]:not(.browser-default).invalid + label:after,
3851
- input[type=search]:not(.browser-default).valid + label:after,
3852
- textarea.materialize-textarea.invalid + label:after,
3853
- textarea.materialize-textarea.valid + label:after {
3854
- display: none; }
3855
- input:not([type]).invalid + label.active:after,
3856
- input:not([type]).valid + label.active:after,
3857
- input[type=text]:not(.browser-default).invalid + label.active:after,
3858
- input[type=text]:not(.browser-default).valid + label.active:after,
3859
- input[type=password]:not(.browser-default).invalid + label.active:after,
3860
- input[type=password]:not(.browser-default).valid + label.active:after,
3861
- input[type=email]:not(.browser-default).invalid + label.active:after,
3862
- input[type=email]:not(.browser-default).valid + label.active:after,
3863
- input[type=url]:not(.browser-default).invalid + label.active:after,
3864
- input[type=url]:not(.browser-default).valid + label.active:after,
3865
- input[type=time]:not(.browser-default).invalid + label.active:after,
3866
- input[type=time]:not(.browser-default).valid + label.active:after,
3867
- input[type=date]:not(.browser-default).invalid + label.active:after,
3868
- input[type=date]:not(.browser-default).valid + label.active:after,
3869
- input[type=datetime]:not(.browser-default).invalid + label.active:after,
3870
- input[type=datetime]:not(.browser-default).valid + label.active:after,
3871
- input[type=datetime-local]:not(.browser-default).invalid + label.active:after,
3872
- input[type=datetime-local]:not(.browser-default).valid + label.active:after,
3873
- input[type=tel]:not(.browser-default).invalid + label.active:after,
3874
- input[type=tel]:not(.browser-default).valid + label.active:after,
3875
- input[type=number]:not(.browser-default).invalid + label.active:after,
3876
- input[type=number]:not(.browser-default).valid + label.active:after,
3877
- input[type=search]:not(.browser-default).invalid + label.active:after,
3878
- input[type=search]:not(.browser-default).valid + label.active:after,
3879
- textarea.materialize-textarea.invalid + label.active:after,
3880
- textarea.materialize-textarea.valid + label.active:after {
3881
- display: block; }
3882
-
3883
- /* Validation Sass Placeholders */
3884
- input.valid:not([type]), input.valid:not([type]):focus,
3885
- input[type=text].valid:not(.browser-default),
3886
- input[type=text].valid:not(.browser-default):focus,
3887
- input[type=password].valid:not(.browser-default),
3888
- input[type=password].valid:not(.browser-default):focus,
3889
- input[type=email].valid:not(.browser-default),
3890
- input[type=email].valid:not(.browser-default):focus,
3891
- input[type=url].valid:not(.browser-default),
3892
- input[type=url].valid:not(.browser-default):focus,
3893
- input[type=time].valid:not(.browser-default),
3894
- input[type=time].valid:not(.browser-default):focus,
3895
- input[type=date].valid:not(.browser-default),
3896
- input[type=date].valid:not(.browser-default):focus,
3897
- input[type=datetime].valid:not(.browser-default),
3898
- input[type=datetime].valid:not(.browser-default):focus,
3899
- input[type=datetime-local].valid:not(.browser-default),
3900
- input[type=datetime-local].valid:not(.browser-default):focus,
3901
- input[type=tel].valid:not(.browser-default),
3902
- input[type=tel].valid:not(.browser-default):focus,
3903
- input[type=number].valid:not(.browser-default),
3904
- input[type=number].valid:not(.browser-default):focus,
3905
- input[type=search].valid:not(.browser-default),
3906
- input[type=search].valid:not(.browser-default):focus,
3907
- textarea.materialize-textarea.valid,
3908
- textarea.materialize-textarea.valid:focus, .select-wrapper.valid > input.select-dropdown {
3909
- border-bottom: 1px solid #4CAF50;
3910
- box-shadow: 0 1px 0 0 #4CAF50; }
3911
-
3912
- input.invalid:not([type]), input.invalid:not([type]):focus,
3913
- input[type=text].invalid:not(.browser-default),
3914
- input[type=text].invalid:not(.browser-default):focus,
3915
- input[type=password].invalid:not(.browser-default),
3916
- input[type=password].invalid:not(.browser-default):focus,
3917
- input[type=email].invalid:not(.browser-default),
3918
- input[type=email].invalid:not(.browser-default):focus,
3919
- input[type=url].invalid:not(.browser-default),
3920
- input[type=url].invalid:not(.browser-default):focus,
3921
- input[type=time].invalid:not(.browser-default),
3922
- input[type=time].invalid:not(.browser-default):focus,
3923
- input[type=date].invalid:not(.browser-default),
3924
- input[type=date].invalid:not(.browser-default):focus,
3925
- input[type=datetime].invalid:not(.browser-default),
3926
- input[type=datetime].invalid:not(.browser-default):focus,
3927
- input[type=datetime-local].invalid:not(.browser-default),
3928
- input[type=datetime-local].invalid:not(.browser-default):focus,
3929
- input[type=tel].invalid:not(.browser-default),
3930
- input[type=tel].invalid:not(.browser-default):focus,
3931
- input[type=number].invalid:not(.browser-default),
3932
- input[type=number].invalid:not(.browser-default):focus,
3933
- input[type=search].invalid:not(.browser-default),
3934
- input[type=search].invalid:not(.browser-default):focus,
3935
- textarea.materialize-textarea.invalid,
3936
- textarea.materialize-textarea.invalid:focus, .select-wrapper.invalid > input.select-dropdown {
3937
- border-bottom: 1px solid #F44336;
3938
- box-shadow: 0 1px 0 0 #F44336; }
3939
-
3940
- input:not([type]).valid + label:after,
3941
- input:not([type]):focus.valid + label:after,
3942
- input[type=text]:not(.browser-default).valid + label:after,
3943
- input[type=text]:not(.browser-default):focus.valid + label:after,
3944
- input[type=password]:not(.browser-default).valid + label:after,
3945
- input[type=password]:not(.browser-default):focus.valid + label:after,
3946
- input[type=email]:not(.browser-default).valid + label:after,
3947
- input[type=email]:not(.browser-default):focus.valid + label:after,
3948
- input[type=url]:not(.browser-default).valid + label:after,
3949
- input[type=url]:not(.browser-default):focus.valid + label:after,
3950
- input[type=time]:not(.browser-default).valid + label:after,
3951
- input[type=time]:not(.browser-default):focus.valid + label:after,
3952
- input[type=date]:not(.browser-default).valid + label:after,
3953
- input[type=date]:not(.browser-default):focus.valid + label:after,
3954
- input[type=datetime]:not(.browser-default).valid + label:after,
3955
- input[type=datetime]:not(.browser-default):focus.valid + label:after,
3956
- input[type=datetime-local]:not(.browser-default).valid + label:after,
3957
- input[type=datetime-local]:not(.browser-default):focus.valid + label:after,
3958
- input[type=tel]:not(.browser-default).valid + label:after,
3959
- input[type=tel]:not(.browser-default):focus.valid + label:after,
3960
- input[type=number]:not(.browser-default).valid + label:after,
3961
- input[type=number]:not(.browser-default):focus.valid + label:after,
3962
- input[type=search]:not(.browser-default).valid + label:after,
3963
- input[type=search]:not(.browser-default):focus.valid + label:after,
3964
- textarea.materialize-textarea.valid + label:after,
3965
- textarea.materialize-textarea:focus.valid + label:after, .select-wrapper.valid + label:after {
3966
- content: attr(data-success);
3967
- color: #4CAF50;
3968
- opacity: 1;
3969
- transform: translateY(9px); }
3970
-
3971
- input:not([type]).invalid + label:after,
3972
- input:not([type]):focus.invalid + label:after,
3973
- input[type=text]:not(.browser-default).invalid + label:after,
3974
- input[type=text]:not(.browser-default):focus.invalid + label:after,
3975
- input[type=password]:not(.browser-default).invalid + label:after,
3976
- input[type=password]:not(.browser-default):focus.invalid + label:after,
3977
- input[type=email]:not(.browser-default).invalid + label:after,
3978
- input[type=email]:not(.browser-default):focus.invalid + label:after,
3979
- input[type=url]:not(.browser-default).invalid + label:after,
3980
- input[type=url]:not(.browser-default):focus.invalid + label:after,
3981
- input[type=time]:not(.browser-default).invalid + label:after,
3982
- input[type=time]:not(.browser-default):focus.invalid + label:after,
3983
- input[type=date]:not(.browser-default).invalid + label:after,
3984
- input[type=date]:not(.browser-default):focus.invalid + label:after,
3985
- input[type=datetime]:not(.browser-default).invalid + label:after,
3986
- input[type=datetime]:not(.browser-default):focus.invalid + label:after,
3987
- input[type=datetime-local]:not(.browser-default).invalid + label:after,
3988
- input[type=datetime-local]:not(.browser-default):focus.invalid + label:after,
3989
- input[type=tel]:not(.browser-default).invalid + label:after,
3990
- input[type=tel]:not(.browser-default):focus.invalid + label:after,
3991
- input[type=number]:not(.browser-default).invalid + label:after,
3992
- input[type=number]:not(.browser-default):focus.invalid + label:after,
3993
- input[type=search]:not(.browser-default).invalid + label:after,
3994
- input[type=search]:not(.browser-default):focus.invalid + label:after,
3995
- textarea.materialize-textarea.invalid + label:after,
3996
- textarea.materialize-textarea:focus.invalid + label:after, .select-wrapper.invalid + label:after {
3997
- content: attr(data-error);
3998
- color: #F44336;
3999
- opacity: 1;
4000
- transform: translateY(9px); }
4001
-
4002
- input:not([type]) + label:after,
4003
- input[type=text]:not(.browser-default) + label:after,
4004
- input[type=password]:not(.browser-default) + label:after,
4005
- input[type=email]:not(.browser-default) + label:after,
4006
- input[type=url]:not(.browser-default) + label:after,
4007
- input[type=time]:not(.browser-default) + label:after,
4008
- input[type=date]:not(.browser-default) + label:after,
4009
- input[type=datetime]:not(.browser-default) + label:after,
4010
- input[type=datetime-local]:not(.browser-default) + label:after,
4011
- input[type=tel]:not(.browser-default) + label:after,
4012
- input[type=number]:not(.browser-default) + label:after,
4013
- input[type=search]:not(.browser-default) + label:after,
4014
- textarea.materialize-textarea + label:after, .select-wrapper + label:after {
4015
- display: block;
4016
- content: "";
4017
- position: absolute;
4018
- top: 100%;
4019
- left: 0;
4020
- opacity: 0;
4021
- transition: .2s opacity ease-out, .2s color ease-out; }
4022
-
4023
- .input-field {
4024
- position: relative;
4025
- margin-top: 1rem; }
4026
- .input-field.inline {
4027
- display: inline-block;
4028
- vertical-align: middle;
4029
- margin-left: 5px; }
4030
- .input-field.inline input,
4031
- .input-field.inline .select-dropdown {
4032
- margin-bottom: 1rem; }
4033
- .input-field.col label {
4034
- left: 0.75rem; }
4035
- .input-field.col .prefix ~ label,
4036
- .input-field.col .prefix ~ .validate ~ label {
4037
- width: calc(100% - 3rem - 1.5rem); }
4038
- .input-field label {
4039
- color: #9e9e9e;
4040
- position: absolute;
4041
- top: 0;
4042
- left: 0;
4043
- height: 100%;
4044
- font-size: 1rem;
4045
- cursor: text;
4046
- transition: transform .2s ease-out;
4047
- transform-origin: 0% 100%;
4048
- text-align: initial;
4049
- transform: translateY(12px);
4050
- pointer-events: none; }
4051
- .input-field label:not(.label-icon).active {
4052
- transform: translateY(-14px) scale(0.8);
4053
- transform-origin: 0 0; }
4054
- .input-field .prefix {
4055
- position: absolute;
4056
- width: 3rem;
4057
- font-size: 2rem;
4058
- transition: color .2s; }
4059
- .input-field .prefix.active {
4060
- color: #26a69a; }
4061
- .input-field .prefix ~ input,
4062
- .input-field .prefix ~ textarea,
4063
- .input-field .prefix ~ label,
4064
- .input-field .prefix ~ .validate ~ label,
4065
- .input-field .prefix ~ .autocomplete-content {
4066
- margin-left: 3rem;
4067
- width: 92%;
4068
- width: calc(100% - 3rem); }
4069
- .input-field .prefix ~ label {
4070
- margin-left: 3rem; }
4071
- @media only screen and (max-width: 992px) {
4072
- .input-field .prefix ~ input {
4073
- width: 86%;
4074
- width: calc(100% - 3rem); } }
4075
- @media only screen and (max-width: 600px) {
4076
- .input-field .prefix ~ input {
4077
- width: 80%;
4078
- width: calc(100% - 3rem); } }
4079
-
4080
- /* Search Field */
4081
- .input-field input[type=search] {
4082
- display: block;
4083
- line-height: inherit; }
4084
- .nav-wrapper .input-field input[type=search] {
4085
- height: inherit;
4086
- padding-left: 4rem;
4087
- width: calc(100% - 4rem);
4088
- border: 0;
4089
- box-shadow: none; }
4090
- .input-field input[type=search]:focus {
4091
- background-color: #fff;
4092
- border: 0;
4093
- box-shadow: none;
4094
- color: #444; }
4095
- .input-field input[type=search]:focus + label i,
4096
- .input-field input[type=search]:focus ~ .mdi-navigation-close,
4097
- .input-field input[type=search]:focus ~ .material-icons {
4098
- color: #444; }
4099
- .input-field input[type=search] + label {
4100
- left: 1rem; }
4101
- .input-field input[type=search] ~ .mdi-navigation-close,
4102
- .input-field input[type=search] ~ .material-icons {
4103
- position: absolute;
4104
- top: 0;
4105
- right: 1rem;
4106
- color: transparent;
4107
- cursor: pointer;
4108
- font-size: 2rem;
4109
- transition: .3s color; }
4110
-
4111
- /* Textarea */
4112
- textarea {
4113
- width: 100%;
4114
- height: 3rem;
4115
- background-color: transparent; }
4116
- textarea.materialize-textarea {
4117
- overflow-y: hidden;
4118
- /* prevents scroll bar flash */
4119
- padding: .8rem 0 1.6rem 0;
4120
- /* prevents text jump on Enter keypress */
4121
- resize: none;
4122
- min-height: 3rem; }
4123
- textarea.materialize-textarea.validate + label {
4124
- height: 100%; }
4125
- textarea.materialize-textarea.validate + label::after {
4126
- top: calc(100% - 12px); }
4127
- textarea.materialize-textarea.validate + label:not(.label-icon).active {
4128
- transform: translateY(-25px); }
4129
-
4130
- .hiddendiv {
4131
- display: none;
4132
- white-space: pre-wrap;
4133
- word-wrap: break-word;
4134
- overflow-wrap: break-word;
4135
- /* future version of deprecated 'word-wrap' */
4136
- padding-top: 1.2rem;
4137
- /* prevents text jump on Enter keypress */
4138
- position: absolute;
4139
- top: 0; }
4140
-
4141
- /* Autocomplete */
4142
- .autocomplete-content {
4143
- margin-top: -20px;
4144
- margin-bottom: 20px;
4145
- display: block;
4146
- opacity: 1;
4147
- position: static; }
4148
- .autocomplete-content li .highlight {
4149
- color: #444; }
4150
- .autocomplete-content li img {
4151
- height: 40px;
4152
- width: 40px;
4153
- margin: 5px 15px; }
4154
-
4155
  /* Checkboxes
4156
- ========================================================================== */
4157
- /* CUSTOM CSS CHECKBOXES */
4158
- form p {
4159
- margin-bottom: 10px;
4160
- text-align: left; }
4161
-
4162
- form p:last-child {
4163
- margin-bottom: 0; }
4164
-
4165
- /* Remove default checkbox */
4166
- [type="checkbox"]:not(:checked),
4167
- [type="checkbox"]:checked {
4168
- position: absolute;
4169
- opacity: 0;
4170
- pointer-events: none; }
4171
-
4172
- [type="checkbox"] {
4173
- /* checkbox aspect */ }
4174
- [type="checkbox"] + label {
4175
- position: relative;
4176
- padding-left: 35px;
4177
- cursor: pointer;
4178
- display: inline-block;
4179
- height: 25px;
4180
- line-height: 25px;
4181
- font-size: 1rem;
4182
- user-select: none; }
4183
- [type="checkbox"] + label:before,
4184
- [type="checkbox"]:not(.filled-in) + label:after {
4185
- content: '';
4186
- position: absolute;
4187
- top: 0;
4188
- left: 0;
4189
- width: 18px;
4190
- height: 18px;
4191
- z-index: 0;
4192
- border: 2px solid #5a5a5a;
4193
- border-radius: 1px;
4194
- margin-top: 2px;
4195
- transition: .2s; }
4196
- [type="checkbox"]:not(.filled-in) + label:after {
4197
- border: 0;
4198
- transform: scale(0); }
4199
- [type="checkbox"]:not(:checked):disabled + label:before {
4200
- border: none;
4201
- background-color: rgba(0, 0, 0, 0.42); }
4202
- [type="checkbox"].tabbed:focus + label:after {
4203
- transform: scale(1);
4204
- border: 0;
4205
- border-radius: 50%;
4206
- box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
4207
- background-color: rgba(0, 0, 0, 0.1); }
4208
-
4209
- [type="checkbox"]:checked + label:before {
4210
- top: -4px;
4211
- left: -5px;
4212
- width: 12px;
4213
- height: 22px;
4214
- border-top: 2px solid transparent;
4215
- border-left: 2px solid transparent;
4216
- border-right: 2px solid #26a69a;
4217
- border-bottom: 2px solid #26a69a;
4218
- transform: rotate(40deg);
4219
- backface-visibility: hidden;
4220
- transform-origin: 100% 100%; }
4221
-
4222
- [type="checkbox"]:checked:disabled + label:before {
4223
- border-right: 2px solid rgba(0, 0, 0, 0.42);
4224
- border-bottom: 2px solid rgba(0, 0, 0, 0.42); }
4225
-
4226
- /* Indeterminate checkbox */
4227
- [type="checkbox"]:indeterminate + label:before {
4228
- top: -11px;
4229
- left: -12px;
4230
- width: 10px;
4231
- height: 22px;
4232
- border-top: none;
4233
- border-left: none;
4234
- border-right: 2px solid #26a69a;
4235
- border-bottom: none;
4236
- transform: rotate(90deg);
4237
- backface-visibility: hidden;
4238
- transform-origin: 100% 100%; }
4239
-
4240
- [type="checkbox"]:indeterminate:disabled + label:before {
4241
- border-right: 2px solid rgba(0, 0, 0, 0.42);
4242
- background-color: transparent; }
4243
-
4244
- [type="checkbox"].filled-in + label:after {
4245
- border-radius: 2px; }
4246
-
4247
- [type="checkbox"].filled-in + label:before,
4248
- [type="checkbox"].filled-in + label:after {
4249
- content: '';
4250
- left: 0;
4251
- position: absolute;
4252
- /* .1s delay is for check animation */
4253
- transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
4254
- z-index: 1; }
4255
-
4256
- [type="checkbox"].filled-in:not(:checked) + label:before {
4257
- width: 0;
4258
- height: 0;
4259
- border: 3px solid transparent;
4260
- left: 6px;
4261
- top: 10px;
4262
- transform: rotateZ(37deg);
4263
- transform-origin: 100% 100%; }
4264
-
4265
- [type="checkbox"].filled-in:not(:checked) + label:after {
4266
- height: 20px;
4267
- width: 20px;
4268
- background-color: transparent;
4269
- border: 2px solid #5a5a5a;
4270
- top: 0px;
4271
- z-index: 0; }
4272
-
4273
- [type="checkbox"].filled-in:checked + label:before {
4274
- top: 0;
4275
- left: 1px;
4276
- width: 8px;
4277
- height: 13px;
4278
- border-top: 2px solid transparent;
4279
- border-left: 2px solid transparent;
4280
- border-right: 2px solid #fff;
4281
- border-bottom: 2px solid #fff;
4282
- transform: rotateZ(37deg);
4283
- transform-origin: 100% 100%; }
4284
-
4285
- [type="checkbox"].filled-in:checked + label:after {
4286
- top: 0;
4287
- width: 20px;
4288
- height: 20px;
4289
- border: 2px solid #26a69a;
4290
- background-color: #26a69a;
4291
- z-index: 0; }
4292
-
4293
- [type="checkbox"].filled-in.tabbed:focus + label:after {
4294
- border-radius: 2px;
4295
- border-color: #5a5a5a;
4296
- background-color: rgba(0, 0, 0, 0.1); }
4297
-
4298
- [type="checkbox"].filled-in.tabbed:checked:focus + label:after {
4299
- border-radius: 2px;
4300
- background-color: #26a69a;
4301
- border-color: #26a69a; }
4302
-
4303
- [type="checkbox"].filled-in:disabled:not(:checked) + label:before {
4304
- background-color: transparent;
4305
- border: 2px solid transparent; }
4306
-
4307
- [type="checkbox"].filled-in:disabled:not(:checked) + label:after {
4308
- border-color: transparent;
4309
- background-color: #949494; }
4310
-
4311
- [type="checkbox"].filled-in:disabled:checked + label:before {
4312
- background-color: transparent; }
4313
-
4314
- [type="checkbox"].filled-in:disabled:checked + label:after {
4315
- background-color: #949494;
4316
- border-color: #949494; }
4317
-
4318
  /* Select Field
4319
- ========================================================================== */
4320
- select {
4321
- display: none; }
4322
-
4323
- select.browser-default {
4324
- display: block; }
4325
-
4326
- select {
4327
- background-color: rgba(255, 255, 255, 0.9);
4328
- width: 100%;
4329
- padding: 5px;
4330
- border: 1px solid #f2f2f2;
4331
- border-radius: 2px;
4332
- height: 3rem; }
4333
-
4334
- .input-field > select {
4335
- display: block;
4336
- position: absolute;
4337
- width: 0;
4338
- pointer-events: none;
4339
- height: 0;
4340
- top: 0;
4341
- left: 0;
4342
- opacity: 0; }
4343
-
4344
- .select-label {
4345
- position: absolute; }
4346
-
4347
- .select-wrapper {
4348
- position: relative; }
4349
- .select-wrapper.valid + label,
4350
- .select-wrapper.invalid + label {
4351
- width: 100%;
4352
- pointer-events: none; }
4353
- .select-wrapper input.select-dropdown {
4354
- position: relative;
4355
- cursor: pointer;
4356
- background-color: transparent;
4357
- border: none;
4358
- border-bottom: 1px solid #9e9e9e;
4359
- outline: none;
4360
- height: 3rem;
4361
- line-height: 3rem;
4362
- width: 100%;
4363
- font-size: 1rem;
4364
- margin: 0 0 20px 0;
4365
- padding: 0;
4366
- display: block;
4367
- user-select: none; }
4368
- .select-wrapper span.caret {
4369
- color: initial;
4370
- position: absolute;
4371
- right: 0;
4372
- top: 0;
4373
- bottom: 0;
4374
- height: 10px;
4375
- margin: auto 0;
4376
- font-size: 10px;
4377
- line-height: 10px; }
4378
- .select-wrapper + label {
4379
- position: absolute;
4380
- top: -26px;
4381
- font-size: 0.8rem; }
4382
-
4383
- select:disabled {
4384
- color: rgba(0, 0, 0, 0.42); }
4385
-
4386
- .select-wrapper.disabled span.caret,
4387
- .select-wrapper.disabled + label {
4388
- color: rgba(0, 0, 0, 0.42); }
4389
-
4390
- .select-wrapper input.select-dropdown:disabled {
4391
- color: rgba(0, 0, 0, 0.42);
4392
- cursor: default;
4393
- user-select: none; }
4394
-
4395
- .select-wrapper i {
4396
- color: rgba(0, 0, 0, 0.3); }
4397
-
4398
- .select-dropdown li.disabled,
4399
- .select-dropdown li.disabled > span,
4400
- .select-dropdown li.optgroup {
4401
- color: rgba(0, 0, 0, 0.3);
4402
- background-color: transparent; }
4403
-
4404
- .select-dropdown.dropdown-content li.active {
4405
- background-color: transparent; }
4406
-
4407
- .select-dropdown.dropdown-content li:hover {
4408
- background-color: rgba(0, 0, 0, 0.06); }
4409
-
4410
- .select-dropdown.dropdown-content li.selected {
4411
- background-color: rgba(0, 0, 0, 0.03); }
4412
-
4413
- .prefix ~ .select-wrapper {
4414
- margin-left: 3rem;
4415
- width: 92%;
4416
- width: calc(100% - 3rem); }
4417
-
4418
- .prefix ~ label {
4419
- margin-left: 3rem; }
4420
-
4421
- .select-dropdown li img {
4422
- height: 40px;
4423
- width: 40px;
4424
- margin: 5px 15px;
4425
- float: right; }
4426
-
4427
- .select-dropdown li.optgroup {
4428
- border-top: 1px solid #eee; }
4429
- .select-dropdown li.optgroup.selected > span {
4430
- color: rgba(0, 0, 0, 0.7); }
4431
- .select-dropdown li.optgroup > span {
4432
- color: rgba(0, 0, 0, 0.4); }
4433
- .select-dropdown li.optgroup ~ li.optgroup-option {
4434
- padding-left: 1rem; }
4435
-
4436
- /* material icons font */
4437
- /* custom styles */
4438
- .display-none {
4439
- display: none; }
4440
-
4441
- .display-block {
4442
- display: block; }
4443
-
4444
- input.input-margin {
4445
- margin: 0 0 3px 0 !important; }
4446
-
4447
- .select-margin .select-1 input {
4448
- margin: 0 0 3px 0 !important; }
4449
-
4450
- .options .submit {
4451
- position: sticky !important;
4452
- bottom: 1px;
4453
- float: right; }
1
+ /* Admin - CSS file */
2
+ /* Vendor files */
3
+ /* Materializecss */
4
+ .materialize-red {
5
+ background-color: #e51c23 !important; }
6
+
7
+ .materialize-red-text {
8
+ color: #e51c23 !important; }
9
+
10
+ .materialize-red.lighten-5 {
11
+ background-color: #fdeaeb !important; }
12
+
13
+ .materialize-red-text.text-lighten-5 {
14
+ color: #fdeaeb !important; }
15
+
16
+ .materialize-red.lighten-4 {
17
+ background-color: #f8c1c3 !important; }
18
+
19
+ .materialize-red-text.text-lighten-4 {
20
+ color: #f8c1c3 !important; }
21
+
22
+ .materialize-red.lighten-3 {
23
+ background-color: #f3989b !important; }
24
+
25
+ .materialize-red-text.text-lighten-3 {
26
+ color: #f3989b !important; }
27
+
28
+ .materialize-red.lighten-2 {
29
+ background-color: #ee6e73 !important; }
30
+
31
+ .materialize-red-text.text-lighten-2 {
32
+ color: #ee6e73 !important; }
33
+
34
+ .materialize-red.lighten-1 {
35
+ background-color: #ea454b !important; }
36
+
37
+ .materialize-red-text.text-lighten-1 {
38
+ color: #ea454b !important; }
39
+
40
+ .materialize-red.darken-1 {
41
+ background-color: #d0181e !important; }
42
+
43
+ .materialize-red-text.text-darken-1 {
44
+ color: #d0181e !important; }
45
+
46
+ .materialize-red.darken-2 {
47
+ background-color: #b9151b !important; }
48
+
49
+ .materialize-red-text.text-darken-2 {
50
+ color: #b9151b !important; }
51
+
52
+ .materialize-red.darken-3 {
53
+ background-color: #a21318 !important; }
54
+
55
+ .materialize-red-text.text-darken-3 {
56
+ color: #a21318 !important; }
57
+
58
+ .materialize-red.darken-4 {
59
+ background-color: #8b1014 !important; }
60
+
61
+ .materialize-red-text.text-darken-4 {
62
+ color: #8b1014 !important; }
63
+
64
+ .red {
65
+ background-color: #F44336 !important; }
66
+
67
+ .red-text {
68
+ color: #F44336 !important; }
69
+
70
+ .red.lighten-5 {
71
+ background-color: #FFEBEE !important; }
72
+
73
+ .red-text.text-lighten-5 {
74
+ color: #FFEBEE !important; }
75
+
76
+ .red.lighten-4 {
77
+ background-color: #FFCDD2 !important; }
78
+
79
+ .red-text.text-lighten-4 {
80
+ color: #FFCDD2 !important; }
81
+
82
+ .red.lighten-3 {
83
+ background-color: #EF9A9A !important; }
84
+
85
+ .red-text.text-lighten-3 {
86
+ color: #EF9A9A !important; }
87
+
88
+ .red.lighten-2 {
89
+ background-color: #E57373 !important; }
90
+
91
+ .red-text.text-lighten-2 {
92
+ color: #E57373 !important; }
93
+
94
+ .red.lighten-1 {
95
+ background-color: #EF5350 !important; }
96
+
97
+ .red-text.text-lighten-1 {
98
+ color: #EF5350 !important; }
99
+
100
+ .red.darken-1 {
101
+ background-color: #E53935 !important; }
102
+
103
+ .red-text.text-darken-1 {
104
+ color: #E53935 !important; }
105
+
106
+ .red.darken-2 {
107
+ background-color: #D32F2F !important; }
108
+
109
+ .red-text.text-darken-2 {
110
+ color: #D32F2F !important; }
111
+
112
+ .red.darken-3 {
113
+ background-color: #C62828 !important; }
114
+
115
+ .red-text.text-darken-3 {
116
+ color: #C62828 !important; }
117
+
118
+ .red.darken-4 {
119
+ background-color: #B71C1C !important; }
120
+
121
+ .red-text.text-darken-4 {
122
+ color: #B71C1C !important; }
123
+
124
+ .red.accent-1 {
125
+ background-color: #FF8A80 !important; }
126
+
127
+ .red-text.text-accent-1 {
128
+ color: #FF8A80 !important; }
129
+
130
+ .red.accent-2 {
131
+ background-color: #FF5252 !important; }
132
+
133
+ .red-text.text-accent-2 {
134
+ color: #FF5252 !important; }
135
+
136
+ .red.accent-3 {
137
+ background-color: #FF1744 !important; }
138
+
139
+ .red-text.text-accent-3 {
140
+ color: #FF1744 !important; }
141
+
142
+ .red.accent-4 {
143
+ background-color: #D50000 !important; }
144
+
145
+ .red-text.text-accent-4 {
146
+ color: #D50000 !important; }
147
+
148
+ .pink {
149
+ background-color: #e91e63 !important; }
150
+
151
+ .pink-text {
152
+ color: #e91e63 !important; }
153
+
154
+ .pink.lighten-5 {
155
+ background-color: #fce4ec !important; }
156
+
157
+ .pink-text.text-lighten-5 {
158
+ color: #fce4ec !important; }
159
+
160
+ .pink.lighten-4 {
161
+ background-color: #f8bbd0 !important; }
162
+
163
+ .pink-text.text-lighten-4 {
164
+ color: #f8bbd0 !important; }
165
+
166
+ .pink.lighten-3 {
167
+ background-color: #f48fb1 !important; }
168
+
169
+ .pink-text.text-lighten-3 {
170
+ color: #f48fb1 !important; }
171
+
172
+ .pink.lighten-2 {
173
+ background-color: #f06292 !important; }
174
+
175
+ .pink-text.text-lighten-2 {
176
+ color: #f06292 !important; }
177
+
178
+ .pink.lighten-1 {
179
+ background-color: #ec407a !important; }
180
+
181
+ .pink-text.text-lighten-1 {
182
+ color: #ec407a !important; }
183
+
184
+ .pink.darken-1 {
185
+ background-color: #d81b60 !important; }
186
+
187
+ .pink-text.text-darken-1 {
188
+ color: #d81b60 !important; }
189
+
190
+ .pink.darken-2 {
191
+ background-color: #c2185b !important; }
192
+
193
+ .pink-text.text-darken-2 {
194
+ color: #c2185b !important; }
195
+
196
+ .pink.darken-3 {
197
+ background-color: #ad1457 !important; }
198
+
199
+ .pink-text.text-darken-3 {
200
+ color: #ad1457 !important; }
201
+
202
+ .pink.darken-4 {
203
+ background-color: #880e4f !important; }
204
+
205
+ .pink-text.text-darken-4 {
206
+ color: #880e4f !important; }
207
+
208
+ .pink.accent-1 {
209
+ background-color: #ff80ab !important; }
210
+
211
+ .pink-text.text-accent-1 {
212
+ color: #ff80ab !important; }
213
+
214
+ .pink.accent-2 {
215
+ background-color: #ff4081 !important; }
216
+
217
+ .pink-text.text-accent-2 {
218
+ color: #ff4081 !important; }
219
+
220
+ .pink.accent-3 {
221
+ background-color: #f50057 !important; }
222
+
223
+ .pink-text.text-accent-3 {
224
+ color: #f50057 !important; }
225
+
226
+ .pink.accent-4 {
227
+ background-color: #c51162 !important; }
228
+
229
+ .pink-text.text-accent-4 {
230
+ color: #c51162 !important; }
231
+
232
+ .purple {
233
+ background-color: #9c27b0 !important; }
234
+
235
+ .purple-text {
236
+ color: #9c27b0 !important; }
237
+
238
+ .purple.lighten-5 {
239
+ background-color: #f3e5f5 !important; }
240
+
241
+ .purple-text.text-lighten-5 {
242
+ color: #f3e5f5 !important; }
243
+
244
+ .purple.lighten-4 {
245
+ background-color: #e1bee7 !important; }
246
+
247
+ .purple-text.text-lighten-4 {
248
+ color: #e1bee7 !important; }
249
+
250
+ .purple.lighten-3 {
251
+ background-color: #ce93d8 !important; }
252
+
253
+ .purple-text.text-lighten-3 {
254
+ color: #ce93d8 !important; }
255
+
256
+ .purple.lighten-2 {
257
+ background-color: #ba68c8 !important; }
258
+
259
+ .purple-text.text-lighten-2 {
260
+ color: #ba68c8 !important; }
261
+
262
+ .purple.lighten-1 {
263
+ background-color: #ab47bc !important; }
264
+
265
+ .purple-text.text-lighten-1 {
266
+ color: #ab47bc !important; }
267
+
268
+ .purple.darken-1 {
269
+ background-color: #8e24aa !important; }
270
+
271
+ .purple-text.text-darken-1 {
272
+ color: #8e24aa !important; }
273
+
274
+ .purple.darken-2 {
275
+ background-color: #7b1fa2 !important; }
276
+
277
+ .purple-text.text-darken-2 {
278
+ color: #7b1fa2 !important; }
279
+
280
+ .purple.darken-3 {
281
+ background-color: #6a1b9a !important; }
282
+
283
+ .purple-text.text-darken-3 {
284
+ color: #6a1b9a !important; }
285
+
286
+ .purple.darken-4 {
287
+ background-color: #4a148c !important; }
288
+
289
+ .purple-text.text-darken-4 {
290
+ color: #4a148c !important; }
291
+
292
+ .purple.accent-1 {
293
+ background-color: #ea80fc !important; }
294
+
295
+ .purple-text.text-accent-1 {
296
+ color: #ea80fc !important; }
297
+
298
+ .purple.accent-2 {
299
+ background-color: #e040fb !important; }
300
+
301
+ .purple-text.text-accent-2 {
302
+ color: #e040fb !important; }
303
+
304
+ .purple.accent-3 {
305
+ background-color: #d500f9 !important; }
306
+
307
+ .purple-text.text-accent-3 {
308
+ color: #d500f9 !important; }
309
+
310
+ .purple.accent-4 {
311
+ background-color: #aa00ff !important; }
312
+
313
+ .purple-text.text-accent-4 {
314
+ color: #aa00ff !important; }
315
+
316
+ .deep-purple {
317
+ background-color: #673ab7 !important; }
318
+
319
+ .deep-purple-text {
320
+ color: #673ab7 !important; }
321
+
322
+ .deep-purple.lighten-5 {
323
+ background-color: #ede7f6 !important; }
324
+
325
+ .deep-purple-text.text-lighten-5 {
326
+ color: #ede7f6 !important; }
327
+
328
+ .deep-purple.lighten-4 {
329
+ background-color: #d1c4e9 !important; }
330
+
331
+ .deep-purple-text.text-lighten-4 {
332
+ color: #d1c4e9 !important; }
333
+
334
+ .deep-purple.lighten-3 {
335
+ background-color: #b39ddb !important; }
336
+
337
+ .deep-purple-text.text-lighten-3 {
338
+ color: #b39ddb !important; }
339
+
340
+ .deep-purple.lighten-2 {
341
+ background-color: #9575cd !important; }
342
+
343
+ .deep-purple-text.text-lighten-2 {
344
+ color: #9575cd !important; }
345
+
346
+ .deep-purple.lighten-1 {
347
+ background-color: #7e57c2 !important; }
348
+
349
+ .deep-purple-text.text-lighten-1 {
350
+ color: #7e57c2 !important; }
351
+
352
+ .deep-purple.darken-1 {
353
+ background-color: #5e35b1 !important; }
354
+
355
+ .deep-purple-text.text-darken-1 {
356
+ color: #5e35b1 !important; }
357
+
358
+ .deep-purple.darken-2 {
359
+ background-color: #512da8 !important; }
360
+
361
+ .deep-purple-text.text-darken-2 {
362
+ color: #512da8 !important; }
363
+
364
+ .deep-purple.darken-3 {
365
+ background-color: #4527a0 !important; }
366
+
367
+ .deep-purple-text.text-darken-3 {
368
+ color: #4527a0 !important; }
369
+
370
+ .deep-purple.darken-4 {
371
+ background-color: #311b92 !important; }
372
+
373
+ .deep-purple-text.text-darken-4 {
374
+ color: #311b92 !important; }
375
+
376
+ .deep-purple.accent-1 {
377
+ background-color: #b388ff !important; }
378
+
379
+ .deep-purple-text.text-accent-1 {
380
+ color: #b388ff !important; }
381
+
382
+ .deep-purple.accent-2 {
383
+ background-color: #7c4dff !important; }
384
+
385
+ .deep-purple-text.text-accent-2 {
386
+ color: #7c4dff !important; }
387
+
388
+ .deep-purple.accent-3 {
389
+ background-color: #651fff !important; }
390
+
391
+ .deep-purple-text.text-accent-3 {
392
+ color: #651fff !important; }
393
+
394
+ .deep-purple.accent-4 {
395
+ background-color: #6200ea !important; }
396
+
397
+ .deep-purple-text.text-accent-4 {
398
+ color: #6200ea !important; }
399
+
400
+ .indigo {
401
+ background-color: #3f51b5 !important; }
402
+
403
+ .indigo-text {
404
+ color: #3f51b5 !important; }
405
+
406
+ .indigo.lighten-5 {
407
+ background-color: #e8eaf6 !important; }
408
+
409
+ .indigo-text.text-lighten-5 {
410
+ color: #e8eaf6 !important; }
411
+
412
+ .indigo.lighten-4 {
413
+ background-color: #c5cae9 !important; }
414
+
415
+ .indigo-text.text-lighten-4 {
416
+ color: #c5cae9 !important; }
417
+
418
+ .indigo.lighten-3 {
419
+ background-color: #9fa8da !important; }
420
+
421
+ .indigo-text.text-lighten-3 {
422
+ color: #9fa8da !important; }
423
+
424
+ .indigo.lighten-2 {
425
+ background-color: #7986cb !important; }
426
+
427
+ .indigo-text.text-lighten-2 {
428
+ color: #7986cb !important; }
429
+
430
+ .indigo.lighten-1 {
431
+ background-color: #5c6bc0 !important; }
432
+
433
+ .indigo-text.text-lighten-1 {
434
+ color: #5c6bc0 !important; }
435
+
436
+ .indigo.darken-1 {
437
+ background-color: #3949ab !important; }
438
+
439
+ .indigo-text.text-darken-1 {
440
+ color: #3949ab !important; }
441
+
442
+ .indigo.darken-2 {
443
+ background-color: #303f9f !important; }
444
+
445
+ .indigo-text.text-darken-2 {
446
+ color: #303f9f !important; }
447
+
448
+ .indigo.darken-3 {
449
+ background-color: #283593 !important; }
450
+
451
+ .indigo-text.text-darken-3 {
452
+ color: #283593 !important; }
453
+
454
+ .indigo.darken-4 {
455
+ background-color: #1a237e !important; }
456
+
457
+ .indigo-text.text-darken-4 {
458
+ color: #1a237e !important; }
459
+
460
+ .indigo.accent-1 {
461
+ background-color: #8c9eff !important; }
462
+
463
+ .indigo-text.text-accent-1 {
464
+ color: #8c9eff !important; }
465
+
466
+ .indigo.accent-2 {
467
+ background-color: #536dfe !important; }
468
+
469
+ .indigo-text.text-accent-2 {
470
+ color: #536dfe !important; }
471
+
472
+ .indigo.accent-3 {
473
+ background-color: #3d5afe !important; }
474
+
475
+ .indigo-text.text-accent-3 {
476
+ color: #3d5afe !important; }
477
+
478
+ .indigo.accent-4 {
479
+ background-color: #304ffe !important; }
480
+
481
+ .indigo-text.text-accent-4 {
482
+ color: #304ffe !important; }
483
+
484
+ .blue {
485
+ background-color: #2196F3 !important; }
486
+
487
+ .blue-text {
488
+ color: #2196F3 !important; }
489
+
490
+ .blue.lighten-5 {
491
+ background-color: #E3F2FD !important; }
492
+
493
+ .blue-text.text-lighten-5 {
494
+ color: #E3F2FD !important; }
495
+
496
+ .blue.lighten-4 {
497
+ background-color: #BBDEFB !important; }
498
+
499
+ .blue-text.text-lighten-4 {
500
+ color: #BBDEFB !important; }
501
+
502
+ .blue.lighten-3 {
503
+ background-color: #90CAF9 !important; }
504
+
505
+ .blue-text.text-lighten-3 {
506
+ color: #90CAF9 !important; }
507
+
508
+ .blue.lighten-2 {
509
+ background-color: #64B5F6 !important; }
510
+
511
+ .blue-text.text-lighten-2 {
512
+ color: #64B5F6 !important; }
513
+
514
+ .blue.lighten-1 {
515
+ background-color: #42A5F5 !important; }
516
+
517
+ .blue-text.text-lighten-1 {
518
+ color: #42A5F5 !important; }
519
+
520
+ .blue.darken-1 {
521
+ background-color: #1E88E5 !important; }
522
+
523
+ .blue-text.text-darken-1 {
524
+ color: #1E88E5 !important; }
525
+
526
+ .blue.darken-2 {
527
+ background-color: #1976D2 !important; }
528
+
529
+ .blue-text.text-darken-2 {
530
+ color: #1976D2 !important; }
531
+
532
+ .blue.darken-3 {
533
+ background-color: #1565C0 !important; }
534
+
535
+ .blue-text.text-darken-3 {
536
+ color: #1565C0 !important; }
537
+
538
+ .blue.darken-4 {
539
+ background-color: #0D47A1 !important; }
540
+
541
+ .blue-text.text-darken-4 {
542
+ color: #0D47A1 !important; }
543
+
544
+ .blue.accent-1 {
545
+ background-color: #82B1FF !important; }
546
+
547
+ .blue-text.text-accent-1 {
548
+ color: #82B1FF !important; }
549
+
550
+ .blue.accent-2 {
551
+ background-color: #448AFF !important; }
552
+
553
+ .blue-text.text-accent-2 {
554
+ color: #448AFF !important; }
555
+
556
+ .blue.accent-3 {
557
+ background-color: #2979FF !important; }
558
+
559
+ .blue-text.text-accent-3 {
560
+ color: #2979FF !important; }
561
+
562
+ .blue.accent-4 {
563
+ background-color: #2962FF !important; }
564
+
565
+ .blue-text.text-accent-4 {
566
+ color: #2962FF !important; }
567
+
568
+ .light-blue {
569
+ background-color: #03a9f4 !important; }
570
+
571
+ .light-blue-text {
572
+ color: #03a9f4 !important; }
573
+
574
+ .light-blue.lighten-5 {
575
+ background-color: #e1f5fe !important; }
576
+
577
+ .light-blue-text.text-lighten-5 {
578
+ color: #e1f5fe !important; }
579
+
580
+ .light-blue.lighten-4 {
581
+ background-color: #b3e5fc !important; }
582
+
583
+ .light-blue-text.text-lighten-4 {
584
+ color: #b3e5fc !important; }
585
+
586
+ .light-blue.lighten-3 {
587
+ background-color: #81d4fa !important; }
588
+
589
+ .light-blue-text.text-lighten-3 {
590
+ color: #81d4fa !important; }
591
+
592
+ .light-blue.lighten-2 {
593
+ background-color: #4fc3f7 !important; }
594
+
595
+ .light-blue-text.text-lighten-2 {
596
+ color: #4fc3f7 !important; }
597
+
598
+ .light-blue.lighten-1 {
599
+ background-color: #29b6f6 !important; }
600
+
601
+ .light-blue-text.text-lighten-1 {
602
+ color: #29b6f6 !important; }
603
+
604
+ .light-blue.darken-1 {
605
+ background-color: #039be5 !important; }
606
+
607
+ .light-blue-text.text-darken-1 {
608
+ color: #039be5 !important; }
609
+
610
+ .light-blue.darken-2 {
611
+ background-color: #0288d1 !important; }
612
+
613
+ .light-blue-text.text-darken-2 {
614
+ color: #0288d1 !important; }
615
+
616
+ .light-blue.darken-3 {
617
+ background-color: #0277bd !important; }
618
+
619
+ .light-blue-text.text-darken-3 {
620
+ color: #0277bd !important; }
621
+
622
+ .light-blue.darken-4 {
623
+ background-color: #01579b !important; }
624
+
625
+ .light-blue-text.text-darken-4 {
626
+ color: #01579b !important; }
627
+
628
+ .light-blue.accent-1 {
629
+ background-color: #80d8ff !important; }
630
+
631
+ .light-blue-text.text-accent-1 {
632
+ color: #80d8ff !important; }
633
+
634
+ .light-blue.accent-2 {
635
+ background-color: #40c4ff !important; }
636
+
637
+ .light-blue-text.text-accent-2 {
638
+ color: #40c4ff !important; }
639
+
640
+ .light-blue.accent-3 {
641
+ background-color: #00b0ff !important; }
642
+
643
+ .light-blue-text.text-accent-3 {
644
+ color: #00b0ff !important; }
645
+
646
+ .light-blue.accent-4 {
647
+ background-color: #0091ea !important; }
648
+
649
+ .light-blue-text.text-accent-4 {
650
+ color: #0091ea !important; }
651
+
652
+ .cyan {
653
+ background-color: #00bcd4 !important; }
654
+
655
+ .cyan-text {
656
+ color: #00bcd4 !important; }
657
+
658
+ .cyan.lighten-5 {
659
+ background-color: #e0f7fa !important; }
660
+
661
+ .cyan-text.text-lighten-5 {
662
+ color: #e0f7fa !important; }
663
+
664
+ .cyan.lighten-4 {
665
+ background-color: #b2ebf2 !important; }
666
+
667
+ .cyan-text.text-lighten-4 {
668
+ color: #b2ebf2 !important; }
669
+
670
+ .cyan.lighten-3 {
671
+ background-color: #80deea !important; }
672
+
673
+ .cyan-text.text-lighten-3 {
674
+ color: #80deea !important; }
675
+
676
+ .cyan.lighten-2 {
677
+ background-color: #4dd0e1 !important; }
678
+
679
+ .cyan-text.text-lighten-2 {
680
+ color: #4dd0e1 !important; }
681
+
682
+ .cyan.lighten-1 {
683
+ background-color: #26c6da !important; }
684
+
685
+ .cyan-text.text-lighten-1 {
686
+ color: #26c6da !important; }
687
+
688
+ .cyan.darken-1 {
689
+ background-color: #00acc1 !important; }
690
+
691
+ .cyan-text.text-darken-1 {
692
+ color: #00acc1 !important; }
693
+
694
+ .cyan.darken-2 {
695
+ background-color: #0097a7 !important; }
696
+
697
+ .cyan-text.text-darken-2 {
698
+ color: #0097a7 !important; }
699
+
700
+ .cyan.darken-3 {
701
+ background-color: #00838f !important; }
702
+
703
+ .cyan-text.text-darken-3 {
704
+ color: #00838f !important; }
705
+
706
+ .cyan.darken-4 {
707
+ background-color: #006064 !important; }
708
+
709
+ .cyan-text.text-darken-4 {
710
+ color: #006064 !important; }
711
+
712
+ .cyan.accent-1 {
713
+ background-color: #84ffff !important; }
714
+
715
+ .cyan-text.text-accent-1 {
716
+ color: #84ffff !important; }
717
+
718
+ .cyan.accent-2 {
719
+ background-color: #18ffff !important; }
720
+
721
+ .cyan-text.text-accent-2 {
722
+ color: #18ffff !important; }
723
+
724
+ .cyan.accent-3 {
725
+ background-color: #00e5ff !important; }
726
+
727
+ .cyan-text.text-accent-3 {
728
+ color: #00e5ff !important; }
729
+
730
+ .cyan.accent-4 {
731
+ background-color: #00b8d4 !important; }
732
+
733
+ .cyan-text.text-accent-4 {
734
+ color: #00b8d4 !important; }
735
+
736
+ .teal {
737
+ background-color: #009688 !important; }
738
+
739
+ .teal-text {
740
+ color: #009688 !important; }
741
+
742
+ .teal.lighten-5 {
743
+ background-color: #e0f2f1 !important; }
744
+
745
+ .teal-text.text-lighten-5 {
746
+ color: #e0f2f1 !important; }
747
+
748
+ .teal.lighten-4 {
749
+ background-color: #b2dfdb !important; }
750
+
751
+ .teal-text.text-lighten-4 {
752
+ color: #b2dfdb !important; }
753
+
754
+ .teal.lighten-3 {
755
+ background-color: #80cbc4 !important; }
756
+
757
+ .teal-text.text-lighten-3 {
758
+ color: #80cbc4 !important; }
759
+
760
+ .teal.lighten-2 {
761
+ background-color: #4db6ac !important; }
762
+
763
+ .teal-text.text-lighten-2 {
764
+ color: #4db6ac !important; }
765
+
766
+ .teal.lighten-1 {
767
+ background-color: #26a69a !important; }
768
+
769
+ .teal-text.text-lighten-1 {
770
+ color: #26a69a !important; }
771
+
772
+ .teal.darken-1 {
773
+ background-color: #00897b !important; }
774
+
775
+ .teal-text.text-darken-1 {
776
+ color: #00897b !important; }
777
+
778
+ .teal.darken-2 {
779
+ background-color: #00796b !important; }
780
+
781
+ .teal-text.text-darken-2 {
782
+ color: #00796b !important; }
783
+
784
+ .teal.darken-3 {
785
+ background-color: #00695c !important; }
786
+
787
+ .teal-text.text-darken-3 {
788
+ color: #00695c !important; }
789
+
790
+ .teal.darken-4 {
791
+ background-color: #004d40 !important; }
792
+
793
+ .teal-text.text-darken-4 {
794
+ color: #004d40 !important; }
795
+
796
+ .teal.accent-1 {
797
+ background-color: #a7ffeb !important; }
798
+
799
+ .teal-text.text-accent-1 {
800
+ color: #a7ffeb !important; }
801
+
802
+ .teal.accent-2 {
803
+ background-color: #64ffda !important; }
804
+
805
+ .teal-text.text-accent-2 {
806
+ color: #64ffda !important; }
807
+
808
+ .teal.accent-3 {
809
+ background-color: #1de9b6 !important; }
810
+
811
+ .teal-text.text-accent-3 {
812
+ color: #1de9b6 !important; }
813
+
814
+ .teal.accent-4 {
815
+ background-color: #00bfa5 !important; }
816
+
817
+ .teal-text.text-accent-4 {
818
+ color: #00bfa5 !important; }
819
+
820
+ .green {
821
+ background-color: #4CAF50 !important; }
822
+
823
+ .green-text {
824
+ color: #4CAF50 !important; }
825
+
826
+ .green.lighten-5 {
827
+ background-color: #E8F5E9 !important; }
828
+
829
+ .green-text.text-lighten-5 {
830
+ color: #E8F5E9 !important; }
831
+
832
+ .green.lighten-4 {
833
+ background-color: #C8E6C9 !important; }
834
+
835
+ .green-text.text-lighten-4 {
836
+ color: #C8E6C9 !important; }
837
+
838
+ .green.lighten-3 {
839
+ background-color: #A5D6A7 !important; }
840
+
841
+ .green-text.text-lighten-3 {
842
+ color: #A5D6A7 !important; }
843
+
844
+ .green.lighten-2 {
845
+ background-color: #81C784 !important; }
846
+
847
+ .green-text.text-lighten-2 {
848
+ color: #81C784 !important; }
849
+
850
+ .green.lighten-1 {
851
+ background-color: #66BB6A !important; }
852
+
853
+ .green-text.text-lighten-1 {
854
+ color: #66BB6A !important; }
855
+
856
+ .green.darken-1 {
857
+ background-color: #43A047 !important; }
858
+
859
+ .green-text.text-darken-1 {
860
+ color: #43A047 !important; }
861
+
862
+ .green.darken-2 {
863
+ background-color: #388E3C !important; }
864
+
865
+ .green-text.text-darken-2 {
866
+ color: #388E3C !important; }
867
+
868
+ .green.darken-3 {
869
+ background-color: #2E7D32 !important; }
870
+
871
+ .green-text.text-darken-3 {
872
+ color: #2E7D32 !important; }
873
+
874
+ .green.darken-4 {
875
+ background-color: #1B5E20 !important; }
876
+
877
+ .green-text.text-darken-4 {
878
+ color: #1B5E20 !important; }
879
+
880
+ .green.accent-1 {
881
+ background-color: #B9F6CA !important; }
882
+
883
+ .green-text.text-accent-1 {
884
+ color: #B9F6CA !important; }
885
+
886
+ .green.accent-2 {
887
+ background-color: #69F0AE !important; }
888
+
889
+ .green-text.text-accent-2 {
890
+ color: #69F0AE !important; }
891
+
892
+ .green.accent-3 {
893
+ background-color: #00E676 !important; }
894
+
895
+ .green-text.text-accent-3 {
896
+ color: #00E676 !important; }
897
+
898
+ .green.accent-4 {
899
+ background-color: #00C853 !important; }
900
+
901
+ .green-text.text-accent-4 {
902
+ color: #00C853 !important; }
903
+
904
+ .light-green {
905
+ background-color: #8bc34a !important; }
906
+
907
+ .light-green-text {
908
+ color: #8bc34a !important; }
909
+
910
+ .light-green.lighten-5 {
911
+ background-color: #f1f8e9 !important; }
912
+
913
+ .light-green-text.text-lighten-5 {
914
+ color: #f1f8e9 !important; }
915
+
916
+ .light-green.lighten-4 {
917
+ background-color: #dcedc8 !important; }
918
+
919
+ .light-green-text.text-lighten-4 {
920
+ color: #dcedc8 !important; }
921
+
922
+ .light-green.lighten-3 {
923
+ background-color: #c5e1a5 !important; }
924
+
925
+ .light-green-text.text-lighten-3 {
926
+ color: #c5e1a5 !important; }
927
+
928
+ .light-green.lighten-2 {
929
+ background-color: #aed581 !important; }
930
+
931
+ .light-green-text.text-lighten-2 {
932
+ color: #aed581 !important; }
933
+
934
+ .light-green.lighten-1 {
935
+ background-color: #9ccc65 !important; }
936
+
937
+ .light-green-text.text-lighten-1 {
938
+ color: #9ccc65 !important; }
939
+
940
+ .light-green.darken-1 {
941
+ background-color: #7cb342 !important; }
942
+
943
+ .light-green-text.text-darken-1 {
944
+ color: #7cb342 !important; }
945
+
946
+ .light-green.darken-2 {
947
+ background-color: #689f38 !important; }
948
+
949
+ .light-green-text.text-darken-2 {
950
+ color: #689f38 !important; }
951
+
952
+ .light-green.darken-3 {
953
+ background-color: #558b2f !important; }
954
+
955
+ .light-green-text.text-darken-3 {
956
+ color: #558b2f !important; }
957
+
958
+ .light-green.darken-4 {
959
+ background-color: #33691e !important; }
960
+
961
+ .light-green-text.text-darken-4 {
962
+ color: #33691e !important; }
963
+
964
+ .light-green.accent-1 {
965
+ background-color: #ccff90 !important; }
966
+
967
+ .light-green-text.text-accent-1 {
968
+ color: #ccff90 !important; }
969
+
970
+ .light-green.accent-2 {
971
+ background-color: #b2ff59 !important; }
972
+
973
+ .light-green-text.text-accent-2 {
974
+ color: #b2ff59 !important; }
975
+
976
+ .light-green.accent-3 {
977
+ background-color: #76ff03 !important; }
978
+
979
+ .light-green-text.text-accent-3 {
980
+ color: #76ff03 !important; }
981
+
982
+ .light-green.accent-4 {
983
+ background-color: #64dd17 !important; }
984
+
985
+ .light-green-text.text-accent-4 {
986
+ color: #64dd17 !important; }
987
+
988
+ .lime {
989
+ background-color: #cddc39 !important; }
990
+
991
+ .lime-text {
992
+ color: #cddc39 !important; }
993
+
994
+ .lime.lighten-5 {
995
+ background-color: #f9fbe7 !important; }
996
+
997
+ .lime-text.text-lighten-5 {
998
+ color: #f9fbe7 !important; }
999
+
1000
+ .lime.lighten-4 {
1001
+ background-color: #f0f4c3 !important; }
1002
+
1003
+ .lime-text.text-lighten-4 {
1004
+ color: #f0f4c3 !important; }
1005
+
1006
+ .lime.lighten-3 {
1007
+ background-color: #e6ee9c !important; }
1008
+
1009
+ .lime-text.text-lighten-3 {
1010
+ color: #e6ee9c !important; }
1011
+
1012
+ .lime.lighten-2 {
1013
+ background-color: #dce775 !important; }
1014
+
1015
+ .lime-text.text-lighten-2 {
1016
+ color: #dce775 !important; }
1017
+
1018
+ .lime.lighten-1 {
1019
+ background-color: #d4e157 !important; }
1020
+
1021
+ .lime-text.text-lighten-1 {
1022
+ color: #d4e157 !important; }
1023
+
1024
+ .lime.darken-1 {
1025
+ background-color: #c0ca33 !important; }
1026
+
1027
+ .lime-text.text-darken-1 {
1028
+ color: #c0ca33 !important; }
1029
+
1030
+ .lime.darken-2 {
1031
+ background-color: #afb42b !important; }
1032
+
1033
+ .lime-text.text-darken-2 {
1034
+ color: #afb42b !important; }
1035
+
1036
+ .lime.darken-3 {
1037
+ background-color: #9e9d24 !important; }
1038
+
1039
+ .lime-text.text-darken-3 {
1040
+ color: #9e9d24 !important; }
1041
+
1042
+ .lime.darken-4 {
1043
+ background-color: #827717 !important; }
1044
+
1045
+ .lime-text.text-darken-4 {
1046
+ color: #827717 !important; }
1047
+
1048
+ .lime.accent-1 {
1049
+ background-color: #f4ff81 !important; }
1050
+
1051
+ .lime-text.text-accent-1 {
1052
+ color: #f4ff81 !important; }
1053
+
1054
+ .lime.accent-2 {
1055
+ background-color: #eeff41 !important; }
1056
+
1057
+ .lime-text.text-accent-2 {
1058
+ color: #eeff41 !important; }
1059
+
1060
+ .lime.accent-3 {
1061
+ background-color: #c6ff00 !important; }
1062
+
1063
+ .lime-text.text-accent-3 {
1064
+ color: #c6ff00 !important; }
1065
+
1066
+ .lime.accent-4 {
1067
+ background-color: #aeea00 !important; }
1068
+
1069
+ .lime-text.text-accent-4 {
1070
+ color: #aeea00 !important; }
1071
+
1072
+ .yellow {
1073
+ background-color: #ffeb3b !important; }
1074
+
1075
+ .yellow-text {
1076
+ color: #ffeb3b !important; }
1077
+
1078
+ .yellow.lighten-5 {
1079
+ background-color: #fffde7 !important; }
1080
+
1081
+ .yellow-text.text-lighten-5 {
1082
+ color: #fffde7 !important; }
1083
+
1084
+ .yellow.lighten-4 {
1085
+ background-color: #fff9c4 !important; }
1086
+
1087
+ .yellow-text.text-lighten-4 {
1088
+ color: #fff9c4 !important; }
1089
+
1090
+ .yellow.lighten-3 {
1091
+ background-color: #fff59d !important; }
1092
+
1093
+ .yellow-text.text-lighten-3 {
1094
+ color: #fff59d !important; }
1095
+
1096
+ .yellow.lighten-2 {
1097
+ background-color: #fff176 !important; }
1098
+
1099
+ .yellow-text.text-lighten-2 {
1100
+ color: #fff176 !important; }
1101
+
1102
+ .yellow.lighten-1 {
1103
+ background-color: #ffee58 !important; }
1104
+
1105
+ .yellow-text.text-lighten-1 {
1106
+ color: #ffee58 !important; }
1107
+
1108
+ .yellow.darken-1 {
1109
+ background-color: #fdd835 !important; }
1110
+
1111
+ .yellow-text.text-darken-1 {
1112
+ color: #fdd835 !important; }
1113
+
1114
+ .yellow.darken-2 {
1115
+ background-color: #fbc02d !important; }
1116
+
1117
+ .yellow-text.text-darken-2 {
1118
+ color: #fbc02d !important; }
1119
+
1120
+ .yellow.darken-3 {
1121
+ background-color: #f9a825 !important; }
1122
+
1123
+ .yellow-text.text-darken-3 {
1124
+ color: #f9a825 !important; }
1125
+
1126
+ .yellow.darken-4 {
1127
+ background-color: #f57f17 !important; }
1128
+
1129
+ .yellow-text.text-darken-4 {
1130
+ color: #f57f17 !important; }
1131
+
1132
+ .yellow.accent-1 {
1133
+ background-color: #ffff8d !important; }
1134
+
1135
+ .yellow-text.text-accent-1 {
1136
+ color: #ffff8d !important; }
1137
+
1138
+ .yellow.accent-2 {
1139
+ background-color: #ffff00 !important; }
1140
+
1141
+ .yellow-text.text-accent-2 {
1142
+ color: #ffff00 !important; }
1143
+
1144
+ .yellow.accent-3 {
1145
+ background-color: #ffea00 !important; }
1146
+
1147
+ .yellow-text.text-accent-3 {
1148
+ color: #ffea00 !important; }
1149
+
1150
+ .yellow.accent-4 {
1151
+ background-color: #ffd600 !important; }
1152
+
1153
+ .yellow-text.text-accent-4 {
1154
+ color: #ffd600 !important; }
1155
+
1156
+ .amber {
1157
+ background-color: #ffc107 !important; }
1158
+
1159
+ .amber-text {
1160
+ color: #ffc107 !important; }
1161
+
1162
+ .amber.lighten-5 {
1163
+ background-color: #fff8e1 !important; }
1164
+
1165
+ .amber-text.text-lighten-5 {
1166
+ color: #fff8e1 !important; }
1167
+
1168
+ .amber.lighten-4 {
1169
+ background-color: #ffecb3 !important; }
1170
+
1171
+ .amber-text.text-lighten-4 {
1172
+ color: #ffecb3 !important; }
1173
+
1174
+ .amber.lighten-3 {
1175
+ background-color: #ffe082 !important; }
1176
+
1177
+ .amber-text.text-lighten-3 {
1178
+ color: #ffe082 !important; }
1179
+
1180
+ .amber.lighten-2 {
1181
+ background-color: #ffd54f !important; }
1182
+
1183
+ .amber-text.text-lighten-2 {
1184
+ color: #ffd54f !important; }
1185
+
1186
+ .amber.lighten-1 {
1187
+ background-color: #ffca28 !important; }
1188
+
1189
+ .amber-text.text-lighten-1 {
1190
+ color: #ffca28 !important; }
1191
+
1192
+ .amber.darken-1 {
1193
+ background-color: #ffb300 !important; }
1194
+
1195
+ .amber-text.text-darken-1 {
1196
+ color: #ffb300 !important; }
1197
+
1198
+ .amber.darken-2 {
1199
+ background-color: #ffa000 !important; }
1200
+
1201
+ .amber-text.text-darken-2 {
1202
+ color: #ffa000 !important; }
1203
+
1204
+ .amber.darken-3 {
1205
+ background-color: #ff8f00 !important; }
1206
+
1207
+ .amber-text.text-darken-3 {
1208
+ color: #ff8f00 !important; }
1209
+
1210
+ .amber.darken-4 {
1211
+ background-color: #ff6f00 !important; }
1212
+
1213
+ .amber-text.text-darken-4 {
1214
+ color: #ff6f00 !important; }
1215
+
1216
+ .amber.accent-1 {
1217
+ background-color: #ffe57f !important; }
1218
+
1219
+ .amber-text.text-accent-1 {
1220
+ color: #ffe57f !important; }
1221
+
1222
+ .amber.accent-2 {
1223
+ background-color: #ffd740 !important; }
1224
+
1225
+ .amber-text.text-accent-2 {
1226
+ color: #ffd740 !important; }
1227
+
1228
+ .amber.accent-3 {
1229
+ background-color: #ffc400 !important; }
1230
+
1231
+ .amber-text.text-accent-3 {
1232
+ color: #ffc400 !important; }
1233
+
1234
+ .amber.accent-4 {
1235
+ background-color: #ffab00 !important; }
1236
+
1237
+ .amber-text.text-accent-4 {
1238
+ color: #ffab00 !important; }
1239
+
1240
+ .orange {
1241
+ background-color: #ff9800 !important; }
1242
+
1243
+ .orange-text {
1244
+ color: #ff9800 !important; }
1245
+
1246
+ .orange.lighten-5 {
1247
+ background-color: #fff3e0 !important; }
1248
+
1249
+ .orange-text.text-lighten-5 {
1250
+ color: #fff3e0 !important; }
1251
+
1252
+ .orange.lighten-4 {
1253
+ background-color: #ffe0b2 !important; }
1254
+
1255
+ .orange-text.text-lighten-4 {
1256
+ color: #ffe0b2 !important; }
1257
+
1258
+ .orange.lighten-3 {
1259
+ background-color: #ffcc80 !important; }
1260
+
1261
+ .orange-text.text-lighten-3 {
1262
+ color: #ffcc80 !important; }
1263
+
1264
+ .orange.lighten-2 {
1265
+ background-color: #ffb74d !important; }
1266
+
1267
+ .orange-text.text-lighten-2 {
1268
+ color: #ffb74d !important; }
1269
+
1270
+ .orange.lighten-1 {
1271
+ background-color: #ffa726 !important; }
1272
+
1273
+ .orange-text.text-lighten-1 {
1274
+ color: #ffa726 !important; }
1275
+
1276
+ .orange.darken-1 {
1277
+ background-color: #fb8c00 !important; }
1278
+
1279
+ .orange-text.text-darken-1 {
1280
+ color: #fb8c00 !important; }
1281
+
1282
+ .orange.darken-2 {
1283
+ background-color: #f57c00 !important; }
1284
+
1285
+ .orange-text.text-darken-2 {
1286
+ color: #f57c00 !important; }
1287
+
1288
+ .orange.darken-3 {
1289
+ background-color: #ef6c00 !important; }
1290
+
1291
+ .orange-text.text-darken-3 {
1292
+ color: #ef6c00 !important; }
1293
+
1294
+ .orange.darken-4 {
1295
+ background-color: #e65100 !important; }
1296
+
1297
+ .orange-text.text-darken-4 {
1298
+ color: #e65100 !important; }
1299
+
1300
+ .orange.accent-1 {
1301
+ background-color: #ffd180 !important; }
1302
+
1303
+ .orange-text.text-accent-1 {
1304
+ color: #ffd180 !important; }
1305
+
1306
+ .orange.accent-2 {
1307
+ background-color: #ffab40 !important; }
1308
+
1309
+ .orange-text.text-accent-2 {
1310
+ color: #ffab40 !important; }
1311
+
1312
+ .orange.accent-3 {
1313
+ background-color: #ff9100 !important; }
1314
+
1315
+ .orange-text.text-accent-3 {
1316
+ color: #ff9100 !important; }
1317
+
1318
+ .orange.accent-4 {
1319
+ background-color: #ff6d00 !important; }
1320
+
1321
+ .orange-text.text-accent-4 {
1322
+ color: #ff6d00 !important; }
1323
+
1324
+ .deep-orange {
1325
+ background-color: #ff5722 !important; }
1326
+
1327
+ .deep-orange-text {
1328
+ color: #ff5722 !important; }
1329
+
1330
+ .deep-orange.lighten-5 {
1331
+ background-color: #fbe9e7 !important; }
1332
+
1333
+ .deep-orange-text.text-lighten-5 {
1334
+ color: #fbe9e7 !important; }
1335
+
1336
+ .deep-orange.lighten-4 {
1337
+ background-color: #ffccbc !important; }
1338
+
1339
+ .deep-orange-text.text-lighten-4 {
1340
+ color: #ffccbc !important; }
1341
+
1342
+ .deep-orange.lighten-3 {
1343
+ background-color: #ffab91 !important; }
1344
+
1345
+ .deep-orange-text.text-lighten-3 {
1346
+ color: #ffab91 !important; }
1347
+
1348
+ .deep-orange.lighten-2 {
1349
+ background-color: #ff8a65 !important; }
1350
+
1351
+ .deep-orange-text.text-lighten-2 {
1352
+ color: #ff8a65 !important; }
1353
+
1354
+ .deep-orange.lighten-1 {
1355
+ background-color: #ff7043 !important; }
1356
+
1357
+ .deep-orange-text.text-lighten-1 {
1358
+ color: #ff7043 !important; }
1359
+
1360
+ .deep-orange.darken-1 {
1361
+ background-color: #f4511e !important; }
1362
+
1363
+ .deep-orange-text.text-darken-1 {
1364
+ color: #f4511e !important; }
1365
+
1366
+ .deep-orange.darken-2 {
1367
+ background-color: #e64a19 !important; }
1368
+
1369
+ .deep-orange-text.text-darken-2 {
1370
+ color: #e64a19 !important; }
1371
+
1372
+ .deep-orange.darken-3 {
1373
+ background-color: #d84315 !important; }
1374
+
1375
+ .deep-orange-text.text-darken-3 {
1376
+ color: #d84315 !important; }
1377
+
1378
+ .deep-orange.darken-4 {
1379
+ background-color: #bf360c !important; }
1380
+
1381
+ .deep-orange-text.text-darken-4 {
1382
+ color: #bf360c !important; }
1383
+
1384
+ .deep-orange.accent-1 {
1385
+ background-color: #ff9e80 !important; }
1386
+
1387
+ .deep-orange-text.text-accent-1 {
1388
+ color: #ff9e80 !important; }
1389
+
1390
+ .deep-orange.accent-2 {
1391
+ background-color: #ff6e40 !important; }
1392
+
1393
+ .deep-orange-text.text-accent-2 {
1394
+ color: #ff6e40 !important; }
1395
+
1396
+ .deep-orange.accent-3 {
1397
+ background-color: #ff3d00 !important; }
1398
+
1399
+ .deep-orange-text.text-accent-3 {
1400
+ color: #ff3d00 !important; }
1401
+
1402
+ .deep-orange.accent-4 {
1403
+ background-color: #dd2c00 !important; }
1404
+
1405
+ .deep-orange-text.text-accent-4 {
1406
+ color: #dd2c00 !important; }
1407
+
1408
+ .brown {
1409
+ background-color: #795548 !important; }
1410
+
1411
+ .brown-text {
1412
+ color: #795548 !important; }
1413
+
1414
+ .brown.lighten-5 {
1415
+ background-color: #efebe9 !important; }
1416
+
1417
+ .brown-text.text-lighten-5 {
1418
+ color: #efebe9 !important; }
1419
+
1420
+ .brown.lighten-4 {
1421
+ background-color: #d7ccc8 !important; }
1422
+
1423
+ .brown-text.text-lighten-4 {
1424
+ color: #d7ccc8 !important; }
1425
+
1426
+ .brown.lighten-3 {
1427
+ background-color: #bcaaa4 !important; }
1428
+
1429
+ .brown-text.text-lighten-3 {
1430
+ color: #bcaaa4 !important; }
1431
+
1432
+ .brown.lighten-2 {
1433
+ background-color: #a1887f !important; }
1434
+
1435
+ .brown-text.text-lighten-2 {
1436
+ color: #a1887f !important; }
1437
+
1438
+ .brown.lighten-1 {
1439
+ background-color: #8d6e63 !important; }
1440
+
1441
+ .brown-text.text-lighten-1 {
1442
+ color: #8d6e63 !important; }
1443
+
1444
+ .brown.darken-1 {
1445
+ background-color: #6d4c41 !important; }
1446
+
1447
+ .brown-text.text-darken-1 {
1448
+ color: #6d4c41 !important; }
1449
+
1450
+ .brown.darken-2 {
1451
+ background-color: #5d4037 !important; }
1452
+
1453
+ .brown-text.text-darken-2 {
1454
+ color: #5d4037 !important; }
1455
+
1456
+ .brown.darken-3 {
1457
+ background-color: #4e342e !important; }
1458
+
1459
+ .brown-text.text-darken-3 {
1460
+ color: #4e342e !important; }
1461
+
1462
+ .brown.darken-4 {
1463
+ background-color: #3e2723 !important; }
1464
+
1465
+ .brown-text.text-darken-4 {
1466
+ color: #3e2723 !important; }
1467
+
1468
+ .blue-grey {
1469
+ background-color: #607d8b !important; }
1470
+
1471
+ .blue-grey-text {
1472
+ color: #607d8b !important; }
1473
+
1474
+ .blue-grey.lighten-5 {
1475
+ background-color: #eceff1 !important; }
1476
+
1477
+ .blue-grey-text.text-lighten-5 {
1478
+ color: #eceff1 !important; }
1479
+
1480
+ .blue-grey.lighten-4 {
1481
+ background-color: #cfd8dc !important; }
1482
+
1483
+ .blue-grey-text.text-lighten-4 {
1484
+ color: #cfd8dc !important; }
1485
+
1486
+ .blue-grey.lighten-3 {
1487
+ background-color: #b0bec5 !important; }
1488
+
1489
+ .blue-grey-text.text-lighten-3 {
1490
+ color: #b0bec5 !important; }
1491
+
1492
+ .blue-grey.lighten-2 {
1493
+ background-color: #90a4ae !important; }
1494
+
1495
+ .blue-grey-text.text-lighten-2 {
1496
+ color: #90a4ae !important; }
1497
+
1498
+ .blue-grey.lighten-1 {
1499
+ background-color: #78909c !important; }
1500
+
1501
+ .blue-grey-text.text-lighten-1 {
1502
+ color: #78909c !important; }
1503
+
1504
+ .blue-grey.darken-1 {
1505
+ background-color: #546e7a !important; }
1506
+
1507
+ .blue-grey-text.text-darken-1 {
1508
+ color: #546e7a !important; }
1509
+
1510
+ .blue-grey.darken-2 {
1511
+ background-color: #455a64 !important; }
1512
+
1513
+ .blue-grey-text.text-darken-2 {
1514
+ color: #455a64 !important; }
1515
+
1516
+ .blue-grey.darken-3 {
1517
+ background-color: #37474f !important; }
1518
+
1519
+ .blue-grey-text.text-darken-3 {
1520
+ color: #37474f !important; }
1521
+
1522
+ .blue-grey.darken-4 {
1523
+ background-color: #263238 !important; }
1524
+
1525
+ .blue-grey-text.text-darken-4 {
1526
+ color: #263238 !important; }
1527
+
1528
+ .grey {
1529
+ background-color: #9e9e9e !important; }
1530
+
1531
+ .grey-text {
1532
+ color: #9e9e9e !important; }
1533
+
1534
+ .grey.lighten-5 {
1535
+ background-color: #fafafa !important; }
1536
+
1537
+ .grey-text.text-lighten-5 {
1538
+ color: #fafafa !important; }
1539
+
1540
+ .grey.lighten-4 {
1541
+ background-color: #f5f5f5 !important; }
1542
+
1543
+ .grey-text.text-lighten-4 {
1544
+ color: #f5f5f5 !important; }
1545
+
1546
+ .grey.lighten-3 {
1547
+ background-color: #eeeeee !important; }
1548
+
1549
+ .grey-text.text-lighten-3 {
1550
+ color: #eeeeee !important; }
1551
+
1552
+ .grey.lighten-2 {
1553
+ background-color: #e0e0e0 !important; }
1554
+
1555
+ .grey-text.text-lighten-2 {
1556
+ color: #e0e0e0 !important; }
1557
+
1558
+ .grey.lighten-1 {
1559
+ background-color: #bdbdbd !important; }
1560
+
1561
+ .grey-text.text-lighten-1 {
1562
+ color: #bdbdbd !important; }
1563
+
1564
+ .grey.darken-1 {
1565
+ background-color: #757575 !important; }
1566
+
1567
+ .grey-text.text-darken-1 {
1568
+ color: #757575 !important; }
1569
+
1570
+ .grey.darken-2 {
1571
+ background-color: #616161 !important; }
1572
+
1573
+ .grey-text.text-darken-2 {
1574
+ color: #616161 !important; }
1575
+
1576
+ .grey.darken-3 {
1577
+ background-color: #424242 !important; }
1578
+
1579
+ .grey-text.text-darken-3 {
1580
+ color: #424242 !important; }
1581
+
1582
+ .grey.darken-4 {
1583
+ background-color: #212121 !important; }
1584
+
1585
+ .grey-text.text-darken-4 {
1586
+ color: #212121 !important; }
1587
+
1588
+ .black {
1589
+ background-color: #000000 !important; }
1590
+
1591
+ .black-text {
1592
+ color: #000000 !important; }
1593
+
1594
+ .white {
1595
+ background-color: #FFFFFF !important; }
1596
+
1597
+ .white-text {
1598
+ color: #FFFFFF !important; }
1599
+
1600
+ .transparent {
1601
+ background-color: transparent !important; }
1602
+
1603
+ .transparent-text {
1604
+ color: transparent !important; }
1605
+
1606
+ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
1607
  /**
1608
  * 1. Set default font family to sans-serif.
1609
  * 2. Prevent iOS and IE text size adjust after device orientation change,
1610
  * without disabling user zoom.
1611
+ */
1612
+ html {
1613
+ font-family: sans-serif;
1614
+ /* 1 */
1615
+ -ms-text-size-adjust: 100%;
1616
+ /* 2 */
1617
+ -webkit-text-size-adjust: 100%;
1618
+ /* 2 */ }
1619
+
1620
  /**
1621
  * Remove default margin.
1622
+ */
1623
+ body {
1624
+ margin: 0; }
1625
+
1626
  /* HTML5 display definitions
1627
+ ========================================================================== */
1628
  /**
1629
  * Correct `block` display not defined for any HTML5 element in IE 8/9.
1630
  * Correct `block` display not defined for `details` or `summary` in IE 10/11
1631
  * and Firefox.
1632
  * Correct `block` display not defined for `main` in IE 11.
1633
+ */
1634
+ article,
1635
+ aside,
1636
+ details,
1637
+ figcaption,
1638
+ figure,
1639
+ footer,
1640
+ header,
1641
+ hgroup,
1642
+ main,
1643
+ menu,
1644
+ nav,
1645
+ section,
1646
+ summary {
1647
+ display: block; }
1648
+
1649
  /**
1650
  * 1. Correct `inline-block` display not defined in IE 8/9.
1651
  * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
1652
+ */
1653
+ audio,
1654
+ canvas,
1655
+ progress,
1656
+ video {
1657
+ display: inline-block;
1658
+ /* 1 */
1659
+ vertical-align: baseline;
1660
+ /* 2 */ }
1661
+
1662
  /**
1663
  * Prevent modern browsers from displaying `audio` without controls.
1664
  * Remove excess height in iOS 5 devices.
1665
+ */
1666
+ audio:not([controls]) {
1667
+ display: none;
1668
+ height: 0; }
1669
+
1670
  /**
1671
  * Address `[hidden]` styling not present in IE 8/9/10.
1672
  * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
1673
+ */
1674
+ [hidden],
1675
+ template {
1676
+ display: none; }
1677
+
1678
  /* Links
1679
+ ========================================================================== */
1680
  /**
1681
  * Remove the gray background color from active links in IE 10.
1682
+ */
1683
+ a {
1684
+ background-color: transparent; }
1685
+
1686
  /**
1687
  * Improve readability of focused elements when they are also in an
1688
  * active/hover state.
1689
+ */
1690
+ a:active,
1691
+ a:hover {
1692
+ outline: 0; }
1693
+
1694
  /* Text-level semantics
1695
+ ========================================================================== */
1696
  /**
1697
  * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
1698
+ */
1699
+ abbr[title] {
1700
+ border-bottom: 1px dotted; }
1701
+
1702
  /**
1703
  * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
1704
+ */
1705
+ b,
1706
+ strong {
1707
+ font-weight: bold; }
1708
+
1709
  /**
1710
  * Address styling not present in Safari and Chrome.
1711
+ */
1712
+ dfn {
1713
+ font-style: italic; }
1714
+
1715
  /**
1716
  * Address variable `h1` font-size and margin within `section` and `article`
1717
  * contexts in Firefox 4+, Safari, and Chrome.
1718
+ */
1719
+ h1 {
1720
+ font-size: 2em;
1721
+ margin: 0.67em 0; }
1722
+
1723
  /**
1724
  * Address styling not present in IE 8/9.
1725
+ */
1726
+ mark {
1727
+ background: #ff0;
1728
+ color: #000; }
1729
+
1730
  /**
1731
  * Address inconsistent and variable font size in all browsers.
1732
+ */
1733
+ small {
1734
+ font-size: 80%; }
1735
+
1736
  /**
1737
  * Prevent `sub` and `sup` affecting `line-height` in all browsers.
1738
+ */
1739
+ sub,
1740
+ sup {
1741
+ font-size: 75%;
1742
+ line-height: 0;
1743
+ position: relative;
1744
+ vertical-align: baseline; }
1745
+
1746
+ sup {
1747
+ top: -0.5em; }
1748
+
1749
+ sub {
1750
+ bottom: -0.25em; }
1751
+
1752
  /* Embedded content
1753
+ ========================================================================== */
1754
  /**
1755
  * Remove border when inside `a` element in IE 8/9/10.
1756
+ */
1757
+ img {
1758
+ border: 0; }
1759
+
1760
  /**
1761
  * Correct overflow not hidden in IE 9/10/11.
1762
+ */
1763
+ svg:not(:root) {
1764
+ overflow: hidden; }
1765
+
1766
  /* Grouping content
1767
+ ========================================================================== */
1768
  /**
1769
  * Address margin not present in IE 8/9 and Safari.
1770
+ */
1771
+ figure {
1772
+ margin: 1em 40px; }
1773
+
1774
  /**
1775
  * Address differences between Firefox and other browsers.
1776
+ */
1777
+ hr {
1778
+ box-sizing: content-box;
1779
+ height: 0; }
1780
+
1781
  /**
1782
  * Contain overflow in all browsers.
1783
+ */
1784
+ pre {
1785
+ overflow: auto; }
1786
+
1787
  /**
1788
  * Address odd `em`-unit font size rendering in all browsers.
1789
+ */
1790
+ code,
1791
+ kbd,
1792
+ pre,
1793
+ samp {
1794
+ font-family: monospace, monospace;
1795
+ font-size: 1em; }
1796
+
1797
  /* Forms
1798
+ ========================================================================== */
1799
  /**
1800
  * Known limitation: by default, Chrome and Safari on OS X allow very limited
1801
  * styling of `select`, unless a `border` property is set.
1802
+ */
1803
  /**
1804
  * 1. Correct color not being inherited.
1805
  * Known issue: affects color of disabled elements.
1806
  * 2. Correct font properties not being inherited.
1807
  * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
1808
+ */
1809
+ button,
1810
+ input,
1811
+ optgroup,
1812
+ select,
1813
+ textarea {
1814
+ color: inherit;
1815
+ /* 1 */
1816
+ font: inherit;
1817
+ /* 2 */
1818
+ margin: 0;
1819
+ /* 3 */ }
1820
+
1821
  /**
1822
  * Address `overflow` set to `hidden` in IE 8/9/10/11.
1823
+ */
1824
+ button {
1825
+ overflow: visible; }
1826
+
1827
  /**
1828
  * Address inconsistent `text-transform` inheritance for `button` and `select`.
1829
  * All other form control elements do not inherit `text-transform` values.
1830
  * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
1831
  * Correct `select` style inheritance in Firefox.
1832
+ */
1833
+ button,
1834
+ select {
1835
+ text-transform: none; }
1836
+
1837
  /**
1838
  * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
1839
  * and `video` controls.
1840
  * 2. Correct inability to style clickable `input` types in iOS.
1841
  * 3. Improve usability and consistency of cursor style between image-type
1842
  * `input` and others.
1843
+ */
1844
+ button,
1845
+ html input[type="button"],
1846
+ input[type="reset"],
1847
+ input[type="submit"] {
1848
+ -webkit-appearance: button;
1849
+ /* 2 */
1850
+ cursor: pointer;
1851
+ /* 3 */ }
1852
+
1853
  /**
1854
  * Re-set default cursor for disabled elements.
1855
+ */
1856
+ button[disabled],
1857
+ html input[disabled] {
1858
+ cursor: default; }
1859
+
1860
  /**
1861
  * Remove inner padding and border in Firefox 4+.
1862
+ */
1863
+ button::-moz-focus-inner,
1864
+ input::-moz-focus-inner {
1865
+ border: 0;
1866
+ padding: 0; }
1867
+
1868
  /**
1869
  * Address Firefox 4+ setting `line-height` on `input` using `!important` in
1870
  * the UA stylesheet.
1871
+ */
1872
+ input {
1873
+ line-height: normal; }
1874
+
1875
  /**
1876
  * It's recommended that you don't attempt to style these elements.
1877
  * Firefox's implementation doesn't respect box-sizing, padding, or width.
1878
  *
1879
  * 1. Address box sizing set to `content-box` in IE 8/9/10.
1880
  * 2. Remove excess padding in IE 8/9/10.
1881
+ */
1882
+ input[type="checkbox"],
1883
+ input[type="radio"] {
1884
+ box-sizing: border-box;
1885
+ /* 1 */
1886
+ padding: 0;
1887
+ /* 2 */ }
1888
+
1889
  /**
1890
  * Fix the cursor style for Chrome's increment/decrement buttons. For certain
1891
  * `font-size` values of the `input`, it causes the cursor style of the
1892
  * decrement button to change from `default` to `text`.
1893
+ */
1894
+ input[type="number"]::-webkit-inner-spin-button,
1895
+ input[type="number"]::-webkit-outer-spin-button {
1896
+ height: auto; }
1897
+
1898
  /**
1899
  * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
1900
  * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
1901
+ */
1902
+ input[type="search"] {
1903
+ -webkit-appearance: textfield;
1904
+ /* 1 */
1905
+ box-sizing: content-box;
1906
+ /* 2 */ }
1907
+
1908
  /**
1909
  * Remove inner padding and search cancel button in Safari and Chrome on OS X.
1910
  * Safari (but not Chrome) clips the cancel button when the search input has
1911
  * padding (and `textfield` appearance).
1912
+ */
1913
+ input[type="search"]::-webkit-search-cancel-button,
1914
+ input[type="search"]::-webkit-search-decoration {
1915
+ -webkit-appearance: none; }
1916
+
1917
  /**
1918
  * Define consistent border, margin, and padding.
1919
+ */
1920
+ fieldset {
1921
+ border: 1px solid #c0c0c0;
1922
+ margin: 0 2px;
1923
+ padding: 0.35em 0.625em 0.75em; }
1924
+
1925
  /**
1926
  * 1. Correct `color` not being inherited in IE 8/9/10/11.
1927
  * 2. Remove padding so people aren't caught out if they zero out fieldsets.
1928
+ */
1929
+ legend {
1930
+ border: 0;
1931
+ /* 1 */
1932
+ padding: 0;
1933
+ /* 2 */ }
1934
+
1935
  /**
1936
  * Remove default vertical scrollbar in IE 8/9/10/11.
1937
+ */
1938
+ textarea {
1939
+ overflow: auto; }
1940
+
1941
  /**
1942
  * Don't inherit the `font-weight` (applied by a rule above).
1943
  * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
1944
+ */
1945
+ optgroup {
1946
+ font-weight: bold; }
1947
+
1948
  /* Tables
1949
+ ========================================================================== */
1950
  /**
1951
  * Remove most spacing between table cells.
1952
+ */
1953
+ table {
1954
+ border-collapse: collapse;
1955
+ border-spacing: 0; }
1956
+
1957
+ td,
1958
+ th {
1959
+ padding: 0; }
1960
+
1961
+ html {
1962
+ box-sizing: border-box; }
1963
+
1964
+ *, *:before, *:after {
1965
+ box-sizing: inherit; }
1966
+
1967
+ ul:not(.browser-default) {
1968
+ padding-left: 0;
1969
+ list-style-type: none; }
1970
+ ul:not(.browser-default) > li {
1971
+ list-style-type: none; }
1972
+
1973
+ a {
1974
+ color: #039be5;
1975
+ text-decoration: none;
1976
+ -webkit-tap-highlight-color: transparent; }
1977
+
1978
+ .valign-wrapper {
1979
+ display: flex;
1980
+ align-items: center; }
1981
+
1982
+ .clearfix {
1983
+ clear: both; }
1984
+
1985
+ .z-depth-0 {
1986
+ box-shadow: none !important; }
1987
+
1988
+ .z-depth-1, .card-panel, .card, .btn, .btn-large, .btn-floating, .dropdown-content, .collapsible {
1989
+ box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); }
1990
+
1991
+ .z-depth-1-half, .btn:hover, .btn-large:hover, .btn-floating:hover {
1992
+ box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2); }
1993
+
1994
+ .z-depth-2 {
1995
+ box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3); }
1996
+
1997
+ .z-depth-3 {
1998
+ box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.3); }
1999
+
2000
+ .z-depth-4 {
2001
+ box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.3); }
2002
+
2003
+ .z-depth-5 {
2004
+ box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.3); }
2005
+
2006
+ .hoverable {
2007
+ transition: box-shadow .25s; }
2008
+ .hoverable:hover {
2009
+ box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
2010
+
2011
+ .divider {
2012
+ height: 1px;
2013
+ overflow: hidden;
2014
+ background-color: #e0e0e0; }
2015
+
2016
+ blockquote {
2017
+ margin: 20px 0;
2018
+ padding-left: 1.5rem;
2019
+ border-left: 5px solid #ee6e73; }
2020
+
2021
+ i {
2022
+ line-height: inherit; }
2023
+ i.left {
2024
+ float: left;
2025
+ margin-right: 15px; }
2026
+ i.right {
2027
+ float: right;
2028
+ margin-left: 15px; }
2029
+ i.tiny {
2030
+ font-size: 1rem; }
2031
+ i.small {
2032
+ font-size: 2rem; }
2033
+ i.medium {
2034
+ font-size: 4rem; }
2035
+ i.large {
2036
+ font-size: 6rem; }
2037
+
2038
+ img.responsive-img,
2039
+ video.responsive-video {
2040
+ max-width: 100%;
2041
+ height: auto; }
2042
+
2043
+ .pagination li {
2044
+ display: inline-block;
2045
+ border-radius: 2px;
2046
+ text-align: center;
2047
+ vertical-align: top;
2048
+ height: 30px; }
2049
+ .pagination li a {
2050
+ color: #444;
2051
+ display: inline-block;
2052
+ font-size: 1.2rem;
2053
+ padding: 0 10px;
2054
+ line-height: 30px; }
2055
+ .pagination li.active a {
2056
+ color: #fff; }
2057
+ .pagination li.active {
2058
+ background-color: #ee6e73; }
2059
+ .pagination li.disabled a {
2060
+ cursor: default;
2061
+ color: #999; }
2062
+ .pagination li i {
2063
+ font-size: 2rem; }
2064
+
2065
+ .pagination li.pages ul li {
2066
+ display: inline-block;
2067
+ float: none; }
2068
+
2069
+ @media only screen and (max-width: 992px) {
2070
+ .pagination {
2071
+ width: 100%; }
2072
+ .pagination li.prev,
2073
+ .pagination li.next {
2074
+ width: 10%; }
2075
+ .pagination li.pages {
2076
+ width: 80%;
2077
+ overflow: hidden;
2078
+ white-space: nowrap; } }
2079
+
2080
+ .breadcrumb {
2081
+ font-size: 18px;
2082
+ color: rgba(255, 255, 255, 0.7); }
2083
+ .breadcrumb i,
2084
+ .breadcrumb [class^="mdi-"], .breadcrumb [class*="mdi-"],
2085
+ .breadcrumb i.material-icons {
2086
+ display: inline-block;
2087
+ float: left;
2088
+ font-size: 24px; }
2089
+ .breadcrumb:before {
2090
+ content: '\E5CC';
2091
+ color: rgba(255, 255, 255, 0.7);
2092
+ vertical-align: top;
2093
+ display: inline-block;
2094
+ font-family: 'Material Icons';
2095
+ font-weight: normal;
2096
+ font-style: normal;
2097
+ font-size: 25px;
2098
+ margin: 0 10px 0 8px;
2099
+ -webkit-font-smoothing: antialiased; }
2100
+ .breadcrumb:first-child:before {
2101
+ display: none; }
2102
+ .breadcrumb:last-child {
2103
+ color: #fff; }
2104
+
2105
+ .parallax-container {
2106
+ position: relative;
2107
+ overflow: hidden;
2108
+ height: 500px; }
2109
+ .parallax-container .parallax {
2110
+ position: absolute;
2111
+ top: 0;
2112
+ left: 0;
2113
+ right: 0;
2114
+ bottom: 0;
2115
+ z-index: -1; }
2116
+ .parallax-container .parallax img {
2117
+ display: none;
2118
+ position: absolute;
2119
+ left: 50%;
2120
+ bottom: 0;
2121
+ min-width: 100%;
2122
+ min-height: 100%;
2123
+ transform: translate3d(0, 0, 0);
2124
+ transform: translateX(-50%); }
2125
+
2126
+ .pin-top, .pin-bottom {
2127
+ position: relative; }
2128
+
2129
+ .pinned {
2130
+ position: fixed !important; }
2131
+
2132
  /*********************
2133
  Transition Classes
2134
+ **********************/
2135
+ ul.staggered-list li {
2136
+ opacity: 0; }
2137
+
2138
+ .fade-in {
2139
+ opacity: 0;
2140
+ transform-origin: 0 50%; }
2141
+
2142
  /*********************
2143
  Media Query Classes
2144
+ **********************/
2145
+ @media only screen and (max-width: 600px) {
2146
+ .hide-on-small-only, .hide-on-small-and-down {
2147
+ display: none !important; } }
2148
+
2149
+ @media only screen and (max-width: 992px) {
2150
+ .hide-on-med-and-down {
2151
+ display: none !important; } }
2152
+
2153
+ @media only screen and (min-width: 601px) {
2154
+ .hide-on-med-and-up {
2155
+ display: none !important; } }
2156
+
2157
+ @media only screen and (min-width: 600px) and (max-width: 992px) {
2158
+ .hide-on-med-only {
2159
+ display: none !important; } }
2160
+
2161
+ @media only screen and (min-width: 993px) {
2162
+ .hide-on-large-only {
2163
+ display: none !important; } }
2164
+
2165
+ @media only screen and (min-width: 993px) {
2166
+ .show-on-large {
2167
+ display: block !important; } }
2168
+
2169
+ @media only screen and (min-width: 600px) and (max-width: 992px) {
2170
+ .show-on-medium {
2171
+ display: block !important; } }
2172
+
2173
+ @media only screen and (max-width: 600px) {
2174
+ .show-on-small {
2175
+ display: block !important; } }
2176
+
2177
+ @media only screen and (min-width: 601px) {
2178
+ .show-on-medium-and-up {
2179
+ display: block !important; } }
2180
+
2181
+ @media only screen and (max-width: 992px) {
2182
+ .show-on-medium-and-down {
2183
+ display: block !important; } }
2184
+
2185
+ @media only screen and (max-width: 600px) {
2186
+ .center-on-small-only {
2187
+ text-align: center; } }
2188
+
2189
+ .page-footer {
2190
+ padding-top: 20px;
2191
+ color: #fff;
2192
+ background-color: #ee6e73; }
2193
+ .page-footer .footer-copyright {
2194
+ overflow: hidden;
2195
+ min-height: 50px;
2196
+ display: flex;
2197
+ align-items: center;
2198
+ padding: 10px 0px;
2199
+ color: rgba(255, 255, 255, 0.8);
2200
+ background-color: rgba(51, 51, 51, 0.08); }
2201
+
2202
+ table, th, td {
2203
+ border: none; }
2204
+
2205
+ table {
2206
+ width: 100%;
2207
+ display: table; }
2208
+ table.bordered > thead > tr,
2209
+ table.bordered > tbody > tr {
2210
+ border-bottom: 1px solid #d0d0d0; }
2211
+ table.striped > tbody > tr:nth-child(odd) {
2212
+ background-color: #f2f2f2; }
2213
+ table.striped > tbody > tr > td {
2214
+ border-radius: 0; }
2215
+ table.highlight > tbody > tr {
2216
+ transition: background-color .25s ease; }
2217
+ table.highlight > tbody > tr:hover {
2218
+ background-color: #f2f2f2; }
2219
+ table.centered thead tr th, table.centered tbody tr td {
2220
+ text-align: center; }
2221
+
2222
+ thead {
2223
+ border-bottom: 1px solid #d0d0d0; }
2224
+
2225
+ td, th {
2226
+ padding: 15px 5px;
2227
+ display: table-cell;
2228
+ text-align: left;
2229
+ vertical-align: middle;
2230
+ border-radius: 2px; }
2231
+
2232
+ @media only screen and (max-width: 992px) {
2233
+ table.responsive-table {
2234
+ width: 100%;
2235
+ border-collapse: collapse;
2236
+ border-spacing: 0;
2237
+ display: block;
2238
+ position: relative;
2239
+ /* sort out borders */ }
2240
+ table.responsive-table td:empty:before {
2241
+ content: '\A0'; }
2242
+ table.responsive-table th,
2243
+ table.responsive-table td {
2244
+ margin: 0;
2245
+ vertical-align: top; }
2246
+ table.responsive-table th {
2247
+ text-align: left; }
2248
+ table.responsive-table thead {
2249
+ display: block;
2250
+ float: left; }
2251
+ table.responsive-table thead tr {
2252
+ display: block;
2253
+ padding: 0 10px 0 0; }
2254
+ table.responsive-table thead tr th::before {
2255
+ content: "\A0"; }
2256
+ table.responsive-table tbody {
2257
+ display: block;
2258
+ width: auto;
2259
+ position: relative;
2260
+ overflow-x: auto;
2261
+ white-space: nowrap; }
2262
+ table.responsive-table tbody tr {
2263
+ display: inline-block;
2264
+ vertical-align: top; }
2265
+ table.responsive-table th {
2266
+ display: block;
2267
+ text-align: right; }
2268
+ table.responsive-table td {
2269
+ display: block;
2270
+ min-height: 1.25em;
2271
+ text-align: left; }
2272
+ table.responsive-table tr {
2273
+ padding: 0 10px; }
2274
+ table.responsive-table thead {
2275
+ border: 0;
2276
+ border-right: 1px solid #d0d0d0; }
2277
+ table.responsive-table.bordered th {
2278
+ border-bottom: 0;
2279
+ border-left: 0; }
2280
+ table.responsive-table.bordered td {
2281
+ border-left: 0;
2282
+ border-right: 0;
2283
+ border-bottom: 0; }
2284
+ table.responsive-table.bordered tr {
2285
+ border: 0; }
2286
+ table.responsive-table.bordered tbody tr {
2287
+ border-right: 1px solid #d0d0d0; } }
2288
+
2289
+ .collection {
2290
+ margin: 0.5rem 0 1rem 0;
2291
+ border: 1px solid #e0e0e0;
2292
+ border-radius: 2px;
2293
+ overflow: hidden;
2294
+ position: relative; }
2295
+ .collection .collection-item {
2296
+ background-color: #fff;
2297
+ line-height: 1.5rem;
2298
+ padding: 10px 20px;
2299
+ margin: 0;
2300
+ border-bottom: 1px solid #e0e0e0; }
2301
+ .collection .collection-item.avatar {
2302
+ min-height: 84px;
2303
+ padding-left: 72px;
2304
+ position: relative; }
2305
+ .collection .collection-item.avatar:not(.circle-clipper) > .circle,
2306
+ .collection .collection-item.avatar :not(.circle-clipper) > .circle {
2307
+ position: absolute;
2308
+ width: 42px;
2309
+ height: 42px;
2310
+ overflow: hidden;
2311
+ left: 15px;
2312
+ display: inline-block;
2313
+ vertical-align: middle; }
2314
+ .collection .collection-item.avatar i.circle {
2315
+ font-size: 18px;
2316
+ line-height: 42px;
2317
+ color: #fff;
2318
+ background-color: #999;
2319
+ text-align: center; }
2320
+ .collection .collection-item.avatar .title {
2321
+ font-size: 16px; }
2322
+ .collection .collection-item.avatar p {
2323
+ margin: 0; }
2324
+ .collection .collection-item.avatar .secondary-content {
2325
+ position: absolute;
2326
+ top: 16px;
2327
+ right: 16px; }
2328
+ .collection .collection-item:last-child {
2329
+ border-bottom: none; }
2330
+ .collection .collection-item.active {
2331
+ background-color: #26a69a;
2332
+ color: #eafaf9; }
2333
+ .collection .collection-item.active .secondary-content {
2334
+ color: #fff; }
2335
+ .collection a.collection-item {
2336
+ display: block;
2337
+ transition: .25s;
2338
+ color: #26a69a; }
2339
+ .collection a.collection-item:not(.active):hover {
2340
+ background-color: #ddd; }
2341
+ .collection.with-header .collection-header {
2342
+ background-color: #fff;
2343
+ border-bottom: 1px solid #e0e0e0;
2344
+ padding: 10px 20px; }
2345
+ .collection.with-header .collection-item {
2346
+ padding-left: 30px; }
2347
+ .collection.with-header .collection-item.avatar {
2348
+ padding-left: 72px; }
2349
+
2350
+ .secondary-content {
2351
+ float: right;
2352
+ color: #26a69a; }
2353
+
2354
+ .collapsible .collection {
2355
+ margin: 0;
2356
+ border: none; }
2357
+
2358
+ .video-container {
2359
+ position: relative;
2360
+ padding-bottom: 56.25%;
2361
+ height: 0;
2362
+ overflow: hidden; }
2363
+ .video-container iframe, .video-container object, .video-container embed {
2364
+ position: absolute;
2365
+ top: 0;
2366
+ left: 0;
2367
+ width: 100%;
2368
+ height: 100%; }
2369
+
2370
+ .progress {
2371
+ position: relative;
2372
+ height: 4px;
2373
+ display: block;
2374
+ width: 100%;
2375
+ background-color: #acece6;
2376
+ border-radius: 2px;
2377
+ margin: 0.5rem 0 1rem 0;
2378
+ overflow: hidden; }
2379
+ .progress .determinate {
2380
+ position: absolute;
2381
+ top: 0;
2382
+ left: 0;
2383
+ bottom: 0;
2384
+ background-color: #26a69a;
2385
+ transition: width .3s linear; }
2386
+ .progress .indeterminate {
2387
+ background-color: #26a69a; }
2388
+ .progress .indeterminate:before {
2389
+ content: '';
2390
+ position: absolute;
2391
+ background-color: inherit;
2392
+ top: 0;
2393
+ left: 0;
2394
+ bottom: 0;
2395
+ will-change: left, right;
2396
+ animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; }
2397
+ .progress .indeterminate:after {
2398
+ content: '';
2399
+ position: absolute;
2400
+ background-color: inherit;
2401
+ top: 0;
2402
+ left: 0;
2403
+ bottom: 0;
2404
+ will-change: left, right;
2405
+ animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
2406
+ animation-delay: 1.15s; }
2407
+
2408
+ @keyframes indeterminate {
2409
+ 0% {
2410
+ left: -35%;
2411
+ right: 100%; }
2412
+ 60% {
2413
+ left: 100%;
2414
+ right: -90%; }
2415
+ 100% {
2416
+ left: 100%;
2417
+ right: -90%; } }
2418
+
2419
+ @keyframes indeterminate-short {
2420
+ 0% {
2421
+ left: -200%;
2422
+ right: 100%; }
2423
+ 60% {
2424
+ left: 107%;
2425
+ right: -8%; }
2426
+ 100% {
2427
+ left: 107%;
2428
+ right: -8%; } }
2429
+
2430
  /*******************
2431
  Utility Classes
2432
+ *******************/
2433
+ .hide {
2434
+ display: none !important; }
2435
+
2436
+ .left-align {
2437
+ text-align: left; }
2438
+
2439
+ .right-align {
2440
+ text-align: right; }
2441
+
2442
+ .center, .center-align {
2443
+ text-align: center; }
2444
+
2445
+ .left {
2446
+ float: left !important; }
2447
+
2448
+ .right {
2449
+ float: right !important; }
2450
+
2451
+ .no-select {
2452
+ user-select: none; }
2453
+
2454
+ .circle {
2455
+ border-radius: 50%; }
2456
+
2457
+ .center-block {
2458
+ display: block;
2459
+ margin-left: auto;
2460
+ margin-right: auto; }
2461
+
2462
+ .truncate {
2463
+ display: block;
2464
+ white-space: nowrap;
2465
+ overflow: hidden;
2466
+ text-overflow: ellipsis; }
2467
+
2468
+ .no-padding {
2469
+ padding: 0 !important; }
2470
+
2471
+ .container {
2472
+ margin: 0 auto;
2473
+ max-width: 1280px;
2474
+ width: 90%; }
2475
+
2476
+ @media only screen and (min-width: 601px) {
2477
+ .container {
2478
+ width: 85%; } }
2479
+
2480
+ @media only screen and (min-width: 993px) {
2481
+ .container {
2482
+ width: 70%; } }
2483
+
2484
+ .container .row {
2485
+ margin-left: -0.75rem;
2486
+ margin-right: -0.75rem; }
2487
+
2488
+ .section {
2489
+ padding-top: 1rem;
2490
+ padding-bottom: 1rem; }
2491
+ .section.no-pad {
2492
+ padding: 0; }
2493
+ .section.no-pad-bot {
2494
+ padding-bottom: 0; }
2495
+ .section.no-pad-top {
2496
+ padding-top: 0; }
2497
+
2498
+ .row {
2499
+ margin-left: auto;
2500
+ margin-right: auto;
2501
+ margin-bottom: 20px; }
2502
+ .row:after {
2503
+ content: "";
2504
+ display: table;
2505
+ clear: both; }
2506
+ .row .col {
2507
+ float: left;
2508
+ box-sizing: border-box;
2509
+ padding: 0 0.75rem;
2510
+ min-height: 1px; }
2511
+ .row .col[class*="push-"], .row .col[class*="pull-"] {
2512
+ position: relative; }
2513
+ .row .col.s1 {
2514
+ width: 8.33333%;
2515
+ margin-left: auto;
2516
+ left: auto;
2517
+ right: auto; }
2518
+ .row .col.s2 {
2519
+ width: 16.66667%;
2520
+ margin-left: auto;
2521
+ left: auto;
2522
+ right: auto; }
2523
+ .row .col.s3 {
2524
+ width: 25%;
2525
+ margin-left: auto;
2526
+ left: auto;
2527
+ right: auto; }
2528
+ .row .col.s4 {
2529
+ width: 33.33333%;
2530
+ margin-left: auto;
2531
+ left: auto;
2532
+ right: auto; }
2533
+ .row .col.s5 {
2534
+ width: 41.66667%;
2535
+ margin-left: auto;
2536
+ left: auto;
2537
+ right: auto; }
2538
+ .row .col.s6 {
2539
+ width: 50%;
2540
+ margin-left: auto;
2541
+ left: auto;
2542
+ right: auto; }
2543
+ .row .col.s7 {
2544
+ width: 58.33333%;
2545
+ margin-left: auto;
2546
+ left: auto;
2547
+ right: auto; }
2548
+ .row .col.s8 {
2549
+ width: 66.66667%;
2550
+ margin-left: auto;
2551
+ left: auto;
2552
+ right: auto; }
2553
+ .row .col.s9 {
2554
+ width: 75%;
2555
+ margin-left: auto;
2556
+ left: auto;
2557
+ right: auto; }
2558
+ .row .col.s10 {
2559
+ width: 83.33333%;
2560
+ margin-left: auto;
2561
+ left: auto;
2562
+ right: auto; }
2563
+ .row .col.s11 {
2564
+ width: 91.66667%;
2565
+ margin-left: auto;
2566
+ left: auto;
2567
+ right: auto; }
2568
+ .row .col.s12 {
2569
+ width: 100%;
2570
+ margin-left: auto;
2571
+ left: auto;
2572
+ right: auto; }
2573
+ .row .col.offset-s1 {
2574
+ margin-left: 8.33333%; }
2575
+ .row .col.pull-s1 {
2576
+ right: 8.33333%; }
2577
+ .row .col.push-s1 {
2578
+ left: 8.33333%; }
2579
+ .row .col.offset-s2 {
2580
+ margin-left: 16.66667%; }
2581
+ .row .col.pull-s2 {
2582
+ right: 16.66667%; }
2583
+ .row .col.push-s2 {
2584
+ left: 16.66667%; }
2585
+ .row .col.offset-s3 {
2586
+ margin-left: 25%; }
2587
+ .row .col.pull-s3 {
2588
+ right: 25%; }
2589
+ .row .col.push-s3 {
2590
+ left: 25%; }
2591
+ .row .col.offset-s4 {
2592
+ margin-left: 33.33333%; }
2593
+ .row .col.pull-s4 {
2594
+ right: 33.33333%; }
2595
+ .row .col.push-s4 {
2596
+ left: 33.33333%; }
2597
+ .row .col.offset-s5 {
2598
+ margin-left: 41.66667%; }
2599
+ .row .col.pull-s5 {
2600
+ right: 41.66667%; }
2601
+ .row .col.push-s5 {
2602
+ left: 41.66667%; }
2603
+ .row .col.offset-s6 {
2604
+ margin-left: 50%; }
2605
+ .row .col.pull-s6 {
2606
+ right: 50%; }
2607
+ .row .col.push-s6 {
2608
+ left: 50%; }
2609
+ .row .col.offset-s7 {
2610
+ margin-left: 58.33333%; }
2611
+ .row .col.pull-s7 {
2612
+ right: 58.33333%; }
2613
+ .row .col.push-s7 {
2614
+ left: 58.33333%; }
2615
+ .row .col.offset-s8 {
2616
+ margin-left: 66.66667%; }
2617
+ .row .col.pull-s8 {
2618
+ right: 66.66667%; }
2619
+ .row .col.push-s8 {
2620
+ left: 66.66667%; }
2621
+ .row .col.offset-s9 {
2622
+ margin-left: 75%; }
2623
+ .row .col.pull-s9 {
2624
+ right: 75%; }
2625
+ .row .col.push-s9 {
2626
+ left: 75%; }
2627
+ .row .col.offset-s10 {
2628
+ margin-left: 83.33333%; }
2629
+ .row .col.pull-s10 {
2630
+ right: 83.33333%; }
2631
+ .row .col.push-s10 {
2632
+ left: 83.33333%; }
2633
+ .row .col.offset-s11 {
2634
+ margin-left: 91.66667%; }
2635
+ .row .col.pull-s11 {
2636
+ right: 91.66667%; }
2637
+ .row .col.push-s11 {
2638
+ left: 91.66667%; }
2639
+ .row .col.offset-s12 {
2640
+ margin-left: 100%; }
2641
+ .row .col.pull-s12 {
2642
+ right: 100%; }
2643
+ .row .col.push-s12 {
2644
+ left: 100%; }
2645
+ @media only screen and (min-width: 601px) {
2646
+ .row .col.m1 {
2647
+ width: 8.33333%;
2648
+ margin-left: auto;
2649
+ left: auto;
2650
+ right: auto; }
2651
+ .row .col.m2 {
2652
+ width: 16.66667%;
2653
+ margin-left: auto;
2654
+ left: auto;
2655
+ right: auto; }
2656
+ .row .col.m3 {
2657
+ width: 25%;
2658
+ margin-left: auto;
2659
+ left: auto;
2660
+ right: auto; }
2661
+ .row .col.m4 {
2662
+ width: 33.33333%;
2663
+ margin-left: auto;
2664
+ left: auto;
2665
+ right: auto; }
2666
+ .row .col.m5 {
2667
+ width: 41.66667%;
2668
+ margin-left: auto;
2669
+ left: auto;
2670
+ right: auto; }
2671
+ .row .col.m6 {
2672
+ width: 50%;
2673
+ margin-left: auto;
2674
+ left: auto;
2675
+ right: auto; }
2676
+ .row .col.m7 {
2677
+ width: 58.33333%;
2678
+ margin-left: auto;
2679
+ left: auto;
2680
+ right: auto; }
2681
+ .row .col.m8 {
2682
+ width: 66.66667%;
2683
+ margin-left: auto;
2684
+ left: auto;
2685
+ right: auto; }
2686
+ .row .col.m9 {
2687
+ width: 75%;
2688
+ margin-left: auto;
2689
+ left: auto;
2690
+ right: auto; }
2691
+ .row .col.m10 {
2692
+ width: 83.33333%;
2693
+ margin-left: auto;
2694
+ left: auto;
2695
+ right: auto; }
2696
+ .row .col.m11 {
2697
+ width: 91.66667%;
2698
+ margin-left: auto;
2699
+ left: auto;
2700
+ right: auto; }
2701
+ .row .col.m12 {
2702
+ width: 100%;
2703
+ margin-left: auto;
2704
+ left: auto;
2705
+ right: auto; }
2706
+ .row .col.offset-m1 {
2707
+ margin-left: 8.33333%; }
2708
+ .row .col.pull-m1 {
2709
+ right: 8.33333%; }
2710
+ .row .col.push-m1 {
2711
+ left: 8.33333%; }
2712
+ .row .col.offset-m2 {
2713
+ margin-left: 16.66667%; }
2714
+ .row .col.pull-m2 {
2715
+ right: 16.66667%; }
2716
+ .row .col.push-m2 {
2717
+ left: 16.66667%; }
2718
+ .row .col.offset-m3 {
2719
+ margin-left: 25%; }
2720
+ .row .col.pull-m3 {
2721
+ right: 25%; }
2722
+ .row .col.push-m3 {
2723
+ left: 25%; }
2724
+ .row .col.offset-m4 {
2725
+ margin-left: 33.33333%; }
2726
+ .row .col.pull-m4 {
2727
+ right: 33.33333%; }
2728
+ .row .col.push-m4 {
2729
+ left: 33.33333%; }
2730
+ .row .col.offset-m5 {
2731
+ margin-left: 41.66667%; }
2732
+ .row .col.pull-m5 {
2733
+ right: 41.66667%; }
2734
+ .row .col.push-m5 {
2735
+ left: 41.66667%; }
2736
+ .row .col.offset-m6 {
2737
+ margin-left: 50%; }
2738
+ .row .col.pull-m6 {
2739
+ right: 50%; }
2740
+ .row .col.push-m6 {
2741
+ left: 50%; }
2742
+ .row .col.offset-m7 {
2743
+ margin-left: 58.33333%; }
2744
+ .row .col.pull-m7 {
2745
+ right: 58.33333%; }
2746
+ .row .col.push-m7 {
2747
+ left: 58.33333%; }
2748
+ .row .col.offset-m8 {
2749
+ margin-left: 66.66667%; }
2750
+ .row .col.pull-m8 {
2751
+ right: 66.66667%; }
2752
+ .row .col.push-m8 {
2753
+ left: 66.66667%; }
2754
+ .row .col.offset-m9 {
2755
+ margin-left: 75%; }
2756
+ .row .col.pull-m9 {
2757
+ right: 75%; }
2758
+ .row .col.push-m9 {
2759
+ left: 75%; }
2760
+ .row .col.offset-m10 {
2761
+ margin-left: 83.33333%; }
2762
+ .row .col.pull-m10 {
2763
+ right: 83.33333%; }
2764
+ .row .col.push-m10 {
2765
+ left: 83.33333%; }
2766
+ .row .col.offset-m11 {
2767
+ margin-left: 91.66667%; }
2768
+ .row .col.pull-m11 {
2769
+ right: 91.66667%; }
2770
+ .row .col.push-m11 {
2771
+ left: 91.66667%; }
2772
+ .row .col.offset-m12 {
2773
+ margin-left: 100%; }
2774
+ .row .col.pull-m12 {
2775
+ right: 100%; }
2776
+ .row .col.push-m12 {
2777
+ left: 100%; } }
2778
+ @media only screen and (min-width: 993px) {
2779
+ .row .col.l1 {
2780
+ width: 8.33333%;
2781
+ margin-left: auto;
2782
+ left: auto;
2783
+ right: auto; }
2784
+ .row .col.l2 {
2785
+ width: 16.66667%;
2786
+ margin-left: auto;
2787
+ left: auto;
2788
+ right: auto; }
2789
+ .row .col.l3 {
2790
+ width: 25%;
2791
+ margin-left: auto;
2792
+ left: auto;
2793
+ right: auto; }
2794
+ .row .col.l4 {
2795
+ width: 33.33333%;
2796
+ margin-left: auto;
2797
+ left: auto;
2798
+ right: auto; }
2799
+ .row .col.l5 {
2800
+ width: 41.66667%;
2801
+ margin-left: auto;
2802
+ left: auto;
2803
+ right: auto; }
2804
+ .row .col.l6 {
2805
+ width: 50%;
2806
+ margin-left: auto;
2807
+ left: auto;
2808
+ right: auto; }
2809
+ .row .col.l7 {
2810
+ width: 58.33333%;
2811
+ margin-left: auto;
2812
+ left: auto;
2813
+ right: auto; }
2814
+ .row .col.l8 {
2815
+ width: 66.66667%;
2816
+ margin-left: auto;
2817
+ left: auto;
2818
+ right: auto; }
2819
+ .row .col.l9 {
2820
+ width: 75%;
2821
+ margin-left: auto;
2822
+ left: auto;
2823
+ right: auto; }
2824
+ .row .col.l10 {
2825
+ width: 83.33333%;
2826
+ margin-left: auto;
2827
+ left: auto;
2828
+ right: auto; }
2829
+ .row .col.l11 {
2830
+ width: 91.66667%;
2831
+ margin-left: auto;
2832
+ left: auto;
2833
+ right: auto; }
2834
+ .row .col.l12 {
2835
+ width: 100%;
2836
+ margin-left: auto;
2837
+ left: auto;
2838
+ right: auto; }
2839
+ .row .col.offset-l1 {
2840
+ margin-left: 8.33333%; }
2841
+ .row .col.pull-l1 {
2842
+ right: 8.33333%; }
2843
+ .row .col.push-l1 {
2844
+ left: 8.33333%; }
2845
+ .row .col.offset-l2 {
2846
+ margin-left: 16.66667%; }
2847
+ .row .col.pull-l2 {
2848
+ right: 16.66667%; }
2849
+ .row .col.push-l2 {
2850
+ left: 16.66667%; }
2851
+ .row .col.offset-l3 {
2852
+ margin-left: 25%; }
2853
+ .row .col.pull-l3 {
2854
+ right: 25%; }
2855
+ .row .col.push-l3 {
2856
+ left: 25%; }
2857
+ .row .col.offset-l4 {
2858
+ margin-left: 33.33333%; }
2859
+ .row .col.pull-l4 {
2860
+ right: 33.33333%; }
2861
+ .row .col.push-l4 {
2862
+ left: 33.33333%; }
2863
+ .row .col.offset-l5 {
2864
+ margin-left: 41.66667%; }
2865
+ .row .col.pull-l5 {
2866
+ right: 41.66667%; }
2867
+ .row .col.push-l5 {
2868
+ left: 41.66667%; }
2869
+ .row .col.offset-l6 {
2870
+ margin-left: 50%; }
2871
+ .row .col.pull-l6 {
2872
+ right: 50%; }
2873
+ .row .col.push-l6 {
2874
+ left: 50%; }
2875
+ .row .col.offset-l7 {
2876
+ margin-left: 58.33333%; }
2877
+ .row .col.pull-l7 {
2878
+ right: 58.33333%; }
2879
+ .row .col.push-l7 {
2880
+ left: 58.33333%; }
2881
+ .row .col.offset-l8 {
2882
+ margin-left: 66.66667%; }
2883
+ .row .col.pull-l8 {
2884
+ right: 66.66667%; }
2885
+ .row .col.push-l8 {
2886
+ left: 66.66667%; }
2887
+ .row .col.offset-l9 {
2888
+ margin-left: 75%; }
2889
+ .row .col.pull-l9 {
2890
+ right: 75%; }
2891
+ .row .col.push-l9 {
2892
+ left: 75%; }
2893
+ .row .col.offset-l10 {
2894
+ margin-left: 83.33333%; }
2895
+ .row .col.pull-l10 {
2896
+ right: 83.33333%; }
2897
+ .row .col.push-l10 {
2898
+ left: 83.33333%; }
2899
+ .row .col.offset-l11 {
2900
+ margin-left: 91.66667%; }
2901
+ .row .col.pull-l11 {
2902
+ right: 91.66667%; }
2903
+ .row .col.push-l11 {
2904
+ left: 91.66667%; }
2905
+ .row .col.offset-l12 {
2906
+ margin-left: 100%; }
2907
+ .row .col.pull-l12 {
2908
+ right: 100%; }
2909
+ .row .col.push-l12 {
2910
+ left: 100%; } }
2911
+ @media only screen and (min-width: 1201px) {
2912
+ .row .col.xl1 {
2913
+ width: 8.33333%;
2914
+ margin-left: auto;
2915
+ left: auto;
2916
+ right: auto; }
2917
+ .row .col.xl2 {
2918
+ width: 16.66667%;
2919
+ margin-left: auto;
2920
+ left: auto;
2921
+ right: auto; }
2922
+ .row .col.xl3 {
2923
+ width: 25%;
2924
+ margin-left: auto;
2925
+ left: auto;
2926
+ right: auto; }
2927
+ .row .col.xl4 {
2928
+ width: 33.33333%;
2929
+ margin-left: auto;
2930
+ left: auto;
2931
+ right: auto; }
2932
+ .row .col.xl5 {
2933
+ width: 41.66667%;
2934
+ margin-left: auto;
2935
+ left: auto;
2936
+ right: auto; }
2937
+ .row .col.xl6 {
2938
+ width: 50%;
2939
+ margin-left: auto;
2940
+ left: auto;
2941
+ right: auto; }
2942
+ .row .col.xl7 {
2943
+ width: 58.33333%;
2944
+ margin-left: auto;
2945
+ left: auto;
2946
+ right: auto; }
2947
+ .row .col.xl8 {
2948
+ width: 66.66667%;
2949
+ margin-left: auto;
2950
+ left: auto;
2951
+ right: auto; }
2952
+ .row .col.xl9 {
2953
+ width: 75%;
2954
+ margin-left: auto;
2955
+ left: auto;
2956
+ right: auto; }
2957
+ .row .col.xl10 {
2958
+ width: 83.33333%;
2959
+ margin-left: auto;
2960
+ left: auto;
2961
+ right: auto; }
2962
+ .row .col.xl11 {
2963
+ width: 91.66667%;
2964
+ margin-left: auto;
2965
+ left: auto;
2966
+ right: auto; }
2967
+ .row .col.xl12 {
2968
+ width: 100%;
2969
+ margin-left: auto;
2970
+ left: auto;
2971
+ right: auto; }
2972
+ .row .col.offset-xl1 {
2973
+ margin-left: 8.33333%; }
2974
+ .row .col.pull-xl1 {
2975
+ right: 8.33333%; }
2976
+ .row .col.push-xl1 {
2977
+ left: 8.33333%; }
2978
+ .row .col.offset-xl2 {
2979
+ margin-left: 16.66667%; }
2980
+ .row .col.pull-xl2 {
2981
+ right: 16.66667%; }
2982
+ .row .col.push-xl2 {
2983
+ left: 16.66667%; }
2984
+ .row .col.offset-xl3 {
2985
+ margin-left: 25%; }
2986
+ .row .col.pull-xl3 {
2987
+ right: 25%; }
2988
+ .row .col.push-xl3 {
2989
+ left: 25%; }
2990
+ .row .col.offset-xl4 {
2991
+ margin-left: 33.33333%; }
2992
+ .row .col.pull-xl4 {
2993
+ right: 33.33333%; }
2994
+ .row .col.push-xl4 {
2995
+ left: 33.33333%; }
2996
+ .row .col.offset-xl5 {
2997
+ margin-left: 41.66667%; }
2998
+ .row .col.pull-xl5 {
2999
+ right: 41.66667%; }
3000
+ .row .col.push-xl5 {
3001
+ left: 41.66667%; }
3002
+ .row .col.offset-xl6 {
3003
+ margin-left: 50%; }
3004
+ .row .col.pull-xl6 {
3005
+ right: 50%; }
3006
+ .row .col.push-xl6 {
3007
+ left: 50%; }
3008
+ .row .col.offset-xl7 {
3009
+ margin-left: 58.33333%; }
3010
+ .row .col.pull-xl7 {
3011
+ right: 58.33333%; }
3012
+ .row .col.push-xl7 {
3013
+ left: 58.33333%; }
3014
+ .row .col.offset-xl8 {
3015
+ margin-left: 66.66667%; }
3016
+ .row .col.pull-xl8 {
3017
+ right: 66.66667%; }
3018
+ .row .col.push-xl8 {
3019
+ left: 66.66667%; }
3020
+ .row .col.offset-xl9 {
3021
+ margin-left: 75%; }
3022
+ .row .col.pull-xl9 {
3023
+ right: 75%; }
3024
+ .row .col.push-xl9 {
3025
+ left: 75%; }
3026
+ .row .col.offset-xl10 {
3027
+ margin-left: 83.33333%; }
3028
+ .row .col.pull-xl10 {
3029
+ right: 83.33333%; }
3030
+ .row .col.push-xl10 {
3031
+ left: 83.33333%; }
3032
+ .row .col.offset-xl11 {
3033
+ margin-left: 91.66667%; }
3034
+ .row .col.pull-xl11 {
3035
+ right: 91.66667%; }
3036
+ .row .col.push-xl11 {
3037
+ left: 91.66667%; }
3038
+ .row .col.offset-xl12 {
3039
+ margin-left: 100%; }
3040
+ .row .col.pull-xl12 {
3041
+ right: 100%; }
3042
+ .row .col.push-xl12 {
3043
+ left: 100%; } }
3044
+
3045
+ a {
3046
+ text-decoration: none; }
3047
+
3048
+ html {
3049
+ line-height: 1.5;
3050
+ font-family: "Roboto", sans-serif;
3051
+ font-weight: normal;
3052
+ color: rgba(0, 0, 0, 0.87); }
3053
+ @media only screen and (min-width: 0) {
3054
+ html {
3055
+ font-size: 14px; } }
3056
+ @media only screen and (min-width: 992px) {
3057
+ html {
3058
+ font-size: 14.5px; } }
3059
+ @media only screen and (min-width: 1200px) {
3060
+ html {
3061
+ font-size: 15px; } }
3062
+
3063
+ h1, h2, h3, h4, h5, h6 {
3064
+ font-weight: 400;
3065
+ line-height: 1.1; }
3066
+
3067
+ h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
3068
+ font-weight: inherit; }
3069
+
3070
+ h1 {
3071
+ font-size: 4.2rem;
3072
+ line-height: 110%;
3073
+ margin: 2.1rem 0 1.68rem 0; }
3074
+
3075
+ h2 {
3076
+ font-size: 3.56rem;
3077
+ line-height: 110%;
3078
+ margin: 1.78rem 0 1.424rem 0; }
3079
+
3080
+ h3 {
3081
+ font-size: 2.92rem;
3082
+ line-height: 110%;
3083
+ margin: 1.46rem 0 1.168rem 0; }
3084
+
3085
+ h4 {
3086
+ font-size: 2.28rem;
3087
+ line-height: 110%;
3088
+ margin: 1.14rem 0 0.912rem 0; }
3089
+
3090
+ h5 {
3091
+ font-size: 1.64rem;
3092
+ line-height: 110%;
3093
+ margin: 0.82rem 0 0.656rem 0; }
3094
+
3095
+ h6 {
3096
+ font-size: 1rem;
3097
+ line-height: 110%;
3098
+ margin: 0.5rem 0 0.4rem 0; }
3099
+
3100
+ em {
3101
+ font-style: italic; }
3102
+
3103
+ strong {
3104
+ font-weight: 500; }
3105
+
3106
+ small {
3107
+ font-size: 75%; }
3108
+
3109
+ .light, .page-footer .footer-copyright {
3110
+ font-weight: 300; }
3111
+
3112
+ .thin {
3113
+ font-weight: 200; }
3114
+
3115
+ .flow-text {
3116
+ font-weight: 300; }
3117
+ @media only screen and (min-width: 360px) {
3118
+ .flow-text {
3119
+ font-size: 1.2rem; } }
3120
+ @media only screen and (min-width: 390px) {
3121
+ .flow-text {
3122
+ font-size: 1.224rem; } }
3123
+ @media only screen and (min-width: 420px) {
3124
+ .flow-text {
3125
+ font-size: 1.248rem; } }
3126
+ @media only screen and (min-width: 450px) {
3127
+ .flow-text {
3128
+ font-size: 1.272rem; } }
3129
+ @media only screen and (min-width: 480px) {
3130
+ .flow-text {
3131
+ font-size: 1.296rem; } }
3132
+ @media only screen and (min-width: 510px) {
3133
+ .flow-text {
3134
+ font-size: 1.32rem; } }
3135
+ @media only screen and (min-width: 540px) {
3136
+ .flow-text {
3137
+ font-size: 1.344rem; } }
3138
+ @media only screen and (min-width: 570px) {
3139
+ .flow-text {
3140
+ font-size: 1.368rem; } }
3141
+ @media only screen and (min-width: 600px) {
3142
+ .flow-text {
3143
+ font-size: 1.392rem; } }
3144
+ @media only screen and (min-width: 630px) {
3145
+ .flow-text {
3146
+ font-size: 1.416rem; } }
3147
+ @media only screen and (min-width: 660px) {
3148
+ .flow-text {
3149
+ font-size: 1.44rem; } }
3150
+ @media only screen and (min-width: 690px) {
3151
+ .flow-text {
3152
+ font-size: 1.464rem; } }
3153
+ @media only screen and (min-width: 720px) {
3154
+ .flow-text {
3155
+ font-size: 1.488rem; } }
3156
+ @media only screen and (min-width: 750px) {
3157
+ .flow-text {
3158
+ font-size: 1.512rem; } }
3159
+ @media only screen and (min-width: 780px) {
3160
+ .flow-text {
3161
+ font-size: 1.536rem; } }
3162
+ @media only screen and (min-width: 810px) {
3163
+ .flow-text {
3164
+ font-size: 1.56rem; } }
3165
+ @media only screen and (min-width: 840px) {
3166
+ .flow-text {
3167
+ font-size: 1.584rem; } }
3168
+ @media only screen and (min-width: 870px) {
3169
+ .flow-text {
3170
+ font-size: 1.608rem; } }
3171
+ @media only screen and (min-width: 900px) {
3172
+ .flow-text {
3173
+ font-size: 1.632rem; } }
3174
+ @media only screen and (min-width: 930px) {
3175
+ .flow-text {
3176
+ font-size: 1.656rem; } }
3177
+ @media only screen and (min-width: 960px) {
3178
+ .flow-text {
3179
+ font-size: 1.68rem; } }
3180
+ @media only screen and (max-width: 360px) {
3181
+ .flow-text {
3182
+ font-size: 1.2rem; } }
3183
+
3184
+ .scale-transition {
3185
+ transition: transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important; }
3186
+ .scale-transition.scale-out {
3187
+ transform: scale(0);
3188
+ transition: transform .2s !important; }
3189
+ .scale-transition.scale-in {
3190
+ transform: scale(1); }
3191
+
3192
+ .card-panel {
3193
+ transition: box-shadow .25s;
3194
+ padding: 24px;
3195
+ margin: 0.5rem 0 1rem 0;
3196
+ border-radius: 2px;
3197
+ background-color: #fff; }
3198
+
3199
+ .card {
3200
+ position: relative;
3201
+ margin: 0.5rem 0 1rem 0;
3202
+ background-color: #fff;
3203
+ transition: box-shadow .25s;
3204
+ border-radius: 2px; }
3205
+ .card .card-title {
3206
+ font-size: 24px;
3207
+ font-weight: 300; }
3208
+ .card .card-title.activator {
3209
+ cursor: pointer; }
3210
+ .card.small, .card.medium, .card.large {
3211
+ position: relative; }
3212
+ .card.small .card-image, .card.medium .card-image, .card.large .card-image {
3213
+ max-height: 60%;
3214
+ overflow: hidden; }
3215
+ .card.small .card-image + .card-content, .card.medium .card-image + .card-content, .card.large .card-image + .card-content {
3216
+ max-height: 40%; }
3217
+ .card.small .card-content, .card.medium .card-content, .card.large .card-content {
3218
+ max-height: 100%;
3219
+ overflow: hidden; }
3220
+ .card.small .card-action, .card.medium .card-action, .card.large .card-action {
3221
+ position: absolute;
3222
+ bottom: 0;
3223
+ left: 0;
3224
+ right: 0; }
3225
+ .card.small {
3226
+ height: 300px; }
3227
+ .card.medium {
3228
+ height: 400px; }
3229
+ .card.large {
3230
+ height: 500px; }
3231
+ .card.horizontal {
3232
+ display: flex; }
3233
+ .card.horizontal.small .card-image, .card.horizontal.medium .card-image, .card.horizontal.large .card-image {
3234
+ height: 100%;
3235
+ max-height: none;
3236
+ overflow: visible; }
3237
+ .card.horizontal.small .card-image img, .card.horizontal.medium .card-image img, .card.horizontal.large .card-image img {
3238
+ height: 100%; }
3239
+ .card.horizontal .card-image {
3240
+ max-width: 50%; }
3241
+ .card.horizontal .card-image img {
3242
+ border-radius: 2px 0 0 2px;
3243
+ max-width: 100%;
3244
+ width: auto; }
3245
+ .card.horizontal .card-stacked {
3246
+ display: flex;
3247
+ flex-direction: column;
3248
+ flex: 1;
3249
+ position: relative; }
3250
+ .card.horizontal .card-stacked .card-content {
3251
+ flex-grow: 1; }
3252
+ .card.sticky-action .card-action {
3253
+ z-index: 2; }
3254
+ .card.sticky-action .card-reveal {
3255
+ z-index: 1;
3256
+ padding-bottom: 64px; }
3257
+ .card .card-image {
3258
+ position: relative; }
3259
+ .card .card-image img {
3260
+ display: block;
3261
+ border-radius: 2px 2px 0 0;
3262
+ position: relative;
3263
+ left: 0;
3264
+ right: 0;
3265
+ top: 0;
3266
+ bottom: 0;
3267
+ width: 100%; }
3268
+ .card .card-image .card-title {
3269
+ color: #fff;
3270
+ position: absolute;
3271
+ bottom: 0;
3272
+ left: 0;
3273
+ max-width: 100%;
3274
+ padding: 24px; }
3275
+ .card .card-content {
3276
+ padding: 24px;
3277
+ border-radius: 0 0 2px 2px; }
3278
+ .card .card-content p {
3279
+ margin: 0;
3280
+ color: inherit; }
3281
+ .card .card-content .card-title {
3282
+ display: block;
3283
+ line-height: 32px;
3284
+ margin-bottom: 8px; }
3285
+ .card .card-content .card-title i {
3286
+ line-height: 32px; }
3287
+ .card .card-action {
3288
+ position: relative;
3289
+ background-color: inherit;
3290
+ border-top: 1px solid rgba(160, 160, 160, 0.2);
3291
+ padding: 16px 24px; }
3292
+ .card .card-action:last-child {
3293
+ border-radius: 0 0 2px 2px; }
3294
+ .card .card-action a:not(.btn):not(.btn-large):not(.btn-large):not(.btn-floating) {
3295
+ color: #ffab40;
3296
+ margin-right: 24px;
3297
+ transition: color .3s ease;
3298
+ text-transform: uppercase; }
3299
+ .card .card-action a:not(.btn):not(.btn-large):not(.btn-large):not(.btn-floating):hover {
3300
+ color: #ffd8a6; }
3301
+ .card .card-reveal {
3302
+ padding: 24px;
3303
+ position: absolute;
3304
+ background-color: #fff;
3305
+ width: 100%;
3306
+ overflow-y: auto;
3307
+ left: 0;
3308
+ top: 100%;
3309
+ height: 100%;
3310
+ z-index: 3;
3311
+ display: none; }
3312
+ .card .card-reveal .card-title {
3313
+ cursor: pointer;
3314
+ display: block; }
3315
+
3316
+ .btn, .btn-large,
3317
+ .btn-flat {
3318
+ border: none;
3319
+ border-radius: 2px;
3320
+ display: inline-block;
3321
+ height: 36px;
3322
+ line-height: 36px;
3323
+ padding: 0 2rem;
3324
+ text-transform: uppercase;
3325
+ vertical-align: middle;
3326
+ -webkit-tap-highlight-color: transparent; }
3327
+
3328
+ .btn.disabled, .disabled.btn-large,
3329
+ .btn-floating.disabled,
3330
+ .btn-large.disabled,
3331
+ .btn-flat.disabled,
3332
+ .btn:disabled,
3333
+ .btn-large:disabled,
3334
+ .btn-floating:disabled,
3335
+ .btn-large:disabled,
3336
+ .btn-flat:disabled,
3337
+ .btn[disabled],
3338
+ [disabled].btn-large,
3339
+ .btn-floating[disabled],
3340
+ .btn-large[disabled],
3341
+ .btn-flat[disabled] {
3342
+ pointer-events: none;
3343
+ background-color: #DFDFDF !important;
3344
+ box-shadow: none;
3345
+ color: #9F9F9F !important;
3346
+ cursor: default; }
3347
+ .btn.disabled:hover, .disabled.btn-large:hover,
3348
+ .btn-floating.disabled:hover,
3349
+ .btn-large.disabled:hover,
3350
+ .btn-flat.disabled:hover,
3351
+ .btn:disabled:hover,
3352
+ .btn-large:disabled:hover,
3353
+ .btn-floating:disabled:hover,
3354
+ .btn-large:disabled:hover,
3355
+ .btn-flat:disabled:hover,
3356
+ .btn[disabled]:hover,
3357
+ [disabled].btn-large:hover,
3358
+ .btn-floating[disabled]:hover,
3359
+ .btn-large[disabled]:hover,
3360
+ .btn-flat[disabled]:hover {
3361
+ background-color: #DFDFDF !important;
3362
+ color: #9F9F9F !important; }
3363
+
3364
+ .btn, .btn-large,
3365
+ .btn-floating,
3366
+ .btn-large,
3367
+ .btn-flat {
3368
+ font-size: 1rem;
3369
+ outline: 0; }
3370
+ .btn i, .btn-large i,
3371
+ .btn-floating i,
3372
+ .btn-large i,
3373
+ .btn-flat i {
3374
+ font-size: 1.3rem;
3375
+ line-height: inherit; }
3376
+
3377
+ .btn:focus, .btn-large:focus,
3378
+ .btn-floating:focus {
3379
+ background-color: #1d7d74; }
3380
+
3381
+ .btn, .btn-large {
3382
+ text-decoration: none;
3383
+ color: #fff;
3384
+ background-color: #26a69a;
3385
+ text-align: center;
3386
+ letter-spacing: .5px;
3387
+ transition: .2s ease-out;
3388
+ cursor: pointer; }
3389
+ .btn:hover, .btn-large:hover {
3390
+ background-color: #2bbbad; }
3391
+
3392
+ .btn-floating {
3393
+ display: inline-block;
3394
+ color: #fff;
3395
+ position: relative;
3396
+ overflow: hidden;
3397
+ z-index: 1;
3398
+ width: 40px;
3399
+ height: 40px;
3400
+ line-height: 40px;
3401
+ padding: 0;
3402
+ background-color: #26a69a;
3403
+ border-radius: 50%;
3404
+ transition: .3s;
3405
+ cursor: pointer;
3406
+ vertical-align: middle; }
3407
+ .btn-floating:hover {
3408
+ background-color: #26a69a; }
3409
+ .btn-floating:before {
3410
+ border-radius: 0; }
3411
+ .btn-floating.btn-large {
3412
+ width: 56px;
3413
+ height: 56px; }
3414
+ .btn-floating.btn-large.halfway-fab {
3415
+ bottom: -28px; }
3416
+ .btn-floating.btn-large i {
3417
+ line-height: 56px; }
3418
+ .btn-floating.halfway-fab {
3419
+ position: absolute;
3420
+ right: 24px;
3421
+ bottom: -20px; }
3422
+ .btn-floating.halfway-fab.left {
3423
+ right: auto;
3424
+ left: 24px; }
3425
+ .btn-floating i {
3426
+ width: inherit;
3427
+ display: inline-block;
3428
+ text-align: center;
3429
+ color: #fff;
3430
+ font-size: 1.6rem;
3431
+ line-height: 40px; }
3432
+
3433
+ button.btn-floating {
3434
+ border: none; }
3435
+
3436
+ .fixed-action-btn {
3437
+ position: fixed;
3438
+ right: 23px;
3439
+ bottom: 23px;
3440
+ padding-top: 15px;
3441
+ margin-bottom: 0;
3442
+ z-index: 997; }
3443
+ .fixed-action-btn.active ul {
3444
+ visibility: visible; }
3445
+ .fixed-action-btn.horizontal {
3446
+ padding: 0 0 0 15px; }
3447
+ .fixed-action-btn.horizontal ul {
3448
+ text-align: right;
3449
+ right: 64px;
3450
+ top: 50%;
3451
+ transform: translateY(-50%);
3452
+ height: 100%;
3453
+ left: auto;
3454
+ width: 500px;
3455
+ /*width 100% only goes to width of button container */ }
3456
+ .fixed-action-btn.horizontal ul li {
3457
+ display: inline-block;
3458
+ margin: 15px 15px 0 0; }
3459
+ .fixed-action-btn.toolbar {
3460
+ padding: 0;
3461
+ height: 56px; }
3462
+ .fixed-action-btn.toolbar.active > a i {
3463
+ opacity: 0; }
3464
+ .fixed-action-btn.toolbar ul {
3465
+ display: flex;
3466
+ top: 0;
3467
+ bottom: 0;
3468
+ z-index: 1; }
3469
+ .fixed-action-btn.toolbar ul li {
3470
+ flex: 1;
3471
+ display: inline-block;
3472
+ margin: 0;
3473
+ height: 100%;
3474
+ transition: none; }
3475
+ .fixed-action-btn.toolbar ul li a {
3476
+ display: block;
3477
+ overflow: hidden;
3478
+ position: relative;
3479
+ width: 100%;
3480
+ height: 100%;
3481
+ background-color: transparent;
3482
+ box-shadow: none;
3483
+ color: #fff;
3484
+ line-height: 56px;
3485
+ z-index: 1; }
3486
+ .fixed-action-btn.toolbar ul li a i {
3487
+ line-height: inherit; }
3488
+ .fixed-action-btn ul {
3489
+ left: 0;
3490
+ right: 0;
3491
+ text-align: center;
3492
+ position: absolute;
3493
+ bottom: 64px;
3494
+ margin: 0;
3495
+ visibility: hidden; }
3496
+ .fixed-action-btn ul li {
3497
+ margin-bottom: 15px; }
3498
+ .fixed-action-btn ul a.btn-floating {
3499
+ opacity: 0; }
3500
+ .fixed-action-btn .fab-backdrop {
3501
+ position: absolute;
3502
+ top: 0;
3503
+ left: 0;
3504
+ z-index: -1;
3505
+ width: 40px;
3506
+ height: 40px;
3507
+ background-color: #26a69a;
3508
+ border-radius: 50%;
3509
+ transform: scale(0); }
3510
+
3511
+ .btn-flat {
3512
+ box-shadow: none;
3513
+ background-color: transparent;
3514
+ color: #343434;
3515
+ cursor: pointer;
3516
+ transition: background-color .2s; }
3517
+ .btn-flat:focus, .btn-flat:hover {
3518
+ box-shadow: none; }
3519
+ .btn-flat:focus {
3520
+ background-color: rgba(0, 0, 0, 0.1); }
3521
+ .btn-flat.disabled {
3522
+ background-color: transparent !important;
3523
+ color: #b3b3b3 !important;
3524
+ cursor: default; }
3525
+
3526
+ .btn-large {
3527
+ height: 54px;
3528
+ line-height: 54px; }
3529
+ .btn-large i {
3530
+ font-size: 1.6rem; }
3531
+
3532
+ .btn-block {
3533
+ display: block; }
3534
+
3535
+ .dropdown-content {
3536
+ background-color: #fff;
3537
+ margin: 0;
3538
+ display: none;
3539
+ min-width: 100px;
3540
+ max-height: 650px;
3541
+ overflow-y: auto;
3542
+ opacity: 0;
3543
+ position: absolute;
3544
+ z-index: 999;
3545
+ will-change: width, height; }
3546
+ .dropdown-content li {
3547
+ clear: both;
3548
+ color: rgba(0, 0, 0, 0.87);
3549
+ cursor: pointer;
3550
+ min-height: 50px;
3551
+ line-height: 1.5rem;
3552
+ width: 100%;
3553
+ text-align: left;
3554
+ text-transform: none; }
3555
+ .dropdown-content li:hover, .dropdown-content li.active, .dropdown-content li.selected {
3556
+ background-color: #eee; }
3557
+ .dropdown-content li.active.selected {
3558
+ background-color: #e1e1e1; }
3559
+ .dropdown-content li.divider {
3560
+ min-height: 0;
3561
+ height: 1px; }
3562
+ .dropdown-content li > a, .dropdown-content li > span {
3563
+ font-size: 16px;
3564
+ color: #26a69a;
3565
+ display: block;
3566
+ line-height: 22px;
3567
+ padding: 14px 16px; }
3568
+ .dropdown-content li > span > label {
3569
+ top: 1px;
3570
+ left: 0;
3571
+ height: 18px; }
3572
+ .dropdown-content li > a > i {
3573
+ height: inherit;
3574
+ line-height: inherit;
3575
+ float: left;
3576
+ margin: 0 24px 0 0;
3577
+ width: 24px; }
3578
+
3579
+ .input-field.col .dropdown-content [type="checkbox"] + label {
3580
+ top: 1px;
3581
+ left: 0;
3582
+ height: 18px; }
3583
+
3584
+ .collapsible {
3585
+ border-top: 1px solid #ddd;
3586
+ border-right: 1px solid #ddd;
3587
+ border-left: 1px solid #ddd;
3588
+ margin: 0.5rem 0 1rem 0; }
3589
+
3590
+ .collapsible-header {
3591
+ display: flex;
3592
+ cursor: pointer;
3593
+ -webkit-tap-highlight-color: transparent;
3594
+ line-height: 1.5;
3595
+ padding: 1rem;
3596
+ background-color: #fff;
3597
+ border-bottom: 1px solid #ddd; }
3598
+ .collapsible-header i {
3599
+ width: 2rem;
3600
+ font-size: 1.6rem;
3601
+ display: inline-block;
3602
+ text-align: center;
3603
+ margin-right: 1rem; }
3604
+
3605
+ .collapsible-body {
3606
+ display: none;
3607
+ border-bottom: 1px solid #ddd;
3608
+ box-sizing: border-box;
3609
+ padding: 2rem; }
3610
+
3611
+ .side-nav .collapsible,
3612
+ .side-nav.fixed .collapsible {
3613
+ border: none;
3614
+ box-shadow: none; }
3615
+ .side-nav .collapsible li,
3616
+ .side-nav.fixed .collapsible li {
3617
+ padding: 0; }
3618
+
3619
+ .side-nav .collapsible-header,
3620
+ .side-nav.fixed .collapsible-header {
3621
+ background-color: transparent;
3622
+ border: none;
3623
+ line-height: inherit;
3624
+ height: inherit;
3625
+ padding: 0 16px; }
3626
+ .side-nav .collapsible-header:hover,
3627
+ .side-nav.fixed .collapsible-header:hover {
3628
+ background-color: rgba(0, 0, 0, 0.05); }
3629
+ .side-nav .collapsible-header i,
3630
+ .side-nav.fixed .collapsible-header i {
3631
+ line-height: inherit; }
3632
+
3633
+ .side-nav .collapsible-body,
3634
+ .side-nav.fixed .collapsible-body {
3635
+ border: 0;
3636
+ background-color: #fff; }
3637
+ .side-nav .collapsible-body li a,
3638
+ .side-nav.fixed .collapsible-body li a {
3639
+ padding: 0 23.5px 0 31px; }
3640
+
3641
+ .collapsible.popout {
3642
+ border: none;
3643
+ box-shadow: none; }
3644
+ .collapsible.popout > li {
3645
+ box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
3646
+ margin: 0 24px;
3647
+ transition: margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
3648
+ .collapsible.popout > li.active {
3649
+ box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
3650
+ margin: 16px 0; }
3651
+
3652
+ .materialboxed {
3653
+ display: block;
3654
+ cursor: zoom-in;
3655
+ position: relative;
3656
+ transition: opacity .4s;
3657
+ -webkit-backface-visibility: hidden; }
3658
+ .materialboxed:hover:not(.active) {
3659
+ opacity: .8; }
3660
+ .materialboxed.active {
3661
+ cursor: zoom-out; }
3662
+
3663
+ #materialbox-overlay {
3664
+ position: fixed;
3665
+ top: 0;
3666
+ right: 0;
3667
+ bottom: 0;
3668
+ left: 0;
3669
+ background-color: #292929;
3670
+ z-index: 1000;
3671
+ will-change: opacity; }
3672
+
3673
+ .materialbox-caption {
3674
+ position: fixed;
3675
+ display: none;
3676
+ color: #fff;
3677
+ line-height: 50px;
3678
+ bottom: 0;
3679
+ left: 0;
3680
+ width: 100%;
3681
+ text-align: center;
3682
+ padding: 0% 15%;
3683
+ height: 50px;
3684
+ z-index: 1000;
3685
+ -webkit-font-smoothing: antialiased; }
3686
+
3687
+ select:focus {
3688
+ outline: 1px solid #c9f3ef; }
3689
+
3690
+ button:focus {
3691
+ outline: none;
3692
+ background-color: #2ab7a9; }
3693
+
3694
+ label {
3695
+ font-size: 0.8rem;
3696
+ color: #9e9e9e; }
3697
+
3698
  /* Text Inputs + Textarea
3699
+ ========================================================================== */
3700
+ /* Style Placeholders */
3701
+ ::placeholder {
3702
+ color: #d1d1d1; }
3703
+
3704
+ /* Text inputs */
3705
+ input:not([type]),
3706
+ input[type=text]:not(.browser-default),
3707
+ input[type=password]:not(.browser-default),
3708
+ input[type=email]:not(.browser-default),
3709
+ input[type=url]:not(.browser-default),
3710
+ input[type=time]:not(.browser-default),
3711
+ input[type=date]:not(.browser-default),
3712
+ input[type=datetime]:not(.browser-default),
3713
+ input[type=datetime-local]:not(.browser-default),
3714
+ input[type=tel]:not(.browser-default),
3715
+ input[type=number]:not(.browser-default),
3716
+ input[type=search]:not(.browser-default),
3717
+ textarea.materialize-textarea {
3718
+ background-color: transparent;
3719
+ border: none;
3720
+ border-bottom: 1px solid #9e9e9e;
3721
+ border-radius: 0;
3722
+ outline: none;
3723
+ height: 3rem;
3724
+ width: 100%;
3725
+ font-size: 1rem;
3726
+ margin: 0 0 20px 0;
3727
+ padding: 0;
3728
+ box-shadow: none;
3729
+ box-sizing: content-box;
3730
+ transition: all 0.3s; }
3731
+ input:not([type]):disabled, input:not([type])[readonly="readonly"],
3732
+ input[type=text]:not(.browser-default):disabled,
3733
+ input[type=text]:not(.browser-default)[readonly="readonly"],
3734
+ input[type=password]:not(.browser-default):disabled,
3735
+ input[type=password]:not(.browser-default)[readonly="readonly"],
3736
+ input[type=email]:not(.browser-default):disabled,
3737
+ input[type=email]:not(.browser-default)[readonly="readonly"],
3738
+ input[type=url]:not(.browser-default):disabled,
3739
+ input[type=url]:not(.browser-default)[readonly="readonly"],
3740
+ input[type=time]:not(.browser-default):disabled,
3741
+ input[type=time]:not(.browser-default)[readonly="readonly"],
3742
+ input[type=date]:not(.browser-default):disabled,
3743
+ input[type=date]:not(.browser-default)[readonly="readonly"],
3744
+ input[type=datetime]:not(.browser-default):disabled,
3745
+ input[type=datetime]:not(.browser-default)[readonly="readonly"],
3746
+ input[type=datetime-local]:not(.browser-default):disabled,
3747
+ input[type=datetime-local]:not(.browser-default)[readonly="readonly"],
3748
+ input[type=tel]:not(.browser-default):disabled,
3749
+ input[type=tel]:not(.browser-default)[readonly="readonly"],
3750
+ input[type=number]:not(.browser-default):disabled,
3751
+ input[type=number]:not(.browser-default)[readonly="readonly"],
3752
+ input[type=search]:not(.browser-default):disabled,
3753
+ input[type=search]:not(.browser-default)[readonly="readonly"],
3754
+ textarea.materialize-textarea:disabled,
3755
+ textarea.materialize-textarea[readonly="readonly"] {
3756
+ color: rgba(0, 0, 0, 0.42);
3757
+ border-bottom: 1px dotted rgba(0, 0, 0, 0.42); }
3758
+ input:not([type]):disabled + label,
3759
+ input:not([type])[readonly="readonly"] + label,
3760
+ input[type=text]:not(.browser-default):disabled + label,
3761
+ input[type=text]:not(.browser-default)[readonly="readonly"] + label,
3762
+ input[type=password]:not(.browser-default):disabled + label,
3763
+ input[type=password]:not(.browser-default)[readonly="readonly"] + label,
3764
+ input[type=email]:not(.browser-default):disabled + label,
3765
+ input[type=email]:not(.browser-default)[readonly="readonly"] + label,
3766
+ input[type=url]:not(.browser-default):disabled + label,
3767
+ input[type=url]:not(.browser-default)[readonly="readonly"] + label,
3768
+ input[type=time]:not(.browser-default):disabled + label,
3769
+ input[type=time]:not(.browser-default)[readonly="readonly"] + label,
3770
+ input[type=date]:not(.browser-default):disabled + label,
3771
+ input[type=date]:not(.browser-default)[readonly="readonly"] + label,
3772
+ input[type=datetime]:not(.browser-default):disabled + label,
3773
+ input[type=datetime]:not(.browser-default)[readonly="readonly"] + label,
3774
+ input[type=datetime-local]:not(.browser-default):disabled + label,
3775
+ input[type=datetime-local]:not(.browser-default)[readonly="readonly"] + label,
3776
+ input[type=tel]:not(.browser-default):disabled + label,
3777
+ input[type=tel]:not(.browser-default)[readonly="readonly"] + label,
3778
+ input[type=number]:not(.browser-default):disabled + label,
3779
+ input[type=number]:not(.browser-default)[readonly="readonly"] + label,
3780
+ input[type=search]:not(.browser-default):disabled + label,
3781
+ input[type=search]:not(.browser-default)[readonly="readonly"] + label,
3782
+ textarea.materialize-textarea:disabled + label,
3783
+ textarea.materialize-textarea[readonly="readonly"] + label {
3784
+ color: rgba(0, 0, 0, 0.42); }
3785
+ input:not([type]):focus:not([readonly]),
3786
+ input[type=text]:not(.browser-default):focus:not([readonly]),
3787
+ input[type=password]:not(.browser-default):focus:not([readonly]),
3788
+ input[type=email]:not(.browser-default):focus:not([readonly]),
3789
+ input[type=url]:not(.browser-default):focus:not([readonly]),
3790
+ input[type=time]:not(.browser-default):focus:not([readonly]),
3791
+ input[type=date]:not(.browser-default):focus:not([readonly]),
3792
+ input[type=datetime]:not(.browser-default):focus:not([readonly]),
3793
+ input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
3794
+ input[type=tel]:not(.browser-default):focus:not([readonly]),
3795
+ input[type=number]:not(.browser-default):focus:not([readonly]),
3796
+ input[type=search]:not(.browser-default):focus:not([readonly]),
3797
+ textarea.materialize-textarea:focus:not([readonly]) {
3798
+ border-bottom: 1px solid #26a69a;
3799
+ box-shadow: 0 1px 0 0 #26a69a; }
3800
+ input:not([type]):focus:not([readonly]) + label,
3801
+ input[type=text]:not(.browser-default):focus:not([readonly]) + label,
3802
+ input[type=password]:not(.browser-default):focus:not([readonly]) + label,
3803
+ input[type=email]:not(.browser-default):focus:not([readonly]) + label,
3804
+ input[type=url]:not(.browser-default):focus:not([readonly]) + label,
3805
+ input[type=time]:not(.browser-default):focus:not([readonly]) + label,
3806
+ input[type=date]:not(.browser-default):focus:not([readonly]) + label,
3807
+ input[type=datetime]:not(.browser-default):focus:not([readonly]) + label,
3808
+ input[type=datetime-local]:not(.browser-default):focus:not([readonly]) + label,
3809
+ input[type=tel]:not(.browser-default):focus:not([readonly]) + label,
3810
+ input[type=number]:not(.browser-default):focus:not([readonly]) + label,
3811
+ input[type=search]:not(.browser-default):focus:not([readonly]) + label,
3812
+ textarea.materialize-textarea:focus:not([readonly]) + label {
3813
+ color: #26a69a; }
3814
+ input:not([type]).validate + label,
3815
+ input[type=text]:not(.browser-default).validate + label,
3816
+ input[type=password]:not(.browser-default).validate + label,
3817
+ input[type=email]:not(.browser-default).validate + label,
3818
+ input[type=url]:not(.browser-default).validate + label,
3819
+ input[type=time]:not(.browser-default).validate + label,
3820
+ input[type=date]:not(.browser-default).validate + label,
3821
+ input[type=datetime]:not(.browser-default).validate + label,
3822
+ input[type=datetime-local]:not(.browser-default).validate + label,
3823
+ input[type=tel]:not(.browser-default).validate + label,
3824
+ input[type=number]:not(.browser-default).validate + label,
3825
+ input[type=search]:not(.browser-default).validate + label,
3826
+ textarea.materialize-textarea.validate + label {
3827
+ width: 100%; }
3828
+ input:not([type]).invalid + label:after,
3829
+ input:not([type]).valid + label:after,
3830
+ input[type=text]:not(.browser-default).invalid + label:after,
3831
+ input[type=text]:not(.browser-default).valid + label:after,
3832
+ input[type=password]:not(.browser-default).invalid + label:after,
3833
+ input[type=password]:not(.browser-default).valid + label:after,
3834
+ input[type=email]:not(.browser-default).invalid + label:after,
3835
+ input[type=email]:not(.browser-default).valid + label:after,
3836
+ input[type=url]:not(.browser-default).invalid + label:after,
3837
+ input[type=url]:not(.browser-default).valid + label:after,
3838
+ input[type=time]:not(.browser-default).invalid + label:after,
3839
+ input[type=time]:not(.browser-default).valid + label:after,
3840
+ input[type=date]:not(.browser-default).invalid + label:after,
3841
+ input[type=date]:not(.browser-default).valid + label:after,
3842
+ input[type=datetime]:not(.browser-default).invalid + label:after,
3843
+ input[type=datetime]:not(.browser-default).valid + label:after,
3844
+ input[type=datetime-local]:not(.browser-default).invalid + label:after,
3845
+ input[type=datetime-local]:not(.browser-default).valid + label:after,
3846
+ input[type=tel]:not(.browser-default).invalid + label:after,
3847
+ input[type=tel]:not(.browser-default).valid + label:after,
3848
+ input[type=number]:not(.browser-default).invalid + label:after,
3849
+ input[type=number]:not(.browser-default).valid + label:after,
3850
+ input[type=search]:not(.browser-default).invalid + label:after,
3851
+ input[type=search]:not(.browser-default).valid + label:after,
3852
+ textarea.materialize-textarea.invalid + label:after,
3853
+ textarea.materialize-textarea.valid + label:after {
3854
+ display: none; }
3855
+ input:not([type]).invalid + label.active:after,
3856
+ input:not([type]).valid + label.active:after,
3857
+ input[type=text]:not(.browser-default).invalid + label.active:after,
3858
+ input[type=text]:not(.browser-default).valid + label.active:after,
3859
+ input[type=password]:not(.browser-default).invalid + label.active:after,
3860
+ input[type=password]:not(.browser-default).valid + label.active:after,
3861
+ input[type=email]:not(.browser-default).invalid + label.active:after,
3862
+ input[type=email]:not(.browser-default).valid + label.active:after,
3863
+ input[type=url]:not(.browser-default).invalid + label.active:after,
3864
+ input[type=url]:not(.browser-default).valid + label.active:after,
3865
+ input[type=time]:not(.browser-default).invalid + label.active:after,
3866
+ input[type=time]:not(.browser-default).valid + label.active:after,
3867
+ input[type=date]:not(.browser-default).invalid + label.active:after,
3868
+ input[type=date]:not(.browser-default).valid + label.active:after,
3869
+ input[type=datetime]:not(.browser-default).invalid + label.active:after,
3870
+ input[type=datetime]:not(.browser-default).valid + label.active:after,
3871
+ input[type=datetime-local]:not(.browser-default).invalid + label.active:after,
3872
+ input[type=datetime-local]:not(.browser-default).valid + label.active:after,
3873
+ input[type=tel]:not(.browser-default).invalid + label.active:after,
3874
+ input[type=tel]:not(.browser-default).valid + label.active:after,
3875
+ input[type=number]:not(.browser-default).invalid + label.active:after,
3876
+ input[type=number]:not(.browser-default).valid + label.active:after,
3877
+ input[type=search]:not(.browser-default).invalid + label.active:after,
3878
+ input[type=search]:not(.browser-default).valid + label.active:after,
3879
+ textarea.materialize-textarea.invalid + label.active:after,
3880
+ textarea.materialize-textarea.valid + label.active:after {
3881
+ display: block; }
3882
+
3883
+ /* Validation Sass Placeholders */
3884
+ input.valid:not([type]), input.valid:not([type]):focus,
3885
+ input[type=text].valid:not(.browser-default),
3886
+ input[type=text].valid:not(.browser-default):focus,
3887
+ input[type=password].valid:not(.browser-default),
3888
+ input[type=password].valid:not(.browser-default):focus,
3889
+ input[type=email].valid:not(.browser-default),
3890
+ input[type=email].valid:not(.browser-default):focus,
3891
+ input[type=url].valid:not(.browser-default),
3892
+ input[type=url].valid:not(.browser-default):focus,
3893
+ input[type=time].valid:not(.browser-default),
3894
+ input[type=time].valid:not(.browser-default):focus,
3895
+ input[type=date].valid:not(.browser-default),
3896
+ input[type=date].valid:not(.browser-default):focus,
3897
+ input[type=datetime].valid:not(.browser-default),
3898
+ input[type=datetime].valid:not(.browser-default):focus,
3899
+ input[type=datetime-local].valid:not(.browser-default),
3900
+ input[type=datetime-local].valid:not(.browser-default):focus,
3901
+ input[type=tel].valid:not(.browser-default),
3902
+ input[type=tel].valid:not(.browser-default):focus,
3903
+ input[type=number].valid:not(.browser-default),
3904
+ input[type=number].valid:not(.browser-default):focus,
3905
+ input[type=search].valid:not(.browser-default),
3906
+ input[type=search].valid:not(.browser-default):focus,
3907
+ textarea.materialize-textarea.valid,
3908
+ textarea.materialize-textarea.valid:focus, .select-wrapper.valid > input.select-dropdown {
3909
+ border-bottom: 1px solid #4CAF50;
3910
+ box-shadow: 0 1px 0 0 #4CAF50; }
3911
+
3912
+ input.invalid:not([type]), input.invalid:not([type]):focus,
3913
+ input[type=text].invalid:not(.browser-default),
3914
+ input[type=text].invalid:not(.browser-default):focus,
3915
+ input[type=password].invalid:not(.browser-default),
3916
+ input[type=password].invalid:not(.browser-default):focus,
3917
+ input[type=email].invalid:not(.browser-default),
3918
+ input[type=email].invalid:not(.browser-default):focus,
3919
+ input[type=url].invalid:not(.browser-default),
3920
+ input[type=url].invalid:not(.browser-default):focus,
3921
+ input[type=time].invalid:not(.browser-default),
3922
+ input[type=time].invalid:not(.browser-default):focus,
3923
+ input[type=date].invalid:not(.browser-default),
3924
+ input[type=date].invalid:not(.browser-default):focus,
3925
+ input[type=datetime].invalid:not(.browser-default),
3926
+ input[type=datetime].invalid:not(.browser-default):focus,
3927
+ input[type=datetime-local].invalid:not(.browser-default),
3928
+ input[type=datetime-local].invalid:not(.browser-default):focus,
3929
+ input[type=tel].invalid:not(.browser-default),
3930
+ input[type=tel].invalid:not(.browser-default):focus,
3931
+ input[type=number].invalid:not(.browser-default),
3932
+ input[type=number].invalid:not(.browser-default):focus,
3933
+ input[type=search].invalid:not(.browser-default),
3934
+ input[type=search].invalid:not(.browser-default):focus,
3935
+ textarea.materialize-textarea.invalid,
3936
+ textarea.materialize-textarea.invalid:focus, .select-wrapper.invalid > input.select-dropdown {
3937
+ border-bottom: 1px solid #F44336;
3938
+ box-shadow: 0 1px 0 0 #F44336; }
3939
+
3940
+ input:not([type]).valid + label:after,
3941
+ input:not([type]):focus.valid + label:after,
3942
+ input[type=text]:not(.browser-default).valid + label:after,
3943
+ input[type=text]:not(.browser-default):focus.valid + label:after,
3944
+ input[type=password]:not(.browser-default).valid + label:after,
3945
+ input[type=password]:not(.browser-default):focus.valid + label:after,
3946
+ input[type=email]:not(.browser-default).valid + label:after,
3947
+ input[type=email]:not(.browser-default):focus.valid + label:after,
3948
+ input[type=url]:not(.browser-default).valid + label:after,
3949
+ input[type=url]:not(.browser-default):focus.valid + label:after,
3950
+ input[type=time]:not(.browser-default).valid + label:after,
3951
+ input[type=time]:not(.browser-default):focus.valid + label:after,
3952
+ input[type=date]:not(.browser-default).valid + label:after,
3953
+ input[type=date]:not(.browser-default):focus.valid + label:after,
3954
+ input[type=datetime]:not(.browser-default).valid + label:after,
3955
+ input[type=datetime]:not(.browser-default):focus.valid + label:after,
3956
+ input[type=datetime-local]:not(.browser-default).valid + label:after,
3957
+ input[type=datetime-local]:not(.browser-default):focus.valid + label:after,
3958
+ input[type=tel]:not(.browser-default).valid + label:after,
3959
+ input[type=tel]:not(.browser-default):focus.valid + label:after,
3960
+ input[type=number]:not(.browser-default).valid + label:after,
3961
+ input[type=number]:not(.browser-default):focus.valid + label:after,
3962
+ input[type=search]:not(.browser-default).valid + label:after,
3963
+ input[type=search]:not(.browser-default):focus.valid + label:after,
3964
+ textarea.materialize-textarea.valid + label:after,
3965
+ textarea.materialize-textarea:focus.valid + label:after, .select-wrapper.valid + label:after {
3966
+ content: attr(data-success);
3967
+ color: #4CAF50;
3968
+ opacity: 1;
3969
+ transform: translateY(9px); }
3970
+
3971
+ input:not([type]).invalid + label:after,
3972
+ input:not([type]):focus.invalid + label:after,
3973
+ input[type=text]:not(.browser-default).invalid + label:after,
3974
+ input[type=text]:not(.browser-default):focus.invalid + label:after,
3975
+ input[type=password]:not(.browser-default).invalid + label:after,
3976
+ input[type=password]:not(.browser-default):focus.invalid + label:after,
3977
+ input[type=email]:not(.browser-default).invalid + label:after,
3978
+ input[type=email]:not(.browser-default):focus.invalid + label:after,
3979
+ input[type=url]:not(.browser-default).invalid + label:after,
3980
+ input[type=url]:not(.browser-default):focus.invalid + label:after,
3981
+ input[type=time]:not(.browser-default).invalid + label:after,
3982
+ input[type=time]:not(.browser-default):focus.invalid + label:after,
3983
+ input[type=date]:not(.browser-default).invalid + label:after,
3984
+ input[type=date]:not(.browser-default):focus.invalid + label:after,
3985
+ input[type=datetime]:not(.browser-default).invalid + label:after,
3986
+ input[type=datetime]:not(.browser-default):focus.invalid + label:after,
3987
+ input[type=datetime-local]:not(.browser-default).invalid + label:after,
3988
+ input[type=datetime-local]:not(.browser-default):focus.invalid + label:after,
3989
+ input[type=tel]:not(.browser-default).invalid + label:after,
3990
+ input[type=tel]:not(.browser-default):focus.invalid + label:after,
3991
+ input[type=number]:not(.browser-default).invalid + label:after,
3992
+ input[type=number]:not(.browser-default):focus.invalid + label:after,
3993
+ input[type=search]:not(.browser-default).invalid + label:after,
3994
+ input[type=search]:not(.browser-default):focus.invalid + label:after,
3995
+ textarea.materialize-textarea.invalid + label:after,
3996
+ textarea.materialize-textarea:focus.invalid + label:after, .select-wrapper.invalid + label:after {
3997
+ content: attr(data-error);
3998
+ color: #F44336;
3999
+ opacity: 1;
4000
+ transform: translateY(9px); }
4001
+
4002
+ input:not([type]) + label:after,
4003
+ input[type=text]:not(.browser-default) + label:after,
4004
+ input[type=password]:not(.browser-default) + label:after,
4005
+ input[type=email]:not(.browser-default) + label:after,
4006
+ input[type=url]:not(.browser-default) + label:after,
4007
+ input[type=time]:not(.browser-default) + label:after,
4008
+ input[type=date]:not(.browser-default) + label:after,
4009
+ input[type=datetime]:not(.browser-default) + label:after,
4010
+ input[type=datetime-local]:not(.browser-default) + label:after,
4011
+ input[type=tel]:not(.browser-default) + label:after,
4012
+ input[type=number]:not(.browser-default) + label:after,
4013
+ input[type=search]:not(.browser-default) + label:after,
4014
+ textarea.materialize-textarea + label:after, .select-wrapper + label:after {
4015
+ display: block;
4016
+ content: "";
4017
+ position: absolute;
4018
+ top: 100%;
4019
+ left: 0;
4020
+ opacity: 0;
4021
+ transition: .2s opacity ease-out, .2s color ease-out; }
4022
+
4023
+ .input-field {
4024
+ position: relative;
4025
+ margin-top: 1rem; }
4026
+ .input-field.inline {
4027
+ display: inline-block;
4028
+ vertical-align: middle;
4029
+ margin-left: 5px; }
4030
+ .input-field.inline input,
4031
+ .input-field.inline .select-dropdown {
4032
+ margin-bottom: 1rem; }
4033
+ .input-field.col label {
4034
+ left: 0.75rem; }
4035
+ .input-field.col .prefix ~ label,
4036
+ .input-field.col .prefix ~ .validate ~ label {
4037
+ width: calc(100% - 3rem - 1.5rem); }
4038
+ .input-field label {
4039
+ color: #9e9e9e;
4040
+ position: absolute;
4041
+ top: 0;
4042
+ left: 0;
4043
+ height: 100%;
4044
+ font-size: 1rem;
4045
+ cursor: text;
4046
+ transition: transform .2s ease-out;
4047
+ transform-origin: 0% 100%;
4048
+ text-align: initial;
4049
+ transform: translateY(12px);
4050
+ pointer-events: none; }
4051
+ .input-field label:not(.label-icon).active {
4052
+ transform: translateY(-14px) scale(0.8);
4053
+ transform-origin: 0 0; }
4054
+ .input-field .prefix {
4055
+ position: absolute;
4056
+ width: 3rem;
4057
+ font-size: 2rem;
4058
+ transition: color .2s; }
4059
+ .input-field .prefix.active {
4060
+ color: #26a69a; }
4061
+ .input-field .prefix ~ input,
4062
+ .input-field .prefix ~ textarea,
4063
+ .input-field .prefix ~ label,
4064
+ .input-field .prefix ~ .validate ~ label,
4065
+ .input-field .prefix ~ .autocomplete-content {
4066
+ margin-left: 3rem;
4067
+ width: 92%;
4068
+ width: calc(100% - 3rem); }
4069
+ .input-field .prefix ~ label {
4070
+ margin-left: 3rem; }
4071
+ @media only screen and (max-width: 992px) {
4072
+ .input-field .prefix ~ input {
4073
+ width: 86%;
4074
+ width: calc(100% - 3rem); } }
4075
+ @media only screen and (max-width: 600px) {
4076
+ .input-field .prefix ~ input {
4077
+ width: 80%;
4078
+ width: calc(100% - 3rem); } }
4079
+
4080
+ /* Search Field */
4081
+ .input-field input[type=search] {
4082
+ display: block;
4083
+ line-height: inherit; }
4084
+ .nav-wrapper .input-field input[type=search] {
4085
+ height: inherit;
4086
+ padding-left: 4rem;
4087
+ width: calc(100% - 4rem);
4088
+ border: 0;
4089
+ box-shadow: none; }
4090
+ .input-field input[type=search]:focus {
4091
+ background-color: #fff;
4092
+ border: 0;
4093
+ box-shadow: none;
4094
+ color: #444; }
4095
+ .input-field input[type=search]:focus + label i,
4096
+ .input-field input[type=search]:focus ~ .mdi-navigation-close,
4097
+ .input-field input[type=search]:focus ~ .material-icons {
4098
+ color: #444; }
4099
+ .input-field input[type=search] + label {
4100
+ left: 1rem; }
4101
+ .input-field input[type=search] ~ .mdi-navigation-close,
4102
+ .input-field input[type=search] ~ .material-icons {
4103
+ position: absolute;
4104
+ top: 0;
4105
+ right: 1rem;
4106
+ color: transparent;
4107
+ cursor: pointer;
4108
+ font-size: 2rem;
4109
+ transition: .3s color; }
4110
+
4111
+ /* Textarea */
4112
+ textarea {
4113
+ width: 100%;
4114
+ height: 3rem;
4115
+ background-color: transparent; }
4116
+ textarea.materialize-textarea {
4117
+ overflow-y: hidden;
4118
+ /* prevents scroll bar flash */
4119
+ padding: .8rem 0 1.6rem 0;
4120
+ /* prevents text jump on Enter keypress */
4121
+ resize: none;
4122
+ min-height: 3rem; }
4123
+ textarea.materialize-textarea.validate + label {
4124
+ height: 100%; }
4125
+ textarea.materialize-textarea.validate + label::after {
4126
+ top: calc(100% - 12px); }
4127
+ textarea.materialize-textarea.validate + label:not(.label-icon).active {
4128
+ transform: translateY(-25px); }
4129
+
4130
+ .hiddendiv {
4131
+ display: none;
4132
+ white-space: pre-wrap;
4133
+ word-wrap: break-word;
4134
+ overflow-wrap: break-word;
4135
+ /* future version of deprecated 'word-wrap' */
4136
+ padding-top: 1.2rem;
4137
+ /* prevents text jump on Enter keypress */
4138
+ position: absolute;
4139
+ top: 0; }
4140
+
4141
+ /* Autocomplete */
4142
+ .autocomplete-content {
4143
+ margin-top: -20px;
4144
+ margin-bottom: 20px;
4145
+ display: block;
4146
+ opacity: 1;
4147
+ position: static; }
4148
+ .autocomplete-content li .highlight {
4149
+ color: #444; }
4150
+ .autocomplete-content li img {
4151
+ height: 40px;
4152
+ width: 40px;
4153
+ margin: 5px 15px; }
4154
+
4155
  /* Checkboxes
4156
+ ========================================================================== */
4157
+ /* CUSTOM CSS CHECKBOXES */
4158
+ form p {
4159
+ margin-bottom: 10px;
4160
+ text-align: left; }
4161
+
4162
+ form p:last-child {
4163
+ margin-bottom: 0; }
4164
+
4165
+ /* Remove default checkbox */
4166
+ [type="checkbox"]:not(:checked),
4167
+ [type="checkbox"]:checked {
4168
+ position: absolute;
4169
+ opacity: 0;
4170
+ pointer-events: none; }
4171
+
4172
+ [type="checkbox"] {
4173
+ /* checkbox aspect */ }
4174
+ [type="checkbox"] + label {
4175
+ position: relative;
4176
+ padding-left: 35px;
4177
+ cursor: pointer;
4178
+ display: inline-block;
4179
+ height: 25px;
4180
+ line-height: 25px;
4181
+ font-size: 1rem;
4182
+ user-select: none; }
4183
+ [type="checkbox"] + label:before,
4184
+ [type="checkbox"]:not(.filled-in) + label:after {
4185
+ content: '';
4186
+ position: absolute;
4187
+ top: 0;
4188
+ left: 0;
4189
+ width: 18px;
4190
+ height: 18px;
4191
+ z-index: 0;
4192
+ border: 2px solid #5a5a5a;
4193
+ border-radius: 1px;
4194
+ margin-top: 2px;
4195
+ transition: .2s; }
4196
+ [type="checkbox"]:not(.filled-in) + label:after {
4197
+ border: 0;
4198
+ transform: scale(0); }
4199
+ [type="checkbox"]:not(:checked):disabled + label:before {
4200
+ border: none;
4201
+ background-color: rgba(0, 0, 0, 0.42); }
4202
+ [type="checkbox"].tabbed:focus + label:after {
4203
+ transform: scale(1);
4204
+ border: 0;
4205
+ border-radius: 50%;
4206
+ box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
4207
+ background-color: rgba(0, 0, 0, 0.1); }
4208
+
4209
+ [type="checkbox"]:checked + label:before {
4210
+ top: -4px;
4211
+ left: -5px;
4212
+ width: 12px;
4213
+ height: 22px;
4214
+ border-top: 2px solid transparent;
4215
+ border-left: 2px solid transparent;
4216
+ border-right: 2px solid #26a69a;
4217
+ border-bottom: 2px solid #26a69a;
4218
+ transform: rotate(40deg);
4219
+ backface-visibility: hidden;
4220
+ transform-origin: 100% 100%; }
4221
+
4222
+ [type="checkbox"]:checked:disabled + label:before {
4223
+ border-right: 2px solid rgba(0, 0, 0, 0.42);
4224
+ border-bottom: 2px solid rgba(0, 0, 0, 0.42); }
4225
+
4226
+ /* Indeterminate checkbox */
4227
+ [type="checkbox"]:indeterminate + label:before {
4228
+ top: -11px;
4229
+ left: -12px;
4230
+ width: 10px;
4231
+ height: 22px;
4232
+ border-top: none;
4233
+ border-left: none;
4234
+ border-right: 2px solid #26a69a;
4235
+ border-bottom: none;
4236
+ transform: rotate(90deg);
4237
+ backface-visibility: hidden;
4238
+ transform-origin: 100% 100%; }
4239
+
4240
+ [type="checkbox"]:indeterminate:disabled + label:before {
4241
+ border-right: 2px solid rgba(0, 0, 0, 0.42);
4242
+ background-color: transparent; }
4243
+
4244
+ [type="checkbox"].filled-in + label:after {
4245
+ border-radius: 2px; }
4246
+
4247
+ [type="checkbox"].filled-in + label:before,
4248
+ [type="checkbox"].filled-in + label:after {
4249
+ content: '';
4250
+ left: 0;
4251
+ position: absolute;
4252
+ /* .1s delay is for check animation */
4253
+ transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
4254
+ z-index: 1; }
4255
+
4256
+ [type="checkbox"].filled-in:not(:checked) + label:before {
4257
+ width: 0;
4258
+ height: 0;
4259
+ border: 3px solid transparent;
4260
+ left: 6px;
4261
+ top: 10px;
4262
+ transform: rotateZ(37deg);
4263
+ transform-origin: 100% 100%; }
4264
+
4265
+ [type="checkbox"].filled-in:not(:checked) + label:after {
4266
+ height: 20px;
4267
+ width: 20px;
4268
+ background-color: transparent;
4269
+ border: 2px solid #5a5a5a;
4270
+ top: 0px;
4271
+ z-index: 0; }
4272
+
4273
+ [type="checkbox"].filled-in:checked + label:before {
4274
+ top: 0;
4275
+ left: 1px;
4276
+ width: 8px;
4277
+ height: 13px;
4278
+ border-top: 2px solid transparent;
4279
+ border-left: 2px solid transparent;
4280
+ border-right: 2px solid #fff;
4281
+ border-bottom: 2px solid #fff;
4282
+ transform: rotateZ(37deg);
4283
+ transform-origin: 100% 100%; }
4284
+
4285
+ [type="checkbox"].filled-in:checked + label:after {
4286
+ top: 0;
4287
+ width: 20px;
4288
+ height: 20px;
4289
+ border: 2px solid #26a69a;
4290
+ background-color: #26a69a;
4291
+ z-index: 0; }
4292
+
4293
+ [type="checkbox"].filled-in.tabbed:focus + label:after {
4294
+ border-radius: 2px;
4295
+ border-color: #5a5a5a;
4296
+ background-color: rgba(0, 0, 0, 0.1); }
4297
+
4298
+ [type="checkbox"].filled-in.tabbed:checked:focus + label:after {
4299
+ border-radius: 2px;
4300
+ background-color: #26a69a;
4301
+ border-color: #26a69a; }
4302
+
4303
+ [type="checkbox"].filled-in:disabled:not(:checked) + label:before {
4304
+ background-color: transparent;
4305
+ border: 2px solid transparent; }
4306
+
4307
+ [type="checkbox"].filled-in:disabled:not(:checked) + label:after {
4308
+ border-color: transparent;
4309
+ background-color: #949494; }
4310
+
4311
+ [type="checkbox"].filled-in:disabled:checked + label:before {
4312
+ background-color: transparent; }
4313
+
4314
+ [type="checkbox"].filled-in:disabled:checked + label:after {
4315
+ background-color: #949494;
4316
+ border-color: #949494; }
4317
+
4318
  /* Select Field
4319
+ ========================================================================== */
4320
+ select {
4321
+ display: none; }
4322
+
4323
+ select.browser-default {
4324
+ display: block; }
4325
+
4326
+ select {
4327
+ background-color: rgba(255, 255, 255, 0.9);
4328
+ width: 100%;
4329
+ padding: 5px;
4330
+ border: 1px solid #f2f2f2;
4331
+ border-radius: 2px;
4332
+ height: 3rem; }
4333
+
4334
+ .input-field > select {
4335
+ display: block;
4336
+ position: absolute;
4337
+ width: 0;
4338
+ pointer-events: none;
4339
+ height: 0;
4340
+ top: 0;
4341
+ left: 0;
4342
+ opacity: 0; }
4343
+
4344
+ .select-label {
4345
+ position: absolute; }
4346
+
4347
+ .select-wrapper {
4348
+ position: relative; }
4349
+ .select-wrapper.valid + label,
4350
+ .select-wrapper.invalid + label {
4351
+ width: 100%;
4352
+ pointer-events: none; }
4353
+ .select-wrapper input.select-dropdown {
4354
+ position: relative;
4355
+ cursor: pointer;
4356
+ background-color: transparent;
4357
+ border: none;
4358
+ border-bottom: 1px solid #9e9e9e;
4359
+ outline: none;
4360
+ height: 3rem;
4361
+ line-height: 3rem;
4362
+ width: 100%;
4363
+ font-size: 1rem;
4364
+ margin: 0 0 20px 0;
4365
+ padding: 0;
4366
+ display: block;
4367
+ user-select: none; }
4368
+ .select-wrapper span.caret {
4369
+ color: initial;
4370
+ position: absolute;
4371
+ right: 0;
4372
+ top: 0;
4373
+ bottom: 0;
4374
+ height: 10px;
4375
+ margin: auto 0;
4376
+ font-size: 10px;
4377
+ line-height: 10px; }
4378
+ .select-wrapper + label {
4379
+ position: absolute;
4380
+ top: -26px;
4381
+ font-size: 0.8rem; }
4382
+
4383
+ select:disabled {
4384
+ color: rgba(0, 0, 0, 0.42); }
4385
+
4386
+ .select-wrapper.disabled span.caret,
4387
+ .select-wrapper.disabled + label {
4388
+ color: rgba(0, 0, 0, 0.42); }
4389
+
4390
+ .select-wrapper input.select-dropdown:disabled {
4391
+ color: rgba(0, 0, 0, 0.42);
4392
+ cursor: default;
4393
+ user-select: none; }
4394
+
4395
+ .select-wrapper i {
4396
+ color: rgba(0, 0, 0, 0.3); }
4397
+
4398
+ .select-dropdown li.disabled,
4399
+ .select-dropdown li.disabled > span,
4400
+ .select-dropdown li.optgroup {
4401
+ color: rgba(0, 0, 0, 0.3);
4402
+ background-color: transparent; }
4403
+
4404
+ .select-dropdown.dropdown-content li.active {
4405
+ background-color: transparent; }
4406
+
4407
+ .select-dropdown.dropdown-content li:hover {
4408
+ background-color: rgba(0, 0, 0, 0.06); }
4409
+
4410
+ .select-dropdown.dropdown-content li.selected {
4411
+ background-color: rgba(0, 0, 0, 0.03); }
4412
+
4413
+ .prefix ~ .select-wrapper {
4414
+ margin-left: 3rem;
4415
+ width: 92%;
4416
+ width: calc(100% - 3rem); }
4417
+
4418
+ .prefix ~ label {
4419
+ margin-left: 3rem; }
4420
+
4421
+ .select-dropdown li img {
4422
+ height: 40px;
4423
+ width: 40px;
4424
+ margin: 5px 15px;
4425
+ float: right; }
4426
+
4427
+ .select-dropdown li.optgroup {
4428
+ border-top: 1px solid #eee; }
4429
+ .select-dropdown li.optgroup.selected > span {
4430
+ color: rgba(0, 0, 0, 0.7); }
4431
+ .select-dropdown li.optgroup > span {
4432
+ color: rgba(0, 0, 0, 0.4); }
4433
+ .select-dropdown li.optgroup ~ li.optgroup-option {
4434
+ padding-left: 1rem; }
4435
+
4436
+ /* material icons font */
4437
+ /* custom styles */
4438
+ .display-none {
4439
+ display: none; }
4440
+
4441
+ .display-block {
4442
+ display: block; }
4443
+
4444
+ input.input-margin {
4445
+ margin: 0 0 3px 0 !important; }
4446
+
4447
+ .select-margin .select-1 input {
4448
+ margin: 0 0 3px 0 !important; }
4449
+
4450
+ .options .submit {
4451
+ position: sticky !important;
4452
+ bottom: 1px;
4453
+ float: right; }
assets/css/mainstyles.css CHANGED
@@ -54,7 +54,7 @@ div.ccw_plugin,
54
 
55
  .chatbot {
56
  position: fixed;
57
- z-index: 99; }
58
 
59
  .img-icon {
60
  height: 48px; }
54
 
55
  .chatbot {
56
  position: fixed;
57
+ z-index: 99999999; }
58
 
59
  .img-icon {
60
  height: 48px; }
assets/css/mdstyles.css DELETED
@@ -1,2820 +0,0 @@
1
- /* ==== Materializecss ==== */
2
- .ccw_plugin {
3
- /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
4
- /**
5
- * 1. Set default font family to sans-serif.
6
- * 2. Prevent iOS and IE text size adjust after device orientation change,
7
- * without disabling user zoom.
8
- */
9
- /**
10
- * Remove default margin.
11
- */
12
- /* HTML5 display definitions
13
- ========================================================================== */
14
- /**
15
- * Correct `block` display not defined for any HTML5 element in IE 8/9.
16
- * Correct `block` display not defined for `details` or `summary` in IE 10/11
17
- * and Firefox.
18
- * Correct `block` display not defined for `main` in IE 11.
19
- */
20
- /**
21
- * 1. Correct `inline-block` display not defined in IE 8/9.
22
- * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
23
- */
24
- /**
25
- * Prevent modern browsers from displaying `audio` without controls.
26
- * Remove excess height in iOS 5 devices.
27
- */
28
- /**
29
- * Address `[hidden]` styling not present in IE 8/9/10.
30
- * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
31
- */
32
- /* Links
33
- ========================================================================== */
34
- /**
35
- * Remove the gray background color from active links in IE 10.
36
- */
37
- /**
38
- * Improve readability of focused elements when they are also in an
39
- * active/hover state.
40
- */
41
- /* Text-level semantics
42
- ========================================================================== */
43
- /**
44
- * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
45
- */
46
- /**
47
- * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
48
- */
49
- /**
50
- * Address styling not present in Safari and Chrome.
51
- */
52
- /**
53
- * Address variable `h1` font-size and margin within `section` and `article`
54
- * contexts in Firefox 4+, Safari, and Chrome.
55
- */
56
- /**
57
- * Address styling not present in IE 8/9.
58
- */
59
- /**
60
- * Address inconsistent and variable font size in all browsers.
61
- */
62
- /**
63
- * Prevent `sub` and `sup` affecting `line-height` in all browsers.
64
- */
65
- /* Embedded content
66
- ========================================================================== */
67
- /**
68
- * Remove border when inside `a` element in IE 8/9/10.
69
- */
70
- /**
71
- * Correct overflow not hidden in IE 9/10/11.
72
- */
73
- /* Grouping content
74
- ========================================================================== */
75
- /**
76
- * Address margin not present in IE 8/9 and Safari.
77
- */
78
- /**
79
- * Address differences between Firefox and other browsers.
80
- */
81
- /**
82
- * Contain overflow in all browsers.
83
- */
84
- /**
85
- * Address odd `em`-unit font size rendering in all browsers.
86
- */
87
- /* Forms
88
- ========================================================================== */
89
- /**
90
- * Known limitation: by default, Chrome and Safari on OS X allow very limited
91
- * styling of `select`, unless a `border` property is set.
92
- */
93
- /**
94
- * 1. Correct color not being inherited.
95
- * Known issue: affects color of disabled elements.
96
- * 2. Correct font properties not being inherited.
97
- * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
98
- */
99
- /**
100
- * Address `overflow` set to `hidden` in IE 8/9/10/11.
101
- */
102
- /**
103
- * Address inconsistent `text-transform` inheritance for `button` and `select`.
104
- * All other form control elements do not inherit `text-transform` values.
105
- * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
106
- * Correct `select` style inheritance in Firefox.
107
- */
108
- /**
109
- * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
110
- * and `video` controls.
111
- * 2. Correct inability to style clickable `input` types in iOS.
112
- * 3. Improve usability and consistency of cursor style between image-type
113
- * `input` and others.
114
- */
115
- /**
116
- * Re-set default cursor for disabled elements.
117
- */
118
- /**
119
- * Remove inner padding and border in Firefox 4+.
120
- */
121
- /**
122
- * Address Firefox 4+ setting `line-height` on `input` using `!important` in
123
- * the UA stylesheet.
124
- */
125
- /**
126
- * It's recommended that you don't attempt to style these elements.
127
- * Firefox's implementation doesn't respect box-sizing, padding, or width.
128
- *
129
- * 1. Address box sizing set to `content-box` in IE 8/9/10.
130
- * 2. Remove excess padding in IE 8/9/10.
131
- */
132
- /**
133
- * Fix the cursor style for Chrome's increment/decrement buttons. For certain
134
- * `font-size` values of the `input`, it causes the cursor style of the
135
- * decrement button to change from `default` to `text`.
136
- */
137
- /**
138
- * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
139
- * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
140
- */
141
- /**
142
- * Remove inner padding and search cancel button in Safari and Chrome on OS X.
143
- * Safari (but not Chrome) clips the cancel button when the search input has
144
- * padding (and `textfield` appearance).
145
- */
146
- /**
147
- * Define consistent border, margin, and padding.
148
- */
149
- /**
150
- * 1. Correct `color` not being inherited in IE 8/9/10/11.
151
- * 2. Remove padding so people aren't caught out if they zero out fieldsets.
152
- */
153
- /**
154
- * Remove default vertical scrollbar in IE 8/9/10/11.
155
- */
156
- /**
157
- * Don't inherit the `font-weight` (applied by a rule above).
158
- * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
159
- */
160
- /* Tables
161
- ========================================================================== */
162
- /**
163
- * Remove most spacing between table cells.
164
- */
165
- /*********************
166
- Transition Classes
167
- **********************/
168
- /*********************
169
- Media Query Classes
170
- **********************/
171
- /*******************
172
- Utility Classes
173
- *******************/
174
- /* Text Inputs + Textarea
175
- ========================================================================== */
176
- /* Style Placeholders */
177
- /* Text inputs */
178
- /* Validation Sass Placeholders */
179
- /* Search Field */
180
- /* Textarea */
181
- /* Autocomplete */
182
- /* Checkboxes
183
- ========================================================================== */
184
- /* CUSTOM CSS CHECKBOXES */
185
- /* Remove default checkbox */
186
- /* Indeterminate checkbox */
187
- /* Select Field
188
- ========================================================================== */ }
189
- .ccw_plugin .materialize-red {
190
- background-color: #e51c23 !important; }
191
- .ccw_plugin .materialize-red-text {
192
- color: #e51c23 !important; }
193
- .ccw_plugin .materialize-red.lighten-5 {
194
- background-color: #fdeaeb !important; }
195
- .ccw_plugin .materialize-red-text.text-lighten-5 {
196
- color: #fdeaeb !important; }
197
- .ccw_plugin .materialize-red.lighten-4 {
198
- background-color: #f8c1c3 !important; }
199
- .ccw_plugin .materialize-red-text.text-lighten-4 {
200
- color: #f8c1c3 !important; }
201
- .ccw_plugin .materialize-red.lighten-3 {
202
- background-color: #f3989b !important; }
203
- .ccw_plugin .materialize-red-text.text-lighten-3 {
204
- color: #f3989b !important; }
205
- .ccw_plugin .materialize-red.lighten-2 {
206
- background-color: #ee6e73 !important; }
207
- .ccw_plugin .materialize-red-text.text-lighten-2 {
208
- color: #ee6e73 !important; }
209
- .ccw_plugin .materialize-red.lighten-1 {
210
- background-color: #ea454b !important; }
211
- .ccw_plugin .materialize-red-text.text-lighten-1 {
212
- color: #ea454b !important; }
213
- .ccw_plugin .materialize-red.darken-1 {
214
- background-color: #d0181e !important; }
215
- .ccw_plugin .materialize-red-text.text-darken-1 {
216
- color: #d0181e !important; }
217
- .ccw_plugin .materialize-red.darken-2 {
218
- background-color: #b9151b !important; }
219
- .ccw_plugin .materialize-red-text.text-darken-2 {
220
- color: #b9151b !important; }
221
- .ccw_plugin .materialize-red.darken-3 {
222
- background-color: #a21318 !important; }
223
- .ccw_plugin .materialize-red-text.text-darken-3 {
224
- color: #a21318 !important; }
225
- .ccw_plugin .materialize-red.darken-4 {
226
- background-color: #8b1014 !important; }
227
- .ccw_plugin .materialize-red-text.text-darken-4 {
228
- color: #8b1014 !important; }
229
- .ccw_plugin .red {
230
- background-color: #F44336 !important; }
231
- .ccw_plugin .red-text {
232
- color: #F44336 !important; }
233
- .ccw_plugin .red.lighten-5 {
234
- background-color: #FFEBEE !important; }
235
- .ccw_plugin .red-text.text-lighten-5 {
236
- color: #FFEBEE !important; }
237
- .ccw_plugin .red.lighten-4 {
238
- background-color: #FFCDD2 !important; }
239
- .ccw_plugin .red-text.text-lighten-4 {
240
- color: #FFCDD2 !important; }
241
- .ccw_plugin .red.lighten-3 {
242
- background-color: #EF9A9A !important; }
243
- .ccw_plugin .red-text.text-lighten-3 {
244
- color: #EF9A9A !important; }
245
- .ccw_plugin .red.lighten-2 {
246
- background-color: #E57373 !important; }
247
- .ccw_plugin .red-text.text-lighten-2 {
248
- color: #E57373 !important; }
249
- .ccw_plugin .red.lighten-1 {
250
- background-color: #EF5350 !important; }
251
- .ccw_plugin .red-text.text-lighten-1 {
252
- color: #EF5350 !important; }
253
- .ccw_plugin .red.darken-1 {
254
- background-color: #E53935 !important; }
255
- .ccw_plugin .red-text.text-darken-1 {
256
- color: #E53935 !important; }
257
- .ccw_plugin .red.darken-2 {
258
- background-color: #D32F2F !important; }
259
- .ccw_plugin .red-text.text-darken-2 {
260
- color: #D32F2F !important; }
261
- .ccw_plugin .red.darken-3 {
262
- background-color: #C62828 !important; }
263
- .ccw_plugin .red-text.text-darken-3 {
264
- color: #C62828 !important; }
265
- .ccw_plugin .red.darken-4 {
266
- background-color: #B71C1C !important; }
267
- .ccw_plugin .red-text.text-darken-4 {
268
- color: #B71C1C !important; }
269
- .ccw_plugin .red.accent-1 {
270
- background-color: #FF8A80 !important; }
271
- .ccw_plugin .red-text.text-accent-1 {
272
- color: #FF8A80 !important; }
273
- .ccw_plugin .red.accent-2 {
274
- background-color: #FF5252 !important; }
275
- .ccw_plugin .red-text.text-accent-2 {
276
- color: #FF5252 !important; }
277
- .ccw_plugin .red.accent-3 {
278
- background-color: #FF1744 !important; }
279
- .ccw_plugin .red-text.text-accent-3 {
280
- color: #FF1744 !important; }
281
- .ccw_plugin .red.accent-4 {
282
- background-color: #D50000 !important; }
283
- .ccw_plugin .red-text.text-accent-4 {
284
- color: #D50000 !important; }
285
- .ccw_plugin .pink {
286
- background-color: #e91e63 !important; }
287
- .ccw_plugin .pink-text {
288
- color: #e91e63 !important; }
289
- .ccw_plugin .pink.lighten-5 {
290
- background-color: #fce4ec !important; }
291
- .ccw_plugin .pink-text.text-lighten-5 {
292
- color: #fce4ec !important; }
293
- .ccw_plugin .pink.lighten-4 {
294
- background-color: #f8bbd0 !important; }
295
- .ccw_plugin .pink-text.text-lighten-4 {
296
- color: #f8bbd0 !important; }
297
- .ccw_plugin .pink.lighten-3 {
298
- background-color: #f48fb1 !important; }
299
- .ccw_plugin .pink-text.text-lighten-3 {
300
- color: #f48fb1 !important; }
301
- .ccw_plugin .pink.lighten-2 {
302
- background-color: #f06292 !important; }
303
- .ccw_plugin .pink-text.text-lighten-2 {
304
- color: #f06292 !important; }
305
- .ccw_plugin .pink.lighten-1 {
306
- background-color: #ec407a !important; }
307
- .ccw_plugin .pink-text.text-lighten-1 {
308
- color: #ec407a !important; }
309
- .ccw_plugin .pink.darken-1 {
310
- background-color: #d81b60 !important; }
311
- .ccw_plugin .pink-text.text-darken-1 {
312
- color: #d81b60 !important; }
313
- .ccw_plugin .pink.darken-2 {
314
- background-color: #c2185b !important; }
315
- .ccw_plugin .pink-text.text-darken-2 {
316
- color: #c2185b !important; }
317
- .ccw_plugin .pink.darken-3 {
318
- background-color: #ad1457 !important; }
319
- .ccw_plugin .pink-text.text-darken-3 {
320
- color: #ad1457 !important; }
321
- .ccw_plugin .pink.darken-4 {
322
- background-color: #880e4f !important; }
323
- .ccw_plugin .pink-text.text-darken-4 {
324
- color: #880e4f !important; }
325
- .ccw_plugin .pink.accent-1 {
326
- background-color: #ff80ab !important; }
327
- .ccw_plugin .pink-text.text-accent-1 {
328
- color: #ff80ab !important; }
329
- .ccw_plugin .pink.accent-2 {
330
- background-color: #ff4081 !important; }
331
- .ccw_plugin .pink-text.text-accent-2 {
332
- color: #ff4081 !important; }
333
- .ccw_plugin .pink.accent-3 {
334
- background-color: #f50057 !important; }
335
- .ccw_plugin .pink-text.text-accent-3 {
336
- color: #f50057 !important; }
337
- .ccw_plugin .pink.accent-4 {
338
- background-color: #c51162 !important; }
339
- .ccw_plugin .pink-text.text-accent-4 {
340
- color: #c51162 !important; }
341
- .ccw_plugin .purple {
342
- background-color: #9c27b0 !important; }
343
- .ccw_plugin .purple-text {
344
- color: #9c27b0 !important; }
345
- .ccw_plugin .purple.lighten-5 {
346
- background-color: #f3e5f5 !important; }
347
- .ccw_plugin .purple-text.text-lighten-5 {
348
- color: #f3e5f5 !important; }
349
- .ccw_plugin .purple.lighten-4 {
350
- background-color: #e1bee7 !important; }
351
- .ccw_plugin .purple-text.text-lighten-4 {
352
- color: #e1bee7 !important; }
353
- .ccw_plugin .purple.lighten-3 {
354
- background-color: #ce93d8 !important; }
355
- .ccw_plugin .purple-text.text-lighten-3 {
356
- color: #ce93d8 !important; }
357
- .ccw_plugin .purple.lighten-2 {
358
- background-color: #ba68c8 !important; }
359
- .ccw_plugin .purple-text.text-lighten-2 {
360
- color: #ba68c8 !important; }
361
- .ccw_plugin .purple.lighten-1 {
362
- background-color: #ab47bc !important; }
363
- .ccw_plugin .purple-text.text-lighten-1 {
364
- color: #ab47bc !important; }
365
- .ccw_plugin .purple.darken-1 {
366
- background-color: #8e24aa !important; }
367
- .ccw_plugin .purple-text.text-darken-1 {
368
- color: #8e24aa !important; }
369
- .ccw_plugin .purple.darken-2 {
370
- background-color: #7b1fa2 !important; }
371
- .ccw_plugin .purple-text.text-darken-2 {
372
- color: #7b1fa2 !important; }
373
- .ccw_plugin .purple.darken-3 {
374
- background-color: #6a1b9a !important; }
375
- .ccw_plugin .purple-text.text-darken-3 {
376
- color: #6a1b9a !important; }
377
- .ccw_plugin .purple.darken-4 {
378
- background-color: #4a148c !important; }
379
- .ccw_plugin .purple-text.text-darken-4 {
380
- color: #4a148c !important; }
381
- .ccw_plugin .purple.accent-1 {
382
- background-color: #ea80fc !important; }
383
- .ccw_plugin .purple-text.text-accent-1 {
384
- color: #ea80fc !important; }
385
- .ccw_plugin .purple.accent-2 {
386
- background-color: #e040fb !important; }
387
- .ccw_plugin .purple-text.text-accent-2 {
388
- color: #e040fb !important; }
389
- .ccw_plugin .purple.accent-3 {
390
- background-color: #d500f9 !important; }
391
- .ccw_plugin .purple-text.text-accent-3 {
392
- color: #d500f9 !important; }
393
- .ccw_plugin .purple.accent-4 {
394
- background-color: #aa00ff !important; }
395
- .ccw_plugin .purple-text.text-accent-4 {
396
- color: #aa00ff !important; }
397
- .ccw_plugin .deep-purple {
398
- background-color: #673ab7 !important; }
399
- .ccw_plugin .deep-purple-text {
400
- color: #673ab7 !important; }
401
- .ccw_plugin .deep-purple.lighten-5 {
402
- background-color: #ede7f6 !important; }
403
- .ccw_plugin .deep-purple-text.text-lighten-5 {
404
- color: #ede7f6 !important; }
405
- .ccw_plugin .deep-purple.lighten-4 {
406
- background-color: #d1c4e9 !important; }
407
- .ccw_plugin .deep-purple-text.text-lighten-4 {
408
- color: #d1c4e9 !important; }
409
- .ccw_plugin .deep-purple.lighten-3 {
410
- background-color: #b39ddb !important; }
411
- .ccw_plugin .deep-purple-text.text-lighten-3 {
412
- color: #b39ddb !important; }
413
- .ccw_plugin .deep-purple.lighten-2 {
414
- background-color: #9575cd !important; }
415
- .ccw_plugin .deep-purple-text.text-lighten-2 {
416
- color: #9575cd !important; }
417
- .ccw_plugin .deep-purple.lighten-1 {
418
- background-color: #7e57c2 !important; }
419
- .ccw_plugin .deep-purple-text.text-lighten-1 {
420
- color: #7e57c2 !important; }
421
- .ccw_plugin .deep-purple.darken-1 {
422
- background-color: #5e35b1 !important; }
423
- .ccw_plugin .deep-purple-text.text-darken-1 {
424
- color: #5e35b1 !important; }
425
- .ccw_plugin .deep-purple.darken-2 {
426
- background-color: #512da8 !important; }
427
- .ccw_plugin .deep-purple-text.text-darken-2 {
428
- color: #512da8 !important; }
429
- .ccw_plugin .deep-purple.darken-3 {
430
- background-color: #4527a0 !important; }
431
- .ccw_plugin .deep-purple-text.text-darken-3 {
432
- color: #4527a0 !important; }
433
- .ccw_plugin .deep-purple.darken-4 {
434
- background-color: #311b92 !important; }
435
- .ccw_plugin .deep-purple-text.text-darken-4 {
436
- color: #311b92 !important; }
437
- .ccw_plugin .deep-purple.accent-1 {
438
- background-color: #b388ff !important; }
439
- .ccw_plugin .deep-purple-text.text-accent-1 {
440
- color: #b388ff !important; }
441
- .ccw_plugin .deep-purple.accent-2 {
442
- background-color: #7c4dff !important; }
443
- .ccw_plugin .deep-purple-text.text-accent-2 {
444
- color: #7c4dff !important; }
445
- .ccw_plugin .deep-purple.accent-3 {
446
- background-color: #651fff !important; }
447
- .ccw_plugin .deep-purple-text.text-accent-3 {
448
- color: #651fff !important; }
449
- .ccw_plugin .deep-purple.accent-4 {
450
- background-color: #6200ea !important; }
451
- .ccw_plugin .deep-purple-text.text-accent-4 {
452
- color: #6200ea !important; }
453
- .ccw_plugin .indigo {
454
- background-color: #3f51b5 !important; }
455
- .ccw_plugin .indigo-text {
456
- color: #3f51b5 !important; }
457
- .ccw_plugin .indigo.lighten-5 {
458
- background-color: #e8eaf6 !important; }
459
- .ccw_plugin .indigo-text.text-lighten-5 {
460
- color: #e8eaf6 !important; }
461
- .ccw_plugin .indigo.lighten-4 {
462
- background-color: #c5cae9 !important; }
463
- .ccw_plugin .indigo-text.text-lighten-4 {
464
- color: #c5cae9 !important; }
465
- .ccw_plugin .indigo.lighten-3 {
466
- background-color: #9fa8da !important; }
467
- .ccw_plugin .indigo-text.text-lighten-3 {
468
- color: #9fa8da !important; }
469
- .ccw_plugin .indigo.lighten-2 {
470
- background-color: #7986cb !important; }
471
- .ccw_plugin .indigo-text.text-lighten-2 {
472
- color: #7986cb !important; }
473
- .ccw_plugin .indigo.lighten-1 {
474
- background-color: #5c6bc0 !important; }
475
- .ccw_plugin .indigo-text.text-lighten-1 {
476
- color: #5c6bc0 !important; }
477
- .ccw_plugin .indigo.darken-1 {
478
- background-color: #3949ab !important; }
479
- .ccw_plugin .indigo-text.text-darken-1 {
480
- color: #3949ab !important; }
481
- .ccw_plugin .indigo.darken-2 {
482
- background-color: #303f9f !important; }
483
- .ccw_plugin .indigo-text.text-darken-2 {
484
- color: #303f9f !important; }
485
- .ccw_plugin .indigo.darken-3 {
486
- background-color: #283593 !important; }
487
- .ccw_plugin .indigo-text.text-darken-3 {
488
- color: #283593 !important; }
489
- .ccw_plugin .indigo.darken-4 {
490
- background-color: #1a237e !important; }
491
- .ccw_plugin .indigo-text.text-darken-4 {
492
- color: #1a237e !important; }
493
- .ccw_plugin .indigo.accent-1 {
494
- background-color: #8c9eff !important; }
495
- .ccw_plugin .indigo-text.text-accent-1 {
496
- color: #8c9eff !important; }
497
- .ccw_plugin .indigo.accent-2 {
498
- background-color: #536dfe !important; }
499
- .ccw_plugin .indigo-text.text-accent-2 {
500
- color: #536dfe !important; }
501
- .ccw_plugin .indigo.accent-3 {
502
- background-color: #3d5afe !important; }
503
- .ccw_plugin .indigo-text.text-accent-3 {
504
- color: #3d5afe !important; }
505
- .ccw_plugin .indigo.accent-4 {
506
- background-color: #304ffe !important; }
507
- .ccw_plugin .indigo-text.text-accent-4 {
508
- color: #304ffe !important; }
509
- .ccw_plugin .blue {
510
- background-color: #2196F3 !important; }
511
- .ccw_plugin .blue-text {
512
- color: #2196F3 !important; }
513
- .ccw_plugin .blue.lighten-5 {
514
- background-color: #E3F2FD !important; }
515
- .ccw_plugin .blue-text.text-lighten-5 {
516
- color: #E3F2FD !important; }
517
- .ccw_plugin .blue.lighten-4 {
518
- background-color: #BBDEFB !important; }
519
- .ccw_plugin .blue-text.text-lighten-4 {
520
- color: #BBDEFB !important; }
521
- .ccw_plugin .blue.lighten-3 {
522
- background-color: #90CAF9 !important; }
523
- .ccw_plugin .blue-text.text-lighten-3 {
524
- color: #90CAF9 !important; }
525
- .ccw_plugin .blue.lighten-2 {
526
- background-color: #64B5F6 !important; }
527
- .ccw_plugin .blue-text.text-lighten-2 {
528
- color: #64B5F6 !important; }
529
- .ccw_plugin .blue.lighten-1 {
530
- background-color: #42A5F5 !important; }
531
- .ccw_plugin .blue-text.text-lighten-1 {
532
- color: #42A5F5 !important; }
533
- .ccw_plugin .blue.darken-1 {
534
- background-color: #1E88E5 !important; }
535
- .ccw_plugin .blue-text.text-darken-1 {
536
- color: #1E88E5 !important; }
537
- .ccw_plugin .blue.darken-2 {
538
- background-color: #1976D2 !important; }
539
- .ccw_plugin .blue-text.text-darken-2 {
540
- color: #1976D2 !important; }
541
- .ccw_plugin .blue.darken-3 {
542
- background-color: #1565C0 !important; }
543
- .ccw_plugin .blue-text.text-darken-3 {
544
- color: #1565C0 !important; }
545
- .ccw_plugin .blue.darken-4 {
546
- background-color: #0D47A1 !important; }
547
- .ccw_plugin .blue-text.text-darken-4 {
548
- color: #0D47A1 !important; }
549
- .ccw_plugin .blue.accent-1 {
550
- background-color: #82B1FF !important; }
551
- .ccw_plugin .blue-text.text-accent-1 {
552
- color: #82B1FF !important; }
553
- .ccw_plugin .blue.accent-2 {
554
- background-color: #448AFF !important; }
555
- .ccw_plugin .blue-text.text-accent-2 {
556
- color: #448AFF !important; }
557
- .ccw_plugin .blue.accent-3 {
558
- background-color: #2979FF !important; }
559
- .ccw_plugin .blue-text.text-accent-3 {
560
- color: #2979FF !important; }
561
- .ccw_plugin .blue.accent-4 {
562
- background-color: #2962FF !important; }
563
- .ccw_plugin .blue-text.text-accent-4 {
564
- color: #2962FF !important; }
565
- .ccw_plugin .light-blue {
566
- background-color: #03a9f4 !important; }
567
- .ccw_plugin .light-blue-text {
568
- color: #03a9f4 !important; }
569
- .ccw_plugin .light-blue.lighten-5 {
570
- background-color: #e1f5fe !important; }
571
- .ccw_plugin .light-blue-text.text-lighten-5 {
572
- color: #e1f5fe !important; }
573
- .ccw_plugin .light-blue.lighten-4 {
574
- background-color: #b3e5fc !important; }
575
- .ccw_plugin .light-blue-text.text-lighten-4 {
576
- color: #b3e5fc !important; }
577
- .ccw_plugin .light-blue.lighten-3 {
578
- background-color: #81d4fa !important; }
579
- .ccw_plugin .light-blue-text.text-lighten-3 {
580
- color: #81d4fa !important; }
581
- .ccw_plugin .light-blue.lighten-2 {
582
- background-color: #4fc3f7 !important; }
583
- .ccw_plugin .light-blue-text.text-lighten-2 {
584
- color: #4fc3f7 !important; }
585
- .ccw_plugin .light-blue.lighten-1 {
586
- background-color: #29b6f6 !important; }
587
- .ccw_plugin .light-blue-text.text-lighten-1 {
588
- color: #29b6f6 !important; }
589
- .ccw_plugin .light-blue.darken-1 {
590
- background-color: #039be5 !important; }
591
- .ccw_plugin .light-blue-text.text-darken-1 {
592
- color: #039be5 !important; }
593
- .ccw_plugin .light-blue.darken-2 {
594
- background-color: #0288d1 !important; }
595
- .ccw_plugin .light-blue-text.text-darken-2 {
596
- color: #0288d1 !important; }
597
- .ccw_plugin .light-blue.darken-3 {
598
- background-color: #0277bd !important; }
599
- .ccw_plugin .light-blue-text.text-darken-3 {
600
- color: #0277bd !important; }
601
- .ccw_plugin .light-blue.darken-4 {
602
- background-color: #01579b !important; }
603
- .ccw_plugin .light-blue-text.text-darken-4 {
604
- color: #01579b !important; }
605
- .ccw_plugin .light-blue.accent-1 {
606
- background-color: #80d8ff !important; }
607
- .ccw_plugin .light-blue-text.text-accent-1 {
608
- color: #80d8ff !important; }
609
- .ccw_plugin .light-blue.accent-2 {
610
- background-color: #40c4ff !important; }
611
- .ccw_plugin .light-blue-text.text-accent-2 {
612
- color: #40c4ff !important; }
613
- .ccw_plugin .light-blue.accent-3 {
614
- background-color: #00b0ff !important; }
615
- .ccw_plugin .light-blue-text.text-accent-3 {
616
- color: #00b0ff !important; }
617
- .ccw_plugin .light-blue.accent-4 {
618
- background-color: #0091ea !important; }
619
- .ccw_plugin .light-blue-text.text-accent-4 {
620
- color: #0091ea !important; }
621
- .ccw_plugin .cyan {
622
- background-color: #00bcd4 !important; }
623
- .ccw_plugin .cyan-text {
624
- color: #00bcd4 !important; }
625
- .ccw_plugin .cyan.lighten-5 {
626
- background-color: #e0f7fa !important; }
627
- .ccw_plugin .cyan-text.text-lighten-5 {
628
- color: #e0f7fa !important; }
629
- .ccw_plugin .cyan.lighten-4 {
630
- background-color: #b2ebf2 !important; }
631
- .ccw_plugin .cyan-text.text-lighten-4 {
632
- color: #b2ebf2 !important; }
633
- .ccw_plugin .cyan.lighten-3 {
634
- background-color: #80deea !important; }
635
- .ccw_plugin .cyan-text.text-lighten-3 {
636
- color: #80deea !important; }
637
- .ccw_plugin .cyan.lighten-2 {
638
- background-color: #4dd0e1 !important; }
639
- .ccw_plugin .cyan-text.text-lighten-2 {
640
- color: #4dd0e1 !important; }
641
- .ccw_plugin .cyan.lighten-1 {
642
- background-color: #26c6da !important; }
643
- .ccw_plugin .cyan-text.text-lighten-1 {
644
- color: #26c6da !important; }
645
- .ccw_plugin .cyan.darken-1 {
646
- background-color: #00acc1 !important; }
647
- .ccw_plugin .cyan-text.text-darken-1 {
648
- color: #00acc1 !important; }
649
- .ccw_plugin .cyan.darken-2 {
650
- background-color: #0097a7 !important; }
651
- .ccw_plugin .cyan-text.text-darken-2 {
652
- color: #0097a7 !important; }
653
- .ccw_plugin .cyan.darken-3 {
654
- background-color: #00838f !important; }
655
- .ccw_plugin .cyan-text.text-darken-3 {
656
- color: #00838f !important; }
657
- .ccw_plugin .cyan.darken-4 {
658
- background-color: #006064 !important; }
659
- .ccw_plugin .cyan-text.text-darken-4 {
660
- color: #006064 !important; }
661
- .ccw_plugin .cyan.accent-1 {
662
- background-color: #84ffff !important; }
663
- .ccw_plugin .cyan-text.text-accent-1 {
664
- color: #84ffff !important; }
665
- .ccw_plugin .cyan.accent-2 {
666
- background-color: #18ffff !important; }
667
- .ccw_plugin .cyan-text.text-accent-2 {
668
- color: #18ffff !important; }
669
- .ccw_plugin .cyan.accent-3 {
670
- background-color: #00e5ff !important; }
671
- .ccw_plugin .cyan-text.text-accent-3 {
672
- color: #00e5ff !important; }
673
- .ccw_plugin .cyan.accent-4 {
674
- background-color: #00b8d4 !important; }
675
- .ccw_plugin .cyan-text.text-accent-4 {
676
- color: #00b8d4 !important; }
677
- .ccw_plugin .teal {
678
- background-color: #009688 !important; }
679
- .ccw_plugin .teal-text {
680
- color: #009688 !important; }
681
- .ccw_plugin .teal.lighten-5 {
682
- background-color: #e0f2f1 !important; }
683
- .ccw_plugin .teal-text.text-lighten-5 {
684
- color: #e0f2f1 !important; }
685
- .ccw_plugin .teal.lighten-4 {
686
- background-color: #b2dfdb !important; }
687
- .ccw_plugin .teal-text.text-lighten-4 {
688
- color: #b2dfdb !important; }
689
- .ccw_plugin .teal.lighten-3 {
690
- background-color: #80cbc4 !important; }
691
- .ccw_plugin .teal-text.text-lighten-3 {
692
- color: #80cbc4 !important; }
693
- .ccw_plugin .teal.lighten-2 {
694
- background-color: #4db6ac !important; }
695
- .ccw_plugin .teal-text.text-lighten-2 {
696
- color: #4db6ac !important; }
697
- .ccw_plugin .teal.lighten-1 {
698
- background-color: #26a69a !important; }
699
- .ccw_plugin .teal-text.text-lighten-1 {
700
- color: #26a69a !important; }
701
- .ccw_plugin .teal.darken-1 {
702
- background-color: #00897b !important; }
703
- .ccw_plugin .teal-text.text-darken-1 {
704
- color: #00897b !important; }
705
- .ccw_plugin .teal.darken-2 {
706
- background-color: #00796b !important; }
707
- .ccw_plugin .teal-text.text-darken-2 {
708
- color: #00796b !important; }
709
- .ccw_plugin .teal.darken-3 {
710
- background-color: #00695c !important; }
711
- .ccw_plugin .teal-text.text-darken-3 {
712
- color: #00695c !important; }
713
- .ccw_plugin .teal.darken-4 {
714
- background-color: #004d40 !important; }
715
- .ccw_plugin .teal-text.text-darken-4 {
716
- color: #004d40 !important; }
717
- .ccw_plugin .teal.accent-1 {
718
- background-color: #a7ffeb !important; }
719
- .ccw_plugin .teal-text.text-accent-1 {
720
- color: #a7ffeb !important; }
721
- .ccw_plugin .teal.accent-2 {
722
- background-color: #64ffda !important; }
723
- .ccw_plugin .teal-text.text-accent-2 {
724
- color: #64ffda !important; }
725
- .ccw_plugin .teal.accent-3 {
726
- background-color: #1de9b6 !important; }
727
- .ccw_plugin .teal-text.text-accent-3 {
728
- color: #1de9b6 !important; }
729
- .ccw_plugin .teal.accent-4 {
730
- background-color: #00bfa5 !important; }
731
- .ccw_plugin .teal-text.text-accent-4 {
732
- color: #00bfa5 !important; }
733
- .ccw_plugin .green {
734
- background-color: #4CAF50 !important; }
735
- .ccw_plugin .green-text {
736
- color: #4CAF50 !important; }
737
- .ccw_plugin .green.lighten-5 {
738
- background-color: #E8F5E9 !important; }
739
- .ccw_plugin .green-text.text-lighten-5 {
740
- color: #E8F5E9 !important; }
741
- .ccw_plugin .green.lighten-4 {
742
- background-color: #C8E6C9 !important; }
743
- .ccw_plugin .green-text.text-lighten-4 {
744
- color: #C8E6C9 !important; }
745
- .ccw_plugin .green.lighten-3 {
746
- background-color: #A5D6A7 !important; }
747
- .ccw_plugin .green-text.text-lighten-3 {
748
- color: #A5D6A7 !important; }
749
- .ccw_plugin .green.lighten-2 {
750
- background-color: #81C784 !important; }
751
- .ccw_plugin .green-text.text-lighten-2 {
752
- color: #81C784 !important; }
753
- .ccw_plugin .green.lighten-1 {
754
- background-color: #66BB6A !important; }
755
- .ccw_plugin .green-text.text-lighten-1 {
756
- color: #66BB6A !important; }
757
- .ccw_plugin .green.darken-1 {
758
- background-color: #43A047 !important; }
759
- .ccw_plugin .green-text.text-darken-1 {
760
- color: #43A047 !important; }
761
- .ccw_plugin .green.darken-2 {
762
- background-color: #388E3C !important; }
763
- .ccw_plugin .green-text.text-darken-2 {
764
- color: #388E3C !important; }
765
- .ccw_plugin .green.darken-3 {
766
- background-color: #2E7D32 !important; }
767
- .ccw_plugin .green-text.text-darken-3 {
768
- color: #2E7D32 !important; }
769
- .ccw_plugin .green.darken-4 {
770
- background-color: #1B5E20 !important; }
771
- .ccw_plugin .green-text.text-darken-4 {
772
- color: #1B5E20 !important; }
773
- .ccw_plugin .green.accent-1 {
774
- background-color: #B9F6CA !important; }
775
- .ccw_plugin .green-text.text-accent-1 {
776
- color: #B9F6CA !important; }
777
- .ccw_plugin .green.accent-2 {
778
- background-color: #69F0AE !important; }
779
- .ccw_plugin .green-text.text-accent-2 {
780
- color: #69F0AE !important; }
781
- .ccw_plugin .green.accent-3 {
782
- background-color: #00E676 !important; }
783
- .ccw_plugin .green-text.text-accent-3 {
784
- color: #00E676 !important; }
785
- .ccw_plugin .green.accent-4 {
786
- background-color: #00C853 !important; }
787
- .ccw_plugin .green-text.text-accent-4 {
788
- color: #00C853 !important; }
789
- .ccw_plugin .light-green {
790
- background-color: #8bc34a !important; }
791
- .ccw_plugin .light-green-text {
792
- color: #8bc34a !important; }
793
- .ccw_plugin .light-green.lighten-5 {
794
- background-color: #f1f8e9 !important; }
795
- .ccw_plugin .light-green-text.text-lighten-5 {
796
- color: #f1f8e9 !important; }
797
- .ccw_plugin .light-green.lighten-4 {
798
- background-color: #dcedc8 !important; }
799
- .ccw_plugin .light-green-text.text-lighten-4 {
800
- color: #dcedc8 !important; }
801
- .ccw_plugin .light-green.lighten-3 {
802
- background-color: #c5e1a5 !important; }
803
- .ccw_plugin .light-green-text.text-lighten-3 {
804
- color: #c5e1a5 !important; }
805
- .ccw_plugin .light-green.lighten-2 {
806
- background-color: #aed581 !important; }
807
- .ccw_plugin .light-green-text.text-lighten-2 {
808
- color: #aed581 !important; }
809
- .ccw_plugin .light-green.lighten-1 {
810
- background-color: #9ccc65 !important; }
811
- .ccw_plugin .light-green-text.text-lighten-1 {
812
- color: #9ccc65 !important; }
813
- .ccw_plugin .light-green.darken-1 {
814
- background-color: #7cb342 !important; }
815
- .ccw_plugin .light-green-text.text-darken-1 {
816
- color: #7cb342 !important; }
817
- .ccw_plugin .light-green.darken-2 {
818
- background-color: #689f38 !important; }
819
- .ccw_plugin .light-green-text.text-darken-2 {
820
- color: #689f38 !important; }
821
- .ccw_plugin .light-green.darken-3 {
822
- background-color: #558b2f !important; }
823
- .ccw_plugin .light-green-text.text-darken-3 {
824
- color: #558b2f !important; }
825
- .ccw_plugin .light-green.darken-4 {
826
- background-color: #33691e !important; }
827
- .ccw_plugin .light-green-text.text-darken-4 {
828
- color: #33691e !important; }
829
- .ccw_plugin .light-green.accent-1 {
830
- background-color: #ccff90 !important; }
831
- .ccw_plugin .light-green-text.text-accent-1 {
832
- color: #ccff90 !important; }
833
- .ccw_plugin .light-green.accent-2 {
834
- background-color: #b2ff59 !important; }
835
- .ccw_plugin .light-green-text.text-accent-2 {
836
- color: #b2ff59 !important; }
837
- .ccw_plugin .light-green.accent-3 {
838
- background-color: #76ff03 !important; }
839
- .ccw_plugin .light-green-text.text-accent-3 {
840
- color: #76ff03 !important; }
841
- .ccw_plugin .light-green.accent-4 {
842
- background-color: #64dd17 !important; }
843
- .ccw_plugin .light-green-text.text-accent-4 {
844
- color: #64dd17 !important; }
845
- .ccw_plugin .lime {
846
- background-color: #cddc39 !important; }
847
- .ccw_plugin .lime-text {
848
- color: #cddc39 !important; }
849
- .ccw_plugin .lime.lighten-5 {
850
- background-color: #f9fbe7 !important; }
851
- .ccw_plugin .lime-text.text-lighten-5 {
852
- color: #f9fbe7 !important; }
853
- .ccw_plugin .lime.lighten-4 {
854
- background-color: #f0f4c3 !important; }
855
- .ccw_plugin .lime-text.text-lighten-4 {
856
- color: #f0f4c3 !important; }
857
- .ccw_plugin .lime.lighten-3 {
858
- background-color: #e6ee9c !important; }
859
- .ccw_plugin .lime-text.text-lighten-3 {
860
- color: #e6ee9c !important; }
861
- .ccw_plugin .lime.lighten-2 {
862
- background-color: #dce775 !important; }
863
- .ccw_plugin .lime-text.text-lighten-2 {
864
- color: #dce775 !important; }
865
- .ccw_plugin .lime.lighten-1 {
866
- background-color: #d4e157 !important; }
867
- .ccw_plugin .lime-text.text-lighten-1 {
868
- color: #d4e157 !important; }
869
- .ccw_plugin .lime.darken-1 {
870
- background-color: #c0ca33 !important; }
871
- .ccw_plugin .lime-text.text-darken-1 {
872
- color: #c0ca33 !important; }
873
- .ccw_plugin .lime.darken-2 {
874
- background-color: #afb42b !important; }
875
- .ccw_plugin .lime-text.text-darken-2 {
876
- color: #afb42b !important; }
877
- .ccw_plugin .lime.darken-3 {
878
- background-color: #9e9d24 !important; }
879
- .ccw_plugin .lime-text.text-darken-3 {
880
- color: #9e9d24 !important; }
881
- .ccw_plugin .lime.darken-4 {
882
- background-color: #827717 !important; }
883
- .ccw_plugin .lime-text.text-darken-4 {
884
- color: #827717 !important; }
885
- .ccw_plugin .lime.accent-1 {
886
- background-color: #f4ff81 !important; }
887
- .ccw_plugin .lime-text.text-accent-1 {
888
- color: #f4ff81 !important; }
889
- .ccw_plugin .lime.accent-2 {
890
- background-color: #eeff41 !important; }
891
- .ccw_plugin .lime-text.text-accent-2 {
892
- color: #eeff41 !important; }
893
- .ccw_plugin .lime.accent-3 {
894
- background-color: #c6ff00 !important; }
895
- .ccw_plugin .lime-text.text-accent-3 {
896
- color: #c6ff00 !important; }
897
- .ccw_plugin .lime.accent-4 {
898
- background-color: #aeea00 !important; }
899
- .ccw_plugin .lime-text.text-accent-4 {
900
- color: #aeea00 !important; }
901
- .ccw_plugin .yellow {
902
- background-color: #ffeb3b !important; }
903
- .ccw_plugin .yellow-text {
904
- color: #ffeb3b !important; }
905
- .ccw_plugin .yellow.lighten-5 {
906
- background-color: #fffde7 !important; }
907
- .ccw_plugin .yellow-text.text-lighten-5 {
908
- color: #fffde7 !important; }
909
- .ccw_plugin .yellow.lighten-4 {
910
- background-color: #fff9c4 !important; }
911
- .ccw_plugin .yellow-text.text-lighten-4 {
912
- color: #fff9c4 !important; }
913
- .ccw_plugin .yellow.lighten-3 {
914
- background-color: #fff59d !important; }
915
- .ccw_plugin .yellow-text.text-lighten-3 {
916
- color: #fff59d !important; }
917
- .ccw_plugin .yellow.lighten-2 {
918
- background-color: #fff176 !important; }
919
- .ccw_plugin .yellow-text.text-lighten-2 {
920
- color: #fff176 !important; }
921
- .ccw_plugin .yellow.lighten-1 {
922
- background-color: #ffee58 !important; }
923
- .ccw_plugin .yellow-text.text-lighten-1 {
924
- color: #ffee58 !important; }
925
- .ccw_plugin .yellow.darken-1 {
926
- background-color: #fdd835 !important; }
927
- .ccw_plugin .yellow-text.text-darken-1 {
928
- color: #fdd835 !important; }
929
- .ccw_plugin .yellow.darken-2 {
930
- background-color: #fbc02d !important; }
931
- .ccw_plugin .yellow-text.text-darken-2 {
932
- color: #fbc02d !important; }
933
- .ccw_plugin .yellow.darken-3 {
934
- background-color: #f9a825 !important; }
935
- .ccw_plugin .yellow-text.text-darken-3 {
936
- color: #f9a825 !important; }
937
- .ccw_plugin .yellow.darken-4 {
938
- background-color: #f57f17 !important; }
939
- .ccw_plugin .yellow-text.text-darken-4 {
940
- color: #f57f17 !important; }
941
- .ccw_plugin .yellow.accent-1 {
942
- background-color: #ffff8d !important; }
943
- .ccw_plugin .yellow-text.text-accent-1 {
944
- color: #ffff8d !important; }
945
- .ccw_plugin .yellow.accent-2 {
946
- background-color: #ffff00 !important; }
947
- .ccw_plugin .yellow-text.text-accent-2 {
948
- color: #ffff00 !important; }
949
- .ccw_plugin .yellow.accent-3 {
950
- background-color: #ffea00 !important; }
951
- .ccw_plugin .yellow-text.text-accent-3 {
952
- color: #ffea00 !important; }
953
- .ccw_plugin .yellow.accent-4 {
954
- background-color: #ffd600 !important; }
955
- .ccw_plugin .yellow-text.text-accent-4 {
956
- color: #ffd600 !important; }
957
- .ccw_plugin .amber {
958
- background-color: #ffc107 !important; }
959
- .ccw_plugin .amber-text {
960
- color: #ffc107 !important; }
961
- .ccw_plugin .amber.lighten-5 {
962
- background-color: #fff8e1 !important; }
963
- .ccw_plugin .amber-text.text-lighten-5 {
964
- color: #fff8e1 !important; }
965
- .ccw_plugin .amber.lighten-4 {
966
- background-color: #ffecb3 !important; }
967
- .ccw_plugin .amber-text.text-lighten-4 {
968
- color: #ffecb3 !important; }
969
- .ccw_plugin .amber.lighten-3 {
970
- background-color: #ffe082 !important; }
971
- .ccw_plugin .amber-text.text-lighten-3 {
972
- color: #ffe082 !important; }
973
- .ccw_plugin .amber.lighten-2 {
974
- background-color: #ffd54f !important; }
975
- .ccw_plugin .amber-text.text-lighten-2 {
976
- color: #ffd54f !important; }
977
- .ccw_plugin .amber.lighten-1 {
978
- background-color: #ffca28 !important; }
979
- .ccw_plugin .amber-text.text-lighten-1 {
980
- color: #ffca28 !important; }
981
- .ccw_plugin .amber.darken-1 {
982
- background-color: #ffb300 !important; }
983
- .ccw_plugin .amber-text.text-darken-1 {
984
- color: #ffb300 !important; }
985
- .ccw_plugin .amber.darken-2 {
986
- background-color: #ffa000 !important; }
987
- .ccw_plugin .amber-text.text-darken-2 {
988
- color: #ffa000 !important; }
989
- .ccw_plugin .amber.darken-3 {
990
- background-color: #ff8f00 !important; }
991
- .ccw_plugin .amber-text.text-darken-3 {
992
- color: #ff8f00 !important; }
993
- .ccw_plugin .amber.darken-4 {
994
- background-color: #ff6f00 !important; }
995
- .ccw_plugin .amber-text.text-darken-4 {
996
- color: #ff6f00 !important; }
997
- .ccw_plugin .amber.accent-1 {
998
- background-color: #ffe57f !important; }
999
- .ccw_plugin .amber-text.text-accent-1 {
1000
- color: #ffe57f !important; }
1001
- .ccw_plugin .amber.accent-2 {
1002
- background-color: #ffd740 !important; }
1003
- .ccw_plugin .amber-text.text-accent-2 {
1004
- color: #ffd740 !important; }
1005
- .ccw_plugin .amber.accent-3 {
1006
- background-color: #ffc400 !important; }
1007
- .ccw_plugin .amber-text.text-accent-3 {
1008
- color: #ffc400 !important; }
1009
- .ccw_plugin .amber.accent-4 {
1010
- background-color: #ffab00 !important; }
1011
- .ccw_plugin .amber-text.text-accent-4 {
1012
- color: #ffab00 !important; }
1013
- .ccw_plugin .orange {
1014
- background-color: #ff9800 !important; }
1015
- .ccw_plugin .orange-text {
1016
- color: #ff9800 !important; }
1017
- .ccw_plugin .orange.lighten-5 {
1018
- background-color: #fff3e0 !important; }
1019
- .ccw_plugin .orange-text.text-lighten-5 {
1020
- color: #fff3e0 !important; }
1021
- .ccw_plugin .orange.lighten-4 {
1022
- background-color: #ffe0b2 !important; }
1023
- .ccw_plugin .orange-text.text-lighten-4 {
1024
- color: #ffe0b2 !important; }
1025
- .ccw_plugin .orange.lighten-3 {
1026
- background-color: #ffcc80 !important; }
1027
- .ccw_plugin .orange-text.text-lighten-3 {
1028
- color: #ffcc80 !important; }
1029
- .ccw_plugin .orange.lighten-2 {
1030
- background-color: #ffb74d !important; }
1031
- .ccw_plugin .orange-text.text-lighten-2 {
1032
- color: #ffb74d !important; }
1033
- .ccw_plugin .orange.lighten-1 {
1034
- background-color: #ffa726 !important; }
1035
- .ccw_plugin .orange-text.text-lighten-1 {
1036
- color: #ffa726 !important; }
1037
- .ccw_plugin .orange.darken-1 {
1038
- background-color: #fb8c00 !important; }
1039
- .ccw_plugin .orange-text.text-darken-1 {
1040
- color: #fb8c00 !important; }
1041
- .ccw_plugin .orange.darken-2 {
1042
- background-color: #f57c00 !important; }
1043
- .ccw_plugin .orange-text.text-darken-2 {
1044
- color: #f57c00 !important; }
1045
- .ccw_plugin .orange.darken-3 {
1046
- background-color: #ef6c00 !important; }
1047
- .ccw_plugin .orange-text.text-darken-3 {
1048
- color: #ef6c00 !important; }
1049
- .ccw_plugin .orange.darken-4 {
1050
- background-color: #e65100 !important; }
1051
- .ccw_plugin .orange-text.text-darken-4 {
1052
- color: #e65100 !important; }
1053
- .ccw_plugin .orange.accent-1 {
1054
- background-color: #ffd180 !important; }
1055
- .ccw_plugin .orange-text.text-accent-1 {
1056
- color: #ffd180 !important; }
1057
- .ccw_plugin .orange.accent-2 {
1058
- background-color: #ffab40 !important; }
1059
- .ccw_plugin .orange-text.text-accent-2 {
1060
- color: #ffab40 !important; }
1061
- .ccw_plugin .orange.accent-3 {
1062
- background-color: #ff9100 !important; }
1063
- .ccw_plugin .orange-text.text-accent-3 {
1064
- color: #ff9100 !important; }
1065
- .ccw_plugin .orange.accent-4 {
1066
- background-color: #ff6d00 !important; }
1067
- .ccw_plugin .orange-text.text-accent-4 {
1068
- color: #ff6d00 !important; }
1069
- .ccw_plugin .deep-orange {
1070
- background-color: #ff5722 !important; }
1071
- .ccw_plugin .deep-orange-text {
1072
- color: #ff5722 !important; }
1073
- .ccw_plugin .deep-orange.lighten-5 {
1074
- background-color: #fbe9e7 !important; }
1075
- .ccw_plugin .deep-orange-text.text-lighten-5 {
1076
- color: #fbe9e7 !important; }
1077
- .ccw_plugin .deep-orange.lighten-4 {
1078
- background-color: #ffccbc !important; }
1079
- .ccw_plugin .deep-orange-text.text-lighten-4 {
1080
- color: #ffccbc !important; }
1081
- .ccw_plugin .deep-orange.lighten-3 {
1082
- background-color: #ffab91 !important; }
1083
- .ccw_plugin .deep-orange-text.text-lighten-3 {
1084
- color: #ffab91 !important; }
1085
- .ccw_plugin .deep-orange.lighten-2 {
1086
- background-color: #ff8a65 !important; }
1087
- .ccw_plugin .deep-orange-text.text-lighten-2 {
1088
- color: #ff8a65 !important; }
1089
- .ccw_plugin .deep-orange.lighten-1 {
1090
- background-color: #ff7043 !important; }
1091
- .ccw_plugin .deep-orange-text.text-lighten-1 {
1092
- color: #ff7043 !important; }
1093
- .ccw_plugin .deep-orange.darken-1 {
1094
- background-color: #f4511e !important; }
1095
- .ccw_plugin .deep-orange-text.text-darken-1 {
1096
- color: #f4511e !important; }
1097
- .ccw_plugin .deep-orange.darken-2 {
1098
- background-color: #e64a19 !important; }
1099
- .ccw_plugin .deep-orange-text.text-darken-2 {
1100
- color: #e64a19 !important; }
1101
- .ccw_plugin .deep-orange.darken-3 {
1102
- background-color: #d84315 !important; }
1103
- .ccw_plugin .deep-orange-text.text-darken-3 {
1104
- color: #d84315 !important; }
1105
- .ccw_plugin .deep-orange.darken-4 {
1106
- background-color: #bf360c !important; }
1107
- .ccw_plugin .deep-orange-text.text-darken-4 {
1108
- color: #bf360c !important; }
1109
- .ccw_plugin .deep-orange.accent-1 {
1110
- background-color: #ff9e80 !important; }
1111
- .ccw_plugin .deep-orange-text.text-accent-1 {
1112
- color: #ff9e80 !important; }
1113
- .ccw_plugin .deep-orange.accent-2 {
1114
- background-color: #ff6e40 !important; }
1115
- .ccw_plugin .deep-orange-text.text-accent-2 {
1116
- color: #ff6e40 !important; }
1117
- .ccw_plugin .deep-orange.accent-3 {
1118
- background-color: #ff3d00 !important; }
1119
- .ccw_plugin .deep-orange-text.text-accent-3 {
1120
- color: #ff3d00 !important; }
1121
- .ccw_plugin .deep-orange.accent-4 {
1122
- background-color: #dd2c00 !important; }
1123
- .ccw_plugin .deep-orange-text.text-accent-4 {
1124
- color: #dd2c00 !important; }
1125
- .ccw_plugin .brown {
1126
- background-color: #795548 !important; }
1127
- .ccw_plugin .brown-text {
1128
- color: #795548 !important; }
1129
- .ccw_plugin .brown.lighten-5 {
1130
- background-color: #efebe9 !important; }
1131
- .ccw_plugin .brown-text.text-lighten-5 {
1132
- color: #efebe9 !important; }
1133
- .ccw_plugin .brown.lighten-4 {
1134
- background-color: #d7ccc8 !important; }
1135
- .ccw_plugin .brown-text.text-lighten-4 {
1136
- color: #d7ccc8 !important; }
1137
- .ccw_plugin .brown.lighten-3 {
1138
- background-color: #bcaaa4 !important; }
1139
- .ccw_plugin .brown-text.text-lighten-3 {
1140
- color: #bcaaa4 !important; }
1141
- .ccw_plugin .brown.lighten-2 {
1142
- background-color: #a1887f !important; }
1143
- .ccw_plugin .brown-text.text-lighten-2 {
1144
- color: #a1887f !important; }
1145
- .ccw_plugin .brown.lighten-1 {
1146
- background-color: #8d6e63 !important; }
1147
- .ccw_plugin .brown-text.text-lighten-1 {
1148
- color: #8d6e63 !important; }
1149
- .ccw_plugin .brown.darken-1 {
1150
- background-color: #6d4c41 !important; }
1151
- .ccw_plugin .brown-text.text-darken-1 {
1152
- color: #6d4c41 !important; }
1153
- .ccw_plugin .brown.darken-2 {
1154
- background-color: #5d4037 !important; }
1155
- .ccw_plugin .brown-text.text-darken-2 {
1156
- color: #5d4037 !important; }
1157
- .ccw_plugin .brown.darken-3 {
1158
- background-color: #4e342e !important; }
1159
- .ccw_plugin .brown-text.text-darken-3 {
1160
- color: #4e342e !important; }
1161
- .ccw_plugin .brown.darken-4 {
1162
- background-color: #3e2723 !important; }
1163
- .ccw_plugin .brown-text.text-darken-4 {
1164
- color: #3e2723 !important; }
1165
- .ccw_plugin .blue-grey {
1166
- background-color: #607d8b !important; }
1167
- .ccw_plugin .blue-grey-text {
1168
- color: #607d8b !important; }
1169
- .ccw_plugin .blue-grey.lighten-5 {
1170
- background-color: #eceff1 !important; }
1171
- .ccw_plugin .blue-grey-text.text-lighten-5 {
1172
- color: #eceff1 !important; }
1173
- .ccw_plugin .blue-grey.lighten-4 {
1174
- background-color: #cfd8dc !important; }
1175
- .ccw_plugin .blue-grey-text.text-lighten-4 {
1176
- color: #cfd8dc !important; }
1177
- .ccw_plugin .blue-grey.lighten-3 {
1178
- background-color: #b0bec5 !important; }
1179
- .ccw_plugin .blue-grey-text.text-lighten-3 {
1180
- color: #b0bec5 !important; }
1181
- .ccw_plugin .blue-grey.lighten-2 {
1182
- background-color: #90a4ae !important; }
1183
- .ccw_plugin .blue-grey-text.text-lighten-2 {
1184
- color: #90a4ae !important; }
1185
- .ccw_plugin .blue-grey.lighten-1 {
1186
- background-color: #78909c !important; }
1187
- .ccw_plugin .blue-grey-text.text-lighten-1 {
1188
- color: #78909c !important; }
1189
- .ccw_plugin .blue-grey.darken-1 {
1190
- background-color: #546e7a !important; }
1191
- .ccw_plugin .blue-grey-text.text-darken-1 {
1192
- color: #546e7a !important; }
1193
- .ccw_plugin .blue-grey.darken-2 {
1194
- background-color: #455a64 !important; }
1195
- .ccw_plugin .blue-grey-text.text-darken-2 {
1196
- color: #455a64 !important; }
1197
- .ccw_plugin .blue-grey.darken-3 {
1198
- background-color: #37474f !important; }
1199
- .ccw_plugin .blue-grey-text.text-darken-3 {
1200
- color: #37474f !important; }
1201
- .ccw_plugin .blue-grey.darken-4 {
1202
- background-color: #263238 !important; }
1203
- .ccw_plugin .blue-grey-text.text-darken-4 {
1204
- color: #263238 !important; }
1205
- .ccw_plugin .grey {
1206
- background-color: #9e9e9e !important; }
1207
- .ccw_plugin .grey-text {
1208
- color: #9e9e9e !important; }
1209
- .ccw_plugin .grey.lighten-5 {
1210
- background-color: #fafafa !important; }
1211
- .ccw_plugin .grey-text.text-lighten-5 {
1212
- color: #fafafa !important; }
1213
- .ccw_plugin .grey.lighten-4 {
1214
- background-color: #f5f5f5 !important; }
1215
- .ccw_plugin .grey-text.text-lighten-4 {
1216
- color: #f5f5f5 !important; }
1217
- .ccw_plugin .grey.lighten-3 {
1218
- background-color: #eeeeee !important; }
1219
- .ccw_plugin .grey-text.text-lighten-3 {
1220
- color: #eeeeee !important; }
1221
- .ccw_plugin .grey.lighten-2 {
1222
- background-color: #e0e0e0 !important; }
1223
- .ccw_plugin .grey-text.text-lighten-2 {
1224
- color: #e0e0e0 !important; }
1225
- .ccw_plugin .grey.lighten-1 {
1226
- background-color: #bdbdbd !important; }
1227
- .ccw_plugin .grey-text.text-lighten-1 {
1228
- color: #bdbdbd !important; }
1229
- .ccw_plugin .grey.darken-1 {
1230
- background-color: #757575 !important; }
1231
- .ccw_plugin .grey-text.text-darken-1 {
1232
- color: #757575 !important; }
1233
- .ccw_plugin .grey.darken-2 {
1234
- background-color: #616161 !important; }
1235
- .ccw_plugin .grey-text.text-darken-2 {
1236
- color: #616161 !important; }
1237
- .ccw_plugin .grey.darken-3 {
1238
- background-color: #424242 !important; }
1239
- .ccw_plugin .grey-text.text-darken-3 {
1240
- color: #424242 !important; }
1241
- .ccw_plugin .grey.darken-4 {
1242
- background-color: #212121 !important; }
1243
- .ccw_plugin .grey-text.text-darken-4 {
1244
- color: #212121 !important; }
1245
- .ccw_plugin .black {
1246
- background-color: #000000 !important; }
1247
- .ccw_plugin .black-text {
1248
- color: #000000 !important; }
1249
- .ccw_plugin .white {
1250
- background-color: #FFFFFF !important; }
1251
- .ccw_plugin .white-text {
1252
- color: #FFFFFF !important; }
1253
- .ccw_plugin .transparent {
1254
- background-color: transparent !important; }
1255
- .ccw_plugin .transparent-text {
1256
- color: transparent !important; }
1257
- .ccw_plugin html {
1258
- font-family: sans-serif;
1259
- /* 1 */
1260
- -ms-text-size-adjust: 100%;
1261
- /* 2 */
1262
- -webkit-text-size-adjust: 100%;
1263
- /* 2 */ }
1264
- .ccw_plugin body {
1265
- margin: 0; }
1266
- .ccw_plugin article,
1267
- .ccw_plugin aside,
1268
- .ccw_plugin details,
1269
- .ccw_plugin figcaption,
1270
- .ccw_plugin figure,
1271
- .ccw_plugin footer,
1272
- .ccw_plugin header,
1273
- .ccw_plugin hgroup,
1274
- .ccw_plugin main,
1275
- .ccw_plugin menu,
1276
- .ccw_plugin nav,
1277
- .ccw_plugin section,
1278
- .ccw_plugin summary {
1279
- display: block; }
1280
- .ccw_plugin audio,
1281
- .ccw_plugin canvas,
1282
- .ccw_plugin progress,
1283
- .ccw_plugin video {
1284
- display: inline-block;
1285
- /* 1 */
1286
- vertical-align: baseline;
1287
- /* 2 */ }
1288
- .ccw_plugin audio:not([controls]) {
1289
- display: none;
1290
- height: 0; }
1291
- .ccw_plugin [hidden],
1292
- .ccw_plugin template {
1293
- display: none; }
1294
- .ccw_plugin a {
1295
- background-color: transparent; }
1296
- .ccw_plugin a:active,
1297
- .ccw_plugin a:hover {
1298
- outline: 0; }
1299
- .ccw_plugin abbr[title] {
1300
- border-bottom: 1px dotted; }
1301
- .ccw_plugin b,
1302
- .ccw_plugin strong {
1303
- font-weight: bold; }
1304
- .ccw_plugin dfn {
1305
- font-style: italic; }
1306
- .ccw_plugin h1 {
1307
- font-size: 2em;
1308
- margin: 0.67em 0; }
1309
- .ccw_plugin mark {
1310
- background: #ff0;
1311
- color: #000; }
1312
- .ccw_plugin small {
1313
- font-size: 80%; }
1314
- .ccw_plugin sub,
1315
- .ccw_plugin sup {
1316
- font-size: 75%;
1317
- line-height: 0;
1318
- position: relative;
1319
- vertical-align: baseline; }
1320
- .ccw_plugin sup {
1321
- top: -0.5em; }
1322
- .ccw_plugin sub {
1323
- bottom: -0.25em; }
1324
- .ccw_plugin img {
1325
- border: 0; }
1326
- .ccw_plugin svg:not(:root) {
1327
- overflow: hidden; }
1328
- .ccw_plugin figure {
1329
- margin: 1em 40px; }
1330
- .ccw_plugin hr {
1331
- box-sizing: content-box;
1332
- height: 0; }
1333
- .ccw_plugin pre {
1334
- overflow: auto; }
1335
- .ccw_plugin code,
1336
- .ccw_plugin kbd,
1337
- .ccw_plugin pre,
1338
- .ccw_plugin samp {
1339
- font-family: monospace, monospace;
1340
- font-size: 1em; }
1341
- .ccw_plugin button,
1342
- .ccw_plugin input,
1343
- .ccw_plugin optgroup,
1344
- .ccw_plugin select,
1345
- .ccw_plugin textarea {
1346
- color: inherit;
1347
- /* 1 */
1348
- font: inherit;
1349
- /* 2 */
1350
- margin: 0;
1351
- /* 3 */ }
1352
- .ccw_plugin button {
1353
- overflow: visible; }
1354
- .ccw_plugin button,
1355
- .ccw_plugin select {
1356
- text-transform: none; }
1357
- .ccw_plugin button,
1358
- .ccw_plugin html input[type="button"],
1359
- .ccw_plugin input[type="reset"],
1360
- .ccw_plugin input[type="submit"] {
1361
- -webkit-appearance: button;
1362
- /* 2 */
1363
- cursor: pointer;
1364
- /* 3 */ }
1365
- .ccw_plugin button[disabled],
1366
- .ccw_plugin html input[disabled] {
1367
- cursor: default; }
1368
- .ccw_plugin button::-moz-focus-inner,
1369
- .ccw_plugin input::-moz-focus-inner {
1370
- border: 0;
1371
- padding: 0; }
1372
- .ccw_plugin input {
1373
- line-height: normal; }
1374
- .ccw_plugin input[type="checkbox"],
1375
- .ccw_plugin input[type="radio"] {
1376
- box-sizing: border-box;
1377
- /* 1 */
1378
- padding: 0;
1379
- /* 2 */ }
1380
- .ccw_plugin input[type="number"]::-webkit-inner-spin-button,
1381
- .ccw_plugin input[type="number"]::-webkit-outer-spin-button {
1382
- height: auto; }
1383
- .ccw_plugin input[type="search"] {
1384
- -webkit-appearance: textfield;
1385
- /* 1 */
1386
- box-sizing: content-box;
1387
- /* 2 */ }
1388
- .ccw_plugin input[type="search"]::-webkit-search-cancel-button,
1389
- .ccw_plugin input[type="search"]::-webkit-search-decoration {
1390
- -webkit-appearance: none; }
1391
- .ccw_plugin fieldset {
1392
- border: 1px solid #c0c0c0;
1393
- margin: 0 2px;
1394
- padding: 0.35em 0.625em 0.75em; }
1395
- .ccw_plugin legend {
1396
- border: 0;
1397
- /* 1 */
1398
- padding: 0;
1399
- /* 2 */ }
1400
- .ccw_plugin textarea {
1401
- overflow: auto; }
1402
- .ccw_plugin optgroup {
1403
- font-weight: bold; }
1404
- .ccw_plugin table {
1405
- border-collapse: collapse;
1406
- border-spacing: 0; }
1407
- .ccw_plugin td,
1408
- .ccw_plugin th {
1409
- padding: 0; }
1410
- .ccw_plugin html {
1411
- box-sizing: border-box; }
1412
- .ccw_plugin *, .ccw_plugin *:before, .ccw_plugin *:after {
1413
- box-sizing: inherit; }
1414
- .ccw_plugin ul:not(.browser-default) {
1415
- padding-left: 0;
1416
- list-style-type: none; }
1417
- .ccw_plugin ul:not(.browser-default) > li {
1418
- list-style-type: none; }
1419
- .ccw_plugin a {
1420
- color: #039be5;
1421
- text-decoration: none;
1422
- -webkit-tap-highlight-color: transparent; }
1423
- .ccw_plugin .valign-wrapper {
1424
- display: flex;
1425
- align-items: center; }
1426
- .ccw_plugin .clearfix {
1427
- clear: both; }
1428
- .ccw_plugin .z-depth-0 {
1429
- box-shadow: none !important; }
1430
- .ccw_plugin .z-depth-1, .ccw_plugin .btn, .ccw_plugin .btn-large, .ccw_plugin .btn-floating {
1431
- box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); }
1432
- .ccw_plugin .z-depth-1-half, .ccw_plugin .btn:hover, .ccw_plugin .btn-large:hover, .ccw_plugin .btn-floating:hover {
1433
- box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2); }
1434
- .ccw_plugin .z-depth-2 {
1435
- box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3); }
1436
- .ccw_plugin .z-depth-3 {
1437
- box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.3); }
1438
- .ccw_plugin .z-depth-4 {
1439
- box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.3); }
1440
- .ccw_plugin .z-depth-5 {
1441
- box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.3); }
1442
- .ccw_plugin .hoverable {
1443
- transition: box-shadow .25s; }
1444
- .ccw_plugin .hoverable:hover {
1445
- box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
1446
- .ccw_plugin .divider {
1447
- height: 1px;
1448
- overflow: hidden;
1449
- background-color: #e0e0e0; }
1450
- .ccw_plugin blockquote {
1451
- margin: 20px 0;
1452
- padding-left: 1.5rem;
1453
- border-left: 5px solid #ee6e73; }
1454
- .ccw_plugin i {
1455
- line-height: inherit; }
1456
- .ccw_plugin i.left {
1457
- float: left;
1458
- margin-right: 15px; }
1459
- .ccw_plugin i.right {
1460
- float: right;
1461
- margin-left: 15px; }
1462
- .ccw_plugin i.tiny {
1463
- font-size: 1rem; }
1464
- .ccw_plugin i.small {
1465
- font-size: 2rem; }
1466
- .ccw_plugin i.medium {
1467
- font-size: 4rem; }
1468
- .ccw_plugin i.large {
1469
- font-size: 6rem; }
1470
- .ccw_plugin img.responsive-img,
1471
- .ccw_plugin video.responsive-video {
1472
- max-width: 100%;
1473
- height: auto; }
1474
- .ccw_plugin .pagination li {
1475
- display: inline-block;
1476
- border-radius: 2px;
1477
- text-align: center;
1478
- vertical-align: top;
1479
- height: 30px; }
1480
- .ccw_plugin .pagination li a {
1481
- color: #444;
1482
- display: inline-block;
1483
- font-size: 1.2rem;
1484
- padding: 0 10px;
1485
- line-height: 30px; }
1486
- .ccw_plugin .pagination li.active a {
1487
- color: #fff; }
1488
- .ccw_plugin .pagination li.active {
1489
- background-color: #ee6e73; }
1490
- .ccw_plugin .pagination li.disabled a {
1491
- cursor: default;
1492
- color: #999; }
1493
- .ccw_plugin .pagination li i {
1494
- font-size: 2rem; }
1495
- .ccw_plugin .pagination li.pages ul li {
1496
- display: inline-block;
1497
- float: none; }
1498
- @media only screen and (max-width: 992px) {
1499
- .ccw_plugin .pagination {
1500
- width: 100%; }
1501
- .ccw_plugin .pagination li.prev,
1502
- .ccw_plugin .pagination li.next {
1503
- width: 10%; }
1504
- .ccw_plugin .pagination li.pages {
1505
- width: 80%;
1506
- overflow: hidden;
1507
- white-space: nowrap; } }
1508
- .ccw_plugin .breadcrumb {
1509
- font-size: 18px;
1510
- color: rgba(255, 255, 255, 0.7); }
1511
- .ccw_plugin .breadcrumb i,
1512
- .ccw_plugin .breadcrumb [class^="mdi-"], .ccw_plugin .breadcrumb [class*="mdi-"],
1513
- .ccw_plugin .breadcrumb i.material-icons {
1514
- display: inline-block;
1515
- float: left;
1516
- font-size: 24px; }
1517
- .ccw_plugin .breadcrumb:before {
1518
- content: '\E5CC';
1519
- color: rgba(255, 255, 255, 0.7);
1520
- vertical-align: top;
1521
- display: inline-block;
1522
- font-family: 'Material Icons';
1523
- font-weight: normal;
1524
- font-style: normal;
1525
- font-size: 25px;
1526
- margin: 0 10px 0 8px;
1527
- -webkit-font-smoothing: antialiased; }
1528
- .ccw_plugin .breadcrumb:first-child:before {
1529
- display: none; }
1530
- .ccw_plugin .breadcrumb:last-child {
1531
- color: #fff; }
1532
- .ccw_plugin .parallax-container {
1533
- position: relative;
1534
- overflow: hidden;
1535
- height: 500px; }
1536
- .ccw_plugin .parallax-container .parallax {
1537
- position: absolute;
1538
- top: 0;
1539
- left: 0;
1540
- right: 0;
1541
- bottom: 0;
1542
- z-index: -1; }
1543
- .ccw_plugin .parallax-container .parallax img {
1544
- display: none;
1545
- position: absolute;
1546
- left: 50%;
1547
- bottom: 0;
1548
- min-width: 100%;
1549
- min-height: 100%;
1550
- transform: translate3d(0, 0, 0);
1551
- transform: translateX(-50%); }
1552
- .ccw_plugin .pin-top, .ccw_plugin .pin-bottom {
1553
- position: relative; }
1554
- .ccw_plugin .pinned {
1555
- position: fixed !important; }
1556
- .ccw_plugin ul.staggered-list li {
1557
- opacity: 0; }
1558
- .ccw_plugin .fade-in {
1559
- opacity: 0;
1560
- transform-origin: 0 50%; }
1561
- @media only screen and (max-width: 600px) {
1562
- .ccw_plugin .hide-on-small-only, .ccw_plugin .hide-on-small-and-down {
1563
- display: none !important; } }
1564
- @media only screen and (max-width: 992px) {
1565
- .ccw_plugin .hide-on-med-and-down {
1566
- display: none !important; } }
1567
- @media only screen and (min-width: 601px) {
1568
- .ccw_plugin .hide-on-med-and-up {
1569
- display: none !important; } }
1570
- @media only screen and (min-width: 600px) and (max-width: 992px) {
1571
- .ccw_plugin .hide-on-med-only {
1572
- display: none !important; } }
1573
- @media only screen and (min-width: 993px) {
1574
- .ccw_plugin .hide-on-large-only {
1575
- display: none !important; } }
1576
- @media only screen and (min-width: 993px) {
1577
- .ccw_plugin .show-on-large {
1578
- display: block !important; } }
1579
- @media only screen and (min-width: 600px) and (max-width: 992px) {
1580
- .ccw_plugin .show-on-medium {
1581
- display: block !important; } }
1582
- @media only screen and (max-width: 600px) {
1583
- .ccw_plugin .show-on-small {
1584
- display: block !important; } }
1585
- @media only screen and (min-width: 601px) {
1586
- .ccw_plugin .show-on-medium-and-up {
1587
- display: block !important; } }
1588
- @media only screen and (max-width: 992px) {
1589
- .ccw_plugin .show-on-medium-and-down {
1590
- display: block !important; } }
1591
- @media only screen and (max-width: 600px) {
1592
- .ccw_plugin .center-on-small-only {
1593
- text-align: center; } }
1594
- .ccw_plugin .page-footer {
1595
- padding-top: 20px;
1596
- color: #fff;
1597
- background-color: #ee6e73; }
1598
- .ccw_plugin .page-footer .footer-copyright {
1599
- overflow: hidden;
1600
- min-height: 50px;
1601
- display: flex;
1602
- align-items: center;
1603
- padding: 10px 0px;
1604
- color: rgba(255, 255, 255, 0.8);
1605
- background-color: rgba(51, 51, 51, 0.08); }
1606
- .ccw_plugin table, .ccw_plugin th, .ccw_plugin td {
1607
- border: none; }
1608
- .ccw_plugin table {
1609
- width: 100%;
1610
- display: table; }
1611
- .ccw_plugin table.bordered > thead > tr,
1612
- .ccw_plugin table.bordered > tbody > tr {
1613
- border-bottom: 1px solid #d0d0d0; }
1614
- .ccw_plugin table.striped > tbody > tr:nth-child(odd) {
1615
- background-color: #f2f2f2; }
1616
- .ccw_plugin table.striped > tbody > tr > td {
1617
- border-radius: 0; }
1618
- .ccw_plugin table.highlight > tbody > tr {
1619
- transition: background-color .25s ease; }
1620
- .ccw_plugin table.highlight > tbody > tr:hover {
1621
- background-color: #f2f2f2; }
1622
- .ccw_plugin table.centered thead tr th, .ccw_plugin table.centered tbody tr td {
1623
- text-align: center; }
1624
- .ccw_plugin thead {
1625
- border-bottom: 1px solid #d0d0d0; }
1626
- .ccw_plugin td, .ccw_plugin th {
1627
- padding: 15px 5px;
1628
- display: table-cell;
1629
- text-align: left;
1630
- vertical-align: middle;
1631
- border-radius: 2px; }
1632
- @media only screen and (max-width: 992px) {
1633
- .ccw_plugin table.responsive-table {
1634
- width: 100%;
1635
- border-collapse: collapse;
1636
- border-spacing: 0;
1637
- display: block;
1638
- position: relative;
1639
- /* sort out borders */ }
1640
- .ccw_plugin table.responsive-table td:empty:before {
1641
- content: '\A0'; }
1642
- .ccw_plugin table.responsive-table th,
1643
- .ccw_plugin table.responsive-table td {
1644
- margin: 0;
1645
- vertical-align: top; }
1646
- .ccw_plugin table.responsive-table th {
1647
- text-align: left; }
1648
- .ccw_plugin table.responsive-table thead {
1649
- display: block;
1650
- float: left; }
1651
- .ccw_plugin table.responsive-table thead tr {
1652
- display: block;
1653
- padding: 0 10px 0 0; }
1654
- .ccw_plugin table.responsive-table thead tr th::before {
1655
- content: "\A0"; }
1656
- .ccw_plugin table.responsive-table tbody {
1657
- display: block;
1658
- width: auto;
1659
- position: relative;
1660
- overflow-x: auto;
1661
- white-space: nowrap; }
1662
- .ccw_plugin table.responsive-table tbody tr {
1663
- display: inline-block;
1664
- vertical-align: top; }
1665
- .ccw_plugin table.responsive-table th {
1666
- display: block;
1667
- text-align: right; }
1668
- .ccw_plugin table.responsive-table td {
1669
- display: block;
1670
- min-height: 1.25em;
1671
- text-align: left; }
1672
- .ccw_plugin table.responsive-table tr {
1673
- padding: 0 10px; }
1674
- .ccw_plugin table.responsive-table thead {
1675
- border: 0;
1676
- border-right: 1px solid #d0d0d0; }
1677
- .ccw_plugin table.responsive-table.bordered th {
1678
- border-bottom: 0;
1679
- border-left: 0; }
1680
- .ccw_plugin table.responsive-table.bordered td {
1681
- border-left: 0;
1682
- border-right: 0;
1683
- border-bottom: 0; }
1684
- .ccw_plugin table.responsive-table.bordered tr {
1685
- border: 0; }
1686
- .ccw_plugin table.responsive-table.bordered tbody tr {
1687
- border-right: 1px solid #d0d0d0; } }
1688
- .ccw_plugin .collection {
1689
- margin: 0.5rem 0 1rem 0;
1690
- border: 1px solid #e0e0e0;
1691
- border-radius: 2px;
1692
- overflow: hidden;
1693
- position: relative; }
1694
- .ccw_plugin .collection .collection-item {
1695
- background-color: #fff;
1696
- line-height: 1.5rem;
1697
- padding: 10px 20px;
1698
- margin: 0;
1699
- border-bottom: 1px solid #e0e0e0; }
1700
- .ccw_plugin .collection .collection-item.avatar {
1701
- min-height: 84px;
1702
- padding-left: 72px;
1703
- position: relative; }
1704
- .ccw_plugin .collection .collection-item.avatar:not(.circle-clipper) > .circle,
1705
- .ccw_plugin .collection .collection-item.avatar :not(.circle-clipper) > .circle {
1706
- position: absolute;
1707
- width: 42px;
1708
- height: 42px;
1709
- overflow: hidden;
1710
- left: 15px;
1711
- display: inline-block;
1712
- vertical-align: middle; }
1713
- .ccw_plugin .collection .collection-item.avatar i.circle {
1714
- font-size: 18px;
1715
- line-height: 42px;
1716
- color: #fff;
1717
- background-color: #999;
1718
- text-align: center; }
1719
- .ccw_plugin .collection .collection-item.avatar .title {
1720
- font-size: 16px; }
1721
- .ccw_plugin .collection .collection-item.avatar p {
1722
- margin: 0; }
1723
- .ccw_plugin .collection .collection-item.avatar .secondary-content {
1724
- position: absolute;
1725
- top: 16px;
1726
- right: 16px; }
1727
- .ccw_plugin .collection .collection-item:last-child {
1728
- border-bottom: none; }
1729
- .ccw_plugin .collection .collection-item.active {
1730
- background-color: #26a69a;
1731
- color: #eafaf9; }
1732
- .ccw_plugin .collection .collection-item.active .secondary-content {
1733
- color: #fff; }
1734
- .ccw_plugin .collection a.collection-item {
1735
- display: block;
1736
- transition: .25s;
1737
- color: #26a69a; }
1738
- .ccw_plugin .collection a.collection-item:not(.active):hover {
1739
- background-color: #ddd; }
1740
- .ccw_plugin .collection.with-header .collection-header {
1741
- background-color: #fff;
1742
- border-bottom: 1px solid #e0e0e0;
1743
- padding: 10px 20px; }
1744
- .ccw_plugin .collection.with-header .collection-item {
1745
- padding-left: 30px; }
1746
- .ccw_plugin .collection.with-header .collection-item.avatar {
1747
- padding-left: 72px; }
1748
- .ccw_plugin .secondary-content {
1749
- float: right;
1750
- color: #26a69a; }
1751
- .ccw_plugin .collapsible .collection {
1752
- margin: 0;
1753
- border: none; }
1754
- .ccw_plugin .video-container {
1755
- position: relative;
1756
- padding-bottom: 56.25%;
1757
- height: 0;
1758
- overflow: hidden; }
1759
- .ccw_plugin .video-container iframe, .ccw_plugin .video-container object, .ccw_plugin .video-container embed {
1760
- position: absolute;
1761
- top: 0;
1762
- left: 0;
1763
- width: 100%;
1764
- height: 100%; }
1765
- .ccw_plugin .progress {
1766
- position: relative;
1767
- height: 4px;
1768
- display: block;
1769
- width: 100%;
1770
- background-color: #acece6;
1771
- border-radius: 2px;
1772
- margin: 0.5rem 0 1rem 0;
1773
- overflow: hidden; }
1774
- .ccw_plugin .progress .determinate {
1775
- position: absolute;
1776
- top: 0;
1777
- left: 0;
1778
- bottom: 0;
1779
- background-color: #26a69a;
1780
- transition: width .3s linear; }
1781
- .ccw_plugin .progress .indeterminate {
1782
- background-color: #26a69a; }
1783
- .ccw_plugin .progress .indeterminate:before {
1784
- content: '';
1785
- position: absolute;
1786
- background-color: inherit;
1787
- top: 0;
1788
- left: 0;
1789
- bottom: 0;
1790
- will-change: left, right;
1791
- animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; }
1792
- .ccw_plugin .progress .indeterminate:after {
1793
- content: '';
1794
- position: absolute;
1795
- background-color: inherit;
1796
- top: 0;
1797
- left: 0;
1798
- bottom: 0;
1799
- will-change: left, right;
1800
- animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
1801
- animation-delay: 1.15s; }
1802
-
1803
- @keyframes indeterminate {
1804
- 0% {
1805
- left: -35%;
1806
- right: 100%; }
1807
- 60% {
1808
- left: 100%;
1809
- right: -90%; }
1810
- 100% {
1811
- left: 100%;
1812
- right: -90%; } }
1813
-
1814
- @keyframes indeterminate-short {
1815
- 0% {
1816
- left: -200%;
1817
- right: 100%; }
1818
- 60% {
1819
- left: 107%;
1820
- right: -8%; }
1821
- 100% {
1822
- left: 107%;
1823
- right: -8%; } }
1824
- .ccw_plugin .hide {
1825
- display: none !important; }
1826
- .ccw_plugin .left-align {
1827
- text-align: left; }
1828
- .ccw_plugin .right-align {
1829
- text-align: right; }
1830
- .ccw_plugin .center, .ccw_plugin .center-align {
1831
- text-align: center; }
1832
- .ccw_plugin .left {
1833
- float: left !important; }
1834
- .ccw_plugin .right {
1835
- float: right !important; }
1836
- .ccw_plugin .no-select {
1837
- user-select: none; }
1838
- .ccw_plugin .circle {
1839
- border-radius: 50%; }
1840
- .ccw_plugin .center-block {
1841
- display: block;
1842
- margin-left: auto;
1843
- margin-right: auto; }
1844
- .ccw_plugin .truncate {
1845
- display: block;
1846
- white-space: nowrap;
1847
- overflow: hidden;
1848
- text-overflow: ellipsis; }
1849
- .ccw_plugin .no-padding {
1850
- padding: 0 !important; }
1851
- .ccw_plugin a {
1852
- text-decoration: none; }
1853
- .ccw_plugin html {
1854
- line-height: 1.5;
1855
- font-family: "Roboto", sans-serif;
1856
- font-weight: normal;
1857
- color: rgba(0, 0, 0, 0.87); }
1858
- @media only screen and (min-width: 0) {
1859
- .ccw_plugin html {
1860
- font-size: 14px; } }
1861
- @media only screen and (min-width: 992px) {
1862
- .ccw_plugin html {
1863
- font-size: 14.5px; } }
1864
- @media only screen and (min-width: 1200px) {
1865
- .ccw_plugin html {
1866
- font-size: 15px; } }
1867
- .ccw_plugin h1, .ccw_plugin h2, .ccw_plugin h3, .ccw_plugin h4, .ccw_plugin h5, .ccw_plugin h6 {
1868
- font-weight: 400;
1869
- line-height: 1.1; }
1870
- .ccw_plugin h1 a, .ccw_plugin h2 a, .ccw_plugin h3 a, .ccw_plugin h4 a, .ccw_plugin h5 a, .ccw_plugin h6 a {
1871
- font-weight: inherit; }
1872
- .ccw_plugin h1 {
1873
- font-size: 4.2rem;
1874
- line-height: 110%;
1875
- margin: 2.1rem 0 1.68rem 0; }
1876
- .ccw_plugin h2 {
1877
- font-size: 3.56rem;
1878
- line-height: 110%;
1879
- margin: 1.78rem 0 1.424rem 0; }
1880
- .ccw_plugin h3 {
1881
- font-size: 2.92rem;
1882
- line-height: 110%;
1883
- margin: 1.46rem 0 1.168rem 0; }
1884
- .ccw_plugin h4 {
1885
- font-size: 2.28rem;
1886
- line-height: 110%;
1887
- margin: 1.14rem 0 0.912rem 0; }
1888
- .ccw_plugin h5 {
1889
- font-size: 1.64rem;
1890
- line-height: 110%;
1891
- margin: 0.82rem 0 0.656rem 0; }
1892
- .ccw_plugin h6 {
1893
- font-size: 1rem;
1894
- line-height: 110%;
1895
- margin: 0.5rem 0 0.4rem 0; }
1896
- .ccw_plugin em {
1897
- font-style: italic; }
1898
- .ccw_plugin strong {
1899
- font-weight: 500; }
1900
- .ccw_plugin small {
1901
- font-size: 75%; }
1902
- .ccw_plugin .light, .ccw_plugin .page-footer .footer-copyright {
1903
- font-weight: 300; }
1904
- .ccw_plugin .thin {
1905
- font-weight: 200; }
1906
- .ccw_plugin .flow-text {
1907
- font-weight: 300; }
1908
- @media only screen and (min-width: 360px) {
1909
- .ccw_plugin .flow-text {
1910
- font-size: 1.2rem; } }
1911
- @media only screen and (min-width: 390px) {
1912
- .ccw_plugin .flow-text {
1913
- font-size: 1.224rem; } }
1914
- @media only screen and (min-width: 420px) {
1915
- .ccw_plugin .flow-text {
1916
- font-size: 1.248rem; } }
1917
- @media only screen and (min-width: 450px) {
1918
- .ccw_plugin .flow-text {
1919
- font-size: 1.272rem; } }
1920
- @media only screen and (min-width: 480px) {
1921
- .ccw_plugin .flow-text {
1922
- font-size: 1.296rem; } }
1923
- @media only screen and (min-width: 510px) {
1924
- .ccw_plugin .flow-text {
1925
- font-size: 1.32rem; } }
1926
- @media only screen and (min-width: 540px) {
1927
- .ccw_plugin .flow-text {
1928
- font-size: 1.344rem; } }
1929
- @media only screen and (min-width: 570px) {
1930
- .ccw_plugin .flow-text {
1931
- font-size: 1.368rem; } }
1932
- @media only screen and (min-width: 600px) {
1933
- .ccw_plugin .flow-text {
1934
- font-size: 1.392rem; } }
1935
- @media only screen and (min-width: 630px) {
1936
- .ccw_plugin .flow-text {
1937
- font-size: 1.416rem; } }
1938
- @media only screen and (min-width: 660px) {
1939
- .ccw_plugin .flow-text {
1940
- font-size: 1.44rem; } }
1941
- @media only screen and (min-width: 690px) {
1942
- .ccw_plugin .flow-text {
1943
- font-size: 1.464rem; } }
1944
- @media only screen and (min-width: 720px) {
1945
- .ccw_plugin .flow-text {
1946
- font-size: 1.488rem; } }
1947
- @media only screen and (min-width: 750px) {
1948
- .ccw_plugin .flow-text {
1949
- font-size: 1.512rem; } }
1950
- @media only screen and (min-width: 780px) {
1951
- .ccw_plugin .flow-text {
1952
- font-size: 1.536rem; } }
1953
- @media only screen and (min-width: 810px) {
1954
- .ccw_plugin .flow-text {
1955
- font-size: 1.56rem; } }
1956
- @media only screen and (min-width: 840px) {
1957
- .ccw_plugin .flow-text {
1958
- font-size: 1.584rem; } }
1959
- @media only screen and (min-width: 870px) {
1960
- .ccw_plugin .flow-text {
1961
- font-size: 1.608rem; } }
1962
- @media only screen and (min-width: 900px) {
1963
- .ccw_plugin .flow-text {
1964
- font-size: 1.632rem; } }
1965
- @media only screen and (min-width: 930px) {
1966
- .ccw_plugin .flow-text {
1967
- font-size: 1.656rem; } }
1968
- @media only screen and (min-width: 960px) {
1969
- .ccw_plugin .flow-text {
1970
- font-size: 1.68rem; } }
1971
- @media only screen and (max-width: 360px) {
1972
- .ccw_plugin .flow-text {
1973
- font-size: 1.2rem; } }
1974
- .ccw_plugin .scale-transition {
1975
- transition: transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important; }
1976
- .ccw_plugin .scale-transition.scale-out {
1977
- transform: scale(0);
1978
- transition: transform .2s !important; }
1979
- .ccw_plugin .scale-transition.scale-in {
1980
- transform: scale(1); }
1981
- .ccw_plugin .btn, .ccw_plugin .btn-large,
1982
- .ccw_plugin .btn-flat {
1983
- border: none;
1984
- border-radius: 2px;
1985
- display: inline-block;
1986
- height: 36px;
1987
- line-height: 36px;
1988
- padding: 0 2rem;
1989
- text-transform: uppercase;
1990
- vertical-align: middle;
1991
- -webkit-tap-highlight-color: transparent; }
1992
- .ccw_plugin .btn.disabled, .ccw_plugin .disabled.btn-large,
1993
- .ccw_plugin .btn-floating.disabled,
1994
- .ccw_plugin .btn-large.disabled,
1995
- .ccw_plugin .btn-flat.disabled,
1996
- .ccw_plugin .btn:disabled, .ccw_plugin .btn-large:disabled,
1997
- .ccw_plugin .btn-floating:disabled,
1998
- .ccw_plugin .btn-large:disabled,
1999
- .ccw_plugin .btn-flat:disabled,
2000
- .ccw_plugin .btn[disabled], .ccw_plugin [disabled].btn-large,
2001
- .ccw_plugin .btn-floating[disabled],
2002
- .ccw_plugin .btn-large[disabled],
2003
- .ccw_plugin .btn-flat[disabled] {
2004
- pointer-events: none;
2005
- background-color: #DFDFDF !important;
2006
- box-shadow: none;
2007
- color: #9F9F9F !important;
2008
- cursor: default; }
2009
- .ccw_plugin .btn.disabled:hover, .ccw_plugin .disabled.btn-large:hover,
2010
- .ccw_plugin .btn-floating.disabled:hover,
2011
- .ccw_plugin .btn-large.disabled:hover,
2012
- .ccw_plugin .btn-flat.disabled:hover,
2013
- .ccw_plugin .btn:disabled:hover, .ccw_plugin .btn-large:disabled:hover,
2014
- .ccw_plugin .btn-floating:disabled:hover,
2015
- .ccw_plugin .btn-large:disabled:hover,
2016
- .ccw_plugin .btn-flat:disabled:hover,
2017
- .ccw_plugin .btn[disabled]:hover, .ccw_plugin [disabled].btn-large:hover,
2018
- .ccw_plugin .btn-floating[disabled]:hover,
2019
- .ccw_plugin .btn-large[disabled]:hover,
2020
- .ccw_plugin .btn-flat[disabled]:hover {
2021
- background-color: #DFDFDF !important;
2022
- color: #9F9F9F !important; }
2023
- .ccw_plugin .btn, .ccw_plugin .btn-large,
2024
- .ccw_plugin .btn-floating,
2025
- .ccw_plugin .btn-large,
2026
- .ccw_plugin .btn-flat {
2027
- font-size: 1rem;
2028
- outline: 0; }
2029
- .ccw_plugin .btn i, .ccw_plugin .btn-large i,
2030
- .ccw_plugin .btn-floating i,
2031
- .ccw_plugin .btn-large i,
2032
- .ccw_plugin .btn-flat i {
2033
- font-size: 1.3rem;
2034
- line-height: inherit; }
2035
- .ccw_plugin .btn:focus, .ccw_plugin .btn-large:focus,
2036
- .ccw_plugin .btn-floating:focus {
2037
- background-color: #1d7d74; }
2038
- .ccw_plugin .btn, .ccw_plugin .btn-large {
2039
- text-decoration: none;
2040
- color: #fff;
2041
- background-color: #26a69a;
2042
- text-align: center;
2043
- letter-spacing: .5px;
2044
- transition: .2s ease-out;
2045
- cursor: pointer; }
2046
- .ccw_plugin .btn:hover, .ccw_plugin .btn-large:hover {
2047
- background-color: #2bbbad; }
2048
- .ccw_plugin .btn-floating {
2049
- display: inline-block;
2050
- color: #fff;
2051
- position: relative;
2052
- overflow: hidden;
2053
- z-index: 1;
2054
- width: 40px;
2055
- height: 40px;
2056
- line-height: 40px;
2057
- padding: 0;
2058
- background-color: #26a69a;
2059
- border-radius: 50%;
2060
- transition: .3s;
2061
- cursor: pointer;
2062
- vertical-align: middle; }
2063
- .ccw_plugin .btn-floating:hover {
2064
- background-color: #26a69a; }
2065
- .ccw_plugin .btn-floating:before {
2066
- border-radius: 0; }
2067
- .ccw_plugin .btn-floating.btn-large {
2068
- width: 56px;
2069
- height: 56px; }
2070
- .ccw_plugin .btn-floating.btn-large.halfway-fab {
2071
- bottom: -28px; }
2072
- .ccw_plugin .btn-floating.btn-large i {
2073
- line-height: 56px; }
2074
- .ccw_plugin .btn-floating.halfway-fab {
2075
- position: absolute;
2076
- right: 24px;
2077
- bottom: -20px; }
2078
- .ccw_plugin .btn-floating.halfway-fab.left {
2079
- right: auto;
2080
- left: 24px; }
2081
- .ccw_plugin .btn-floating i {
2082
- width: inherit;
2083
- display: inline-block;
2084
- text-align: center;
2085
- color: #fff;
2086
- font-size: 1.6rem;
2087
- line-height: 40px; }
2088
- .ccw_plugin button.btn-floating {
2089
- border: none; }
2090
- .ccw_plugin .fixed-action-btn {
2091
- position: fixed;
2092
- right: 23px;
2093
- bottom: 23px;
2094
- padding-top: 15px;
2095
- margin-bottom: 0;
2096
- z-index: 997; }
2097
- .ccw_plugin .fixed-action-btn.active ul {
2098
- visibility: visible; }
2099
- .ccw_plugin .fixed-action-btn.horizontal {
2100
- padding: 0 0 0 15px; }
2101
- .ccw_plugin .fixed-action-btn.horizontal ul {
2102
- text-align: right;
2103
- right: 64px;
2104
- top: 50%;
2105
- transform: translateY(-50%);
2106
- height: 100%;
2107
- left: auto;
2108
- width: 500px;
2109
- /*width 100% only goes to width of button container */ }
2110
- .ccw_plugin .fixed-action-btn.horizontal ul li {
2111
- display: inline-block;
2112
- margin: 15px 15px 0 0; }
2113
- .ccw_plugin .fixed-action-btn.toolbar {
2114
- padding: 0;
2115
- height: 56px; }
2116
- .ccw_plugin .fixed-action-btn.toolbar.active > a i {
2117
- opacity: 0; }
2118
- .ccw_plugin .fixed-action-btn.toolbar ul {
2119
- display: flex;
2120
- top: 0;
2121
- bottom: 0;
2122
- z-index: 1; }
2123
- .ccw_plugin .fixed-action-btn.toolbar ul li {
2124
- flex: 1;
2125
- display: inline-block;
2126
- margin: 0;
2127
- height: 100%;
2128
- transition: none; }
2129
- .ccw_plugin .fixed-action-btn.toolbar ul li a {
2130
- display: block;
2131
- overflow: hidden;
2132
- position: relative;
2133
- width: 100%;
2134
- height: 100%;
2135
- background-color: transparent;
2136
- box-shadow: none;
2137
- color: #fff;
2138
- line-height: 56px;
2139
- z-index: 1; }
2140
- .ccw_plugin .fixed-action-btn.toolbar ul li a i {
2141
- line-height: inherit; }
2142
- .ccw_plugin .fixed-action-btn ul {
2143
- left: 0;
2144
- right: 0;
2145
- text-align: center;
2146
- position: absolute;
2147
- bottom: 64px;
2148
- margin: 0;
2149
- visibility: hidden; }
2150
- .ccw_plugin .fixed-action-btn ul li {
2151
- margin-bottom: 15px; }
2152
- .ccw_plugin .fixed-action-btn ul a.btn-floating {
2153
- opacity: 0; }
2154
- .ccw_plugin .fixed-action-btn .fab-backdrop {
2155
- position: absolute;
2156
- top: 0;
2157
- left: 0;
2158
- z-index: -1;
2159
- width: 40px;
2160
- height: 40px;
2161
- background-color: #26a69a;
2162
- border-radius: 50%;
2163
- transform: scale(0); }
2164
- .ccw_plugin .btn-flat {
2165
- box-shadow: none;
2166
- background-color: transparent;
2167
- color: #343434;
2168
- cursor: pointer;
2169
- transition: background-color .2s; }
2170
- .ccw_plugin .btn-flat:focus, .ccw_plugin .btn-flat:hover {
2171
- box-shadow: none; }
2172
- .ccw_plugin .btn-flat:focus {
2173
- background-color: rgba(0, 0, 0, 0.1); }
2174
- .ccw_plugin .btn-flat.disabled {
2175
- background-color: transparent !important;
2176
- color: #b3b3b3 !important;
2177
- cursor: default; }
2178
- .ccw_plugin .btn-large {
2179
- height: 54px;
2180
- line-height: 54px; }
2181
- .ccw_plugin .btn-large i {
2182
- font-size: 1.6rem; }
2183
- .ccw_plugin .btn-block {
2184
- display: block; }
2185
- .ccw_plugin .chip {
2186
- display: inline-block;
2187
- height: 32px;
2188
- font-size: 13px;
2189
- font-weight: 500;
2190
- color: rgba(0, 0, 0, 0.6);
2191
- line-height: 32px;
2192
- padding: 0 12px;
2193
- border-radius: 16px;
2194
- background-color: #e4e4e4;
2195
- margin-bottom: 5px;
2196
- margin-right: 5px; }
2197
- .ccw_plugin .chip > img {
2198
- float: left;
2199
- margin: 0 8px 0 -12px;
2200
- height: 32px;
2201
- width: 32px;
2202
- border-radius: 50%; }
2203
- .ccw_plugin .chip .close {
2204
- cursor: pointer;
2205
- float: right;
2206
- font-size: 16px;
2207
- line-height: 32px;
2208
- padding-left: 8px; }
2209
- .ccw_plugin .chips {
2210
- border: none;
2211
- border-bottom: 1px solid #9e9e9e;
2212
- box-shadow: none;
2213
- margin: 0 0 20px 0;
2214
- min-height: 45px;
2215
- outline: none;
2216
- transition: all .3s; }
2217
- .ccw_plugin .chips.focus {
2218
- border-bottom: 1px solid #26a69a;
2219
- box-shadow: 0 1px 0 0 #26a69a; }
2220
- .ccw_plugin .chips:hover {
2221
- cursor: text; }
2222
- .ccw_plugin .chips .chip.selected {
2223
- background-color: #26a69a;
2224
- color: #fff; }
2225
- .ccw_plugin .chips .input {
2226
- background: none;
2227
- border: 0;
2228
- color: rgba(0, 0, 0, 0.6);
2229
- display: inline-block;
2230
- font-size: 1rem;
2231
- height: 3rem;
2232
- line-height: 32px;
2233
- outline: 0;
2234
- margin: 0;
2235
- padding: 0 !important;
2236
- width: 120px !important; }
2237
- .ccw_plugin .chips .input:focus {
2238
- border: 0 !important;
2239
- box-shadow: none !important; }
2240
- .ccw_plugin .chips .autocomplete-content {
2241
- margin-top: 0;
2242
- margin-bottom: 0; }
2243
- .ccw_plugin .prefix ~ .chips {
2244
- margin-left: 3rem;
2245
- width: 92%;
2246
- width: calc(100% - 3rem); }
2247
- .ccw_plugin .chips:empty ~ label {
2248
- font-size: 0.8rem;
2249
- transform: translateY(-140%); }
2250
- .ccw_plugin select:focus {
2251
- outline: 1px solid #c9f3ef; }
2252
- .ccw_plugin button:focus {
2253
- outline: none;
2254
- background-color: #2ab7a9; }
2255
- .ccw_plugin label {
2256
- font-size: 0.8rem;
2257
- color: #9e9e9e; }
2258
- .ccw_plugin ::placeholder {
2259
- color: #d1d1d1; }
2260
- .ccw_plugin input:not([type]),
2261
- .ccw_plugin input[type=text]:not(.browser-default),
2262
- .ccw_plugin input[type=password]:not(.browser-default),
2263
- .ccw_plugin input[type=email]:not(.browser-default),
2264
- .ccw_plugin input[type=url]:not(.browser-default),
2265
- .ccw_plugin input[type=time]:not(.browser-default),
2266
- .ccw_plugin input[type=date]:not(.browser-default),
2267
- .ccw_plugin input[type=datetime]:not(.browser-default),
2268
- .ccw_plugin input[type=datetime-local]:not(.browser-default),
2269
- .ccw_plugin input[type=tel]:not(.browser-default),
2270
- .ccw_plugin input[type=number]:not(.browser-default),
2271
- .ccw_plugin input[type=search]:not(.browser-default),
2272
- .ccw_plugin textarea.materialize-textarea {
2273
- background-color: transparent;
2274
- border: none;
2275
- border-bottom: 1px solid #9e9e9e;
2276
- border-radius: 0;
2277
- outline: none;
2278
- height: 3rem;
2279
- width: 100%;
2280
- font-size: 1rem;
2281
- margin: 0 0 20px 0;
2282
- padding: 0;
2283
- box-shadow: none;
2284
- box-sizing: content-box;
2285
- transition: all 0.3s; }
2286
- .ccw_plugin input:not([type]):disabled, .ccw_plugin input:not([type])[readonly="readonly"],
2287
- .ccw_plugin input[type=text]:not(.browser-default):disabled,
2288
- .ccw_plugin input[type=text]:not(.browser-default)[readonly="readonly"],
2289
- .ccw_plugin input[type=password]:not(.browser-default):disabled,
2290
- .ccw_plugin input[type=password]:not(.browser-default)[readonly="readonly"],
2291
- .ccw_plugin input[type=email]:not(.browser-default):disabled,
2292
- .ccw_plugin input[type=email]:not(.browser-default)[readonly="readonly"],
2293
- .ccw_plugin input[type=url]:not(.browser-default):disabled,
2294
- .ccw_plugin input[type=url]:not(.browser-default)[readonly="readonly"],
2295
- .ccw_plugin input[type=time]:not(.browser-default):disabled,
2296
- .ccw_plugin input[type=time]:not(.browser-default)[readonly="readonly"],
2297
- .ccw_plugin input[type=date]:not(.browser-default):disabled,
2298
- .ccw_plugin input[type=date]:not(.browser-default)[readonly="readonly"],
2299
- .ccw_plugin input[type=datetime]:not(.browser-default):disabled,
2300
- .ccw_plugin input[type=datetime]:not(.browser-default)[readonly="readonly"],
2301
- .ccw_plugin input[type=datetime-local]:not(.browser-default):disabled,
2302
- .ccw_plugin input[type=datetime-local]:not(.browser-default)[readonly="readonly"],
2303
- .ccw_plugin input[type=tel]:not(.browser-default):disabled,
2304
- .ccw_plugin input[type=tel]:not(.browser-default)[readonly="readonly"],
2305
- .ccw_plugin input[type=number]:not(.browser-default):disabled,
2306
- .ccw_plugin input[type=number]:not(.browser-default)[readonly="readonly"],
2307
- .ccw_plugin input[type=search]:not(.browser-default):disabled,
2308
- .ccw_plugin input[type=search]:not(.browser-default)[readonly="readonly"],
2309
- .ccw_plugin textarea.materialize-textarea:disabled,
2310
- .ccw_plugin textarea.materialize-textarea[readonly="readonly"] {
2311
- color: rgba(0, 0, 0, 0.42);
2312
- border-bottom: 1px dotted rgba(0, 0, 0, 0.42); }
2313
- .ccw_plugin input:not([type]):disabled + label,
2314
- .ccw_plugin input:not([type])[readonly="readonly"] + label,
2315
- .ccw_plugin input[type=text]:not(.browser-default):disabled + label,
2316
- .ccw_plugin input[type=text]:not(.browser-default)[readonly="readonly"] + label,
2317
- .ccw_plugin input[type=password]:not(.browser-default):disabled + label,
2318
- .ccw_plugin input[type=password]:not(.browser-default)[readonly="readonly"] + label,
2319
- .ccw_plugin input[type=email]:not(.browser-default):disabled + label,
2320
- .ccw_plugin input[type=email]:not(.browser-default)[readonly="readonly"] + label,
2321
- .ccw_plugin input[type=url]:not(.browser-default):disabled + label,
2322
- .ccw_plugin input[type=url]:not(.browser-default)[readonly="readonly"] + label,
2323
- .ccw_plugin input[type=time]:not(.browser-default):disabled + label,
2324
- .ccw_plugin input[type=time]:not(.browser-default)[readonly="readonly"] + label,
2325
- .ccw_plugin input[type=date]:not(.browser-default):disabled + label,
2326
- .ccw_plugin input[type=date]:not(.browser-default)[readonly="readonly"] + label,
2327
- .ccw_plugin input[type=datetime]:not(.browser-default):disabled + label,
2328
- .ccw_plugin input[type=datetime]:not(.browser-default)[readonly="readonly"] + label,
2329
- .ccw_plugin input[type=datetime-local]:not(.browser-default):disabled + label,
2330
- .ccw_plugin input[type=datetime-local]:not(.browser-default)[readonly="readonly"] + label,
2331
- .ccw_plugin input[type=tel]:not(.browser-default):disabled + label,
2332
- .ccw_plugin input[type=tel]:not(.browser-default)[readonly="readonly"] + label,
2333
- .ccw_plugin input[type=number]:not(.browser-default):disabled + label,
2334
- .ccw_plugin input[type=number]:not(.browser-default)[readonly="readonly"] + label,
2335
- .ccw_plugin input[type=search]:not(.browser-default):disabled + label,
2336
- .ccw_plugin input[type=search]:not(.browser-default)[readonly="readonly"] + label,
2337
- .ccw_plugin textarea.materialize-textarea:disabled + label,
2338
- .ccw_plugin textarea.materialize-textarea[readonly="readonly"] + label {
2339
- color: rgba(0, 0, 0, 0.42); }
2340
- .ccw_plugin input:not([type]):focus:not([readonly]),
2341
- .ccw_plugin input[type=text]:not(.browser-default):focus:not([readonly]),
2342
- .ccw_plugin input[type=password]:not(.browser-default):focus:not([readonly]),
2343
- .ccw_plugin input[type=email]:not(.browser-default):focus:not([readonly]),
2344
- .ccw_plugin input[type=url]:not(.browser-default):focus:not([readonly]),
2345
- .ccw_plugin input[type=time]:not(.browser-default):focus:not([readonly]),
2346
- .ccw_plugin input[type=date]:not(.browser-default):focus:not([readonly]),
2347
- .ccw_plugin input[type=datetime]:not(.browser-default):focus:not([readonly]),
2348
- .ccw_plugin input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
2349
- .ccw_plugin input[type=tel]:not(.browser-default):focus:not([readonly]),
2350
- .ccw_plugin input[type=number]:not(.browser-default):focus:not([readonly]),
2351
- .ccw_plugin input[type=search]:not(.browser-default):focus:not([readonly]),
2352
- .ccw_plugin textarea.materialize-textarea:focus:not([readonly]) {
2353
- border-bottom: 1px solid #26a69a;
2354
- box-shadow: 0 1px 0 0 #26a69a; }
2355
- .ccw_plugin input:not([type]):focus:not([readonly]) + label,
2356
- .ccw_plugin input[type=text]:not(.browser-default):focus:not([readonly]) + label,
2357
- .ccw_plugin input[type=password]:not(.browser-default):focus:not([readonly]) + label,
2358
- .ccw_plugin input[type=email]:not(.browser-default):focus:not([readonly]) + label,
2359
- .ccw_plugin input[type=url]:not(.browser-default):focus:not([readonly]) + label,
2360
- .ccw_plugin input[type=time]:not(.browser-default):focus:not([readonly]) + label,
2361
- .ccw_plugin input[type=date]:not(.browser-default):focus:not([readonly]) + label,
2362
- .ccw_plugin input[type=datetime]:not(.browser-default):focus:not([readonly]) + label,
2363
- .ccw_plugin input[type=datetime-local]:not(.browser-default):focus:not([readonly]) + label,
2364
- .ccw_plugin input[type=tel]:not(.browser-default):focus:not([readonly]) + label,
2365
- .ccw_plugin input[type=number]:not(.browser-default):focus:not([readonly]) + label,
2366
- .ccw_plugin input[type=search]:not(.browser-default):focus:not([readonly]) + label,
2367
- .ccw_plugin textarea.materialize-textarea:focus:not([readonly]) + label {
2368
- color: #26a69a; }
2369
- .ccw_plugin input:not([type]).validate + label,
2370
- .ccw_plugin input[type=text]:not(.browser-default).validate + label,
2371
- .ccw_plugin input[type=password]:not(.browser-default).validate + label,
2372
- .ccw_plugin input[type=email]:not(.browser-default).validate + label,
2373
- .ccw_plugin input[type=url]:not(.browser-default).validate + label,
2374
- .ccw_plugin input[type=time]:not(.browser-default).validate + label,
2375
- .ccw_plugin input[type=date]:not(.browser-default).validate + label,
2376
- .ccw_plugin input[type=datetime]:not(.browser-default).validate + label,
2377
- .ccw_plugin input[type=datetime-local]:not(.browser-default).validate + label,
2378
- .ccw_plugin input[type=tel]:not(.browser-default).validate + label,
2379
- .ccw_plugin input[type=number]:not(.browser-default).validate + label,
2380
- .ccw_plugin input[type=search]:not(.browser-default).validate + label,
2381
- .ccw_plugin textarea.materialize-textarea.validate + label {
2382
- width: 100%; }
2383
- .ccw_plugin input:not([type]).invalid + label:after,
2384
- .ccw_plugin input:not([type]).valid + label:after,
2385
- .ccw_plugin input[type=text]:not(.browser-default).invalid + label:after,
2386
- .ccw_plugin input[type=text]:not(.browser-default).valid + label:after,
2387
- .ccw_plugin input[type=password]:not(.browser-default).invalid + label:after,
2388
- .ccw_plugin input[type=password]:not(.browser-default).valid + label:after,
2389
- .ccw_plugin input[type=email]:not(.browser-default).invalid + label:after,
2390
- .ccw_plugin input[type=email]:not(.browser-default).valid + label:after,
2391
- .ccw_plugin input[type=url]:not(.browser-default).invalid + label:after,
2392
- .ccw_plugin input[type=url]:not(.browser-default).valid + label:after,
2393
- .ccw_plugin input[type=time]:not(.browser-default).invalid + label:after,
2394
- .ccw_plugin input[type=time]:not(.browser-default).valid + label:after,
2395
- .ccw_plugin input[type=date]:not(.browser-default).invalid + label:after,
2396
- .ccw_plugin input[type=date]:not(.browser-default).valid + label:after,
2397
- .ccw_plugin input[type=datetime]:not(.browser-default).invalid + label:after,
2398
- .ccw_plugin input[type=datetime]:not(.browser-default).valid + label:after,
2399
- .ccw_plugin input[type=datetime-local]:not(.browser-default).invalid + label:after,
2400
- .ccw_plugin input[type=datetime-local]:not(.browser-default).valid + label:after,
2401
- .ccw_plugin input[type=tel]:not(.browser-default).invalid + label:after,
2402
- .ccw_plugin input[type=tel]:not(.browser-default).valid + label:after,
2403
- .ccw_plugin input[type=number]:not(.browser-default).invalid + label:after,
2404
- .ccw_plugin input[type=number]:not(.browser-default).valid + label:after,
2405
- .ccw_plugin input[type=search]:not(.browser-default).invalid + label:after,
2406
- .ccw_plugin input[type=search]:not(.browser-default).valid + label:after,
2407
- .ccw_plugin textarea.materialize-textarea.invalid + label:after,
2408
- .ccw_plugin textarea.materialize-textarea.valid + label:after {
2409
- display: none; }
2410
- .ccw_plugin input:not([type]).invalid + label.active:after,
2411
- .ccw_plugin input:not([type]).valid + label.active:after,
2412
- .ccw_plugin input[type=text]:not(.browser-default).invalid + label.active:after,
2413
- .ccw_plugin input[type=text]:not(.browser-default).valid + label.active:after,
2414
- .ccw_plugin input[type=password]:not(.browser-default).invalid + label.active:after,
2415
- .ccw_plugin input[type=password]:not(.browser-default).valid + label.active:after,
2416
- .ccw_plugin input[type=email]:not(.browser-default).invalid + label.active:after,
2417
- .ccw_plugin input[type=email]:not(.browser-default).valid + label.active:after,
2418
- .ccw_plugin input[type=url]:not(.browser-default).invalid + label.active:after,
2419
- .ccw_plugin input[type=url]:not(.browser-default).valid + label.active:after,
2420
- .ccw_plugin input[type=time]:not(.browser-default).invalid + label.active:after,
2421
- .ccw_plugin input[type=time]:not(.browser-default).valid + label.active:after,
2422
- .ccw_plugin input[type=date]:not(.browser-default).invalid + label.active:after,
2423
- .ccw_plugin input[type=date]:not(.browser-default).valid + label.active:after,
2424
- .ccw_plugin input[type=datetime]:not(.browser-default).invalid + label.active:after,
2425
- .ccw_plugin input[type=datetime]:not(.browser-default).valid + label.active:after,
2426
- .ccw_plugin input[type=datetime-local]:not(.browser-default).invalid + label.active:after,
2427
- .ccw_plugin input[type=datetime-local]:not(.browser-default).valid + label.active:after,
2428
- .ccw_plugin input[type=tel]:not(.browser-default).invalid + label.active:after,
2429
- .ccw_plugin input[type=tel]:not(.browser-default).valid + label.active:after,
2430
- .ccw_plugin input[type=number]:not(.browser-default).invalid + label.active:after,
2431
- .ccw_plugin input[type=number]:not(.browser-default).valid + label.active:after,
2432
- .ccw_plugin input[type=search]:not(.browser-default).invalid + label.active:after,
2433
- .ccw_plugin input[type=search]:not(.browser-default).valid + label.active:after,
2434
- .ccw_plugin textarea.materialize-textarea.invalid + label.active:after,
2435
- .ccw_plugin textarea.materialize-textarea.valid + label.active:after {
2436
- display: block; }
2437
- .ccw_plugin input.valid:not([type]), .ccw_plugin input.valid:not([type]):focus, .ccw_plugin input[type=text].valid:not(.browser-default), .ccw_plugin input[type=text].valid:not(.browser-default):focus, .ccw_plugin input[type=password].valid:not(.browser-default), .ccw_plugin input[type=password].valid:not(.browser-default):focus, .ccw_plugin input[type=email].valid:not(.browser-default), .ccw_plugin input[type=email].valid:not(.browser-default):focus, .ccw_plugin input[type=url].valid:not(.browser-default), .ccw_plugin input[type=url].valid:not(.browser-default):focus, .ccw_plugin input[type=time].valid:not(.browser-default), .ccw_plugin input[type=time].valid:not(.browser-default):focus, .ccw_plugin input[type=date].valid:not(.browser-default), .ccw_plugin input[type=date].valid:not(.browser-default):focus, .ccw_plugin input[type=datetime].valid:not(.browser-default), .ccw_plugin input[type=datetime].valid:not(.browser-default):focus, .ccw_plugin input[type=datetime-local].valid:not(.browser-default), .ccw_plugin input[type=datetime-local].valid:not(.browser-default):focus, .ccw_plugin input[type=tel].valid:not(.browser-default), .ccw_plugin input[type=tel].valid:not(.browser-default):focus, .ccw_plugin input[type=number].valid:not(.browser-default), .ccw_plugin input[type=number].valid:not(.browser-default):focus, .ccw_plugin input[type=search].valid:not(.browser-default), .ccw_plugin input[type=search].valid:not(.browser-default):focus, .ccw_plugin textarea.materialize-textarea.valid, .ccw_plugin textarea.materialize-textarea.valid:focus, .ccw_plugin .select-wrapper.valid > input.select-dropdown {
2438
- border-bottom: 1px solid #4CAF50;
2439
- box-shadow: 0 1px 0 0 #4CAF50; }
2440
- .ccw_plugin input.invalid:not([type]), .ccw_plugin input.invalid:not([type]):focus, .ccw_plugin input[type=text].invalid:not(.browser-default), .ccw_plugin input[type=text].invalid:not(.browser-default):focus, .ccw_plugin input[type=password].invalid:not(.browser-default), .ccw_plugin input[type=password].invalid:not(.browser-default):focus, .ccw_plugin input[type=email].invalid:not(.browser-default), .ccw_plugin input[type=email].invalid:not(.browser-default):focus, .ccw_plugin input[type=url].invalid:not(.browser-default), .ccw_plugin input[type=url].invalid:not(.browser-default):focus, .ccw_plugin input[type=time].invalid:not(.browser-default), .ccw_plugin input[type=time].invalid:not(.browser-default):focus, .ccw_plugin input[type=date].invalid:not(.browser-default), .ccw_plugin input[type=date].invalid:not(.browser-default):focus, .ccw_plugin input[type=datetime].invalid:not(.browser-default), .ccw_plugin input[type=datetime].invalid:not(.browser-default):focus, .ccw_plugin input[type=datetime-local].invalid:not(.browser-default), .ccw_plugin input[type=datetime-local].invalid:not(.browser-default):focus, .ccw_plugin input[type=tel].invalid:not(.browser-default), .ccw_plugin input[type=tel].invalid:not(.browser-default):focus, .ccw_plugin input[type=number].invalid:not(.browser-default), .ccw_plugin input[type=number].invalid:not(.browser-default):focus, .ccw_plugin input[type=search].invalid:not(.browser-default), .ccw_plugin input[type=search].invalid:not(.browser-default):focus, .ccw_plugin textarea.materialize-textarea.invalid, .ccw_plugin textarea.materialize-textarea.invalid:focus, .ccw_plugin .select-wrapper.invalid > input.select-dropdown {
2441
- border-bottom: 1px solid #F44336;
2442
- box-shadow: 0 1px 0 0 #F44336; }
2443
- .ccw_plugin input:not([type]).valid + label:after, .ccw_plugin input:not([type]):focus.valid + label:after, .ccw_plugin input[type=text]:not(.browser-default).valid + label:after, .ccw_plugin input[type=text]:not(.browser-default):focus.valid + label:after, .ccw_plugin input[type=password]:not(.browser-default).valid + label:after, .ccw_plugin input[type=password]:not(.browser-default):focus.valid + label:after, .ccw_plugin input[type=email]:not(.browser-default).valid + label:after, .ccw_plugin input[type=email]:not(.browser-default):focus.valid + label:after, .ccw_plugin input[type=url]:not(.browser-default).valid + label:after, .ccw_plugin input[type=url]:not(.browser-default):focus.valid + label:after, .ccw_plugin input[type=time]:not(.browser-default).valid + label:after, .ccw_plugin input[type=time]:not(.browser-default):focus.valid + label:after, .ccw_plugin input[type=date]:not(.browser-default).valid + label:after, .ccw_plugin input[type=date]:not(.browser-default):focus.valid + label:after, .ccw_plugin input[type=datetime]:not(.browser-default).valid + label:after, .ccw_plugin input[type=datetime]:not(.browser-default):focus.valid + label:after, .ccw_plugin input[type=datetime-local]:not(.browser-default).valid + label:after, .ccw_plugin input[type=datetime-local]:not(.browser-default):focus.valid + label:after, .ccw_plugin input[type=tel]:not(.browser-default).valid + label:after, .ccw_plugin input[type=tel]:not(.browser-default):focus.valid + label:after, .ccw_plugin input[type=number]:not(.browser-default).valid + label:after, .ccw_plugin input[type=number]:not(.browser-default):focus.valid + label:after, .ccw_plugin input[type=search]:not(.browser-default).valid + label:after, .ccw_plugin input[type=search]:not(.browser-default):focus.valid + label:after, .ccw_plugin textarea.materialize-textarea.valid + label:after, .ccw_plugin textarea.materialize-textarea:focus.valid + label:after, .ccw_plugin .select-wrapper.valid + label:after {
2444
- content: attr(data-success);
2445
- color: #4CAF50;
2446
- opacity: 1;
2447
- transform: translateY(9px); }
2448
- .ccw_plugin input:not([type]).invalid + label:after, .ccw_plugin input:not([type]):focus.invalid + label:after, .ccw_plugin input[type=text]:not(.browser-default).invalid + label:after, .ccw_plugin input[type=text]:not(.browser-default):focus.invalid + label:after, .ccw_plugin input[type=password]:not(.browser-default).invalid + label:after, .ccw_plugin input[type=password]:not(.browser-default):focus.invalid + label:after, .ccw_plugin input[type=email]:not(.browser-default).invalid + label:after, .ccw_plugin input[type=email]:not(.browser-default):focus.invalid + label:after, .ccw_plugin input[type=url]:not(.browser-default).invalid + label:after, .ccw_plugin input[type=url]:not(.browser-default):focus.invalid + label:after, .ccw_plugin input[type=time]:not(.browser-default).invalid + label:after, .ccw_plugin input[type=time]:not(.browser-default):focus.invalid + label:after, .ccw_plugin input[type=date]:not(.browser-default).invalid + label:after, .ccw_plugin input[type=date]:not(.browser-default):focus.invalid + label:after, .ccw_plugin input[type=datetime]:not(.browser-default).invalid + label:after, .ccw_plugin input[type=datetime]:not(.browser-default):focus.invalid + label:after, .ccw_plugin input[type=datetime-local]:not(.browser-default).invalid + label:after, .ccw_plugin input[type=datetime-local]:not(.browser-default):focus.invalid + label:after, .ccw_plugin input[type=tel]:not(.browser-default).invalid + label:after, .ccw_plugin input[type=tel]:not(.browser-default):focus.invalid + label:after, .ccw_plugin input[type=number]:not(.browser-default).invalid + label:after, .ccw_plugin input[type=number]:not(.browser-default):focus.invalid + label:after, .ccw_plugin input[type=search]:not(.browser-default).invalid + label:after, .ccw_plugin input[type=search]:not(.browser-default):focus.invalid + label:after, .ccw_plugin textarea.materialize-textarea.invalid + label:after, .ccw_plugin textarea.materialize-textarea:focus.invalid + label:after, .ccw_plugin .select-wrapper.invalid + label:after {
2449
- content: attr(data-error);
2450
- color: #F44336;
2451
- opacity: 1;
2452
- transform: translateY(9px); }
2453
- .ccw_plugin input:not([type]) + label:after, .ccw_plugin input[type=text]:not(.browser-default) + label:after, .ccw_plugin input[type=password]:not(.browser-default) + label:after, .ccw_plugin input[type=email]:not(.browser-default) + label:after, .ccw_plugin input[type=url]:not(.browser-default) + label:after, .ccw_plugin input[type=time]:not(.browser-default) + label:after, .ccw_plugin input[type=date]:not(.browser-default) + label:after, .ccw_plugin input[type=datetime]:not(.browser-default) + label:after, .ccw_plugin input[type=datetime-local]:not(.browser-default) + label:after, .ccw_plugin input[type=tel]:not(.browser-default) + label:after, .ccw_plugin input[type=number]:not(.browser-default) + label:after, .ccw_plugin input[type=search]:not(.browser-default) + label:after, .ccw_plugin textarea.materialize-textarea + label:after, .ccw_plugin .select-wrapper + label:after {
2454
- display: block;
2455
- content: "";
2456
- position: absolute;
2457
- top: 100%;
2458
- left: 0;
2459
- opacity: 0;
2460
- transition: .2s opacity ease-out, .2s color ease-out; }
2461
- .ccw_plugin .input-field {
2462
- position: relative;
2463
- margin-top: 1rem; }
2464
- .ccw_plugin .input-field.inline {
2465
- display: inline-block;
2466
- vertical-align: middle;
2467
- margin-left: 5px; }
2468
- .ccw_plugin .input-field.inline input,
2469
- .ccw_plugin .input-field.inline .select-dropdown {
2470
- margin-bottom: 1rem; }
2471
- .ccw_plugin .input-field.col label {
2472
- left: 0.75rem; }
2473
- .ccw_plugin .input-field.col .prefix ~ label,
2474
- .ccw_plugin .input-field.col .prefix ~ .validate ~ label {
2475
- width: calc(100% - 3rem - 1.5rem); }
2476
- .ccw_plugin .input-field label {
2477
- color: #9e9e9e;
2478
- position: absolute;
2479
- top: 0;
2480
- left: 0;
2481
- height: 100%;
2482
- font-size: 1rem;
2483
- cursor: text;
2484
- transition: transform .2s ease-out;
2485
- transform-origin: 0% 100%;
2486
- text-align: initial;
2487
- transform: translateY(12px);
2488
- pointer-events: none; }
2489
- .ccw_plugin .input-field label:not(.label-icon).active {
2490
- transform: translateY(-14px) scale(0.8);
2491
- transform-origin: 0 0; }
2492
- .ccw_plugin .input-field .prefix {
2493
- position: absolute;
2494
- width: 3rem;
2495
- font-size: 2rem;
2496
- transition: color .2s; }
2497
- .ccw_plugin .input-field .prefix.active {
2498
- color: #26a69a; }
2499
- .ccw_plugin .input-field .prefix ~ input,
2500
- .ccw_plugin .input-field .prefix ~ textarea,
2501
- .ccw_plugin .input-field .prefix ~ label,
2502
- .ccw_plugin .input-field .prefix ~ .validate ~ label,
2503
- .ccw_plugin .input-field .prefix ~ .autocomplete-content {
2504
- margin-left: 3rem;
2505
- width: 92%;
2506
- width: calc(100% - 3rem); }
2507
- .ccw_plugin .input-field .prefix ~ label {
2508
- margin-left: 3rem; }
2509
- @media only screen and (max-width: 992px) {
2510
- .ccw_plugin .input-field .prefix ~ input {
2511
- width: 86%;
2512
- width: calc(100% - 3rem); } }
2513
- @media only screen and (max-width: 600px) {
2514
- .ccw_plugin .input-field .prefix ~ input {
2515
- width: 80%;
2516
- width: calc(100% - 3rem); } }
2517
- .ccw_plugin .input-field input[type=search] {
2518
- display: block;
2519
- line-height: inherit; }
2520
- .nav-wrapper .ccw_plugin .input-field input[type=search] {
2521
- height: inherit;
2522
- padding-left: 4rem;
2523
- width: calc(100% - 4rem);
2524
- border: 0;
2525
- box-shadow: none; }
2526
- .ccw_plugin .input-field input[type=search]:focus {
2527
- background-color: #fff;
2528
- border: 0;
2529
- box-shadow: none;
2530
- color: #444; }
2531
- .ccw_plugin .input-field input[type=search]:focus + label i,
2532
- .ccw_plugin .input-field input[type=search]:focus ~ .mdi-navigation-close,
2533
- .ccw_plugin .input-field input[type=search]:focus ~ .material-icons {
2534
- color: #444; }
2535
- .ccw_plugin .input-field input[type=search] + label {
2536
- left: 1rem; }
2537
- .ccw_plugin .input-field input[type=search] ~ .mdi-navigation-close,
2538
- .ccw_plugin .input-field input[type=search] ~ .material-icons {
2539
- position: absolute;
2540
- top: 0;
2541
- right: 1rem;
2542
- color: transparent;
2543
- cursor: pointer;
2544
- font-size: 2rem;
2545
- transition: .3s color; }
2546
- .ccw_plugin textarea {
2547
- width: 100%;
2548
- height: 3rem;
2549
- background-color: transparent; }
2550
- .ccw_plugin textarea.materialize-textarea {
2551
- overflow-y: hidden;
2552
- /* prevents scroll bar flash */
2553
- padding: .8rem 0 1.6rem 0;
2554
- /* prevents text jump on Enter keypress */
2555
- resize: none;
2556
- min-height: 3rem; }
2557
- .ccw_plugin textarea.materialize-textarea.validate + label {
2558
- height: 100%; }
2559
- .ccw_plugin textarea.materialize-textarea.validate + label::after {
2560
- top: calc(100% - 12px); }
2561
- .ccw_plugin textarea.materialize-textarea.validate + label:not(.label-icon).active {
2562
- transform: translateY(-25px); }
2563
- .ccw_plugin .hiddendiv {
2564
- display: none;
2565
- white-space: pre-wrap;
2566
- word-wrap: break-word;
2567
- overflow-wrap: break-word;
2568
- /* future version of deprecated 'word-wrap' */
2569
- padding-top: 1.2rem;
2570
- /* prevents text jump on Enter keypress */
2571
- position: absolute;
2572
- top: 0; }
2573
- .ccw_plugin .autocomplete-content {
2574
- margin-top: -20px;
2575
- margin-bottom: 20px;
2576
- display: block;
2577
- opacity: 1;
2578
- position: static; }
2579
- .ccw_plugin .autocomplete-content li .highlight {
2580
- color: #444; }
2581
- .ccw_plugin .autocomplete-content li img {
2582
- height: 40px;
2583
- width: 40px;
2584
- margin: 5px 15px; }
2585
- .ccw_plugin form p {
2586
- margin-bottom: 10px;
2587
- text-align: left; }
2588
- .ccw_plugin form p:last-child {
2589
- margin-bottom: 0; }
2590
- .ccw_plugin [type="checkbox"]:not(:checked),
2591
- .ccw_plugin [type="checkbox"]:checked {
2592
- position: absolute;
2593
- opacity: 0;
2594
- pointer-events: none; }
2595
- .ccw_plugin [type="checkbox"] {
2596
- /* checkbox aspect */ }
2597
- .ccw_plugin [type="checkbox"] + label {
2598
- position: relative;
2599
- padding-left: 35px;
2600
- cursor: pointer;
2601
- display: inline-block;
2602
- height: 25px;
2603
- line-height: 25px;
2604
- font-size: 1rem;
2605
- user-select: none; }
2606
- .ccw_plugin [type="checkbox"] + label:before,
2607
- .ccw_plugin [type="checkbox"]:not(.filled-in) + label:after {
2608
- content: '';
2609
- position: absolute;
2610
- top: 0;
2611
- left: 0;
2612
- width: 18px;
2613
- height: 18px;
2614
- z-index: 0;
2615
- border: 2px solid #5a5a5a;
2616
- border-radius: 1px;
2617
- margin-top: 2px;
2618
- transition: .2s; }
2619
- .ccw_plugin [type="checkbox"]:not(.filled-in) + label:after {
2620
- border: 0;
2621
- transform: scale(0); }
2622
- .ccw_plugin [type="checkbox"]:not(:checked):disabled + label:before {
2623
- border: none;
2624
- background-color: rgba(0, 0, 0, 0.42); }
2625
- .ccw_plugin [type="checkbox"].tabbed:focus + label:after {
2626
- transform: scale(1);
2627
- border: 0;
2628
- border-radius: 50%;
2629
- box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
2630
- background-color: rgba(0, 0, 0, 0.1); }
2631
- .ccw_plugin [type="checkbox"]:checked + label:before {
2632
- top: -4px;
2633
- left: -5px;
2634
- width: 12px;
2635
- height: 22px;
2636
- border-top: 2px solid transparent;
2637
- border-left: 2px solid transparent;
2638
- border-right: 2px solid #26a69a;
2639
- border-bottom: 2px solid #26a69a;
2640
- transform: rotate(40deg);
2641
- backface-visibility: hidden;
2642
- transform-origin: 100% 100%; }
2643
- .ccw_plugin [type="checkbox"]:checked:disabled + label:before {
2644
- border-right: 2px solid rgba(0, 0, 0, 0.42);
2645
- border-bottom: 2px solid rgba(0, 0, 0, 0.42); }
2646
- .ccw_plugin [type="checkbox"]:indeterminate + label:before {
2647
- top: -11px;
2648
- left: -12px;
2649
- width: 10px;
2650
- height: 22px;
2651
- border-top: none;
2652
- border-left: none;
2653
- border-right: 2px solid #26a69a;
2654
- border-bottom: none;
2655
- transform: rotate(90deg);
2656
- backface-visibility: hidden;
2657
- transform-origin: 100% 100%; }
2658
- .ccw_plugin [type="checkbox"]:indeterminate:disabled + label:before {
2659
- border-right: 2px solid rgba(0, 0, 0, 0.42);
2660
- background-color: transparent; }
2661
- .ccw_plugin [type="checkbox"].filled-in + label:after {
2662
- border-radius: 2px; }
2663
- .ccw_plugin [type="checkbox"].filled-in + label:before,
2664
- .ccw_plugin [type="checkbox"].filled-in + label:after {
2665
- content: '';
2666
- left: 0;
2667
- position: absolute;
2668
- /* .1s delay is for check animation */
2669
- transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
2670
- z-index: 1; }
2671
- .ccw_plugin [type="checkbox"].filled-in:not(:checked) + label:before {
2672
- width: 0;
2673
- height: 0;
2674
- border: 3px solid transparent;
2675
- left: 6px;
2676
- top: 10px;
2677
- transform: rotateZ(37deg);
2678
- transform-origin: 100% 100%; }
2679
- .ccw_plugin [type="checkbox"].filled-in:not(:checked) + label:after {
2680
- height: 20px;
2681
- width: 20px;
2682
- background-color: transparent;
2683
- border: 2px solid #5a5a5a;
2684
- top: 0px;
2685
- z-index: 0; }
2686
- .ccw_plugin [type="checkbox"].filled-in:checked + label:before {
2687
- top: 0;
2688
- left: 1px;
2689
- width: 8px;
2690
- height: 13px;
2691
- border-top: 2px solid transparent;
2692
- border-left: 2px solid transparent;
2693
- border-right: 2px solid #fff;
2694
- border-bottom: 2px solid #fff;
2695
- transform: rotateZ(37deg);
2696
- transform-origin: 100% 100%; }
2697
- .ccw_plugin [type="checkbox"].filled-in:checked + label:after {
2698
- top: 0;
2699
- width: 20px;
2700
- height: 20px;
2701
- border: 2px solid #26a69a;
2702
- background-color: #26a69a;
2703
- z-index: 0; }
2704
- .ccw_plugin [type="checkbox"].filled-in.tabbed:focus + label:after {
2705
- border-radius: 2px;
2706
- border-color: #5a5a5a;
2707
- background-color: rgba(0, 0, 0, 0.1); }
2708
- .ccw_plugin [type="checkbox"].filled-in.tabbed:checked:focus + label:after {
2709
- border-radius: 2px;
2710
- background-color: #26a69a;
2711
- border-color: #26a69a; }
2712
- .ccw_plugin [type="checkbox"].filled-in:disabled:not(:checked) + label:before {
2713
- background-color: transparent;
2714
- border: 2px solid transparent; }
2715
- .ccw_plugin [type="checkbox"].filled-in:disabled:not(:checked) + label:after {
2716
- border-color: transparent;
2717
- background-color: #949494; }
2718
- .ccw_plugin [type="checkbox"].filled-in:disabled:checked + label:before {
2719
- background-color: transparent; }
2720
- .ccw_plugin [type="checkbox"].filled-in:disabled:checked + label:after {
2721
- background-color: #949494;
2722
- border-color: #949494; }
2723
- .ccw_plugin select {
2724
- display: none; }
2725
- .ccw_plugin select.browser-default {
2726
- display: block; }
2727
- .ccw_plugin select {
2728
- background-color: rgba(255, 255, 255, 0.9);
2729
- width: 100%;
2730
- padding: 5px;
2731
- border: 1px solid #f2f2f2;
2732
- border-radius: 2px;
2733
- height: 3rem; }
2734
- .ccw_plugin .input-field > select {
2735
- display: block;
2736
- position: absolute;
2737
- width: 0;
2738
- pointer-events: none;
2739
- height: 0;
2740
- top: 0;
2741
- left: 0;
2742
- opacity: 0; }
2743
- .ccw_plugin .select-label {
2744
- position: absolute; }
2745
- .ccw_plugin .select-wrapper {
2746
- position: relative; }
2747
- .ccw_plugin .select-wrapper.valid + label,
2748
- .ccw_plugin .select-wrapper.invalid + label {
2749
- width: 100%;
2750
- pointer-events: none; }
2751
- .ccw_plugin .select-wrapper input.select-dropdown {
2752
- position: relative;
2753
- cursor: pointer;
2754
- background-color: transparent;
2755
- border: none;
2756
- border-bottom: 1px solid #9e9e9e;
2757
- outline: none;
2758
- height: 3rem;
2759
- line-height: 3rem;
2760
- width: 100%;
2761
- font-size: 1rem;
2762
- margin: 0 0 20px 0;
2763
- padding: 0;
2764
- display: block;
2765
- user-select: none; }
2766
- .ccw_plugin .select-wrapper span.caret {
2767
- color: initial;
2768
- position: absolute;
2769
- right: 0;
2770
- top: 0;
2771
- bottom: 0;
2772
- height: 10px;
2773
- margin: auto 0;
2774
- font-size: 10px;
2775
- line-height: 10px; }
2776
- .ccw_plugin .select-wrapper + label {
2777
- position: absolute;
2778
- top: -26px;
2779
- font-size: 0.8rem; }
2780
- .ccw_plugin select:disabled {
2781
- color: rgba(0, 0, 0, 0.42); }
2782
- .ccw_plugin .select-wrapper.disabled span.caret,
2783
- .ccw_plugin .select-wrapper.disabled + label {
2784
- color: rgba(0, 0, 0, 0.42); }
2785
- .ccw_plugin .select-wrapper input.select-dropdown:disabled {
2786
- color: rgba(0, 0, 0, 0.42);
2787
- cursor: default;
2788
- user-select: none; }
2789
- .ccw_plugin .select-wrapper i {
2790
- color: rgba(0, 0, 0, 0.3); }
2791
- .ccw_plugin .select-dropdown li.disabled,
2792
- .ccw_plugin .select-dropdown li.disabled > span,
2793
- .ccw_plugin .select-dropdown li.optgroup {
2794
- color: rgba(0, 0, 0, 0.3);
2795
- background-color: transparent; }
2796
- .ccw_plugin .select-dropdown.dropdown-content li.active {
2797
- background-color: transparent; }
2798
- .ccw_plugin .select-dropdown.dropdown-content li:hover {
2799
- background-color: rgba(0, 0, 0, 0.06); }
2800
- .ccw_plugin .select-dropdown.dropdown-content li.selected {
2801
- background-color: rgba(0, 0, 0, 0.03); }
2802
- .ccw_plugin .prefix ~ .select-wrapper {
2803
- margin-left: 3rem;
2804
- width: 92%;
2805
- width: calc(100% - 3rem); }
2806
- .ccw_plugin .prefix ~ label {
2807
- margin-left: 3rem; }
2808
- .ccw_plugin .select-dropdown li img {
2809
- height: 40px;
2810
- width: 40px;
2811
- margin: 5px 15px;
2812
- float: right; }
2813
- .ccw_plugin .select-dropdown li.optgroup {
2814
- border-top: 1px solid #eee; }
2815
- .ccw_plugin .select-dropdown li.optgroup.selected > span {
2816
- color: rgba(0, 0, 0, 0.7); }
2817
- .ccw_plugin .select-dropdown li.optgroup > span {
2818
- color: rgba(0, 0, 0, 0.4); }
2819
- .ccw_plugin .select-dropdown li.optgroup ~ li.optgroup-option {
2820
- padding-left: 1rem; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
assets/css/required/mdstyles.css ADDED
@@ -0,0 +1,867 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ /* Material Design styles - load on style-1, 4, 8 */
2
+
3
+ .ccw_plugin .transparent {
4
+ background-color: transparent !important; }
5
+ .ccw_plugin .transparent-text {
6
+ color: transparent !important; }
7
+ .ccw_plugin html {
8
+ font-family: sans-serif;
9
+ /* 1 */
10
+ -ms-text-size-adjust: 100%;
11
+ /* 2 */
12
+ -webkit-text-size-adjust: 100%;
13
+ /* 2 */ }
14
+ .ccw_plugin body {
15
+ margin: 0; }
16
+ .ccw_plugin article,
17
+ .ccw_plugin aside,
18
+ .ccw_plugin footer,
19
+ .ccw_plugin header,
20
+ .ccw_plugin main,
21
+ .ccw_plugin nav,
22
+ .ccw_plugin section,
23
+ .ccw_plugin summary {
24
+ display: block; }
25
+
26
+ .ccw_plugin [hidden],
27
+ .ccw_plugin template {
28
+ display: none; }
29
+ .ccw_plugin a {
30
+ background-color: transparent; }
31
+ .ccw_plugin a:active,
32
+ .ccw_plugin a:hover {
33
+ outline: 0; }
34
+ .ccw_plugin abbr[title] {
35
+ border-bottom: 1px dotted; }
36
+ .ccw_plugin b,
37
+ .ccw_plugin strong {
38
+ font-weight: bold; }
39
+ .ccw_plugin dfn {
40
+ font-style: italic; }
41
+ .ccw_plugin h1 {
42
+ font-size: 2em;
43
+ margin: 0.67em 0; }
44
+ .ccw_plugin mark {
45
+ background: #ff0;
46
+ color: #000; }
47
+ .ccw_plugin small {
48
+ font-size: 80%; }
49
+ .ccw_plugin sub,
50
+ .ccw_plugin sup {
51
+ font-size: 75%;
52
+ line-height: 0;
53
+ position: relative;
54
+ vertical-align: baseline; }
55
+ .ccw_plugin sup {
56
+ top: -0.5em; }
57
+ .ccw_plugin sub {
58
+ bottom: -0.25em; }
59
+ .ccw_plugin img {
60
+ border: 0; }
61
+ .ccw_plugin svg:not(:root) {
62
+ overflow: hidden; }
63
+ .ccw_plugin figure {
64
+ margin: 1em 40px; }
65
+ .ccw_plugin hr {
66
+ box-sizing: content-box;
67
+ height: 0; }
68
+ .ccw_plugin pre {
69
+ overflow: auto; }
70
+ .ccw_plugin code,
71
+ .ccw_plugin kbd,
72
+ .ccw_plugin pre,
73
+ .ccw_plugin samp {
74
+ font-family: monospace, monospace;
75
+ font-size: 1em; }
76
+ .ccw_plugin button,
77
+ .ccw_plugin input,
78
+ .ccw_plugin optgroup,
79
+ .ccw_plugin select,
80
+ .ccw_plugin textarea {
81
+ color: inherit;
82
+ /* 1 */
83
+ font: inherit;
84
+ /* 2 */
85
+ margin: 0;
86
+ /* 3 */ }
87
+ .ccw_plugin button {
88
+ overflow: visible; }
89
+ .ccw_plugin button,
90
+ .ccw_plugin select {
91
+ text-transform: none; }
92
+ .ccw_plugin button,
93
+ .ccw_plugin html input[type="button"],
94
+ .ccw_plugin input[type="reset"],
95
+ .ccw_plugin input[type="submit"] {
96
+ -webkit-appearance: button;
97
+ /* 2 */
98
+ cursor: pointer;
99
+ /* 3 */ }
100
+ .ccw_plugin button[disabled],
101
+ .ccw_plugin html input[disabled] {
102
+ cursor: default; }
103
+ .ccw_plugin button::-moz-focus-inner,
104
+ .ccw_plugin input::-moz-focus-inner {
105
+ border: 0;
106
+ padding: 0; }
107
+ .ccw_plugin input {
108
+ line-height: normal; }
109
+
110
+
111
+ .ccw_plugin fieldset {
112
+ border: 1px solid #c0c0c0;
113
+ margin: 0 2px;
114
+ padding: 0.35em 0.625em 0.75em; }
115
+ .ccw_plugin legend {
116
+ border: 0;
117
+ /* 1 */
118
+ padding: 0;
119
+ /* 2 */ }
120
+ .ccw_plugin textarea {
121
+ overflow: auto; }
122
+ .ccw_plugin optgroup {
123
+ font-weight: bold; }
124
+ .ccw_plugin table {
125
+ border-collapse: collapse;
126
+ border-spacing: 0; }
127
+ .ccw_plugin td,
128
+ .ccw_plugin th {
129
+ padding: 0; }
130
+ .ccw_plugin html {
131
+ box-sizing: border-box; }
132
+ .ccw_plugin *, .ccw_plugin *:before, .ccw_plugin *:after {
133
+ box-sizing: inherit; }
134
+ .ccw_plugin ul:not(.browser-default) {
135
+ padding-left: 0;
136
+ list-style-type: none; }
137
+ .ccw_plugin ul:not(.browser-default) > li {
138
+ list-style-type: none; }
139
+ .ccw_plugin a {
140
+ color: #039be5;
141
+ text-decoration: none;
142
+ -webkit-tap-highlight-color: transparent; }
143
+ .ccw_plugin .valign-wrapper {
144
+ display: flex;
145
+ align-items: center; }
146
+ .ccw_plugin .clearfix {
147
+ clear: both; }
148
+ .ccw_plugin .z-depth-0 {
149
+ box-shadow: none !important; }
150
+ .ccw_plugin .z-depth-1, .ccw_plugin .btn, .ccw_plugin .btn-large, .ccw_plugin .btn-floating {
151
+ box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); }
152
+ .ccw_plugin .z-depth-1-half, .ccw_plugin .btn:hover, .ccw_plugin .btn-large:hover, .ccw_plugin .btn-floating:hover {
153
+ box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2); }
154
+ .ccw_plugin .z-depth-2 {
155
+ box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3); }
156
+ .ccw_plugin .z-depth-3 {
157
+ box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.3); }
158
+ .ccw_plugin .z-depth-4 {
159
+ box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.3); }
160
+ .ccw_plugin .z-depth-5 {
161
+ box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.3); }
162
+ .ccw_plugin .hoverable {
163
+ transition: box-shadow .25s; }
164
+ .ccw_plugin .hoverable:hover {
165
+ box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
166
+ .ccw_plugin .divider {
167
+ height: 1px;
168
+ overflow: hidden;
169
+ background-color: #e0e0e0; }
170
+ .ccw_plugin blockquote {
171
+ margin: 20px 0;
172
+ padding-left: 1.5rem;
173
+ border-left: 5px solid #ee6e73; }
174
+ .ccw_plugin i {
175
+ line-height: inherit; }
176
+ .ccw_plugin i.left {
177
+ float: left;
178
+ margin-right: 15px; }
179
+ .ccw_plugin i.right {
180
+ float: right;
181
+ margin-left: 15px; }
182
+ .ccw_plugin i.tiny {
183
+ font-size: 1rem; }
184
+ .ccw_plugin i.small {
185
+ font-size: 2rem; }
186
+ .ccw_plugin i.medium {
187
+ font-size: 4rem; }
188
+ .ccw_plugin i.large {
189
+ font-size: 6rem; }
190
+ .ccw_plugin img.responsive-img,
191
+ .ccw_plugin video.responsive-video {
192
+ max-width: 100%;
193
+ height: auto; }
194
+
195
+
196
+
197
+ .ccw_plugin ul.staggered-list li {
198
+ opacity: 0; }
199
+ .ccw_plugin .fade-in {
200
+ opacity: 0;
201
+ transform-origin: 0 50%; }
202
+
203
+ .ccw_plugin .page-footer {
204
+ padding-top: 20px;
205
+ color: #fff;
206
+ background-color: #ee6e73; }
207
+ .ccw_plugin .page-footer .footer-copyright {
208
+ overflow: hidden;
209
+ min-height: 50px;
210
+ display: flex;
211
+ align-items: center;
212
+ padding: 10px 0px;
213
+ color: rgba(255, 255, 255, 0.8);
214
+ background-color: rgba(51, 51, 51, 0.08); }
215
+ .ccw_plugin table, .ccw_plugin th, .ccw_plugin td {
216
+ border: none; }
217
+ .ccw_plugin table {
218
+ width: 100%;
219
+ display: table; }
220
+ .ccw_plugin table.bordered > thead > tr,
221
+ .ccw_plugin table.bordered > tbody > tr {
222
+ border-bottom: 1px solid #d0d0d0; }
223
+ .ccw_plugin table.striped > tbody > tr:nth-child(odd) {
224
+ background-color: #f2f2f2; }
225
+ .ccw_plugin table.striped > tbody > tr > td {
226
+ border-radius: 0; }
227
+ .ccw_plugin table.highlight > tbody > tr {
228
+ transition: background-color .25s ease; }
229
+ .ccw_plugin table.highlight > tbody > tr:hover {
230
+ background-color: #f2f2f2; }
231
+ .ccw_plugin table.centered thead tr th, .ccw_plugin table.centered tbody tr td {
232
+ text-align: center; }
233
+ .ccw_plugin thead {
234
+ border-bottom: 1px solid #d0d0d0; }
235
+ .ccw_plugin td, .ccw_plugin th {
236
+ padding: 15px 5px;
237
+ display: table-cell;
238
+ text-align: left;
239
+ vertical-align: middle;
240
+ border-radius: 2px; }
241
+ @media only screen and (max-width: 992px) {
242
+ .ccw_plugin table.responsive-table {
243
+ width: 100%;
244
+ border-collapse: collapse;
245
+ border-spacing: 0;
246
+ display: block;
247
+ position: relative;
248
+ /* sort out borders */ }
249
+ .ccw_plugin table.responsive-table td:empty:before {
250
+ content: '\A0'; }
251
+ .ccw_plugin table.responsive-table th,
252
+ .ccw_plugin table.responsive-table td {
253
+ margin: 0;
254
+ vertical-align: top; }
255
+ .ccw_plugin table.responsive-table th {
256
+ text-align: left; }
257
+ .ccw_plugin table.responsive-table thead {
258
+ display: block;
259
+ float: left; }
260
+ .ccw_plugin table.responsive-table thead tr {
261
+ display: block;
262
+ padding: 0 10px 0 0; }
263
+ .ccw_plugin table.responsive-table thead tr th::before {
264
+ content: "\A0"; }
265
+ .ccw_plugin table.responsive-table tbody {
266
+ display: block;
267
+ width: auto;
268
+ position: relative;
269
+ overflow-x: auto;
270
+ white-space: nowrap; }
271
+ .ccw_plugin table.responsive-table tbody tr {
272
+ display: inline-block;
273
+ vertical-align: top; }
274
+ .ccw_plugin table.responsive-table th {
275
+ display: block;
276
+ text-align: right; }
277
+ .ccw_plugin table.responsive-table td {
278
+ display: block;
279
+ min-height: 1.25em;
280
+ text-align: left; }
281
+ .ccw_plugin table.responsive-table tr {
282
+ padding: 0 10px; }
283
+ .ccw_plugin table.responsive-table thead {
284
+ border: 0;
285
+ border-right: 1px solid #d0d0d0; }
286
+ .ccw_plugin table.responsive-table.bordered th {
287
+ border-bottom: 0;
288
+ border-left: 0; }
289
+ .ccw_plugin table.responsive-table.bordered td {
290
+ border-left: 0;
291
+ border-right: 0;
292
+ border-bottom: 0; }
293
+ .ccw_plugin table.responsive-table.bordered tr {
294
+ border: 0; }
295
+ .ccw_plugin table.responsive-table.bordered tbody tr {
296
+ border-right: 1px solid #d0d0d0; } }
297
+
298
+ .ccw_plugin .secondary-content {
299
+ float: right;
300
+ color: #26a69a; }
301
+ .ccw_plugin .collapsible .collection {
302
+ margin: 0;
303
+ border: none; }
304
+
305
+
306
+ .ccw_plugin .hide {
307
+ display: none !important; }
308
+ .ccw_plugin .left-align {
309
+ text-align: left; }
310
+ .ccw_plugin .right-align {
311
+ text-align: right; }
312
+ .ccw_plugin .center, .ccw_plugin .center-align {
313
+ text-align: center; }
314
+ .ccw_plugin .left {
315
+ float: left !important; }
316
+ .ccw_plugin .right {
317
+ float: right !important; }
318
+ .ccw_plugin .no-select {
319
+ user-select: none; }
320
+ .ccw_plugin .circle {
321
+ border-radius: 50%; }
322
+ .ccw_plugin .center-block {
323
+ display: block;
324
+ margin-left: auto;
325
+ margin-right: auto; }
326
+ .ccw_plugin .truncate {
327
+ display: block;
328
+ white-space: nowrap;
329
+ overflow: hidden;
330
+ text-overflow: ellipsis; }
331
+ .ccw_plugin .no-padding {
332
+ padding: 0 !important; }
333
+ .ccw_plugin a {
334
+ text-decoration: none; }
335
+ .ccw_plugin html {
336
+ line-height: 1.5;
337
+ font-family: "Roboto", sans-serif;
338
+ font-weight: normal;
339
+ color: rgba(0, 0, 0, 0.87); }
340
+ @media only screen and (min-width: 0) {
341
+ .ccw_plugin html {
342
+ font-size: 14px; } }
343
+ @media only screen and (min-width: 992px) {
344
+ .ccw_plugin html {
345
+ font-size: 14.5px; } }
346
+ @media only screen and (min-width: 1200px) {
347
+ .ccw_plugin html {
348
+ font-size: 15px; } }
349
+
350
+ .ccw_plugin em {
351
+ font-style: italic; }
352
+ .ccw_plugin strong {
353
+ font-weight: 500; }
354
+ .ccw_plugin small {
355
+ font-size: 75%; }
356
+ .ccw_plugin .light, .ccw_plugin .page-footer .footer-copyright {
357
+ font-weight: 300; }
358
+ .ccw_plugin .thin {
359
+ font-weight: 200; }
360
+
361
+ .ccw_plugin .scale-transition {
362
+ transition: transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important; }
363
+ .ccw_plugin .scale-transition.scale-out {
364
+ transform: scale(0);
365
+ transition: transform .2s !important; }
366
+ .ccw_plugin .scale-transition.scale-in {
367
+ transform: scale(1); }
368
+ .ccw_plugin .btn, .ccw_plugin .btn-large,
369
+ .ccw_plugin .btn-flat {
370
+ border: none;
371
+ border-radius: 2px;
372
+ display: inline-block;
373
+ height: 36px;
374
+ line-height: 36px;
375
+ padding: 0 2rem;
376
+ text-transform: uppercase;
377
+ vertical-align: middle;
378
+ -webkit-tap-highlight-color: transparent; }
379
+ .ccw_plugin .btn.disabled, .ccw_plugin .disabled.btn-large,
380
+ .ccw_plugin .btn-floating.disabled,
381
+ .ccw_plugin .btn-large.disabled,
382
+ .ccw_plugin .btn-flat.disabled,
383
+ .ccw_plugin .btn:disabled, .ccw_plugin .btn-large:disabled,
384
+ .ccw_plugin .btn-floating:disabled,
385
+ .ccw_plugin .btn-large:disabled,
386
+ .ccw_plugin .btn-flat:disabled,
387
+ .ccw_plugin .btn[disabled], .ccw_plugin [disabled].btn-large,
388
+ .ccw_plugin .btn-floating[disabled],
389
+ .ccw_plugin .btn-large[disabled],
390
+ .ccw_plugin .btn-flat[disabled] {
391
+ pointer-events: none;
392
+ background-color: #DFDFDF !important;
393
+ box-shadow: none;
394
+ color: #9F9F9F !important;
395
+ cursor: default; }
396
+ .ccw_plugin .btn.disabled:hover, .ccw_plugin .disabled.btn-large:hover,
397
+ .ccw_plugin .btn-floating.disabled:hover,
398
+ .ccw_plugin .btn-large.disabled:hover,
399
+ .ccw_plugin .btn-flat.disabled:hover,
400
+ .ccw_plugin .btn:disabled:hover, .ccw_plugin .btn-large:disabled:hover,
401
+ .ccw_plugin .btn-floating:disabled:hover,
402
+ .ccw_plugin .btn-large:disabled:hover,
403
+ .ccw_plugin .btn-flat:disabled:hover,
404
+ .ccw_plugin .btn[disabled]:hover, .ccw_plugin [disabled].btn-large:hover,
405
+ .ccw_plugin .btn-floating[disabled]:hover,
406
+ .ccw_plugin .btn-large[disabled]:hover,
407
+ .ccw_plugin .btn-flat[disabled]:hover {
408
+ background-color: #DFDFDF !important;
409
+ color: #9F9F9F !important; }
410
+ .ccw_plugin .btn, .ccw_plugin .btn-large,
411
+ .ccw_plugin .btn-floating,
412
+ .ccw_plugin .btn-large,
413
+ .ccw_plugin .btn-flat {
414
+ font-size: 1rem;
415
+ outline: 0; }
416
+ .ccw_plugin .btn i, .ccw_plugin .btn-large i,
417
+ .ccw_plugin .btn-floating i,
418
+ .ccw_plugin .btn-large i,
419
+ .ccw_plugin .btn-flat i {
420
+ font-size: 1.3rem;
421
+ line-height: inherit; }
422
+ .ccw_plugin .btn:focus, .ccw_plugin .btn-large:focus,
423
+ .ccw_plugin .btn-floating:focus {
424
+ background-color: #1d7d74; }
425
+ .ccw_plugin .btn, .ccw_plugin .btn-large {
426
+ text-decoration: none;
427
+ color: #fff;
428
+ background-color: #26a69a;
429
+ text-align: center;
430
+ letter-spacing: .5px;
431
+ transition: .2s ease-out;
432
+ cursor: pointer; }
433
+ .ccw_plugin .btn:hover, .ccw_plugin .btn-large:hover {
434
+ background-color: #2bbbad; }
435
+ .ccw_plugin .btn-floating {
436
+ display: inline-block;
437
+ color: #fff;
438
+ position: relative;
439
+ overflow: hidden;
440
+ z-index: 1;
441
+ width: 40px;
442
+ height: 40px;
443
+ line-height: 40px;
444
+ padding: 0;
445
+ background-color: #26a69a;
446
+ border-radius: 50%;
447
+ transition: .3s;
448
+ cursor: pointer;
449
+ vertical-align: middle; }
450
+ .ccw_plugin .btn-floating:hover {
451
+ background-color: #26a69a; }
452
+ .ccw_plugin .btn-floating:before {
453
+ border-radius: 0; }
454
+ .ccw_plugin .btn-floating.btn-large {
455
+ width: 56px;
456
+ height: 56px; }
457
+ .ccw_plugin .btn-floating.btn-large.halfway-fab {
458
+ bottom: -28px; }
459
+ .ccw_plugin .btn-floating.btn-large i {
460
+ line-height: 56px; }
461
+ .ccw_plugin .btn-floating.halfway-fab {
462
+ position: absolute;
463
+ right: 24px;
464
+ bottom: -20px; }
465
+ .ccw_plugin .btn-floating.halfway-fab.left {
466
+ right: auto;
467
+ left: 24px; }
468
+ .ccw_plugin .btn-floating i {
469
+ width: inherit;
470
+ display: inline-block;
471
+ text-align: center;
472
+ color: #fff;
473
+ font-size: 1.6rem;
474
+ line-height: 40px; }
475
+ .ccw_plugin button.btn-floating {
476
+ border: none; }
477
+ .ccw_plugin .fixed-action-btn {
478
+ position: fixed;
479
+ right: 23px;
480
+ bottom: 23px;
481
+ padding-top: 15px;
482
+ margin-bottom: 0;
483
+ z-index: 997; }
484
+ .ccw_plugin .fixed-action-btn.active ul {
485
+ visibility: visible; }
486
+ .ccw_plugin .fixed-action-btn.horizontal {
487
+ padding: 0 0 0 15px; }
488
+ .ccw_plugin .fixed-action-btn.horizontal ul {
489
+ text-align: right;
490
+ right: 64px;
491
+ top: 50%;
492
+ transform: translateY(-50%);
493
+ height: 100%;
494
+ left: auto;
495
+ width: 500px;
496
+ /*width 100% only goes to width of button container */ }
497
+ .ccw_plugin .fixed-action-btn.horizontal ul li {
498
+ display: inline-block;
499
+ margin: 15px 15px 0 0; }
500
+ .ccw_plugin .fixed-action-btn.toolbar {
501
+ padding: 0;
502
+ height: 56px; }
503
+ .ccw_plugin .fixed-action-btn.toolbar.active > a i {
504
+ opacity: 0; }
505
+ .ccw_plugin .fixed-action-btn.toolbar ul {
506
+ display: flex;
507
+ top: 0;
508
+ bottom: 0;
509
+ z-index: 1; }
510
+ .ccw_plugin .fixed-action-btn.toolbar ul li {
511
+ flex: 1;
512
+ display: inline-block;
513
+ margin: 0;
514
+ height: 100%;
515
+ transition: none; }
516
+ .ccw_plugin .fixed-action-btn.toolbar ul li a {
517
+ display: block;
518
+ overflow: hidden;
519
+ position: relative;
520
+ width: 100%;
521
+ height: 100%;
522
+ background-color: transparent;
523
+ box-shadow: none;
524
+ color: #fff;
525
+ line-height: 56px;
526
+ z-index: 1; }
527
+ .ccw_plugin .fixed-action-btn.toolbar ul li a i {
528
+ line-height: inherit; }
529
+ .ccw_plugin .fixed-action-btn ul {
530
+ left: 0;
531
+ right: 0;
532
+ text-align: center;
533
+ position: absolute;
534
+ bottom: 64px;
535
+ margin: 0;
536
+ visibility: hidden; }
537
+ .ccw_plugin .fixed-action-btn ul li {
538
+ margin-bottom: 15px; }
539
+ .ccw_plugin .fixed-action-btn ul a.btn-floating {
540
+ opacity: 0; }
541
+ .ccw_plugin .fixed-action-btn .fab-backdrop {
542
+ position: absolute;
543
+ top: 0;
544
+ left: 0;
545
+ z-index: -1;
546
+ width: 40px;
547
+ height: 40px;
548
+ background-color: #26a69a;
549
+ border-radius: 50%;
550
+ transform: scale(0); }
551
+ .ccw_plugin .btn-flat {
552
+ box-shadow: none;
553
+ background-color: transparent;
554
+ color: #343434;
555
+ cursor: pointer;
556
+ transition: background-color .2s; }
557
+ .ccw_plugin .btn-flat:focus, .ccw_plugin .btn-flat:hover {
558
+ box-shadow: none; }
559
+ .ccw_plugin .btn-flat:focus {
560
+ background-color: rgba(0, 0, 0, 0.1); }
561
+ .ccw_plugin .btn-flat.disabled {
562
+ background-color: transparent !important;
563
+ color: #b3b3b3 !important;
564
+ cursor: default; }
565
+ .ccw_plugin .btn-large {
566
+ height: 54px;
567
+ line-height: 54px; }
568
+ .ccw_plugin .btn-large i {
569
+ font-size: 1.6rem; }
570
+ .ccw_plugin .btn-block {
571
+ display: block; }
572
+ .ccw_plugin .chip {
573
+ display: inline-block;
574
+ height: 32px;
575
+ font-size: 13px;
576
+ font-weight: 500;
577
+ color: rgba(0, 0, 0, 0.6);
578
+ line-height: 32px;
579
+ padding: 0 12px;
580
+ border-radius: 16px;
581
+ background-color: #e4e4e4;
582
+ margin-bottom: 5px;
583
+ margin-right: 5px; }
584
+ .ccw_plugin .chip > img {
585
+ float: left;
586
+ margin: 0 8px 0 -12px;
587
+ height: 32px;
588
+ width: 32px;
589
+ border-radius: 50%; }
590
+ .ccw_plugin .chip .close {
591
+ cursor: pointer;
592
+ float: right;
593
+ font-size: 16px;
594
+ line-height: 32px;
595
+ padding-left: 8px; }
596
+ .ccw_plugin .chips {
597
+ border: none;
598
+ border-bottom: 1px solid #9e9e9e;
599
+ box-shadow: none;
600
+ margin: 0 0 20px 0;
601
+ min-height: 45px;
602
+ outline: none;
603
+ transition: all .3s; }
604
+ .ccw_plugin .chips.focus {
605
+ border-bottom: 1px solid #26a69a;
606
+ box-shadow: 0 1px 0 0 #26a69a; }
607
+ .ccw_plugin .chips:hover {
608
+ cursor: text; }
609
+ .ccw_plugin .chips .chip.selected {
610
+ background-color: #26a69a;
611
+ color: #fff; }
612
+ .ccw_plugin .chips .input {
613
+ background: none;
614
+ border: 0;
615
+ color: rgba(0, 0, 0, 0.6);
616
+ display: inline-block;
617
+ font-size: 1rem;
618
+ height: 3rem;
619
+ line-height: 32px;
620
+ outline: 0;
621
+ margin: 0;
622
+ padding: 0 !important;
623
+ width: 120px !important; }
624
+ .ccw_plugin .chips .input:focus {
625
+ border: 0 !important;
626
+ box-shadow: none !important; }
627
+ .ccw_plugin .chips .autocomplete-content {
628
+ margin-top: 0;
629
+ margin-bottom: 0; }
630
+ .ccw_plugin .prefix ~ .chips {
631
+ margin-left: 3rem;
632
+ width: 92%;
633
+ width: calc(100% - 3rem); }
634
+ .ccw_plugin .chips:empty ~ label {
635
+ font-size: 0.8rem;
636
+ transform: translateY(-140%); }
637
+ .ccw_plugin select:focus {
638
+ outline: 1px solid #c9f3ef; }
639
+ .ccw_plugin button:focus {
640
+ outline: none;
641
+ background-color: #2ab7a9; }
642
+ .ccw_plugin label {
643
+ font-size: 0.8rem;
644
+ color: #9e9e9e; }
645
+ .ccw_plugin ::placeholder {
646
+ color: #d1d1d1; }
647
+ .ccw_plugin input:not([type]),
648
+ .ccw_plugin input[type=text]:not(.browser-default),
649
+ .ccw_plugin textarea.materialize-textarea {
650
+ background-color: transparent;
651
+ border: none;
652
+ border-bottom: 1px solid #9e9e9e;
653
+ border-radius: 0;
654
+ outline: none;
655
+ height: 3rem;
656
+ width: 100%;
657
+ font-size: 1rem;
658
+ margin: 0 0 20px 0;
659
+ padding: 0;
660
+ box-shadow: none;
661
+ box-sizing: content-box;
662
+ transition: all 0.3s; }
663
+ .ccw_plugin input:not([type]):disabled, .ccw_plugin input:not([type])[readonly="readonly"],
664
+ .ccw_plugin input[type=text]:not(.browser-default):disabled,
665
+ .ccw_plugin input[type=text]:not(.browser-default)[readonly="readonly"],
666
+ .ccw_plugin textarea.materialize-textarea:disabled,
667
+ .ccw_plugin textarea.materialize-textarea[readonly="readonly"] {
668
+ color: rgba(0, 0, 0, 0.42);
669
+ border-bottom: 1px dotted rgba(0, 0, 0, 0.42); }
670
+ .ccw_plugin input:not([type]):disabled + label,
671
+ .ccw_plugin input:not([type])[readonly="readonly"] + label,
672
+ .ccw_plugin input[type=text]:not(.browser-default):disabled + label,
673
+ .ccw_plugin input[type=text]:not(.browser-default)[readonly="readonly"] + label,
674
+ .ccw_plugin textarea.materialize-textarea:disabled + label,
675
+ .ccw_plugin textarea.materialize-textarea[readonly="readonly"] + label {
676
+ color: rgba(0, 0, 0, 0.42); }
677
+ .ccw_plugin input:not([type]):focus:not([readonly]),
678
+ .ccw_plugin input[type=text]:not(.browser-default):focus:not([readonly]),
679
+ .ccw_plugin textarea.materialize-textarea:focus:not([readonly]) {
680
+ border-bottom: 1px solid #26a69a;
681
+ box-shadow: 0 1px 0 0 #26a69a; }
682
+ .ccw_plugin input:not([type]):focus:not([readonly]) + label,
683
+ .ccw_plugin input[type=text]:not(.browser-default):focus:not([readonly]) + label,
684
+ .ccw_plugin textarea.materialize-textarea:focus:not([readonly]) + label {
685
+ color: #26a69a; }
686
+ .ccw_plugin input:not([type]).validate + label,
687
+ .ccw_plugin input[type=text]:not(.browser-default).validate + label,
688
+ .ccw_plugin textarea.materialize-textarea.validate + label {
689
+ width: 100%; }
690
+ .ccw_plugin input:not([type]).invalid + label:after,
691
+ .ccw_plugin input:not([type]).valid + label:after,
692
+ .ccw_plugin input[type=text]:not(.browser-default).invalid + label:after,
693
+ .ccw_plugin input[type=text]:not(.browser-default).valid + label:after,
694
+ .ccw_plugin textarea.materialize-textarea.invalid + label:after,
695
+ .ccw_plugin textarea.materialize-textarea.valid + label:after {
696
+ display: none; }
697
+ .ccw_plugin input:not([type]).invalid + label.active:after,
698
+ .ccw_plugin input:not([type]).valid + label.active:after,
699
+ .ccw_plugin input[type=text]:not(.browser-default).invalid + label.active:after,
700
+ .ccw_plugin input[type=text]:not(.browser-default).valid + label.active:after,
701
+ .ccw_plugin textarea.materialize-textarea.invalid + label.active:after,
702
+ .ccw_plugin textarea.materialize-textarea.valid + label.active:after {
703
+ display: block; }
704
+ .ccw_plugin input.valid:not([type]), .ccw_plugin input.valid:not([type]):focus, .ccw_plugin input[type=text].valid:not(.browser-default), .ccw_plugin input[type=text].valid:not(.browser-default):focus, .ccw_plugin input[type=password].valid:not(.browser-default), .ccw_plugin input[type=password].valid:not(.browser-default):focus, .ccw_plugin input[type=email].valid:not(.browser-default), .ccw_plugin input[type=email].valid:not(.browser-default):focus, .ccw_plugin input[type=url].valid:not(.browser-default), .ccw_plugin input[type=url].valid:not(.browser-default):focus, .ccw_plugin input[type=time].valid:not(.browser-default), .ccw_plugin input[type=time].valid:not(.browser-default):focus, .ccw_plugin input[type=date].valid:not(.browser-default), .ccw_plugin input[type=date].valid:not(.browser-default):focus, .ccw_plugin input[type=datetime].valid:not(.browser-default), .ccw_plugin input[type=datetime].valid:not(.browser-default):focus, .ccw_plugin input[type=datetime-local].valid:not(.browser-default), .ccw_plugin input[type=datetime-local].valid:not(.browser-default):focus, .ccw_plugin input[type=tel].valid:not(.browser-default), .ccw_plugin input[type=tel].valid:not(.browser-default):focus, .ccw_plugin input[type=number].valid:not(.browser-default), .ccw_plugin input[type=number].valid:not(.browser-default):focus, .ccw_plugin input[type=search].valid:not(.browser-default), .ccw_plugin input[type=search].valid:not(.browser-default):focus, .ccw_plugin textarea.materialize-textarea.valid, .ccw_plugin textarea.materialize-textarea.valid:focus, .ccw_plugin .select-wrapper.valid > input.select-dropdown {
705
+ border-bottom: 1px solid #4CAF50;
706
+ box-shadow: 0 1px 0 0 #4CAF50; }
707
+ .ccw_plugin input.invalid:not([type]), .ccw_plugin input.invalid:not([type]):focus, .ccw_plugin input[type=text].invalid:not(.browser-default), .ccw_plugin input[type=text].invalid:not(.browser-default):focus, .ccw_plugin input[type=password].invalid:not(.browser-default), .ccw_plugin input[type=password].invalid:not(.browser-default):focus, .ccw_plugin input[type=email].invalid:not(.browser-default), .ccw_plugin input[type=email].invalid:not(.browser-default):focus, .ccw_plugin input[type=url].invalid:not(.browser-default), .ccw_plugin input[type=url].invalid:not(.browser-default):focus, .ccw_plugin input[type=time].invalid:not(.browser-default), .ccw_plugin input[type=time].invalid:not(.browser-default):focus, .ccw_plugin input[type=date].invalid:not(.browser-default), .ccw_plugin input[type=date].invalid:not(.browser-default):focus, .ccw_plugin input[type=datetime].invalid:not(.browser-default), .ccw_plugin input[type=datetime].invalid:not(.browser-default):focus, .ccw_plugin input[type=datetime-local].invalid:not(.browser-default), .ccw_plugin input[type=datetime-local].invalid:not(.browser-default):focus, .ccw_plugin input[type=tel].invalid:not(.browser-default), .ccw_plugin input[type=tel].invalid:not(.browser-default):focus, .ccw_plugin input[type=number].invalid:not(.browser-default), .ccw_plugin input[type=number].invalid:not(.browser-default):focus, .ccw_plugin input[type=search].invalid:not(.browser-default), .ccw_plugin input[type=search].invalid:not(.browser-default):focus, .ccw_plugin textarea.materialize-textarea.invalid, .ccw_plugin textarea.materialize-textarea.invalid:focus, .ccw_plugin .select-wrapper.invalid > input.select-dropdown {
708
+ border-bottom: 1px solid #F44336;
709
+ box-shadow: 0 1px 0 0 #F44336; }
710
+ .ccw_plugin input:not([type]).valid + label:after, .ccw_plugin input:not([type]):focus.valid + label:after, .ccw_plugin input[type=text]:not(.browser-default).valid + label:after, .ccw_plugin input[type=text]:not(.browser-default):focus.valid + label:after, .ccw_plugin input[type=password]:not(.browser-default).valid + label:after, .ccw_plugin input[type=password]:not(.browser-default):focus.valid + label:after, .ccw_plugin input[type=email]:not(.browser-default).valid + label:after, .ccw_plugin input[type=email]:not(.browser-default):focus.valid + label:after, .ccw_plugin input[type=url]:not(.browser-default).valid + label:after, .ccw_plugin input[type=url]:not(.browser-default):focus.valid + label:after, .ccw_plugin input[type=time]:not(.browser-default).valid + label:after, .ccw_plugin input[type=time]:not(.browser-default):focus.valid + label:after, .ccw_plugin input[type=date]:not(.browser-default).valid + label:after, .ccw_plugin input[type=date]:not(.browser-default):focus.valid + label:after, .ccw_plugin input[type=datetime]:not(.browser-default).valid + label:after, .ccw_plugin input[type=datetime]:not(.browser-default):focus.valid + label:after, .ccw_plugin input[type=datetime-local]:not(.browser-default).valid + label:after, .ccw_plugin input[type=datetime-local]:not(.browser-default):focus.valid + label:after, .ccw_plugin input[type=tel]:not(.browser-default).valid + label:after, .ccw_plugin input[type=tel]:not(.browser-default):focus.valid + label:after, .ccw_plugin input[type=number]:not(.browser-default).valid + label:after, .ccw_plugin input[type=number]:not(.browser-default):focus.valid + label:after, .ccw_plugin input[type=search]:not(.browser-default).valid + label:after, .ccw_plugin input[type=search]:not(.browser-default):focus.valid + label:after, .ccw_plugin textarea.materialize-textarea.valid + label:after, .ccw_plugin textarea.materialize-textarea:focus.valid + label:after, .ccw_plugin .select-wrapper.valid + label:after {
711
+ content: attr(data-success);
712
+ color: #4CAF50;
713
+ opacity: 1;
714
+ transform: translateY(9px); }
715
+ .ccw_plugin input:not([type]).invalid + label:after, .ccw_plugin input:not([type]):focus.invalid + label:after, .ccw_plugin input[type=text]:not(.browser-default).invalid + label:after, .ccw_plugin input[type=text]:not(.browser-default):focus.invalid + label:after, .ccw_plugin input[type=password]:not(.browser-default).invalid + label:after, .ccw_plugin input[type=password]:not(.browser-default):focus.invalid + label:after, .ccw_plugin input[type=email]:not(.browser-default).invalid + label:after, .ccw_plugin input[type=email]:not(.browser-default):focus.invalid + label:after, .ccw_plugin input[type=url]:not(.browser-default).invalid + label:after, .ccw_plugin input[type=url]:not(.browser-default):focus.invalid + label:after, .ccw_plugin input[type=time]:not(.browser-default).invalid + label:after, .ccw_plugin input[type=time]:not(.browser-default):focus.invalid + label:after, .ccw_plugin input[type=date]:not(.browser-default).invalid + label:after, .ccw_plugin input[type=date]:not(.browser-default):focus.invalid + label:after, .ccw_plugin input[type=datetime]:not(.browser-default).invalid + label:after, .ccw_plugin input[type=datetime]:not(.browser-default):focus.invalid + label:after, .ccw_plugin input[type=datetime-local]:not(.browser-default).invalid + label:after, .ccw_plugin input[type=datetime-local]:not(.browser-default):focus.invalid + label:after, .ccw_plugin input[type=tel]:not(.browser-default).invalid + label:after, .ccw_plugin input[type=tel]:not(.browser-default):focus.invalid + label:after, .ccw_plugin input[type=number]:not(.browser-default).invalid + label:after, .ccw_plugin input[type=number]:not(.browser-default):focus.invalid + label:after, .ccw_plugin input[type=search]:not(.browser-default).invalid + label:after, .ccw_plugin input[type=search]:not(.browser-default):focus.invalid + label:after, .ccw_plugin textarea.materialize-textarea.invalid + label:after, .ccw_plugin textarea.materialize-textarea:focus.invalid + label:after, .ccw_plugin .select-wrapper.invalid + label:after {
716
+ content: attr(data-error);
717
+ color: #F44336;
718
+ opacity: 1;
719
+ transform: translateY(9px); }
720
+ .ccw_plugin input:not([type]) + label:after, .ccw_plugin input[type=text]:not(.browser-default) + label:after, .ccw_plugin input[type=password]:not(.browser-default) + label:after, .ccw_plugin input[type=email]:not(.browser-default) + label:after, .ccw_plugin input[type=url]:not(.browser-default) + label:after, .ccw_plugin input[type=time]:not(.browser-default) + label:after, .ccw_plugin input[type=date]:not(.browser-default) + label:after, .ccw_plugin input[type=datetime]:not(.browser-default) + label:after, .ccw_plugin input[type=datetime-local]:not(.browser-default) + label:after, .ccw_plugin input[type=tel]:not(.browser-default) + label:after, .ccw_plugin input[type=number]:not(.browser-default) + label:after, .ccw_plugin input[type=search]:not(.browser-default) + label:after, .ccw_plugin textarea.materialize-textarea + label:after, .ccw_plugin .select-wrapper + label:after {
721
+ display: block;
722
+ content: "";
723
+ position: absolute;
724
+ top: 100%;
725
+ left: 0;
726
+ opacity: 0;
727
+ transition: .2s opacity ease-out, .2s color ease-out; }
728
+ .ccw_plugin .input-field {
729
+ position: relative;
730
+ margin-top: 1rem; }
731
+ .ccw_plugin .input-field.inline {
732
+ display: inline-block;
733
+ vertical-align: middle;
734
+ margin-left: 5px; }
735
+ .ccw_plugin .input-field.inline input,
736
+ .ccw_plugin .input-field.inline .select-dropdown {
737
+ margin-bottom: 1rem; }
738
+ .ccw_plugin .input-field.col label {
739
+ left: 0.75rem; }
740
+ .ccw_plugin .input-field.col .prefix ~ label,
741
+ .ccw_plugin .input-field.col .prefix ~ .validate ~ label {
742
+ width: calc(100% - 3rem - 1.5rem); }
743
+ .ccw_plugin .input-field label {
744
+ color: #9e9e9e;
745
+ position: absolute;
746
+ top: 0;
747
+ left: 0;
748
+ height: 100%;
749
+ font-size: 1rem;
750
+ cursor: text;
751
+ transition: transform .2s ease-out;
752
+ transform-origin: 0% 100%;
753
+ text-align: initial;
754
+ transform: translateY(12px);
755
+ pointer-events: none; }
756
+ .ccw_plugin .input-field label:not(.label-icon).active {
757
+ transform: translateY(-14px) scale(0.8);
758
+ transform-origin: 0 0; }
759
+ .ccw_plugin .input-field .prefix {
760
+ position: absolute;
761
+ width: 3rem;
762
+ font-size: 2rem;
763
+ transition: color .2s; }
764
+ .ccw_plugin .input-field .prefix.active {
765
+ color: #26a69a; }
766
+ .ccw_plugin .input-field .prefix ~ input,
767
+ .ccw_plugin .input-field .prefix ~ textarea,
768
+ .ccw_plugin .input-field .prefix ~ label,
769
+ .ccw_plugin .input-field .prefix ~ .validate ~ label,
770
+ .ccw_plugin .input-field .prefix ~ .autocomplete-content {
771
+ margin-left: 3rem;
772
+ width: 92%;
773
+ width: calc(100% - 3rem); }
774
+ .ccw_plugin .input-field .prefix ~ label {
775
+ margin-left: 3rem; }
776
+ @media only screen and (max-width: 992px) {
777
+ .ccw_plugin .input-field .prefix ~ input {
778
+ width: 86%;
779
+ width: calc(100% - 3rem); } }
780
+ @media only screen and (max-width: 600px) {
781
+ .ccw_plugin .input-field .prefix ~ input {
782
+ width: 80%;
783
+ width: calc(100% - 3rem); } }
784
+
785
+
786
+ .ccw_plugin textarea {
787
+ width: 100%;
788
+ height: 3rem;
789
+ background-color: transparent; }
790
+ .ccw_plugin textarea.materialize-textarea {
791
+ overflow-y: hidden;
792
+ /* prevents scroll bar flash */
793
+ padding: .8rem 0 1.6rem 0;
794
+ /* prevents text jump on Enter keypress */
795
+ resize: none;
796
+ min-height: 3rem; }
797
+ .ccw_plugin textarea.materialize-textarea.validate + label {
798
+ height: 100%; }
799
+ .ccw_plugin textarea.materialize-textarea.validate + label::after {
800
+ top: calc(100% - 12px); }
801
+ .ccw_plugin textarea.materialize-textarea.validate + label:not(.label-icon).active {
802
+ transform: translateY(-25px); }
803
+ .ccw_plugin .hiddendiv {
804
+ display: none;
805
+ white-space: pre-wrap;
806
+ word-wrap: break-word;
807
+ overflow-wrap: break-word;
808
+ /* future version of deprecated 'word-wrap' */
809
+ padding-top: 1.2rem;
810
+ /* prevents text jump on Enter keypress */
811
+ position: absolute;
812
+ top: 0; }
813
+ .ccw_plugin .autocomplete-content {
814
+ margin-top: -20px;
815
+ margin-bottom: 20px;
816
+ display: block;
817
+ opacity: 1;
818
+ position: static; }
819
+ .ccw_plugin .autocomplete-content li .highlight {
820
+ color: #444; }
821
+ .ccw_plugin .autocomplete-content li img {
822
+ height: 40px;
823
+ width: 40px;
824
+ margin: 5px 15px; }
825
+ .ccw_plugin form p {
826
+ margin-bottom: 10px;
827
+ text-align: left; }
828
+ .ccw_plugin form p:last-child {
829
+ margin-bottom: 0; }
830
+
831
+ .ccw_plugin select {
832
+ display: none; }
833
+ .ccw_plugin select.browser-default {
834
+ display: block; }
835
+ .ccw_plugin select {
836
+ background-color: rgba(255, 255, 255, 0.9);
837
+ width: 100%;
838
+ padding: 5px;
839
+ border: 1px solid #f2f2f2;
840
+ border-radius: 2px;
841
+ height: 3rem; }
842
+ .ccw_plugin .input-field > select {
843
+ display: block;
844
+ position: absolute;
845
+ width: 0;
846
+ pointer-events: none;
847
+ height: 0;
848
+ top: 0;
849
+ left: 0;
850
+ opacity: 0; }
851
+
852
+ .ccw_plugin select:disabled {
853
+ color: rgba(0, 0, 0, 0.42); }
854
+ .ccw_plugin .select-wrapper.disabled span.caret,
855
+ .ccw_plugin .select-wrapper.disabled + label {
856
+ color: rgba(0, 0, 0, 0.42); }
857
+ .ccw_plugin .select-wrapper input.select-dropdown:disabled {
858
+ color: rgba(0, 0, 0, 0.42);
859
+ cursor: default;
860
+ user-select: none; }
861
+
862
+ .ccw_plugin .prefix ~ .select-wrapper {
863
+ margin-left: 3rem;
864
+ width: 92%;
865
+ width: calc(100% - 3rem); }
866
+ .ccw_plugin .prefix ~ label {
867
+ margin-left: 3rem; }
assets/js/admin_mainstyles.js CHANGED
@@ -60,12 +60,12 @@
60
  /******/ __webpack_require__.p = "";
61
  /******/
62
  /******/ // Load entry module and return exports
63
- /******/ return __webpack_require__(__webpack_require__.s = 3);
64
  /******/ })
65
  /************************************************************************/
66
  /******/ ({
67
 
68
- /***/ 3:
69
  /***/ (function(module, exports) {
70
 
71
  // removed by extract-text-webpack-plugin
60
  /******/ __webpack_require__.p = "";
61
  /******/
62
  /******/ // Load entry module and return exports
63
+ /******/ return __webpack_require__(__webpack_require__.s = 2);
64
  /******/ })
65
  /************************************************************************/
66
  /******/ ({
67
 
68
+ /***/ 2:
69
  /***/ (function(module, exports) {
70
 
71
  // removed by extract-text-webpack-plugin
assets/js/mdstyles.js DELETED
@@ -1,75 +0,0 @@
1
- /******/ (function(modules) { // webpackBootstrap
2
- /******/ // The module cache
3
- /******/ var installedModules = {};
4
- /******/
5
- /******/ // The require function
6
- /******/ function __webpack_require__(moduleId) {
7
- /******/
8
- /******/ // Check if module is in cache
9
- /******/ if(installedModules[moduleId]) {
10
- /******/ return installedModules[moduleId].exports;
11
- /******/ }
12
- /******/ // Create a new module (and put it into the cache)
13
- /******/ var module = installedModules[moduleId] = {
14
- /******/ i: moduleId,
15
- /******/ l: false,
16
- /******/ exports: {}
17
- /******/ };
18
- /******/
19
- /******/ // Execute the module function
20
- /******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
21
- /******/
22
- /******/ // Flag the module as loaded
23
- /******/ module.l = true;
24
- /******/
25
- /******/ // Return the exports of the module
26
- /******/ return module.exports;
27
- /******/ }
28
- /******/
29
- /******/
30
- /******/ // expose the modules object (__webpack_modules__)
31
- /******/ __webpack_require__.m = modules;
32
- /******/
33
- /******/ // expose the module cache
34
- /******/ __webpack_require__.c = installedModules;
35
- /******/
36
- /******/ // define getter function for harmony exports
37
- /******/ __webpack_require__.d = function(exports, name, getter) {
38
- /******/ if(!__webpack_require__.o(exports, name)) {
39
- /******/ Object.defineProperty(exports, name, {
40
- /******/ configurable: false,
41
- /******/ enumerable: true,
42
- /******/ get: getter
43
- /******/ });
44
- /******/ }
45
- /******/ };
46
- /******/
47
- /******/ // getDefaultExport function for compatibility with non-harmony modules
48
- /******/ __webpack_require__.n = function(module) {
49
- /******/ var getter = module && module.__esModule ?
50
- /******/ function getDefault() { return module['default']; } :
51
- /******/ function getModuleExports() { return module; };
52
- /******/ __webpack_require__.d(getter, 'a', getter);
53
- /******/ return getter;
54
- /******/ };
55
- /******/
56
- /******/ // Object.prototype.hasOwnProperty.call
57
- /******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
58
- /******/
59
- /******/ // __webpack_public_path__
60
- /******/ __webpack_require__.p = "";
61
- /******/
62
- /******/ // Load entry module and return exports
63
- /******/ return __webpack_require__(__webpack_require__.s = 2);
64
- /******/ })
65
- /************************************************************************/
66
- /******/ ({
67
-
68
- /***/ 2:
69
- /***/ (function(module, exports) {
70
-
71
- // removed by extract-text-webpack-plugin
72
-
73
- /***/ })
74
-
75
- /******/ });
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
click-to-chat.php CHANGED
@@ -3,7 +3,7 @@
3
  Plugin Name: Click to Chat for WhatsApp
4
  Plugin URI: https://wordpress.org/plugins/click-to-chat-for-whatsapp/
5
  Description: Lets make your Web page visitor contact you through WhatsApp with a single click/tap
6
- Version: 1.4
7
  Author: HoliThemes
8
  Author URI: https://holithemes.com/whatsapp-chat/
9
  License: GPL2
3
  Plugin Name: Click to Chat for WhatsApp
4
  Plugin URI: https://wordpress.org/plugins/click-to-chat-for-whatsapp/
5
  Description: Lets make your Web page visitor contact you through WhatsApp with a single click/tap
6
+ Version: 1.5
7
  Author: HoliThemes
8
  Author URI: https://holithemes.com/whatsapp-chat/
9
  License: GPL2
inc/class-ccw-add-styles-scripts.php CHANGED
@@ -41,7 +41,7 @@ class CCW_Add_Styles_Scripts {
41
  wp_enqueue_style('ccw_main_css');
42
 
43
 
44
- wp_register_style('ccw_md_css', plugins_url( 'assets/css/mdstyles.css', HT_CCW_PLUGIN_FILE ), '', HT_CCW_VERSION );
45
  // needs - s1, s4, s8
46
  // wp_enqueue_style('ccw_md_css');
47
 
@@ -67,6 +67,10 @@ class CCW_Add_Styles_Scripts {
67
  $mobile_style = ht_ccw()->variables->get_option['stylemobile'];
68
  $desktop_style = ht_ccw()->variables->get_option['style'];
69
 
 
 
 
 
70
  if ( 1 == ht_ccw()->device_type->is_mobile ) {
71
  if ( 1 == $mobile_style || 4 == $mobile_style || 8 == $mobile_style ) {
72
  wp_enqueue_style('ccw_md_css');
@@ -78,9 +82,10 @@ class CCW_Add_Styles_Scripts {
78
  }
79
 
80
 
 
 
81
 
82
 
83
- }
84
 
85
  /**
86
  * enqueue only on style-1
41
  wp_enqueue_style('ccw_main_css');
42
 
43
 
44
+ wp_register_style('ccw_md_css', plugins_url( 'assets/css/required/mdstyles.css', HT_CCW_PLUGIN_FILE ), '', HT_CCW_VERSION );
45
  // needs - s1, s4, s8
46
  // wp_enqueue_style('ccw_md_css');
47
 
67
  $mobile_style = ht_ccw()->variables->get_option['stylemobile'];
68
  $desktop_style = ht_ccw()->variables->get_option['style'];
69
 
70
+ /**
71
+ * is mobile or not
72
+ * and then enqueue styles if selected style is 1, 4, 8
73
+ */
74
  if ( 1 == ht_ccw()->device_type->is_mobile ) {
75
  if ( 1 == $mobile_style || 4 == $mobile_style || 8 == $mobile_style ) {
76
  wp_enqueue_style('ccw_md_css');
82
  }
83
 
84
 
85
+
86
+ }
87
 
88
 
 
89
 
90
  /**
91
  * enqueue only on style-1
inc/class-ccw-shortcode.php CHANGED
@@ -69,6 +69,8 @@ class CCW_Shortcode {
69
  'bottom' => '',
70
  'left' => '',
71
  'home' => '', // home - to hide on experts ..
 
 
72
 
73
  'type' => $return_type, // type= group_chat or ( chat or any thing )
74
  'group_id' => $group_id, // group chat id ..
@@ -126,6 +128,14 @@ class CCW_Shortcode {
126
  's8_1_width' => esc_attr( $ccw_options_cs['s8_1_width'] ),
127
 
128
  's9_icon_size' => esc_attr( $ccw_options_cs['s9_icon_size'] ),
 
 
 
 
 
 
 
 
129
 
130
 
131
  ), $atts, $shortcode );
@@ -133,11 +143,21 @@ class CCW_Shortcode {
133
 
134
 
135
  $num = $a["num"];
136
- $initial_text = $a["text"];
137
 
 
 
 
 
138
 
 
139
  // if it is mobile device , or tab is_mobile is 1, if not 2 or any thing
140
  $is_mobile = ht_ccw()->device_type->is_mobile;
 
 
 
 
 
 
141
  $redirect = "";
142
 
143
  $is_group = $a["type"];
@@ -148,6 +168,11 @@ class CCW_Shortcode {
148
  * if type = chat or any thing else, consider as chat. ( default is chat )
149
  */
150
  if( 1 == $is_mobile ) {
 
 
 
 
 
151
  if ( 'group_chat' == $is_group ) {
152
  $redirect_page = plugins_url( "inc/whatsapp-url-group.php?id=$group_id", HT_CCW_PLUGIN_FILE );
153
  $img_click_link = "window.open('https://chat.whatsapp.com/$group_id', '_blank')";
@@ -158,15 +183,39 @@ class CCW_Shortcode {
158
  $redirect_a = "https://api.whatsapp.com/send?phone=$num&text=$initial_text";
159
  }
160
  } else {
161
- if ( 'group_chat' == $is_group ) {
162
- $redirect_page = plugins_url( "inc/whatsapp-url-group.php?id=$group_id", HT_CCW_PLUGIN_FILE );
163
- $img_click_link = "window.open('https://chat.whatsapp.com/$group_id', '_blank')";
164
- $redirect_a = "https://chat.whatsapp.com/$group_id";
 
 
 
 
 
 
 
 
 
 
 
 
 
 
165
  } else {
166
- $redirect_page = plugins_url( "inc/whatsapp-url.php?num=$num&text=$initial_text", HT_CCW_PLUGIN_FILE );
167
- $img_click_link = "window.open('https://web.whatsapp.com/send?phone=$num&text=$initial_text', '_blank')";
168
- $redirect_a = "https://web.whatsapp.com/send?phone=$num&text=$initial_text";
 
 
 
 
 
 
 
 
169
  }
 
 
170
  }
171
 
172
 
@@ -231,7 +280,7 @@ class CCW_Shortcode {
231
  $s3_icon_type = $a['s3_icon_type'];
232
  $img_link = plugins_url("./assets/img/whatsapp-logo.$s3_icon_type", HT_CCW_PLUGIN_FILE );
233
  $o .= '<div class="ccw_plugin">';
234
- $o .= '<img class="img-icon-sc sc_item pointer style-3-sc" src="'.$img_link.'" alt="chat" onclick="'.$img_click_link.'" style="height: 36px; '.$css.' " >';
235
  $o .= '</div>';
236
  }
237
 
69
  'bottom' => '',
70
  'left' => '',
71
  'home' => '', // home - to hide on experts ..
72
+ 'hide_mobile' => '',
73
+ 'hide_desktop' => '',
74
 
75
  'type' => $return_type, // type= group_chat or ( chat or any thing )
76
  'group_id' => $group_id, // group chat id ..
128
  's8_1_width' => esc_attr( $ccw_options_cs['s8_1_width'] ),
129
 
130
  's9_icon_size' => esc_attr( $ccw_options_cs['s9_icon_size'] ),
131
+
132
+
133
+ 's99_img_height_desktop' => esc_attr( $ccw_options_cs['s99_img_height_desktop'] ),
134
+ 's99_img_width_desktop' => esc_attr( $ccw_options_cs['s99_img_width_desktop'] ),
135
+ 's99_img_height_mobile' => esc_attr( $ccw_options_cs['s99_img_height_mobile'] ),
136
+ 's99_img_width_mobile' => esc_attr( $ccw_options_cs['s99_img_width_mobile'] ),
137
+ 's99_desktop_img' => esc_attr( $ccw_options_cs['s99_desktop_img'] ),
138
+ 's99_mobile_img' => esc_attr( $ccw_options_cs['s99_mobile_img'] ),
139
 
140
 
141
  ), $atts, $shortcode );
143
 
144
 
145
  $num = $a["num"];
 
146
 
147
+ // initial text
148
+ $page_url = get_permalink();
149
+ $text = $a["text"];
150
+ $initial_text = str_replace( '{{url}}', $page_url, $text );;
151
 
152
+
153
  // if it is mobile device , or tab is_mobile is 1, if not 2 or any thing
154
  $is_mobile = ht_ccw()->device_type->is_mobile;
155
+
156
+ // hide based on device type
157
+ // "string" true or "true" not boolean - boolean means is exists like ..
158
+ $hide_mobile = $a["hide_mobile"];
159
+ $hide_desktop = $a["hide_desktop"];
160
+
161
  $redirect = "";
162
 
163
  $is_group = $a["type"];
168
  * if type = chat or any thing else, consider as chat. ( default is chat )
169
  */
170
  if( 1 == $is_mobile ) {
171
+
172
+ if ( "true" == $hide_mobile ) {
173
+ return;
174
+ }
175
+
176
  if ( 'group_chat' == $is_group ) {
177
  $redirect_page = plugins_url( "inc/whatsapp-url-group.php?id=$group_id", HT_CCW_PLUGIN_FILE );
178
  $img_click_link = "window.open('https://chat.whatsapp.com/$group_id', '_blank')";
183
  $redirect_a = "https://api.whatsapp.com/send?phone=$num&text=$initial_text";
184
  }
185
  } else {
186
+
187
+ if ( "true" == $hide_desktop ) {
188
+ return;
189
+ }
190
+
191
+ if ( isset( $values['app_first'] ) ) {
192
+
193
+ // App First - so mobile based url
194
+ if ( 'group_chat' == $is_group ) {
195
+ $redirect_page = plugins_url( "inc/whatsapp-url-group.php?id=$group_id", HT_CCW_PLUGIN_FILE );
196
+ $img_click_link = "window.open('https://chat.whatsapp.com/$group_id', '_blank')";
197
+ $redirect_a = "https://chat.whatsapp.com/$group_id";
198
+ } else {
199
+ $redirect_page = plugins_url( "inc/whatsapp-url.php?num=$num&text=$initial_text&m=$is_mobile", HT_CCW_PLUGIN_FILE );
200
+ $img_click_link = "window.open('https://api.whatsapp.com/send?phone=$num&text=$initial_text', '_blank')";
201
+ $redirect_a = "https://api.whatsapp.com/send?phone=$num&text=$initial_text";
202
+ }
203
+
204
  } else {
205
+
206
+ // General - Desktop url
207
+ if ( 'group_chat' == $is_group ) {
208
+ $redirect_page = plugins_url( "inc/whatsapp-url-group.php?id=$group_id", HT_CCW_PLUGIN_FILE );
209
+ $img_click_link = "window.open('https://chat.whatsapp.com/$group_id', '_blank')";
210
+ $redirect_a = "https://chat.whatsapp.com/$group_id";
211
+ } else {
212
+ $redirect_page = plugins_url( "inc/whatsapp-url.php?num=$num&text=$initial_text", HT_CCW_PLUGIN_FILE );
213
+ $img_click_link = "window.open('https://web.whatsapp.com/send?phone=$num&text=$initial_text', '_blank')";
214
+ $redirect_a = "https://web.whatsapp.com/send?phone=$num&text=$initial_text";
215
+ }
216
  }
217
+
218
+
219
  }
220
 
221
 
280
  $s3_icon_type = $a['s3_icon_type'];
281
  $img_link = plugins_url("./assets/img/whatsapp-logo.$s3_icon_type", HT_CCW_PLUGIN_FILE );
282
  $o .= '<div class="ccw_plugin">';
283
+ $o .= '<img class="img-icon-sc sc_item pointer style-3-sc" src="'.$img_link.'" alt="WhatsApp chat" onclick="'.$img_click_link.'" style="height: 36px; '.$css.' " >';
284
  $o .= '</div>';
285
  }
286
 
inc/{class-ht_ccw-chat.php → class-ht-ccw-chat.php} RENAMED
@@ -29,7 +29,7 @@ class HT_CCW_Chat {
29
  /**
30
  * add_action - wp_footer
31
  *
32
- * @uses this calss contructor
33
  */
34
  public function floating_device() {
35
  add_action( 'wp_footer', array( $this, 'chat' ) );
@@ -52,7 +52,7 @@ class HT_CCW_Chat {
52
  $num = $values['number'];
53
  $val = $values['input_placeholder'];
54
  $position = $values['position'];
55
-
56
  // $style = $values['style'];
57
 
58
  if( 1 == $enable ) {
29
  /**
30
  * add_action - wp_footer
31
  *
32
+ * @uses this class contructor
33
  */
34
  public function floating_device() {
35
  add_action( 'wp_footer', array( $this, 'chat' ) );
52
  $num = $values['number'];
53
  $val = $values['input_placeholder'];
54
  $position = $values['position'];
55
+
56
  // $style = $values['style'];
57
 
58
  if( 1 == $enable ) {
inc/class-ht-ccw.php CHANGED
@@ -33,7 +33,7 @@ class HT_CCW {
33
  * if this changed dont forgot to change in plugin header content
34
  * click-to-chat.php - Version
35
  */
36
- private $version = '1.4';
37
 
38
 
39
  /**
@@ -179,7 +179,7 @@ class HT_CCW {
179
  require_once HT_CCW_PLUGIN_DIR . 'inc/class-ccw-shortcode.php';
180
 
181
  // require_once HT_CCW_PLUGIN_DIR . 'inc/class-ht-ccw-floating-style.php';
182
- require_once HT_CCW_PLUGIN_DIR . 'inc/class-ht_ccw-chat.php';
183
 
184
  }
185
  }
33
  * if this changed dont forgot to change in plugin header content
34
  * click-to-chat.php - Version
35
  */
36
+ private $version = '1.5';
37
 
38
 
39
  /**
179
  require_once HT_CCW_PLUGIN_DIR . 'inc/class-ccw-shortcode.php';
180
 
181
  // require_once HT_CCW_PLUGIN_DIR . 'inc/class-ht-ccw-floating-style.php';
182
+ require_once HT_CCW_PLUGIN_DIR . 'inc/class-ht-ccw-chat.php';
183
 
184
  }
185
  }
inc/commons/styles-list-sc/sc-style-1.php CHANGED
@@ -42,7 +42,7 @@ $o .= '<div class="input-field">';
42
  $o .= '<input type="text" name="subject" id="subject" onfocus= " '.$input_onfocus.' " onfocusout= " '.$input_onfocusout.' " style= " '.$input.' " >';
43
  $o .= '<label style= " '.$label.' " class="ccw-s1-label_sc" for="subject" >'.$a["val"].'</label>';
44
  $o .= '</div>';
45
- $o .= '<button class="btn waves-effect waves-light" type="submit" name="action" style= " '.$button.' " >'.$s1_btn_text.' ';
46
- $o .= '<i class="material-icons right" style= " '.$button_i.' " ><span class="icon icon-send"></span></i>';
47
  $o .= '</button>';
48
  $o .= '</form>';
42
  $o .= '<input type="text" name="subject" id="subject" onfocus= " '.$input_onfocus.' " onfocusout= " '.$input_onfocusout.' " style= " '.$input.' " >';
43
  $o .= '<label style= " '.$label.' " class="ccw-s1-label_sc" for="subject" >'.$a["val"].'</label>';
44
  $o .= '</div>';
45
+ $o .= '<button class="btn waves-effect waves-light ccw-analytics" data-ccw="style-1-sc" type="submit" name="action" style= " '.$button.' " >'.$s1_btn_text.' ';
46
+ $o .= '<i class="material-icons right ccw-analytics" data-ccw="style-1-sc" style= " '.$button_i.' " ><span class="icon icon-send"></span></i>';
47
  $o .= '</button>';
48
  $o .= '</form>';
inc/commons/styles-list-sc/sc-style-2.php CHANGED
@@ -17,5 +17,5 @@ $input_onhover = "this.style.color= '$s2_text_color_onhover', this.style.textDec
17
  $input_onhover_out = "this.style.color= '$s2_text_color', this.style.textDecoration= '$s2_decoration'; ";
18
 
19
  $o .= '<div class="ccw_plugin inline style2-sc sc_item" style=" '.$css.' " >';
20
- $o .= '<a class="nofocus" href="'.$redirect_a.'" target="_blank" style=" color:'.$s2_text_color.'; text-decoration: '.$s2_decoration.'; " onmouseover= " '.$input_onhover.' " onmouseout= " '.$input_onhover_out.' " >'.$a["val"].'</a>';
21
  $o .= '</div>';
17
  $input_onhover_out = "this.style.color= '$s2_text_color', this.style.textDecoration= '$s2_decoration'; ";
18
 
19
  $o .= '<div class="ccw_plugin inline style2-sc sc_item" style=" '.$css.' " >';
20
+ $o .= '<a class="nofocus ccw-analytics" data-ccw="style-2-sc" href="'.$redirect_a.'" target="_blank" style=" color:'.$s2_text_color.'; text-decoration: '.$s2_decoration.'; " onmouseover= " '.$input_onhover.' " onmouseout= " '.$input_onhover_out.' " >'.$a["val"].'</a>';
21
  $o .= '</div>';
inc/commons/styles-list-sc/sc-style-3.php CHANGED
@@ -11,5 +11,5 @@ $img_link = plugins_url("./assets/img/whatsapp-logo.$s3_icon_type", HT_CCW_PLUGI
11
  $s3_icon_size = $s3_icon_size;
12
 
13
  $o .= '<div class="ccw_plugin">';
14
- $o .= '<img class="img-icon-sc sc_item pointer style-3-sc" src="'.$img_link.'" alt="chat" onclick="'.$img_click_link.'" style="height: '.$s3_icon_size.'; '.$css.' " >';
15
  $o .= '</div>';
11
  $s3_icon_size = $s3_icon_size;
12
 
13
  $o .= '<div class="ccw_plugin">';
14
+ $o .= '<img class="img-icon-sc sc_item pointer style-3-sc ccw-analytics" data-ccw="style-3-sc" src="'.$img_link.'" alt="WhatsApp chat" onclick="'.$img_click_link.'" style="height: '.$s3_icon_size.'; '.$css.' " >';
15
  $o .= '</div>';
inc/commons/styles-list-sc/sc-style-4.1.php CHANGED
@@ -11,7 +11,7 @@ $s4_text_color = $s4_text_color;
11
  $s4_background_color = $s4_background_color;
12
 
13
  $o .= '<div class="ccw_plugin inline_issue sc_item" style=" '.$css.' " >';
14
- $o .= '<div class="chip pointer" style=" color: '.$s4_text_color.'; background-color: '.$s4_background_color.' " onclick="'.$img_click_link.'">';
15
- $o .= '<img src="'.$img_link_s4.'" alt="Contact Person">'.$a["val"].'';
16
  $o .= '</div>';
17
  $o .= '</div>';
11
  $s4_background_color = $s4_background_color;
12
 
13
  $o .= '<div class="ccw_plugin inline_issue sc_item" style=" '.$css.' " >';
14
+ $o .= '<div class="chip pointer ccw-analytics" data-ccw="style-4-1-sc" style=" color: '.$s4_text_color.'; background-color: '.$s4_background_color.' " onclick="'.$img_click_link.'">';
15
+ $o .= '<img class="ccw-analytics" data-ccw="style-4-1-sc" src="'.$img_link_s4.'" alt="WhatsApp chat">'.$a["val"].'';
16
  $o .= '</div>';
17
  $o .= '</div>';
inc/commons/styles-list-sc/sc-style-4.php CHANGED
@@ -16,7 +16,7 @@ $s4_background_color = $s4_background_color;
16
  $img_link_s4 = plugins_url("./assets/img/whatsapp-logo-32x32.png", HT_CCW_PLUGIN_FILE );
17
 
18
  $o .= '<div class="ccw_plugin sc_item" style=" '.$css.' " >';
19
- $o .= '<div class="chip pointer" style=" color: '.$s4_text_color.'; background-color: '.$s4_background_color.' " onclick="'.$img_click_link.'">';
20
- $o .= '<img src="'.$img_link_s4.'" alt="Contact Person" >'.$a["val"].'';
21
  $o .= '</div>';
22
  $o .= '</div>';
16
  $img_link_s4 = plugins_url("./assets/img/whatsapp-logo-32x32.png", HT_CCW_PLUGIN_FILE );
17
 
18
  $o .= '<div class="ccw_plugin sc_item" style=" '.$css.' " >';
19
+ $o .= '<div class="chip pointer ccw-analytics" data-ccw="style-4-sc" style=" color: '.$s4_text_color.'; background-color: '.$s4_background_color.' " onclick="'.$img_click_link.'">';
20
+ $o .= '<img class="ccw-analytics" data-ccw="style-4-sc" src="'.$img_link_s4.'" alt="Contact Person" >'.$a["val"].'';
21
  $o .= '</div>';
22
  $o .= '</div>';
inc/commons/styles-list-sc/sc-style-5.php CHANGED
@@ -14,7 +14,7 @@ $input_onhover = "this.style.color= '$s5_hover_color'; ";
14
  $input_onhover_out = "this.style.color= '$s5_color'; ";
15
 
16
  $o .= '<div class="ccw_plugin sc_item pointer" style=" '.$css.' color: '.$s5_color.'; " onclick="'.$img_click_link.'" onmouseover= " '.$input_onhover.' " onmouseout= " '.$input_onhover_out.' " >';
17
- $o .= '<span class="icon icon-whatsapp2 icon-2" style=" font-size: '.$s5_icon_size.'; "></span>';
18
- // $o .= '<a target="_blank" class="nofocus icon icon-whatsapp2 icon-2 no_a_underline" href="'.$redirect_a.'" >';
19
  // $o .= '</a>';
20
  $o .= '</div>';
14
  $input_onhover_out = "this.style.color= '$s5_color'; ";
15
 
16
  $o .= '<div class="ccw_plugin sc_item pointer" style=" '.$css.' color: '.$s5_color.'; " onclick="'.$img_click_link.'" onmouseover= " '.$input_onhover.' " onmouseout= " '.$input_onhover_out.' " >';
17
+ $o .= '<span class="icon icon-whatsapp2 icon-2 ccw-analytics" data-ccw="style-5-sc" style=" font-size: '.$s5_icon_size.'; "></span>';
18
+ // $o .= '<a target="_blank" class="nofocus icon icon-whatsapp2 icon-2 no_a_underline ccw-analytics" href="'.$redirect_a.'" >';
19
  // $o .= '</a>';
20
  $o .= '</div>';
inc/commons/styles-list-sc/sc-style-6.php CHANGED
@@ -25,7 +25,7 @@ $input_onhover = "this.style.backgroundColor= '$s6_circle_background_hover_color
25
  $input_onhover_out = "this.style.backgroundColor= '$s6_circle_background_color', this.style.color= '$s6_color'; ";
26
 
27
  $o .= '<div class="ccw_plugin">';
28
- $o .= '<div style=" background-color: '.$s6_circle_background_color.'; color: '.$s6_color.'; height: '.$s6_circle_height.'; width: '.$s6_circle_width.'; line-height: '.$s6_line_height.'; '.$css.' " class="btn_only_style_div_circle_sc inline-block pointer" onclick="'.$img_click_link.'" onmouseover= " '.$input_onhover.' " onmouseout= " '.$input_onhover_out.' " >';
29
- $o .= '<span class="btn_only_style icon icon-whatsapp2" style= "font-size: '.$s6_icon_size.' " ></span>';
30
  $o .= '</div>';
31
  $o .= '</div>';
25
  $input_onhover_out = "this.style.backgroundColor= '$s6_circle_background_color', this.style.color= '$s6_color'; ";
26
 
27
  $o .= '<div class="ccw_plugin">';
28
+ $o .= '<div style=" background-color: '.$s6_circle_background_color.'; color: '.$s6_color.'; height: '.$s6_circle_height.'; width: '.$s6_circle_width.'; line-height: '.$s6_line_height.'; '.$css.' " class="btn_only_style_div_circle_sc inline-block pointer ccw-analytics" onclick="'.$img_click_link.'" onmouseover= " '.$input_onhover.' " onmouseout= " '.$input_onhover_out.' " >';
29
+ $o .= '<span class="btn_only_style icon icon-whatsapp2 ccw-analytics" data-ccw="style-6-sc" style= "font-size: '.$s6_icon_size.' " ></span>';
30
  $o .= '</div>';
31
  $o .= '</div>';
inc/commons/styles-list-sc/sc-style-7.php CHANGED
@@ -25,7 +25,7 @@ $input_onhover = "this.style.backgroundColor= '$s7_box_background_hover_color',
25
  $input_onhover_out = "this.style.backgroundColor= '$s7_box_background_color', this.style.color= '$s7_color'; ";
26
 
27
  $o .= '<div class="ccw_plugin">';
28
- $o .= '<div style="background-color: '.$s7_box_background_color.'; color: '.$s7_color.'; height: '.$s7_box_height.'; width: '.$s7_box_width.'; line-height: '.$s7_line_height.'; '.$css.' " class="btn_only_style_div inline-block pointer" onclick="'.$img_click_link.'" onmouseover= " '.$input_onhover.' " onmouseout= " '.$input_onhover_out.' " >';
29
- $o .= '<span class="btn_only_style icon icon-whatsapp2" style= "font-size: '.$s7_icon_size.' " ></span>';
30
  $o .= '</div>';
31
  $o .= '</div>';
25
  $input_onhover_out = "this.style.backgroundColor= '$s7_box_background_color', this.style.color= '$s7_color'; ";
26
 
27
  $o .= '<div class="ccw_plugin">';
28
+ $o .= '<div style="background-color: '.$s7_box_background_color.'; color: '.$s7_color.'; height: '.$s7_box_height.'; width: '.$s7_box_width.'; line-height: '.$s7_line_height.'; '.$css.' " class="btn_only_style_div inline-block pointer ccw-analytics" data-ccw="style-7-sc" onclick="'.$img_click_link.'" onmouseover= " '.$input_onhover.' " onmouseout= " '.$input_onhover_out.' " >';
29
+ $o .= '<span class="btn_only_style icon icon-whatsapp2 ccw-analytics" style= "font-size: '.$s7_icon_size.' " ></span>';
30
  $o .= '</div>';
31
  $o .= '</div>';
inc/commons/styles-list-sc/sc-style-8.1.php CHANGED
@@ -24,7 +24,7 @@ $input_onhover = "this.style.backgroundColor= '$s8_background_color_onhover', th
24
  $input_onhover_out = "this.style.backgroundColor= '$s8_background_color', this.childNodes[1].style.color= '$s8_text_color' ; ";
25
 
26
  $o .= '<div class="ccw_plugin sc_item" style=" '.$css.' " >';
27
- $o .= '<a style="background-color: '.$s8_background_color.'; width: '.$s8_1_width.' " target="_blank" href="'.$redirect_a.'" class="btn" onmouseover= " '.$input_onhover.' " onmouseout= " '.$input_onhover_out.' " > ';
28
- $o .= '<span style="color: '.$s8_text_color.';" class="ccw-s8-span-sc" id="ccw-s8-icon-sc" >'.$a["val"].'</span>';
29
  $o .= '</a>';
30
  $o .= '</div>';
24
  $input_onhover_out = "this.style.backgroundColor= '$s8_background_color', this.childNodes[1].style.color= '$s8_text_color' ; ";
25
 
26
  $o .= '<div class="ccw_plugin sc_item" style=" '.$css.' " >';
27
+ $o .= '<a style="background-color: '.$s8_background_color.'; width: '.$s8_1_width.' " target="_blank" href="'.$redirect_a.'" class="btn ccw-analytics" onmouseover= " '.$input_onhover.' " onmouseout= " '.$input_onhover_out.' " > ';
28
+ $o .= '<span style="color: '.$s8_text_color.';" class="ccw-s8-span-sc ccw-analytics" data-ccw="style-8-1-sc" id="ccw-s8-icon-sc" >'.$a["val"].'</span>';
29
  $o .= '</a>';
30
  $o .= '</div>';
inc/commons/styles-list-sc/sc-style-8.php CHANGED
@@ -26,8 +26,8 @@ $input_onhover = "this.style.backgroundColor= '$s8_background_color_onhover', th
26
  $input_onhover_out = "this.style.backgroundColor= '$s8_background_color', this.childNodes[1].style.color= '$s8_icon_color', this.childNodes[2].style.color= '$s8_text_color' ; ";
27
 
28
  $o .= '<div class="ccw_plugin sc_item" style=" '.$css.' " >';
29
- $o .= '<a style="background-color: '.$s8_background_color.';" target="_blank" href="'.$redirect_a.'" class="btn" onmouseover= " '.$input_onhover.' " onmouseout= " '.$input_onhover_out.' " > ';
30
- $o .= '<i class="material-icons '.$s8_icon_float.' icon icon-whatsapp2 ccw-s8-icon-sc" style="color: '.$s8_icon_color.';" ></i>';
31
- $o .= '<span style="color: '.$s8_text_color.';" class="ccw-s8-span-sc" id="ccw-s8-icon-sc" >'.$a["val"].'</span>';
32
  $o .= '</a>';
33
  $o .= '</div>';
26
  $input_onhover_out = "this.style.backgroundColor= '$s8_background_color', this.childNodes[1].style.color= '$s8_icon_color', this.childNodes[2].style.color= '$s8_text_color' ; ";
27
 
28
  $o .= '<div class="ccw_plugin sc_item" style=" '.$css.' " >';
29
+ $o .= '<a style="background-color: '.$s8_background_color.';" target="_blank" href="'.$redirect_a.'" class="btn ccw-analytics" data-ccw="style-8-sc" onmouseover= " '.$input_onhover.' " onmouseout= " '.$input_onhover_out.' " > ';
30
+ $o .= '<i class="material-icons '.$s8_icon_float.' icon icon-whatsapp2 ccw-s8-icon-sc ccw-analytics" data-ccw="style-8" style="color: '.$s8_icon_color.';" ></i>';
31
+ $o .= '<span style="color: '.$s8_text_color.';" class="ccw-s8-span-sc ccw-analytics" data-ccw="style-8-sc" id="ccw-s8-icon-sc" >'.$a["val"].'</span>';
32
  $o .= '</a>';
33
  $o .= '</div>';
inc/commons/styles-list-sc/sc-style-9.php CHANGED
@@ -8,5 +8,5 @@ $s9_icon_size = $a['s9_icon_size'];
8
  $s9_icon_size = $s9_icon_size;
9
 
10
  $o .= '<div class="ccw_plugin">';
11
- $o .= '<img class="img-icon-sc sc_item pointer style-3-sc" src="'.$img_link_s9.'" alt="chat" onclick="'.$img_click_link.'" style="height: '.$s9_icon_size.'; '.$css.' " >';
12
  $o .= '</div>';
8
  $s9_icon_size = $s9_icon_size;
9
 
10
  $o .= '<div class="ccw_plugin">';
11
+ $o .= '<img class="img-icon-sc sc_item pointer style-3-sc ccw-analytics" data-ccw="style-9-sc" src="'.$img_link_s9.'" alt="WhatsApp chat" onclick="'.$img_click_link.'" style="height: '.$s9_icon_size.'; '.$css.' " >';
12
  $o .= '</div>';
inc/commons/styles-list-sc/sc-style-99.php ADDED
@@ -0,0 +1,40 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+
3
+ if ( ! defined( 'ABSPATH' ) ) exit;
4
+
5
+ $s99_img_height_desktop = $a['s99_img_height_desktop'];
6
+ $s99_img_width_desktop = $a['s99_img_width_desktop'];
7
+ $s99_img_height_mobile = $a['s99_img_height_mobile'];
8
+ $s99_img_width_mobile = $a['s99_img_width_mobile'];
9
+ $s99_desktop_img = $a['s99_desktop_img'];
10
+ $s99_mobile_img = $a['s99_mobile_img'];
11
+
12
+ // img url
13
+ // image - width, height based on device
14
+ $img_css = "";
15
+
16
+ if( 1 == $is_mobile ) {
17
+ $own_image = $ccw_options_cs['s99_mobile_img'];
18
+
19
+ if ( '' !== $s99_img_height_mobile ) {
20
+ $img_css .= "height: $s99_img_height_mobile; ";
21
+ }
22
+ if ( '' !== $s99_img_width_mobile ) {
23
+ $img_css .= "width: $s99_img_width_mobile; ";
24
+ }
25
+ } else {
26
+ $own_image = $ccw_options_cs['s99_desktop_img'];
27
+
28
+ if ( '' !== $s99_img_height_desktop ) {
29
+ $img_css .= "height: $s99_img_height_desktop; ";
30
+ }
31
+
32
+ if ( '' !== $s99_img_width_desktop ) {
33
+ $img_css .= "width: $s99_img_width_desktop; ";
34
+ }
35
+ }
36
+
37
+
38
+ $o .= '<div class="ccw_plugin pointer" style='.$css.'>';
39
+ $o .= '<img class="own-img-sc inline ccw-analytics" id="style-99-sc" data-ccw="style-99-sc-own-image" style=" '.$img_css.' " src=" '.$own_image.' " onclick="'.$img_click_link.'" alt="WhatsApp chat">';
40
+ $o .= '</div>';
inc/commons/styles-list/style-1.php CHANGED
@@ -33,11 +33,11 @@ $s1_submit_btn_text_and_icon_color = esc_attr( $ccw_options_cs['s1_submit_btn_te
33
  ><?php echo $val ?></label>
34
  </div>
35
 
36
- <button class="btn waves-effect waves-light " id="style-1" data-ccw="style-1"
37
  style="background-color: <?php echo $s1_submit_btn_color ?>; color: <?php echo $s1_submit_btn_text_and_icon_color ?>;"
38
  type="submit" name="action"><?php echo $s1_btn_text ?>
39
  <!-- <i class="material-icons right">send</i> -->
40
- <i class="material-icons right icon icon-send " id="s1-icon" data-ccw="style-1" style="color: <?php echo $s1_submit_btn_text_and_icon_color ?>;"></i>
41
  </button>
42
  </form>
43
  </div>
33
  ><?php echo $val ?></label>
34
  </div>
35
 
36
+ <button class="btn waves-effect waves-light ccw-analytics" id="style-1" data-ccw="style-1"
37
  style="background-color: <?php echo $s1_submit_btn_color ?>; color: <?php echo $s1_submit_btn_text_and_icon_color ?>;"
38
  type="submit" name="action"><?php echo $s1_btn_text ?>
39
  <!-- <i class="material-icons right">send</i> -->
40
+ <i class="material-icons right icon icon-send ccw-analytics" id="s1-icon" data-ccw="style-1" style="color: <?php echo $s1_submit_btn_text_and_icon_color ?>;"></i>
41
  </button>
42
  </form>
43
  </div>
inc/commons/styles-list/style-2.php CHANGED
@@ -15,6 +15,6 @@ $s2_decoration_onhover = esc_attr( $ccw_options_cs['s2_decoration_onhover'] );
15
  style="color: <?php echo $s2_text_color ?>; text-decoration: <?php echo $s2_decoration ?>;"
16
  onmouseover = "this.style.color = '<?php echo $s2_text_color_onhover ?>', this.style.textDecoration = '<?php echo $s2_decoration_onhover ?>' "
17
  onmouseout = "this.style.color = '<?php echo $s2_text_color ?>', this.style.textDecoration = '<?php echo $s2_decoration ?>' "
18
- target="_blank" class="nofocus " id="style-2" data-ccw="style-2" ><?php echo $val ?></a>
19
  </div>
20
  </div>
15
  style="color: <?php echo $s2_text_color ?>; text-decoration: <?php echo $s2_decoration ?>;"
16
  onmouseover = "this.style.color = '<?php echo $s2_text_color_onhover ?>', this.style.textDecoration = '<?php echo $s2_decoration_onhover ?>' "
17
  onmouseout = "this.style.color = '<?php echo $s2_text_color ?>', this.style.textDecoration = '<?php echo $s2_decoration ?>' "
18
+ target="_blank" class="nofocus ccw-analytics" id="style-2" data-ccw="style-2" ><?php echo $val ?></a>
19
  </div>
20
  </div>
inc/commons/styles-list/style-3.php CHANGED
@@ -11,7 +11,7 @@ $s3_icon_type = esc_attr( $ccw_options_cs['s3_icon_type'] );
11
  <!-- style 3 logo -->
12
  <div class="ccw_style3 animated <?php echo $an_on_load .' '. $an_on_hover ?> ">
13
  <a target="_blank" href="<?php echo $redirect_a ?>" class="img-icon-a nofocus">
14
- <img class="img-icon" id="style-3" data-ccw="style-3" style="height: <?php echo $s3_icon_size ?>;" src="<?php echo plugins_url( "./assets/img/whatsapp-logo.$s3_icon_type", HT_CCW_PLUGIN_FILE ) ?>" alt="">
15
  </a>
16
  </div>
17
  </div>
11
  <!-- style 3 logo -->
12
  <div class="ccw_style3 animated <?php echo $an_on_load .' '. $an_on_hover ?> ">
13
  <a target="_blank" href="<?php echo $redirect_a ?>" class="img-icon-a nofocus">
14
+ <img class="img-icon ccw-analytics" id="style-3" data-ccw="style-3" style="height: <?php echo $s3_icon_size ?>;" src="<?php echo plugins_url( "./assets/img/whatsapp-logo.$s3_icon_type", HT_CCW_PLUGIN_FILE ) ?>" alt="WhatsApp chat">
15
  </a>
16
  </div>
17
  </div>
inc/commons/styles-list/style-4.php CHANGED
@@ -13,9 +13,9 @@ $s4_background_color = esc_attr( $ccw_options_cs['s4_background_color'] );
13
  <!-- style 4 chip - logo+text -->
14
  <div class="style4 animated <?php echo $an_on_load .' '. $an_on_hover ?>">
15
  <a target="_blank" href="<?php echo $redirect_a ?>" class="nofocus">
16
- <div class="chip " id="style-4" data-ccw="style-4" style="color: <?php echo $s4_text_color ?>; background-color: <?php echo $s4_background_color ?>;" >
17
- <!-- <img class="" id="s4-icon" data-ccw="style-4" src="<?php echo plugins_url( './assets/img/whatsapp-logo.png', HT_CCW_PLUGIN_FILE ) ?>" alt="Contact Person"> -->
18
- <img class="" id="s4-icon" data-ccw="style-4" src="<?php echo plugins_url( './assets/img/whatsapp-logo-32x32.png', HT_CCW_PLUGIN_FILE ) ?>" alt="Contact Person">
19
  <?php echo $val ?>
20
  </div>
21
  </a>
13
  <!-- style 4 chip - logo+text -->
14
  <div class="style4 animated <?php echo $an_on_load .' '. $an_on_hover ?>">
15
  <a target="_blank" href="<?php echo $redirect_a ?>" class="nofocus">
16
+ <div class="chip ccw-analytics" id="style-4" data-ccw="style-4" style="color: <?php echo $s4_text_color ?>; background-color: <?php echo $s4_background_color ?>;" >
17
+ <!-- <img class="" id="s4-icon" data-ccw="style-4" src="<?php echo plugins_url( './assets/img/whatsapp-logo.png', HT_CCW_PLUGIN_FILE ) ?>" alt="WhatsApp chat"> -->
18
+ <img class="ccw-analytics" id="s4-icon" data-ccw="style-4" src="<?php echo plugins_url( './assets/img/whatsapp-logo-32x32.png', HT_CCW_PLUGIN_FILE ) ?>" alt="WhatsApp chat">
19
  <?php echo $val ?>
20
  </div>
21
  </a>
inc/commons/styles-list/style-5.php CHANGED
@@ -9,8 +9,8 @@ $s5_icon_size = esc_attr( $ccw_options_cs['s5_icon_size'] );
9
  ?>
10
  <!-- plan icon - similar to sytle-3 , here is an icon -->
11
  <div class="ccw_plugin">
12
- <div class="style-5-sc chatbot nofocus animated <?php echo $an_on_load .' '. $an_on_hover ?>" style="<?php echo $p1 ?>; <?php echo $p2 ?>;">
13
- <a target="_blank" class="nofocus icon icon-whatsapp2 icon-2 " id="stye-5" data-ccw="style-5"
14
  href="<?php echo $redirect_a ?>"
15
  style = "color: <?php echo $s5_color ?>; font-size: <?php echo $s5_icon_size ?>;"
16
  onmouseover = "this.style.color = '<?php echo $s5_hover_color ?>' "
9
  ?>
10
  <!-- plan icon - similar to sytle-3 , here is an icon -->
11
  <div class="ccw_plugin">
12
+ <div class="style-5 chatbot nofocus animated <?php echo $an_on_load .' '. $an_on_hover ?>" style="<?php echo $p1 ?>; <?php echo $p2 ?>;">
13
+ <a target="_blank" class="nofocus icon icon-whatsapp2 icon-2 ccw-analytics" id="stye-5" data-ccw="style-5"
14
  href="<?php echo $redirect_a ?>"
15
  style = "color: <?php echo $s5_color ?>; font-size: <?php echo $s5_icon_size ?>;"
16
  onmouseover = "this.style.color = '<?php echo $s5_hover_color ?>' "
inc/commons/styles-list/style-6.php CHANGED
@@ -18,12 +18,12 @@ $s6_css_div = "background-color: $s6_circle_background_color; height: $s6_circle
18
  ?>
19
  <!-- button with icon - circle -->
20
  <div class="ccw_plugin">
21
- <div class="chatbot btn_only_style_div_circle pointer animated <?php echo $an_on_load .' '. $an_on_hover ?>" id="style-6" data-ccw="style-6"
22
  style="<?php echo $p1 ?>; <?php echo $p2 ?>; <?php echo $s6_css_div ?>"
23
  onmouseover = "this.style.backgroundColor = '<?php echo $s6_circle_background_hover_color ?>', document.getElementsByClassName('ccw-s6-icon')[0].style.color = '<?php echo $s6_hover_color ?>' "
24
  onmouseout = "this.style.backgroundColor = '<?php echo $s6_circle_background_color ?>', document.getElementsByClassName('ccw-s6-icon')[0].style.color = '<?php echo $s6_color ?>' "
25
  onclick = "<?php echo $redirect ?>" >
26
- <span class="icon icon-whatsapp2 ccw-s6-icon nofocus " id="s6-icon" data-ccw="style-6" style="<?php echo $s6_css_icon ?>"></span>
27
  <!-- instead of a tag - if added span also it works fine - as div has onclick link added -->
28
  </div>
29
  </div>
18
  ?>
19
  <!-- button with icon - circle -->
20
  <div class="ccw_plugin">
21
+ <div class="chatbot btn_only_style_div_circle pointer ccw-analytics animated <?php echo $an_on_load .' '. $an_on_hover ?>" id="style-6" data-ccw="style-6"
22
  style="<?php echo $p1 ?>; <?php echo $p2 ?>; <?php echo $s6_css_div ?>"
23
  onmouseover = "this.style.backgroundColor = '<?php echo $s6_circle_background_hover_color ?>', document.getElementsByClassName('ccw-s6-icon')[0].style.color = '<?php echo $s6_hover_color ?>' "
24
  onmouseout = "this.style.backgroundColor = '<?php echo $s6_circle_background_color ?>', document.getElementsByClassName('ccw-s6-icon')[0].style.color = '<?php echo $s6_color ?>' "
25
  onclick = "<?php echo $redirect ?>" >
26
+ <span class="icon icon-whatsapp2 ccw-s6-icon nofocus ccw-analytics" id="s6-icon" data-ccw="style-6" style="<?php echo $s6_css_icon ?>"></span>
27
  <!-- instead of a tag - if added span also it works fine - as div has onclick link added -->
28
  </div>
29
  </div>
inc/commons/styles-list/style-7.php CHANGED
@@ -18,12 +18,12 @@ $s7_css_div = "background-color: $s7_box_background_color; height: $s7_box_heigh
18
  ?>
19
  <!-- button with icon - box -->
20
  <div class="ccw_plugin">
21
- <div class="chatbot btn_only_style_div pointer animated <?php echo $an_on_load .' '. $an_on_hover ?>" id="style-7" data-ccw="style-7"
22
  style="<?php echo $p1 ?>; <?php echo $p2 ?>; <?php echo $s7_css_div ?>"
23
  onmouseover = "this.style.backgroundColor = '<?php echo $s7_box_background_hover_color ?>', document.getElementsByClassName('ccw-s7-icon')[0].style.color = '<?php echo $s7_hover_color ?>' "
24
  onmouseout = "this.style.backgroundColor = '<?php echo $s7_box_background_color ?>', document.getElementsByClassName('ccw-s7-icon')[0].style.color = '<?php echo $s7_color ?>' "
25
  onclick = "<?php echo $redirect ?>" >
26
- <span class="icon icon-whatsapp2 ccw-s7-icon nofocus " id="s7-icon" data-ccw="style-7" style="<?php echo $s7_css_icon ?>"></span>
27
  <!-- instead of a tag - if added span also it works fine - as div has onclick link added -->
28
  </div>
29
  </div>
18
  ?>
19
  <!-- button with icon - box -->
20
  <div class="ccw_plugin">
21
+ <div class="chatbot btn_only_style_div pointer ccw-analytics animated <?php echo $an_on_load .' '. $an_on_hover ?>" id="style-7" data-ccw="style-7"
22
  style="<?php echo $p1 ?>; <?php echo $p2 ?>; <?php echo $s7_css_div ?>"
23
  onmouseover = "this.style.backgroundColor = '<?php echo $s7_box_background_hover_color ?>', document.getElementsByClassName('ccw-s7-icon')[0].style.color = '<?php echo $s7_hover_color ?>' "
24
  onmouseout = "this.style.backgroundColor = '<?php echo $s7_box_background_color ?>', document.getElementsByClassName('ccw-s7-icon')[0].style.color = '<?php echo $s7_color ?>' "
25
  onclick = "<?php echo $redirect ?>" >
26
+ <span class="icon icon-whatsapp2 ccw-s7-icon nofocus ccw-analytics" id="s7-icon" data-ccw="style-7" style="<?php echo $s7_css_icon ?>"></span>
27
  <!-- instead of a tag - if added span also it works fine - as div has onclick link added -->
28
  </div>
29
  </div>
inc/commons/styles-list/style-8.php CHANGED
@@ -20,13 +20,13 @@ $s8_icon_float = esc_attr( $ccw_options_cs['s8_icon_float'] );
20
  <!-- material button - text , icon -->
21
  <div class="ccw_plugin chatbot" style="<?php echo $p1 ?>; <?php echo $p2 ?>;">
22
  <div class="style8 animated <?php echo $an_on_load .' '. $an_on_hover ?>">
23
- <a target="_blank" class="btn " id="style-8" data-ccw="style-8"
24
  style="background-color: <?php echo $s8_background_color ?>; "
25
  onmouseover = "this.style.backgroundColor = '<?php echo $s8_background_color_onhover ?>', document.getElementsByClassName('ccw-s8-icon')[0].style.color = '<?php echo $s8_icon_color_onhover ?>', document.getElementsByClassName('ccw-s8-span')[0].style.color = '<?php echo $s8_text_color_onhover ?>' "
26
  onmouseout = "this.style.backgroundColor = '<?php echo $s8_background_color ?>', document.getElementsByClassName('ccw-s8-icon')[0].style.color = '<?php echo $s8_icon_color ?>', document.getElementsByClassName('ccw-s8-span')[0].style.color = '<?php echo $s8_text_color ?>' "
27
  href="<?php echo $redirect_a ?>" >
28
- <i class="material-icons <?php echo $s8_icon_float ?> icon icon-whatsapp2 ccw-s8-icon " id="s8-icon" style="color: <?php echo $s8_icon_color ?> ;" ></i>
29
- <span class="ccw-s8-span " id="s8-text" data-ccw="style-8" style="color: <?php echo $s8_text_color ?> ;" ><?php echo $val ?></span>
30
  </a>
31
  </div>
32
  </div>
20
  <!-- material button - text , icon -->
21
  <div class="ccw_plugin chatbot" style="<?php echo $p1 ?>; <?php echo $p2 ?>;">
22
  <div class="style8 animated <?php echo $an_on_load .' '. $an_on_hover ?>">
23
+ <a target="_blank" class="btn ccw-analytics" id="style-8" data-ccw="style-8"
24
  style="background-color: <?php echo $s8_background_color ?>; "
25
  onmouseover = "this.style.backgroundColor = '<?php echo $s8_background_color_onhover ?>', document.getElementsByClassName('ccw-s8-icon')[0].style.color = '<?php echo $s8_icon_color_onhover ?>', document.getElementsByClassName('ccw-s8-span')[0].style.color = '<?php echo $s8_text_color_onhover ?>' "
26
  onmouseout = "this.style.backgroundColor = '<?php echo $s8_background_color ?>', document.getElementsByClassName('ccw-s8-icon')[0].style.color = '<?php echo $s8_icon_color ?>', document.getElementsByClassName('ccw-s8-span')[0].style.color = '<?php echo $s8_text_color ?>' "
27
  href="<?php echo $redirect_a ?>" >
28
+ <i class="material-icons <?php echo $s8_icon_float ?> icon icon-whatsapp2 ccw-s8-icon ccw-analytics" data-ccw="style-8" id="s8-icon" style="color: <?php echo $s8_icon_color ?> ;" ></i>
29
+ <span class="ccw-s8-span ccw-analytics" id="s8-text" data-ccw="style-8" style="color: <?php echo $s8_text_color ?> ;" ><?php echo $val ?></span>
30
  </a>
31
  </div>
32
  </div>
inc/commons/styles-list/style-9.php CHANGED
@@ -10,7 +10,7 @@ $s9_icon_size = esc_attr( $ccw_options_cs['s9_icon_size'] );
10
  <!-- style 9 logo -->
11
  <div class="ccw_style9 animated <?php echo $an_on_load .' '. $an_on_hover ?>">
12
  <a target="_blank" href="<?php echo $redirect_a ?>" class="img-icon-a nofocus">
13
- <img class="img-icon " id="style-9" data-ccw="style-9" style="height: <?php echo $s9_icon_size ?>;" src="<?php echo plugins_url( './assets/img/whatsapp-icon-square.svg', HT_CCW_PLUGIN_FILE ) ?>" alt="">
14
  </a>
15
  </div>
16
  </div>
10
  <!-- style 9 logo -->
11
  <div class="ccw_style9 animated <?php echo $an_on_load .' '. $an_on_hover ?>">
12
  <a target="_blank" href="<?php echo $redirect_a ?>" class="img-icon-a nofocus">
13
+ <img class="img-icon ccw-analytics" id="style-9" data-ccw="style-9" style="height: <?php echo $s9_icon_size ?>;" src="<?php echo plugins_url( './assets/img/whatsapp-icon-square.svg', HT_CCW_PLUGIN_FILE ) ?>" alt="WhatsApp chat">
14
  </a>
15
  </div>
16
  </div>
inc/commons/styles-list/style-99.php ADDED
@@ -0,0 +1,52 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+ /**
3
+ * Style - 99 - own image
4
+ * user can add image
5
+ *
6
+ * @var string $img_css - adds css styles based on device, given width, height
7
+ * @var string $own_image - image url
8
+ */
9
+
10
+ if ( ! defined( 'ABSPATH' ) ) exit;
11
+
12
+ // $ccw_options_cs = get_option('ccw_options_cs');
13
+ $s99_img_height_desktop = esc_attr( $ccw_options_cs['s99_img_height_desktop'] );
14
+ $s99_img_width_desktop = esc_attr( $ccw_options_cs['s99_img_width_desktop'] );
15
+ $s99_img_height_mobile = esc_attr( $ccw_options_cs['s99_img_height_mobile'] );
16
+ $s99_img_width_mobile = esc_attr( $ccw_options_cs['s99_img_width_mobile'] );
17
+
18
+ // img url
19
+ // image - width, height based on device
20
+ $img_css = "";
21
+
22
+ if( 1 == $is_mobile ) {
23
+ $own_image = $ccw_options_cs['s99_mobile_img'];
24
+
25
+ if ( '' !== $s99_img_height_mobile ) {
26
+ $img_css .= "height: $s99_img_height_mobile; ";
27
+ }
28
+ if ( '' !== $s99_img_width_mobile ) {
29
+ $img_css .= "width: $s99_img_width_mobile; ";
30
+ }
31
+ } else {
32
+ $own_image = $ccw_options_cs['s99_desktop_img'];
33
+
34
+ if ( '' !== $s99_img_height_desktop ) {
35
+ $img_css .= "height: $s99_img_height_desktop; ";
36
+ }
37
+
38
+ if ( '' !== $s99_img_width_desktop ) {
39
+ $img_css .= "width: $s99_img_width_desktop; ";
40
+ }
41
+ }
42
+
43
+ ?>
44
+
45
+ <div class="ccw_plugin chatbot" style="<?php echo $p1 ?>; <?php echo $p2 ?>;">
46
+ <!-- style 9 logo -->
47
+ <div class="ccw_style_99 animated <?php echo $an_on_load .' '. $an_on_hover ?>">
48
+ <a target="_blank" href="<?php echo $redirect_a ?>" class="img-icon-a nofocus">
49
+ <img class="own-img ccw-analytics" id="style-9" data-ccw="style-99-own-image" style="<?php echo $img_css ?>" src="<?php echo $own_image ?>" alt="WhatsApp chat">
50
+ </a>
51
+ </div>
52
+ </div>
inc/commons/styles-list/style-new-plan.php DELETED
@@ -1,39 +0,0 @@
1
- <?php
2
- /**
3
- * not in production
4
- * new plans
5
- */
6
-
7
- if ( ! defined( 'ABSPATH' ) ) exit;
8
-
9
- ?>
10
-
11
-
12
- <div class="ccw_plugin chatbot" style="<?php echo $p1 ?>; <?php echo $p2 ?>;">
13
- <ul class="collection with-header">
14
- <li class="collection-header"><h5>First Names</h5></li>
15
- <li class="collection-item"><div>CEO<a href="#!" class="secondary-content"><i class="material-icons icon icon-send"></i></a></div></li>
16
- <li class="collection-item"><div>Tech person<a href="#!" class="secondary-content"><i class="material-icons icon icon-send"></i></a></div></li>
17
- <li class="collection-item"><div>Personal Relations<a href="#!" class="secondary-content"><i class="material-icons icon icon-send"></i></a></div></li>
18
- <li class="collection-item"><div>Sales<a href="#!" class="secondary-content"><i class="material-icons icon icon-send"></i></a></div></li>
19
- </ul>
20
- </div>
21
-
22
-
23
-
24
- <div class="ccw_plugin chatbot" style="<?php echo $p1 ?>; <?php echo $p2 ?>;">
25
- <div class="col s12 m8 offset-m2 l6 offset-l3">
26
- <div class="card-panel grey lighten-5 z-depth-1">
27
- <div class="row valign-wrapper">
28
- <div class="col s2">
29
- <img src="<?php echo plugins_url( './assets/img/whatsapp-logo.png', HT_CCW_PLUGIN_FILE ) ?>" alt="" class="circle responsive-img style-6-img">
30
- </div>
31
- <div class="col s10">
32
- <span class="black-text">
33
- This is a square image. Add the "circle" class to it to make it appear circular.
34
- </span>
35
- </div>
36
- </div>
37
- </div>
38
- </div>
39
- </div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
inc/commons/styles.php CHANGED
@@ -20,7 +20,10 @@ $is_mobile = ht_ccw()->device_type->is_mobile;
20
 
21
  $return_type = $values['return_type'];
22
  $group_id = $values['group_id'];
23
- $initial_text = $values['initial'];
 
 
 
24
 
25
 
26
  // $an_on_load = "animated bounce infinite";
@@ -59,19 +62,41 @@ if( 1 == $is_mobile ) {
59
  // selected style for desktop devices
60
  $style = $values['style'];
61
 
62
-
63
- if ( 'group_chat' == $return_type ) {
64
- $redirect_page = plugins_url( "inc/whatsapp-url-group.php?id=$group_id", HT_CCW_PLUGIN_FILE );
65
- $redirect = "window.open('https://chat.whatsapp.com/$group_id', '_blank')";
66
- $redirect_a = "https://chat.whatsapp.com/$group_id";
 
 
 
 
 
 
 
 
 
 
67
  } else {
68
- $redirect_page = plugins_url( "inc/whatsapp-url.php?num=$num&text=$initial_text&m=0", HT_CCW_PLUGIN_FILE );
69
- $redirect = "window.open('https://web.whatsapp.com/send?phone=$num&text=$initial_text', '_blank')";
70
- $redirect_a = "https://web.whatsapp.com/send?phone=$num&text=$initial_text";
 
 
 
 
 
 
 
 
 
71
  }
 
 
72
  }
73
 
74
 
 
75
  if ( isset ( $_POST['subject'] ) ) {
76
  $num = $values['number'];
77
  $subject = $_POST['subject'];
20
 
21
  $return_type = $values['return_type'];
22
  $group_id = $values['group_id'];
23
+ $page_url = get_permalink();
24
+ $text = $values['initial'];
25
+
26
+ $initial_text = str_replace( '{{url}}', $page_url, $text );
27
 
28
 
29
  // $an_on_load = "animated bounce infinite";
62
  // selected style for desktop devices
63
  $style = $values['style'];
64
 
65
+
66
+ if ( isset( $values['app_first'] ) ) {
67
+
68
+ // App First - so mobile based url
69
+ if ( 'group_chat' == $return_type ) {
70
+ $redirect_page = plugins_url( "inc/whatsapp-url-group.php?id=$group_id", HT_CCW_PLUGIN_FILE );
71
+ $redirect = "window.open('https://chat.whatsapp.com/$group_id', '_blank')";
72
+ $redirect_a = "https://chat.whatsapp.com/$group_id";
73
+ } else {
74
+ $redirect_page = plugins_url( "inc/whatsapp-url.php?num=$num&text=$initial_text&m=$is_mobile", HT_CCW_PLUGIN_FILE );
75
+ $redirect = "window.open('https://api.whatsapp.com/send?phone=$num&text=$initial_text', '_blank')";
76
+ $redirect_a = "https://api.whatsapp.com/send?phone=$num&text=$initial_text";
77
+ }
78
+
79
+
80
  } else {
81
+
82
+ // General - Desktop url
83
+ if ( 'group_chat' == $return_type ) {
84
+ $redirect_page = plugins_url( "inc/whatsapp-url-group.php?id=$group_id", HT_CCW_PLUGIN_FILE );
85
+ $redirect = "window.open('https://chat.whatsapp.com/$group_id', '_blank')";
86
+ $redirect_a = "https://chat.whatsapp.com/$group_id";
87
+ } else {
88
+ $redirect_page = plugins_url( "inc/whatsapp-url.php?num=$num&text=$initial_text&m=0", HT_CCW_PLUGIN_FILE );
89
+ $redirect = "window.open('https://web.whatsapp.com/send?phone=$num&text=$initial_text', '_blank')";
90
+ $redirect_a = "https://web.whatsapp.com/send?phone=$num&text=$initial_text";
91
+ }
92
+
93
  }
94
+
95
+
96
  }
97
 
98
 
99
+ // for style-1 .. . .
100
  if ( isset ( $_POST['subject'] ) ) {
101
  $num = $values['number'];
102
  $subject = $_POST['subject'];
readme.txt CHANGED
@@ -3,7 +3,6 @@ Requires at least: 4.6
3
  Tested up to: 4.9.4
4
  Requires PHP: 5.6
5
  Contributors: holithemes
6
- Donate link: https://holithemes.com/whatsapp-chat/pay/
7
  Stable tag: trunk
8
  Tags: whatsapp chat, whatsapp, click to chat, whatsapp group, whatsapp group invite, whatsapp message, whatsapp business, social chat, contact us, chat, whatsapp group link, holithemes
9
  License: GPLv2 or later
@@ -12,13 +11,11 @@ License URI: https://www.gnu.org/licenses/gpl-2.0.html
12
  Let's make your Web page visitors Contact you through WhatsApp chat with a single click
13
 
14
  == Description ==
15
- Let's make your Web page visitors Contact you through WhatsApp chat with a single ( WhatsApp Chat Plugin WordPress )
16
 
17
  [Documentation, Demo, Examples](https://holithemes.com/whatsapp-chat/)
18
 
19
- = There are Eight Styles =
20
-
21
- There are nine Styles to select
22
 
23
  1. **Style-1:** Input field, where user can enter text and click send to navigate to WhatsApp page with text
24
  1. **Style-2:** Plain text with a link to WhatsApp
@@ -29,6 +26,9 @@ There are nine Styles to select
29
  1. **Style-7:** Icon with box border
30
  1. **Style-8:** Button with text, icon
31
  1. **Style-9:** WhatsApp logo - green square
 
 
 
32
 
33
  = When user clicks an item: =
34
 
@@ -36,6 +36,9 @@ If website loads on a Mobile device and if WhatsApp is installed on that device,
36
 
37
  If website loads in web browsers it will navigate to WhatsApp Webpage
38
 
 
 
 
39
 
40
  = Shortcodes: =
41
 
@@ -54,7 +57,8 @@ By default, Shortcodes take value from what saved in your plugin settings pages,
54
 
55
  = Add Shortcodes in Widget Area =
56
 
57
- Add a text widget in widget area, and then add shortcode with in that text widget
 
58
 
59
  == screenshots ==
60
 
@@ -73,6 +77,7 @@ Add a text widget in widget area, and then add shortcode with in that text widge
73
  1. Style - 6 - icon with circle border
74
  1. Style - 7 - icon with box border
75
  1. Style - 8 - button
 
76
 
77
 
78
  == Installation ==
@@ -101,11 +106,18 @@ Add a text widget in widget area, and then add shortcode with in that text widge
101
 
102
  == Changelog ==
103
 
 
 
 
 
 
 
 
 
104
  = 1.4 =
105
  * New style-9, Green Square
106
  * Supports Analytics - using google tag manager
107
  * animations - alpha version
108
- * Supports Translations
109
  * style-3 can choose .svg or .png image versions
110
  * style-4 image size reduced, ~ 2kb
111
  * performance improvement.
3
  Tested up to: 4.9.4
4
  Requires PHP: 5.6
5
  Contributors: holithemes
 
6
  Stable tag: trunk
7
  Tags: whatsapp chat, whatsapp, click to chat, whatsapp group, whatsapp group invite, whatsapp message, whatsapp business, social chat, contact us, chat, whatsapp group link, holithemes
8
  License: GPLv2 or later
11
  Let's make your Web page visitors Contact you through WhatsApp chat with a single click
12
 
13
  == Description ==
14
+ Let's make your Web page visitors Contact you through WhatsApp chat with a single Click ( WhatsApp Chat Plugin WordPress )
15
 
16
  [Documentation, Demo, Examples](https://holithemes.com/whatsapp-chat/)
17
 
18
+ = Nine Styles + own Image =
 
 
19
 
20
  1. **Style-1:** Input field, where user can enter text and click send to navigate to WhatsApp page with text
21
  1. **Style-2:** Plain text with a link to WhatsApp
26
  1. **Style-7:** Icon with box border
27
  1. **Style-8:** Button with text, icon
28
  1. **Style-9:** WhatsApp logo - green square
29
+ 1. **Style - 99:** Own Image / GIF - URL
30
+
31
+ [Google Analytics for Click to Chat for WhatsApp Plugin using Google Tag Manager](https://www.holithemes.com/google-analytics-for-click-to-chat-for-whatsapp-plugin/)
32
 
33
  = When user clicks an item: =
34
 
36
 
37
  If website loads in web browsers it will navigate to WhatsApp Webpage
38
 
39
+ = Initial / Pre-filled Message =
40
+
41
+ To add Web page URL in Pre-filled message add {{url}} placeholder - [pre-filled message](https://www.holithemes.com/whatsapp-chat/pre-filled-message/)
42
 
43
  = Shortcodes: =
44
 
57
 
58
  = Add Shortcodes in Widget Area =
59
 
60
+ Add a text or HTML widget in widget area, and then add shortcode with in that widget
61
+
62
 
63
  == screenshots ==
64
 
77
  1. Style - 6 - icon with circle border
78
  1. Style - 7 - icon with box border
79
  1. Style - 8 - button
80
+ 1. Style - 9 - WhatsApp icon - Green square like
81
 
82
 
83
  == Installation ==
106
 
107
  == Changelog ==
108
 
109
+ = silent release =
110
+ * App First option to fix cache issue
111
+
112
+ = 1.5 =
113
+ * Initial message - {{url}} placeholder
114
+ * new style - Add own Image
115
+ * Hide Style based on Device in shotcodes
116
+
117
  = 1.4 =
118
  * New style-9, Green Square
119
  * Supports Analytics - using google tag manager
120
  * animations - alpha version
 
121
  * style-3 can choose .svg or .png image versions
122
  * style-4 image size reduced, ~ 2kb
123
  * performance improvement.