@bmlt-enabled/croutonjs 3.21.1 → 3.21.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/crouton-core.css CHANGED
@@ -209,7 +209,7 @@ span.bmlt_tabs_group_count {
209
209
  background-color: #F1F1F1;
210
210
  }
211
211
 
212
- #bmlt-tabs .filterButton.btn.btn-primary.btn-sm:hover {
212
+ #bmlt-tabs .groupingButton.btn.btn-primary.btn-sm:hover {
213
213
  border-color: #fff;
214
214
  }
215
215
 
@@ -248,12 +248,12 @@ span.bmlt_tabs_group_count {
248
248
  color: #000;
249
249
  }
250
250
 
251
- #bmlt-tabs .filterButton.btn.btn-primary.btn-sm.buttonHighlight {
251
+ #bmlt-tabs .groupingButton.btn.btn-primary.btn-sm.buttonHighlight {
252
252
  background-color: #DB4865;
253
253
  color: #FFF;
254
254
  }
255
255
 
256
- #bmlt-tabs .filterButton.btn.btn-primary.btn-sm.buttonLowlight {
256
+ #bmlt-tabs .groupingButton.btn.btn-primary.btn-sm.buttonLowlight {
257
257
  background-color: #93C3CD;
258
258
  color: #000;
259
259
  }
@@ -263,7 +263,7 @@ span.bmlt_tabs_group_count {
263
263
  background-color: #DB4865;
264
264
  }
265
265
 
266
- #bmlt-tabs .filterButton {
266
+ #bmlt-tabs .groupingButton {
267
267
  color: #000;
268
268
  background-color: #93c3cd;
269
269
  margin-left: 2px;
@@ -296,7 +296,7 @@ span.bmlt_tabs_group_count {
296
296
  max-width: 800px;
297
297
  }
298
298
 
299
- #bmlt-tabs #day.btn-sm,#bmlt-tabs .filterButton.btn-sm {
299
+ #bmlt-tabs #day.btn-sm,#bmlt-tabs .groupingButton.btn-sm {
300
300
  padding: 2px 10px;
301
301
  font-size: inherit;
302
302
  line-height: 1.6;
@@ -349,7 +349,7 @@ span.bmlt_tabs_group_count {
349
349
  display: block !important;
350
350
  }
351
351
 
352
- #bmlt-tabs #day.btn-sm,#bmlt-tabs .filterButton.btn-sm {
352
+ #bmlt-tabs #day.btn-sm,#bmlt-tabs .groupingButton.btn-sm {
353
353
  margin-bottom: 4px;
354
354
  }
355
355
 
@@ -670,4 +670,550 @@ table.tablesaw {
670
670
  }
671
671
  input#search_radius, input#search_count {
672
672
  width: auto;
673
- }
673
+ }
674
+ div.bmlt_map_container_div
675
+ {
676
+ width: 100%;
677
+ margin:auto;
678
+ left:0;
679
+ top:0;
680
+ height:640px;
681
+ }
682
+
683
+ div.bmlt_search_map_div {
684
+ width: 100%;
685
+ margin:auto;
686
+ left:0;
687
+ top:0;
688
+ height:100%;
689
+ z-index: 10;
690
+ }
691
+ div.bmlt_map_container_div .bmlt_map_throbber_div
692
+ {
693
+ position:absolute;
694
+ top:50%;
695
+ left:50%;
696
+ height:48px;
697
+ width:48px;
698
+ margin:0;
699
+ margin-top:-24px;
700
+ margin-left:-24px;
701
+ z-index:10000;
702
+ }
703
+ div.bmlt_map_throbber_div {
704
+ background-color: transparent;
705
+ border: 0px;
706
+ }
707
+ div.bmlt_map_container_div .bmlt_map_throbber_div img
708
+ {
709
+ display:block;
710
+ height:40px;
711
+ width:40px;
712
+ margin:4px;
713
+ }
714
+
715
+ div.bmlt_map_container_div .bmlt_search_map_div,
716
+ div.bmlt_map_container_div .bmlt_map_throbber_div
717
+ {
718
+ border: 1px solid #555;
719
+ border-radius: 3px;
720
+ -moz-border-radius:3px;
721
+ -webkit-border-radius: 3px;
722
+ }
723
+
724
+ div.bmlt_map_container_div div.bmlt_search_map_div
725
+ {
726
+ width:100%;
727
+ margin:auto;
728
+ margin-top:2px;
729
+ }
730
+ .accordion {
731
+
732
+ box-shadow: 0 1px 8px rgba(0, 0, 0, 0.25);
733
+ min-width: 200px !important;
734
+ /* Radio Inputs */
735
+ /* Labels */
736
+ /* Panel Content */
737
+ }
738
+ .accordion input[name='panel'] {
739
+ display: none;
740
+ }
741
+ .accordion label {
742
+ position: relative;
743
+ display: block;
744
+ padding-left: 1em;
745
+ padding-right: 1em;
746
+ padding-top: .25em;
747
+ padding-bottom: .25em;
748
+ background: linear-gradient(to bottom, #fefefe 0%, #d1d1d1 50%, #dbdbdb 55%, #e2e2e2 100%);
749
+ border-top: 1px solid #fff;
750
+ border-bottom: 1px solid rgba(0, 0, 0, 0.15);
751
+ box-shadow: inset 0 2px 0 #fff;
752
+ font-size: 14px;
753
+ font-weight: 700;
754
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
755
+ color: #666;
756
+ cursor: pointer;
757
+ transition: all 0.4s cubic-bezier(0.865, 0.14, 0.095, 0.87);
758
+ }
759
+ .accordion h4 {
760
+ padding-top: .25em;
761
+ font-size: 16px;
762
+ font-weight: bold;
763
+ margin-top: 8px;
764
+ margin-bottom: 8px;
765
+ }
766
+ .accordion label:after {
767
+ content: '+';
768
+ position: absolute;
769
+ right: 1em;
770
+ width: 1em;
771
+ height: 1em;
772
+ color: #eee;
773
+ text-align: center;
774
+ border-radius: 50%;
775
+ background: #27ae60;
776
+ box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.5), 0 1px 0 #fff;
777
+ text-shadow: 0 1px 0 rgba(0, 0, 0, 0.75);
778
+ }
779
+ .accordion label:hover {
780
+ color: #444;
781
+ }
782
+ .accordion input:checked + label {
783
+ color: #222;
784
+ }
785
+ .accordion input:checked + label:after {
786
+ content: '-';
787
+ /* adjsut line-height to vertically center icon */
788
+ line-height: .8em;
789
+ }
790
+ .accordion .marker_div_meeting {
791
+ overflow: hidden;
792
+ height: 0px;
793
+ position: relative;
794
+ padding: 0 1.5em;
795
+ box-shadow: inset 4px 0 0 0 #27ae60, inset 0 3px 6px rgba(0, 0, 0, 0.75);
796
+ color: #444;
797
+ transition: height 0.4s cubic-bezier(0.865, 0.14, 0.095, 0.87);
798
+ }
799
+ .accordion .marker_div_meeting:not(:last-of-type) {
800
+ box-shadow: inset 0 -2px 2px rgba(0, 0, 0, 0.25), inset 4px 0 0 0 #27ae60, inset 0 3px 6px rgba(0, 0, 0, 0.75);
801
+ }
802
+ .accordion .marker_div_meeting .accordion__header {
803
+ padding: 1em 0;
804
+ }
805
+ .accordion .marker_div_meeting .accordion__body {
806
+ font-size: .825em;
807
+ line-height: 1.4em;
808
+ }
809
+ .active {
810
+ display: block;
811
+ }
812
+ .hidden {
813
+ display: none;
814
+ }
815
+ .hygene-button {
816
+ padding: 3px 5px;
817
+ font-size: 12px;
818
+ background-color: #F1F1F1;
819
+ color: #35414F;
820
+ border-color: #C5C5C5;
821
+ margin-bottom: 3px;
822
+ }
823
+ .bmlt-hygene-descr {
824
+ padding-top: 2px;
825
+ padding-bottom: 2px;
826
+ font-size: 12px;
827
+ border:0;
828
+ }
829
+
830
+ .bmlt-hygene-header {
831
+ font-weight: bold;
832
+ padding-bottom: 2px;
833
+ font-size:12px;
834
+ border:0;
835
+ }
836
+ input[name='panel']:checked ~ .marker_div_meeting {
837
+ height:auto;
838
+ overflow: auto !important;
839
+ padding-bottom:1em;
840
+ }
841
+
842
+ .onoffswitch {
843
+ position: relative; width: 170px !important;
844
+ opacity: 1 !important;
845
+ -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
846
+ }
847
+ .onoffswitch-checkbox {
848
+ display: none !important;
849
+ }
850
+ .onoffswitch-label {
851
+ display: block; overflow: hidden; cursor: pointer;
852
+ border: 2px solid #2d5c88 !important; border-radius: 20px !important;
853
+ box-shadow: 0 1px 4px rgba(0,0,0,0.3);
854
+
855
+ }
856
+ .onoffswitch-inner {
857
+ display: block !important; width: 200% !important; margin-left: -100% !important;
858
+ transition: margin 0.3s ease-in 0s;
859
+ }
860
+ .onoffswitch-inner:before, .onoffswitch-inner:after {
861
+ display: block; float: left; width: 50%; height: 30px; line-height: 30px;
862
+ font-size: 14px !important; font-family: Roboto, Arial, sans-serif !important; font-weight: bold !important;
863
+ box-sizing: border-box !important;
864
+ }
865
+
866
+ .onoffswitch-switch {
867
+ display: block !important; width: 18px !important; margin: 6px !important;
868
+ background: #FFFFFF !important;
869
+ position: absolute; top: 0; bottom: 0;
870
+ right: 136px !important;
871
+ border: 2px solid #2d5c88 !important; border-radius: 20px;
872
+ transition: all 0.3s ease-in 0s;
873
+ }
874
+ .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
875
+ margin-left: 0 !important;
876
+ }
877
+ .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
878
+ right: 0px !important;
879
+ }
880
+ .mapSearchText {
881
+ background-color: #fff !important;
882
+ border: none !important;
883
+ outline: none !important;
884
+ font-size: 14px !important;font-family: Roboto, Arial, sans-serif !important; font-weight: bold !important;
885
+ border-radius: 2px !important;
886
+ box-shadow: 0 1px 4px rgba(0,0,0,0.3) !important;
887
+ cursor: pointer !important;
888
+ padding: 0px !important;
889
+ margin-left: 10px !important;
890
+ margin-bottom: 0px !important;
891
+ height: 30px !important;
892
+ }
893
+ .si-content-wrapper {
894
+ padding: 0;
895
+ }
896
+
897
+ div.bmlt_map_container_div input {
898
+ width: 100%;
899
+ background-color: #fff;
900
+ }
901
+ div.bmlt_map_container_div button {
902
+ background-color: #eeeeee !important;
903
+ color: #2d5c88 !important;
904
+ }
905
+ #open_filter {
906
+ width: inherit;
907
+ }
908
+ /* The Modal (background) */
909
+ .modal {
910
+ font-size: 14px !important; color: black; font-family: Roboto, Arial, sans-serif !important;
911
+ display: none; /* Hidden by default */
912
+ position: fixed; /* Stay in place */
913
+ z-index: 1000; /* Sit on top */
914
+ left: 0;
915
+ top: 0;
916
+ width: 100%; /* Full width */
917
+ height: 100%; /* Full height */
918
+ overflow: auto !important; /* Enable scroll if needed */
919
+ background-color: rgb(0,0,0); /* Fallback color */
920
+ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
921
+ }
922
+
923
+ /* Modal Content/Box */
924
+ .modal-content {
925
+ background-color: #fefefe;
926
+ position: absolute;
927
+ top: 50%;
928
+ left: 50%;
929
+ transform: translate(-50%, -50%);
930
+ padding: 20px;
931
+ border: 1px solid #888;
932
+ line-height: 1.2;
933
+ }
934
+ #meeting_modal .modal-content {
935
+ transform: unset;
936
+ top: 10%;
937
+ left: 8%;
938
+ max-width: 85%;
939
+ overflow-y: auto;
940
+ overflow-x: hidden;
941
+ }
942
+
943
+ /* The Close Button */
944
+ .modal-close {
945
+ color: #aaa;
946
+ float: right;
947
+ font-size: 28px;
948
+ font-weight: bold;
949
+ line-height: 0;
950
+ }
951
+ .modal-right {
952
+ color: #aaa;
953
+ font-size: 35px;
954
+ font-weight: bold;
955
+ position: absolute;
956
+ top: 50%;
957
+ right: 2px;
958
+ line-height: 38px;
959
+ opacity: 30%;
960
+ border-radius: 10px;
961
+ background-color: black;
962
+ }
963
+ .modal-left {
964
+ color: #aaa;
965
+ font-size: 35px;
966
+ font-weight: bold;
967
+ position: absolute;
968
+ top: 50%;
969
+ left: 2px;
970
+ line-height: 38px;
971
+ opacity: 30%;
972
+ border-radius: 10px;
973
+ background-color: black;
974
+ }
975
+ .table-close {
976
+ color: white;
977
+ float: right;
978
+ font-size: 20px;
979
+ font-weight: bold;
980
+ }
981
+ .map-list-title {
982
+ color: white;
983
+ font-weight:bold;
984
+ font-size: 20px;
985
+ }
986
+ .modal-search {
987
+ padding-top: 20px;
988
+ padding-bottom: 10px;
989
+ }
990
+ .modal-search .filter-button {
991
+ width: 100%
992
+ }
993
+ #goto-button {
994
+ margin-top: 10px;
995
+ }
996
+ .modal-close:hover,
997
+ .modal-close:focus {
998
+ color: black;
999
+ text-decoration: none;
1000
+ cursor: pointer;
1001
+ }
1002
+ .modal-title {
1003
+ font-size: 18px;
1004
+ text-align: left;
1005
+ }
1006
+ #filter_modal p {
1007
+ margin-top: .5em;
1008
+ margin-bottom: 0;
1009
+ }
1010
+ .filter-button {
1011
+ background-color: #1abc9c;
1012
+ color: #fff;
1013
+ margin: 10px;
1014
+ border-radius: 3px;
1015
+ padding: .3em .5em;
1016
+ }
1017
+
1018
+ /* Style the buttons inside the tab */
1019
+ #modal-tab button {
1020
+ float: left;
1021
+ border: none;
1022
+ outline: none;
1023
+ cursor: pointer;
1024
+ padding: 8px 8px;
1025
+ transition: 0.3s;
1026
+ font-size: 13px;
1027
+ margin-left: 2px;
1028
+ margin-top: 6px;
1029
+ border-color: #C5C5C5 !important;
1030
+ color: #FFF !important;
1031
+ background-color: #DB4865 !important;
1032
+ }
1033
+ #table_content {
1034
+ font-size: 14px !important; font-family: Roboto, Arial, sans-serif !important;
1035
+ transform: translate(-50%, 0px);
1036
+ top: 15%;
1037
+ width: 75%;
1038
+ }
1039
+ #table_content h4 {
1040
+ font-size: 14px;
1041
+ font-weight: bold;
1042
+ margin-top: 0;
1043
+ line-height: 1.2;
1044
+ }
1045
+ .modal_times {
1046
+ font-size: 14px;
1047
+ font-weight: bold;
1048
+ color: #DB4865;
1049
+ }
1050
+ #table_content .meeting-header{
1051
+ background-color: #93c3cd !important;
1052
+ font-size: 14px;
1053
+ font-weight: 700 !important;
1054
+ color: #000 !important;
1055
+ }
1056
+
1057
+ #modal-day-button {
1058
+ margin-left:6px;
1059
+ }
1060
+
1061
+ /* Change background color of buttons on hover */
1062
+ #modal-tab button:hover {
1063
+ background-color: #F1F1F1 !important;
1064
+ border-color: #fff !important;
1065
+ }
1066
+
1067
+ /* Create an active/current tablink class */
1068
+ #modal-tab button.active {
1069
+ color: #000 !important;
1070
+ background-color: #93c3cd !important;
1071
+ }
1072
+
1073
+ /* Style the tab content */
1074
+ .modal-tabcontent {
1075
+ display: none;
1076
+ padding: 4px 4px;
1077
+ border: 1px solid #ccc;
1078
+ border-top: none;
1079
+ background-color: #35414F;
1080
+ }
1081
+ .modal-tabcontent td {
1082
+ background-color: inherit;
1083
+ }
1084
+
1085
+
1086
+ .modal-tabcontent tr:nth-child(even) {
1087
+ background-color: #F2F2F2 !important;
1088
+ }
1089
+
1090
+ .modal-tabcontent tr:nth-child(odd) {
1091
+ background: #FFF;
1092
+ }
1093
+
1094
+ #bmlt-tabs td {
1095
+ /* border-top: 0; */
1096
+ padding: .8em;
1097
+ }
1098
+ .menu-button {
1099
+ background-color: #EEEEEE !important;
1100
+ color: #2d5c88 !important;
1101
+ outline: none;
1102
+ width: 55px;
1103
+ height: 32px;
1104
+ border: 2px solid #2d5c88 !important; border-radius: 20px !important;
1105
+ box-shadow: 0 1px 4px rgba(0,0,0,0.3);
1106
+ cursor: pointer;
1107
+ margin-right: 10px;
1108
+ margin-top: 10px;
1109
+ padding: 0px;
1110
+ }
1111
+ .menu-button:hover, .menu-button:focus {
1112
+ background-color: #EEEEEE !important;
1113
+ }
1114
+ .menu-button-label {
1115
+ position: relative;
1116
+ top: -12px;
1117
+ left: -0.3em;
1118
+ font-weight: bold;
1119
+ font-size: 14px;
1120
+ color: #2d5c88 !important;
1121
+
1122
+ }
1123
+ #map-search-button {
1124
+ width: fit-content;
1125
+ height: fit-content;
1126
+ }
1127
+ #map-search-button .menu-button-label {
1128
+ margin: 10px;
1129
+ }
1130
+ .menu-button-child {
1131
+ width: 32px;
1132
+ height: 32px;
1133
+ background-size: 32px 32px;
1134
+ background-position: 1px -2px;
1135
+ background-repeat: no-repeat;
1136
+ font-size: 14px;
1137
+ display: inline-block;
1138
+ }
1139
+ .menu-button-childSmall {
1140
+ width: 32px;
1141
+ height: 32px;
1142
+ background-size: 24px 24px;
1143
+ background-position: 1px 2px;
1144
+ background-repeat: no-repeat;
1145
+ font-size: 14px;
1146
+ display: inline-block;
1147
+ }
1148
+ .menu-dropdown {
1149
+ display: none;
1150
+ background-color: #EEEEEE;
1151
+ color: #2d5c88;
1152
+ position: absolute;
1153
+ top: 45px;
1154
+ right: 10px;
1155
+ border-radius: 2px;
1156
+ box-shadow: 0 1px 4px rgba(0,0,0,0.3);
1157
+ min-width: 160px;
1158
+ }
1159
+ .menu-dropdown button {
1160
+ color: black;
1161
+ padding: 12px 16px;
1162
+ font-size: 14px !important; font-family: Roboto, Arial, sans-serif !important;
1163
+ font-weight: bold;
1164
+ text-decoration: none;
1165
+ display: block;
1166
+ width: 100%;
1167
+ background-color: #EEEEEE;
1168
+ }
1169
+ .leaflet-popup-content {
1170
+ margin: 0px 0px;
1171
+ }
1172
+
1173
+ .leaflet-pseudo-fullscreen {
1174
+ position:fixed!important;
1175
+ width:100%!important;
1176
+ height:100%!important;
1177
+ top:0!important;
1178
+ left:0!important;
1179
+ z-index:99999;
1180
+ }
1181
+ .gm-style-iw-d {
1182
+ overflow: hidden !important;
1183
+ }
1184
+ .gm-style .gm-style-iw-c {
1185
+ padding: 0px;
1186
+ }
1187
+ #bmlt-map button.gm-ui-hover-effect, #byfield_embeddedMapPage .gm-ui-hover-effect {
1188
+ right: 0px;
1189
+ z-index: 999;
1190
+ width: 20px !important;
1191
+ height: 20px !important;
1192
+ }
1193
+ .gm-ui-hover-effect>span {
1194
+ position: relative;
1195
+ bottom: 13px;
1196
+ right: 13px;
1197
+ }
1198
+ #bmlt-map .gm-style-iw-chr, #byfield_embeddedMapPage .gm-style-iw-chr {
1199
+ height: 0 !important;
1200
+ }
1201
+ @media (max-width: 767px) {
1202
+ #bmltsearch_content {
1203
+ width: 80%;
1204
+ }
1205
+ }
1206
+ #modal-search-box {
1207
+ padding: 5px;
1208
+ border-style: solid;
1209
+ border-width: 1px;
1210
+ border-color: black;
1211
+ margin-top: 10px;
1212
+ }
1213
+ #bmltsearch_modal .modal-title {
1214
+ margin: 20px 0 10px 0;
1215
+ }
1216
+ button.advanced-search-button {
1217
+ float: right;
1218
+ margin-top: 20px;
1219
+ }