W3C CSS 검사 결과 http://www.bookmark-jungle.win/immigration-solicitors-falmouth (CSS 레벨 2.1)

검사 결과, 다음과 같은 오류들이 발견되었습니다 (316)

URI : https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic

2 잘못 된 값 : font-family 속성 font-family는 CSS 레벨 2.1에 존재하지 않지만 [css1, css2, css3]에는 존재합니다 : 'Lora' 'Lora'
3 잘못 된 값 : font-style 속성 font-style는 CSS 레벨 2.1에 존재하지 않지만 [css1, css2, css3]에는 존재합니다 : italic italic
4 잘못 된 값 : font-weight 속성 font-weight는 CSS 레벨 2.1에 존재하지 않지만 [css1, css2, css3]에는 존재합니다 : 400 400
5 속성 src는 존재하지 않는 속성입니다 : url(https://fonts.gstatic.com/s/lora/v35/0QI8MX1D_JOuMw_hLdO6T2wV9KnW-MoFoq92mQ.ttf) format('truetype') url(https://fonts.gstatic.com/s/lora/v35/0QI8MX1D_JOuMw_hLdO6T2wV9KnW-MoFoq92mQ.ttf) format('truetype')
8 잘못 된 값 : font-family 속성 font-family는 CSS 레벨 2.1에 존재하지 않지만 [css1, css2, css3]에는 존재합니다 : 'Lora' 'Lora'
9 잘못 된 값 : font-style 속성 font-style는 CSS 레벨 2.1에 존재하지 않지만 [css1, css2, css3]에는 존재합니다 : italic italic
10 잘못 된 값 : font-weight 속성 font-weight는 CSS 레벨 2.1에 존재하지 않지만 [css1, css2, css3]에는 존재합니다 : 700 700
11 속성 src는 존재하지 않는 속성입니다 : url(https://fonts.gstatic.com/s/lora/v35/0QI8MX1D_JOuMw_hLdO6T2wV9KnW-C0Coq92mQ.ttf) format('truetype') url(https://fonts.gstatic.com/s/lora/v35/0QI8MX1D_JOuMw_hLdO6T2wV9KnW-C0Coq92mQ.ttf) format('truetype')
14 잘못 된 값 : font-family 속성 font-family는 CSS 레벨 2.1에 존재하지 않지만 [css1, css2, css3]에는 존재합니다 : 'Lora' 'Lora'
15 잘못 된 값 : font-style 속성 font-style는 CSS 레벨 2.1에 존재하지 않지만 [css1, css2, css3]에는 존재합니다 : normal normal
16 잘못 된 값 : font-weight 속성 font-weight는 CSS 레벨 2.1에 존재하지 않지만 [css1, css2, css3]에는 존재합니다 : 400 400
17 속성 src는 존재하지 않는 속성입니다 : url(https://fonts.gstatic.com/s/lora/v35/0QI6MX1D_JOuGQbT0gvTJPa787weuxJBkqg.ttf) format('truetype') url(https://fonts.gstatic.com/s/lora/v35/0QI6MX1D_JOuGQbT0gvTJPa787weuxJBkqg.ttf) format('truetype')
20 잘못 된 값 : font-family 속성 font-family는 CSS 레벨 2.1에 존재하지 않지만 [css1, css2, css3]에는 존재합니다 : 'Lora' 'Lora'
21 잘못 된 값 : font-style 속성 font-style는 CSS 레벨 2.1에 존재하지 않지만 [css1, css2, css3]에는 존재합니다 : normal normal
22 잘못 된 값 : font-weight 속성 font-weight는 CSS 레벨 2.1에 존재하지 않지만 [css1, css2, css3]에는 존재합니다 : 700 700
23 속성 src는 존재하지 않는 속성입니다 : url(https://fonts.gstatic.com/s/lora/v35/0QI6MX1D_JOuGQbT0gvTJPa787z5vBJBkqg.ttf) format('truetype') url(https://fonts.gstatic.com/s/lora/v35/0QI6MX1D_JOuGQbT0gvTJPa787z5vBJBkqg.ttf) format('truetype')

URI : https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800

2 잘못 된 값 : font-family 속성 font-family는 CSS 레벨 2.1에 존재하지 않지만 [css1, css2, css3]에는 존재합니다 : 'Open Sans' 'Open Sans'
3 잘못 된 값 : font-style 속성 font-style는 CSS 레벨 2.1에 존재하지 않지만 [css1, css2, css3]에는 존재합니다 : italic italic
4 잘못 된 값 : font-weight 속성 font-weight는 CSS 레벨 2.1에 존재하지 않지만 [css1, css2, css3]에는 존재합니다 : 300 300
5 속성 font-stretch는 CSS 레벨 2.1에 존재하지 않지만 [css1, css2, css3]에는 존재합니다 : normal normal
6 속성 src는 존재하지 않는 속성입니다 : url(https://fonts.gstatic.com/s/opensans/v40/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk5hkWVAexQ.ttf) format('truetype') url(https://fonts.gstatic.com/s/opensans/v40/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk5hkWVAexQ.ttf) format('truetype')
9 잘못 된 값 : font-family 속성 font-family는 CSS 레벨 2.1에 존재하지 않지만 [css1, css2, css3]에는 존재합니다 : 'Open Sans' 'Open Sans'
10 잘못 된 값 : font-style 속성 font-style는 CSS 레벨 2.1에 존재하지 않지만 [css1, css2, css3]에는 존재합니다 : italic italic
11 잘못 된 값 : font-weight 속성 font-weight는 CSS 레벨 2.1에 존재하지 않지만 [css1, css2, css3]에는 존재합니다 : 400 400
12 속성 font-stretch는 CSS 레벨 2.1에 존재하지 않지만 [css1, css2, css3]에는 존재합니다 : normal normal
13 속성 src는 존재하지 않는 속성입니다 : url(https://fonts.gstatic.com/s/opensans/v40/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk8ZkWVAexQ.ttf) format('truetype') url(https://fonts.gstatic.com/s/opensans/v40/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk8ZkWVAexQ.ttf) format('truetype')
16 잘못 된 값 : font-family 속성 font-family는 CSS 레벨 2.1에 존재하지 않지만 [css1, css2, css3]에는 존재합니다 : 'Open Sans' 'Open Sans'
17 잘못 된 값 : font-style 속성 font-style는 CSS 레벨 2.1에 존재하지 않지만 [css1, css2, css3]에는 존재합니다 : italic italic
18 잘못 된 값 : font-weight 속성 font-weight는 CSS 레벨 2.1에 존재하지 않지만 [css1, css2, css3]에는 존재합니다 : 600 600
19 속성 font-stretch는 CSS 레벨 2.1에 존재하지 않지만 [css1, css2, css3]에는 존재합니다 : normal normal
20 속성 src는 존재하지 않는 속성입니다 : url(https://fonts.gstatic.com/s/opensans/v40/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0RkxhjWVAexQ.ttf) format('truetype') url(https://fonts.gstatic.com/s/opensans/v40/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0RkxhjWVAexQ.ttf) format('truetype')
23 잘못 된 값 : font-family 속성 font-family는 CSS 레벨 2.1에 존재하지 않지만 [css1, css2, css3]에는 존재합니다 : 'Open Sans' 'Open Sans'
24 잘못 된 값 : font-style 속성 font-style는 CSS 레벨 2.1에 존재하지 않지만 [css1, css2, css3]에는 존재합니다 : italic italic
25 잘못 된 값 : font-weight 속성 font-weight는 CSS 레벨 2.1에 존재하지 않지만 [css1, css2, css3]에는 존재합니다 : 700 700
26 속성 font-stretch는 CSS 레벨 2.1에 존재하지 않지만 [css1, css2, css3]에는 존재합니다 : normal normal
27 속성 src는 존재하지 않는 속성입니다 : url(https://fonts.gstatic.com/s/opensans/v40/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0RkyFjWVAexQ.ttf) format('truetype') url(https://fonts.gstatic.com/s/opensans/v40/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0RkyFjWVAexQ.ttf) format('truetype')
30 잘못 된 값 : font-family 속성 font-family는 CSS 레벨 2.1에 존재하지 않지만 [css1, css2, css3]에는 존재합니다 : 'Open Sans' 'Open Sans'
31 잘못 된 값 : font-style 속성 font-style는 CSS 레벨 2.1에 존재하지 않지만 [css1, css2, css3]에는 존재합니다 : italic italic
32 잘못 된 값 : font-weight 속성 font-weight는 CSS 레벨 2.1에 존재하지 않지만 [css1, css2, css3]에는 존재합니다 : 800 800
33 속성 font-stretch는 CSS 레벨 2.1에 존재하지 않지만 [css1, css2, css3]에는 존재합니다 : normal normal
34 속성 src는 존재하지 않는 속성입니다 : url(https://fonts.gstatic.com/s/opensans/v40/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk0ZjWVAexQ.ttf) format('truetype') url(https://fonts.gstatic.com/s/opensans/v40/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk0ZjWVAexQ.ttf) format('truetype')
37 잘못 된 값 : font-family 속성 font-family는 CSS 레벨 2.1에 존재하지 않지만 [css1, css2, css3]에는 존재합니다 : 'Open Sans' 'Open Sans'
38 잘못 된 값 : font-style 속성 font-style는 CSS 레벨 2.1에 존재하지 않지만 [css1, css2, css3]에는 존재합니다 : normal normal
39 잘못 된 값 : font-weight 속성 font-weight는 CSS 레벨 2.1에 존재하지 않지만 [css1, css2, css3]에는 존재합니다 : 300 300
40 속성 font-stretch는 CSS 레벨 2.1에 존재하지 않지만 [css1, css2, css3]에는 존재합니다 : normal normal
41 속성 src는 존재하지 않는 속성입니다 : url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsiH0B4gaVc.ttf) format('truetype') url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsiH0B4gaVc.ttf) format('truetype')
44 잘못 된 값 : font-family 속성 font-family는 CSS 레벨 2.1에 존재하지 않지만 [css1, css2, css3]에는 존재합니다 : 'Open Sans' 'Open Sans'
45 잘못 된 값 : font-style 속성 font-style는 CSS 레벨 2.1에 존재하지 않지만 [css1, css2, css3]에는 존재합니다 : normal normal
46 잘못 된 값 : font-weight 속성 font-weight는 CSS 레벨 2.1에 존재하지 않지만 [css1, css2, css3]에는 존재합니다 : 400 400
47 속성 font-stretch는 CSS 레벨 2.1에 존재하지 않지만 [css1, css2, css3]에는 존재합니다 : normal normal
48 속성 src는 존재하지 않는 속성입니다 : url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4gaVc.ttf) format('truetype') url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4gaVc.ttf) format('truetype')
51 잘못 된 값 : font-family 속성 font-family는 CSS 레벨 2.1에 존재하지 않지만 [css1, css2, css3]에는 존재합니다 : 'Open Sans' 'Open Sans'
52 잘못 된 값 : font-style 속성 font-style는 CSS 레벨 2.1에 존재하지 않지만 [css1, css2, css3]에는 존재합니다 : normal normal
53 잘못 된 값 : font-weight 속성 font-weight는 CSS 레벨 2.1에 존재하지 않지만 [css1, css2, css3]에는 존재합니다 : 600 600
54 속성 font-stretch는 CSS 레벨 2.1에 존재하지 않지만 [css1, css2, css3]에는 존재합니다 : normal normal
55 속성 src는 존재하지 않는 속성입니다 : url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsgH1x4gaVc.ttf) format('truetype') url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsgH1x4gaVc.ttf) format('truetype')
58 잘못 된 값 : font-family 속성 font-family는 CSS 레벨 2.1에 존재하지 않지만 [css1, css2, css3]에는 존재합니다 : 'Open Sans' 'Open Sans'
59 잘못 된 값 : font-style 속성 font-style는 CSS 레벨 2.1에 존재하지 않지만 [css1, css2, css3]에는 존재합니다 : normal normal
60 잘못 된 값 : font-weight 속성 font-weight는 CSS 레벨 2.1에 존재하지 않지만 [css1, css2, css3]에는 존재합니다 : 700 700
61 속성 font-stretch는 CSS 레벨 2.1에 존재하지 않지만 [css1, css2, css3]에는 존재합니다 : normal normal
62 속성 src는 존재하지 않는 속성입니다 : url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1x4gaVc.ttf) format('truetype') url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1x4gaVc.ttf) format('truetype')
65 잘못 된 값 : font-family 속성 font-family는 CSS 레벨 2.1에 존재하지 않지만 [css1, css2, css3]에는 존재합니다 : 'Open Sans' 'Open Sans'
66 잘못 된 값 : font-style 속성 font-style는 CSS 레벨 2.1에 존재하지 않지만 [css1, css2, css3]에는 존재합니다 : normal normal
67 잘못 된 값 : font-weight 속성 font-weight는 CSS 레벨 2.1에 존재하지 않지만 [css1, css2, css3]에는 존재합니다 : 800 800
68 속성 font-stretch는 CSS 레벨 2.1에 존재하지 않지만 [css1, css2, css3]에는 존재합니다 : normal normal
69 속성 src는 존재하지 않는 속성입니다 : url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgshZ1x4gaVc.ttf) format('truetype') url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgshZ1x4gaVc.ttf) format('truetype')

URI : https://cdnjs.cloudflare.com/ajax/libs/gijgo/1.9.13/combined/css/gijgo.min.css

1 .gj-button 속성 border-radius는 CSS 레벨 2.1에 존재하지 않지만 [css3]에는 존재합니다 : 3px 3px
1 .gj-unselectable 속성 user-select는 CSS 레벨 2.1에 존재하지 않지만 [css3]에는 존재합니다 : none none
1 .gj-row 잘못 된 값 : display -webkit-box 는 올바른 display 값이 아닙니다 : -webkit-box -webkit-box
1 .gj-row 잘못 된 값 : display -ms-flexbox 는 올바른 display 값이 아닙니다 : -ms-flexbox -ms-flexbox
1 .gj-row 잘못 된 값 : display flex 는 올바른 display 값이 아닙니다 : flex flex
1 .gj-row 속성 flex-wrap는 존재하지 않는 속성입니다 : wrap wrap
1 .gj-button-md 속성 border-radius는 CSS 레벨 2.1에 존재하지 않지만 [css3]에는 존재합니다 : 2px 2px
1 .gj-button-md 잘못 된 값 : color rgba(0,0,0,0.87) 는 올바른 color 값이 아닙니다 : rgba(0,0,0,0.87) rgba(0,0,0,0.87)
1 .gj-button-md 잘못 된 값 : font-size 알 수없는 차원의 1rem
1 .gj-button-md 속성 will-change는 존재하지 않는 속성입니다 : box-shadow box-shadow
1 .gj-button-md 속성 transition는 존재하지 않는 속성입니다 : box-shadow 0.2s cubic-bezier(0.4,0,1,1),background-color 0.2s cubic-bezier(0.4,0,0.2,1),color 0.2s cubic-bezier(0.4,0,0.2,1) box-shadow 0.2s cubic-bezier(0.4,0,1,1),background-color 0.2s cubic-bezier(0.4,0,0.2,1),color 0.2s cubic-bezier(0.4,0,0.2,1)
1 .gj-button-md 속성 user-select는 CSS 레벨 2.1에 존재하지 않지만 [css3]에는 존재합니다 : none none
1 .gj-button-md:hover 잘못 된 값 : background-color rgba(158,158,158,0.2) 는 올바른 background-color 값이 아닙니다 : rgba(158,158,158,0.2) rgba(158,158,158,0.2)
1 알 수 없는 비정규 요소 또는 비정규 클래스 :disabled
1 .gj-button-md 잘못 된 값 : color rgba(0,0,0,0.26) 는 올바른 color 값이 아닙니다 : rgba(0,0,0,0.26) rgba(0,0,0,0.26)
1 .gj-button-md.active 잘못 된 값 : background-color rgba(158,158,158,0.4) 는 올바른 background-color 값이 아닙니다 : rgba(158,158,158,0.4) rgba(158,158,158,0.4)
1 .gj-textbox-md 잘못 된 값 : border-bottom rgba(0,0,0,0.42) 는 올바른 border-color 값이 아닙니다 : 1px solid rgba(0,0,0,0.42) 1px solid rgba(0,0,0,0.42)
1 .gj-textbox-md 잘못 된 값 : color rgba(0,0,0,0.87) 는 올바른 color 값이 아닙니다 : rgba(0,0,0,0.87) rgba(0,0,0,0.87)
1 .gj-textbox-md:active, .gj-textbox-md:focus 잘못 된 값 : border-bottom rgba(0,0,0,0.42) 는 올바른 border-color 값이 아닙니다 : 2px solid rgba(0,0,0,0.42) 2px solid rgba(0,0,0,0.42)
1 비정규 요소 ::placeholder는 css21에서 나타날 수 없습니다 [placeholder]
1 알 수 없는 비정규 요소 또는 비정규 클래스 :-ms-input-placeholder
1 비정규 요소 ::-ms-input-placeholder는 css21에서 나타날 수 없습니다 [-ms-input-placeholder]
1 .gj-modal 잘못 된 값 : background-color rgba(0,0,0,0.54118) 는 올바른 background-color 값이 아닙니다 : rgba(0,0,0,0.54118) rgba(0,0,0,0.54118)
1 .gj-modal 속성 transition는 존재하지 않는 속성입니다 : 0.2s ease opacity 0.2s ease opacity
1 .gj-modal 속성 will-change는 존재하지 않는 속성입니다 : opacity opacity
1 알 수 없는 비정규 요소 또는 비정규 클래스 :empty
1 .list-group-item.active ul li, .list-group-item.active:focus ul li, .list-group-item.active:hover ul li 속성 text-shadow는 CSS 레벨 2.1에 존재하지 않지만 [css2, css3]에는 존재합니다 : none none
1 .list-group-item.active ul li, .list-group-item.active:focus ul li, .list-group-item.active:hover ul li 잘못 된 값 : color initial 는 올바른 color 값이 아닙니다 : initial initial
1 ul.gj-list-md li 잘못 된 값 : min-height unset 는 올바른 min-height 값이 아닙니다 : unset unset
1 ul.gj-list-md li 속성 box-sizing는 CSS 레벨 2.1에 존재하지 않지만 [css3]에는 존재합니다 : border-box border-box
1 ul.gj-list-md li 속성 align-items는 존재하지 않는 속성입니다 : center center
1 ul.gj-list-md li 속성 flex-direction는 존재하지 않는 속성입니다 : row row
1 ul.gj-list-md li 속성 flex-wrap는 존재하지 않는 속성입니다 : nowrap nowrap
1 ul.gj-list-md li [data-role="display"] 속성 order는 존재하지 않는 속성입니다 : 0 0
1 ul.gj-list-md li [data-role="display"] 속성 flex-grow는 존재하지 않는 속성입니다 : 2 2
1 ul.gj-list-md li [data-role="display"] 속성 box-sizing는 CSS 레벨 2.1에 존재하지 않지만 [css3]에는 존재합니다 : border-box border-box
1 ul.gj-list-md li [data-role="display"] 속성 align-items는 존재하지 않는 속성입니다 : center center
1 ul.gj-list-md li [data-role="display"] 잘못 된 값 : color rgba(0,0,0,0.87) 는 올바른 color 값이 아닙니다 : rgba(0,0,0,0.87) rgba(0,0,0,0.87)
1 .gj-picker-md 잘못 된 값 : color rgba(0,0,0,0.87) 는 올바른 color 값이 아닙니다 : rgba(0,0,0,0.87) rgba(0,0,0,0.87)
1 .gj-picker-md [role="header"] 잘못 된 값 : color rgba(255,255,255,0.54) 는 올바른 color 값이 아닙니다 : rgba(255,255,255,0.54) rgba(255,255,255,0.54)
1 .gj-picker-md [role="header"] 잘못 된 값 : display flex 는 올바른 display 값이 아닙니다 : flex flex
1 .gj-picker-md [role="header"] 속성 align-items는 존재하지 않는 속성입니다 : baseline baseline
1 .gj-picker-md [role="header"] 속성 user-select는 CSS 레벨 2.1에 존재하지 않지만 [css3]에는 존재합니다 : none none
1 .gj-picker-md [role="header"] 속성 justify-content는 존재하지 않는 속성입니다 : center center
1 잘못 된 값 : font-family 속성 font-family는 CSS 레벨 2.1에 존재하지 않지만 [css1, css2, css3]에는 존재합니다 : gijgo-material gijgo-material
1 속성 src는 존재하지 않는 속성입니다 : url(../fonts/gijgo-material.eot?235541) url(../fonts/gijgo-material.eot?235541)
1 속성 src는 존재하지 않는 속성입니다 : url(../fonts/gijgo-material.eot?235541#iefix) format('embedded-opentype'),url(../fonts/gijgo-material.ttf?235541) format('truetype'),url(../fonts/gijgo-material.woff?235541) format('woff'),url(../fonts/gijgo-material.svg?235541#gijgo-material) format('svg') url(../fonts/gijgo-material.eot?235541#iefix) format('embedded-opentype'),url(../fonts/gijgo-material.ttf?235541) format('truetype'),url(../fonts/gijgo-material.woff?235541) format('woff'),url(../fonts/gijgo-material.svg?235541#gijgo-material) format('svg')
1 잘못 된 값 : font-weight 속성 font-weight는 CSS 레벨 2.1에 존재하지 않지만 [css1, css2, css3]에는 존재합니다 : 400 400
1 잘못 된 값 : font-style 속성 font-style는 CSS 레벨 2.1에 존재하지 않지만 [css1, css2, css3]에는 존재합니다 : normal normal
1 .gj-icon 속성 font-feature-settings는 존재하지 않는 속성입니다 : "liga" "liga"
1 .gj-icon 속성 font-variant-ligatures는 존재하지 않는 속성입니다 : discretionary-ligatures discretionary-ligatures
1 .gj-resizable-handle 속성 touch-action는 존재하지 않는 속성입니다 : none none
1 .gj-dialog-scrollable [data-role="body"] 속성 overflow-x는 CSS 레벨 2.1에 존재하지 않지만 [css3]에는 존재합니다 : hidden hidden
1 .gj-dialog-scrollable [data-role="body"] 속성 overflow-y는 CSS 레벨 2.1에 존재하지 않지만 [css3]에는 존재합니다 : scroll scroll
1 .gj-dialog-md 속성 box-shadow는 CSS 레벨 2.1에 존재하지 않지만 [css3]에는 존재합니다 : 0 11px 15px -7px rgba(0,0,0,0.2),0 24px 38px 3px rgba(0,0,0,0.14),0 9px 46px 8px rgba(0,0,0,0.12) 0 11px 15px -7px rgba(0,0,0,0.2),0 24px 38px 3px rgba(0,0,0,0.14),0 9px 46px 8px rgba(0,0,0,0.12)
1 .gj-dialog-md 속성 box-sizing는 CSS 레벨 2.1에 존재하지 않지만 [css3]에는 존재합니다 : border-box border-box
1 .gj-dialog-md 잘못 된 값 : display -webkit-box 는 올바른 display 값이 아닙니다 : -webkit-box -webkit-box
1 .gj-dialog-md 잘못 된 값 : display -webkit-flex 는 올바른 display 값이 아닙니다 : -webkit-flex -webkit-flex
1 .gj-dialog-md 잘못 된 값 : display -ms-flexbox 는 올바른 display 값이 아닙니다 : -ms-flexbox -ms-flexbox
1 .gj-dialog-md 잘못 된 값 : display flex 는 올바른 display 값이 아닙니다 : flex flex
1 .gj-dialog-md 속성 flex-direction는 존재하지 않는 속성입니다 : column column
1 .gj-dialog-md 속성 background-clip는 CSS 레벨 2.1에 존재하지 않지만 [css3]에는 존재합니다 : padding-box padding-box
1 .gj-dialog-md-body 잘못 된 값 : color rgba(0,0,0,0.54) 는 올바른 color 값이 아닙니다 : rgba(0,0,0,0.54) rgba(0,0,0,0.54)
1 .gj-dialog-md-footer 잘못 된 값 : display -webkit-flex 는 올바른 display 값이 아닙니다 : -webkit-flex -webkit-flex
1 .gj-dialog-md-footer 잘못 된 값 : display -ms-flexbox 는 올바른 display 값이 아닙니다 : -ms-flexbox -ms-flexbox
1 .gj-dialog-md-footer 잘못 된 값 : display flex 는 올바른 display 값이 아닙니다 : flex flex
1 .gj-dialog-md-footer 속성 flex-direction는 존재하지 않는 속성입니다 : row-reverse row-reverse
1 .gj-dialog-md-footer 속성 flex-wrap는 존재하지 않는 속성입니다 : wrap wrap
1 .gj-dialog-md-footer 속성 box-sizing는 CSS 레벨 2.1에 존재하지 않지만 [css3]에는 존재합니다 : border-box border-box
1 TABLE.gj-grid THEAD TH 속성 text-overflow는 CSS 레벨 2.1에 존재하지 않지만 [css3]에는 존재합니다 : ellipsis ellipsis
1 TABLE.gj-grid.autogrow-header-row THEAD TH 속성 text-overflow는 CSS 레벨 2.1에 존재하지 않지만 [css3]에는 존재합니다 : initial initial
1 TABLE.gj-grid.autogrow-header-row THEAD TH 속성 word-break는 CSS 레벨 2.1에 존재하지 않지만 [css3]에는 존재합니다 : break-word break-word
1 table.gj-grid tbody div[data-role="display"] 속성 word-break는 CSS 레벨 2.1에 존재하지 않지만 [css3]에는 존재합니다 : break-word break-word
1 table.gj-grid.fixed-body-rows tbody div[data-role="display"] 속성 text-overflow는 CSS 레벨 2.1에 존재하지 않지만 [css3]에는 존재합니다 : ellipsis ellipsis
1 table.gj-grid.fixed-body-rows tbody div[data-role="display"] 속성 word-break는 CSS 레벨 2.1에 존재하지 않지만 [css3]에는 존재합니다 : initial initial
1 table.gj-grid tfoot DIV[data-role="display"] 잘못 된 값 : display flex 는 올바른 display 값이 아닙니다 : flex flex
1 DIV.gj-grid-wrapper DIV.gj-grid-loading-cover 속성 opacity는 CSS 레벨 2.1에 존재하지 않지만 [css3]에는 존재합니다 : 0.5 0.5
1 .gj-grid-bootstrap-4 tbody tr.active 잘못 된 값 : background-color rgba(0,0,0,0.075) 는 올바른 background-color 값이 아닙니다 : rgba(0,0,0,0.075) rgba(0,0,0,0.075)
1 알 수 없는 비정규 요소 또는 비정규 클래스 :first-of-type
1 알 수 없는 비정규 요소 또는 비정규 클래스 :first-of-type
1 .gj-grid-md td, .gj-grid-md th 속성 box-sizing는 CSS 레벨 2.1에 존재하지 않지만 [css3]에는 존재합니다 : border-box border-box
1 .gj-grid-md th 잘못 된 값 : color rgba(0,0,0,0.54) 는 올바른 color 값이 아닙니다 : rgba(0,0,0,0.54) rgba(0,0,0,0.54)
1 .gj-grid-md td 잘못 된 값 : color rgba(0,0,0,0.87) 는 올바른 color 값이 아닙니다 : rgba(0,0,0,0.87) rgba(0,0,0,0.87)
1 .gj-grid-md tbody tr 속성 transition-duration는 존재하지 않는 속성입니다 : 0.28s 0.28s
1 .gj-grid-md tbody tr 속성 transition-timing-function는 존재하지 않는 속성입니다 : cubic-bezier(0.4,0,0.2,1) cubic-bezier(0.4,0,0.2,1)
1 .gj-grid-md tbody tr 속성 transition-property는 존재하지 않는 속성입니다 : background-color background-color
1 알 수 없는 매체 only
1 해석 오류 all{td.display-1120,td.display-320,td.display-480,td.display-640,td.display-800,td.display-960,th.display-1120,th.display-320,th.display-480,th.display-640,th.display-800,th.display-960{display:none}}
1 잘못 된 값 : min-width 속성 min-width는 매체 screen에 존재하지 않습니다 : 20em 20em
1 잘못 된 값 : min-width 속성 min-width는 매체 screen에 존재하지 않습니다 : 30em 30em
1 잘못 된 값 : min-width 속성 min-width는 매체 screen에 존재하지 않습니다 : 40em 40em
1 잘못 된 값 : min-width 속성 min-width는 매체 screen에 존재하지 않습니다 : 50em 50em
1 잘못 된 값 : min-width 속성 min-width는 매체 screen에 존재하지 않습니다 : 60em 60em
1 잘못 된 값 : min-width 속성 min-width는 매체 screen에 존재하지 않습니다 : 70em 70em
1 .gj-grid-md tfoot tr[data-role="pager"] .gj-dropdown-md [role="presenter"] 잘못 된 값 : color rgba(0,0,0,0.54) 는 올바른 color 값이 아닙니다 : rgba(0,0,0,0.54) rgba(0,0,0,0.54)
1 .gj-grid-md tfoot tr[data-role="pager"] .gj-grid-md-limit-select 잘못 된 값 : color rgba(0,0,0,0.54) 는 올바른 color 값이 아닙니다 : rgba(0,0,0,0.54) rgba(0,0,0,0.54)
1 .gj-grid-bootstrap-3 tbody tr td[data-mode="edit"] .gj-dropdown-bootstrap [role="presenter"] 속성 border-radius는 CSS 레벨 2.1에 존재하지 않지만 [css3]에는 존재합니다 : 0 0
1 .gj-grid-bootstrap-3 tbody tr td[data-mode="edit"] .gj-datepicker-bootstrap [role="input"] 속성 border-radius는 CSS 레벨 2.1에 존재하지 않지만 [css3]에는 존재합니다 : 0 0
1 .gj-grid-bootstrap-3 tbody tr td[data-mode="edit"] .gj-datepicker-bootstrap [role="right-icon"] 속성 border-radius는 CSS 레벨 2.1에 존재하지 않지만 [css3]에는 존재합니다 : 0 0
1 .gj-grid-bootstrap-4 tbody tr td[data-mode="edit"] .gj-dropdown-bootstrap [role="presenter"] 속성 border-radius는 CSS 레벨 2.1에 존재하지 않지만 [css3]에는 존재합니다 : 0 0
1 .gj-grid-bootstrap-4 tbody tr td[data-mode="edit"] .gj-datepicker-bootstrap [role="input"] 속성 border-radius는 CSS 레벨 2.1에 존재하지 않지만 [css3]에는 존재합니다 : 0 0
1 .gj-grid-bootstrap-4 tbody tr td[data-mode="edit"] .gj-datepicker-bootstrap [role="right-icon"] button 속성 border-radius는 CSS 레벨 2.1에 존재하지 않지만 [css3]에는 존재합니다 : 0 0
1 table.gj-grid-scrollable tbody 속성 overflow-y는 CSS 레벨 2.1에 존재하지 않지만 [css3]에는 존재합니다 : auto auto
1 table.gj-grid-scrollable tbody 속성 overflow-x는 CSS 레벨 2.1에 존재하지 않지만 [css3]에는 존재합니다 : hidden hidden
1 알 수 없는 비정규 요소 또는 비정규 클래스 :last-child
1 .gj-tree-bootstrap-3 ul.gj-list-bootstrap li 속성 border-radius는 CSS 레벨 2.1에 존재하지 않지만 [css3]에는 존재합니다 : 0 0
1 .gj-tree-bootstrap-4 ul.gj-list-bootstrap li 속성 border-radius는 CSS 레벨 2.1에 존재하지 않지만 [css3]에는 존재합니다 : 0 0
1 .gj-tree-bootstrap-border ul.gj-list-bootstrap li:first-child 속성 border-top-left-radius는 CSS 레벨 2.1에 존재하지 않지만 [css3]에는 존재합니다 : 4px 4px
1 .gj-tree-bootstrap-border ul.gj-list-bootstrap li:first-child 속성 border-top-right-radius는 CSS 레벨 2.1에 존재하지 않지만 [css3]에는 존재합니다 : 4px 4px
1 알 수 없는 비정규 요소 또는 비정규 클래스 :last-child
1 .gj-tree-bootstrap-border ul.gj-list-bootstrap li 속성 border-bottom-left-radius는 CSS 레벨 2.1에 존재하지 않지만 [css3]에는 존재합니다 : 4px 4px
1 .gj-tree-bootstrap-border ul.gj-list-bootstrap li 속성 border-bottom-right-radius는 CSS 레벨 2.1에 존재하지 않지만 [css3]에는 존재합니다 : 4px 4px
1 .gj-tree-bootstrap-border ul.gj-list-bootstrap li ul.gj-list-bootstrap li:first-child 속성 border-top-left-radius는 CSS 레벨 2.1에 존재하지 않지만 [css3]에는 존재합니다 : 0 0
1 .gj-tree-bootstrap-border ul.gj-list-bootstrap li ul.gj-list-bootstrap li:first-child 속성 border-top-right-radius는 CSS 레벨 2.1에 존재하지 않지만 [css3]에는 존재합니다 : 0 0
1 알 수 없는 비정규 요소 또는 비정규 클래스 :last-child
1 .gj-tree-bootstrap-border ul.gj-list-bootstrap li ul.gj-list-bootstrap li 속성 border-bottom-left-radius는 CSS 레벨 2.1에 존재하지 않지만 [css3]에는 존재합니다 : 0 0
1 .gj-tree-bootstrap-border ul.gj-list-bootstrap li ul.gj-list-bootstrap li 속성 border-bottom-right-radius는 CSS 레벨 2.1에 존재하지 않지만 [css3]에는 존재합니다 : 0 0
1 알 수 없는 비정규 요소 또는 비정규 클래스 :last-child
1 .gj-tree-bootstrap-drag-el li.list-group-item 잘못 된 값 : background 너무 많은 값 또는 값이 인식되지 않습니다 : unset unset
1 .gj-checkbox-bootstrap span 속성 border-radius는 CSS 레벨 2.1에 존재하지 않지만 [css3]에는 존재합니다 : 3px 3px
1 .gj-checkbox-bootstrap span 속성 transition는 존재하지 않는 속성입니다 : box-shadow 0.2s linear,border-color 0.2s linear box-shadow 0.2s linear,border-color 0.2s linear
1 .gj-checkbox-bootstrap input[type="checkbox"]:focus + span:before 속성 box-shadow는 CSS 레벨 2.1에 존재하지 않지만 [css3]에는 존재합니다 : 0 0 0 0 #66afe9,0 0 6px rgba(102,175,233,0.6) 0 0 0 0 #66afe9,0 0 6px rgba(102,175,233,0.6)
1 .gj-datepicker-bootstrap :active, .gj-datepicker-bootstrap :focus, .gj-timepicker-bootstrap :active, .gj-timepicker-bootstrap :focus 속성 box-shadow는 CSS 레벨 2.1에 존재하지 않지만 [css3]에는 존재합니다 : none none
1 .gj-checkbox-bootstrap input[type="checkbox"][disabled] + span 속성 opacity는 CSS 레벨 2.1에 존재하지 않지만 [css3]에는 존재합니다 : 0.6 0.6
1 .gj-checkbox-bootstrap input[type="checkbox"][disabled] + span 잘못 된 값 : cursor not-allowed 는 올바른 cursor 값이 아닙니다 : not-allowed not-allowed
1 알 수 없는 비정규 요소 또는 비정규 클래스 :checked
1 알 수 없는 비정규 요소 또는 비정규 클래스 :indeterminate
1 .gj-checkbox-md span 속성 box-sizing는 CSS 레벨 2.1에 존재하지 않지만 [css3]에는 존재합니다 : border-box border-box
1 .gj-checkbox-md span 속성 border-radius는 CSS 레벨 2.1에 존재하지 않지만 [css3]에는 존재합니다 : 2px 2px
1 알 수 없는 비정규 요소 또는 비정규 클래스 :checked
1 알 수 없는 비정규 요소 또는 비정규 클래스 :checked
1 알 수 없는 비정규 요소 또는 비정규 클래스 :indeterminate
1 알 수 없는 비정규 요소 또는 비정규 클래스 :indeterminate
1 .gj-editor-md, .gj-editor-md [role="body"] 잘못 된 값 : border 너무 많은 값 또는 값이 인식되지 않습니다 : 1px solid rgba(158,158,158,0.2) 1px solid rgba(158,158,158,0.2)
1 알 수 없는 비정규 요소 또는 비정규 클래스 :indeterminate
1 알 수 없는 비정규 요소 또는 비정규 클래스 :checked
1 알 수 없는 비정규 요소 또는 비정규 클래스 :indeterminate
1 알 수 없는 비정규 요소 또는 비정규 클래스 :checked
1 알 수 없는 비정규 요소 또는 비정규 클래스 :indeterminate
1 알 수 없는 비정규 요소 또는 비정규 클래스 :checked
1 알 수 없는 비정규 요소 또는 비정규 클래스 :indeterminate
1 .gj-editor [role="body"] 속성 box-sizing는 CSS 레벨 2.1에 존재하지 않지만 [css3]에는 존재합니다 : border-box border-box
1 .gj-dropdown-md [role="presenter"] 잘못 된 값 : color rgba(0,0,0,0.87) 는 올바른 color 값이 아닙니다 : rgba(0,0,0,0.87) rgba(0,0,0,0.87)
1 .gj-dropdown-md [role="presenter"] 잘못 된 값 : border-bottom rgba(0,0,0,0.42) 는 올바른 border-color 값이 아닙니다 : 1px solid rgba(0,0,0,0.42) 1px solid rgba(0,0,0,0.42)
1 .gj-dropdown-md [role="presenter"]:active, .gj-dropdown-md [role="presenter"]:focus 잘못 된 값 : border-bottom rgba(0,0,0,0.42) 는 올바른 border-color 값이 아닙니다 : 2px solid rgba(0,0,0,0.42) 2px solid rgba(0,0,0,0.42)
1 비정규 요소 ::-ms-clear는 css21에서 나타날 수 없습니다 [-ms-clear]
1 .gj-picker div[role="navigator"] 잘못 된 값 : display -webkit-box 는 올바른 display 값이 아닙니다 : -webkit-box -webkit-box
1 .gj-picker div[role="navigator"] 잘못 된 값 : display -ms-flexbox 는 올바른 display 값이 아닙니다 : -ms-flexbox -ms-flexbox
1 .gj-picker div[role="navigator"] 잘못 된 값 : display flex 는 올바른 display 값이 아닙니다 : flex flex
1 .gj-picker div[role="navigator"] 속성 flex-wrap는 존재하지 않는 속성입니다 : wrap wrap
1 .gj-picker div[role="navigator"] div 속성 flex-basis는 존재하지 않는 속성입니다 : 0 0
1 .gj-picker div[role="navigator"] div 속성 flex-grow는 존재하지 않는 속성입니다 : 1 1
1 .gj-datepicker-md 잘못 된 값 : color rgba(0,0,0,0.87) 는 올바른 color 값이 아닙니다 : rgba(0,0,0,0.87) rgba(0,0,0,0.87)
1 알 수 없는 비정규 요소 또는 비정규 클래스 :last-child
1 알 수 없는 비정규 요소 또는 비정규 클래스 :last-child
1 알 수 없는 비정규 요소 또는 비정규 클래스 :last-child
1 .gj-picker-md table tr td.gj-cursor-pointer div:hover 속성 border-radius는 CSS 레벨 2.1에 존재하지 않지만 [css3]에는 존재합니다 : 50% 50%
1 .gj-picker-md table tr td.gj-cursor-pointer div:hover 잘못 된 값 : color rgba(0,0,0,0.87) 는 올바른 color 값이 아닙니다 : rgba(0,0,0,0.87) rgba(0,0,0,0.87)
1 .gj-picker-md table tr td.focused div 속성 border-radius는 CSS 레벨 2.1에 존재하지 않지만 [css3]에는 존재합니다 : 50% 50%
1 .gj-picker-md table tr td.selected.gj-cursor-pointer div 속성 border-radius는 CSS 레벨 2.1에 존재하지 않지만 [css3]에는 존재합니다 : 50% 50%
1 .gj-picker-bootstrap 잘못 된 값 : border 너무 많은 값 또는 값이 인식되지 않습니다 : 1px solid rgba(0,0,0,0.15) 1px solid rgba(0,0,0,0.15)
1 .gj-picker-bootstrap 속성 border-radius는 CSS 레벨 2.1에 존재하지 않지만 [css3]에는 존재합니다 : 4px 4px
1 알 수 없는 비정규 요소 또는 비정규 클래스 :last-child
1 .gj-picker-bootstrap table tr td.focused div, .gj-picker-bootstrap table tr td.gj-cursor-pointer div:hover 속성 border-radius는 CSS 레벨 2.1에 존재하지 않지만 [css3]에는 존재합니다 : 4px 4px
1 .gj-picker-bootstrap table tr td.selected.gj-cursor-pointer div 속성 border-radius는 CSS 레벨 2.1에 존재하지 않지만 [css3]에는 존재합니다 : 4px 4px
1 .gj-datepicker-bootstrap span[role="right-icon"].input-group-addon 속성 border-radius는 CSS 레벨 2.1에 존재하지 않지만 [css3]에는 존재합니다 : 0 4px 4px 0 0 4px 4px 0
1 비정규 요소 ::-ms-clear는 css21에서 나타날 수 없습니다 [-ms-clear]
1 .gj-picker.timepicker [role="header"] 잘못 된 값 : display flex 는 올바른 display 값이 아닙니다 : flex flex
1 .gj-picker.timepicker [role="header"] 속성 align-items는 존재하지 않는 속성입니다 : baseline baseline
1 .gj-picker.timepicker [role="header"] 속성 user-select는 CSS 레벨 2.1에 존재하지 않지만 [css3]에는 존재합니다 : none none
1 .gj-picker.timepicker [role="header"] 속성 justify-content는 존재하지 않는 속성입니다 : center center
1 .gj-picker [role="body"] [role="dial"] 잘못 된 값 : color rgba(0,0,0,0.87) 는 올바른 color 값이 아닙니다 : rgba(0,0,0,0.87) rgba(0,0,0,0.87)
1 .gj-picker [role="body"] [role="dial"] 속성 border-radius는 CSS 레벨 2.1에 존재하지 않지만 [css3]에는 존재합니다 : 50% 50%
1 .gj-picker [role="body"] [role="hour"] 잘못 된 값 : top 해석 오류 - 16px)
1 .gj-picker [role="body"] [role="hour"] 잘못 된 값 : left 해석 오류 - 16px)
1 .gj-picker [role="body"] [role="hour"] 속성 user-select는 CSS 레벨 2.1에 존재하지 않지만 [css3]에는 존재합니다 : none none
1 .gj-picker [role="body"] [role="hour"] 속성 pointer-events는 존재하지 않는 속성입니다 : none none
1 .gj-picker [role="body"] [role="hour"].selected 잘못 된 값 : color rgba(255,255,255,1) 는 올바른 color 값이 아닙니다 : rgba(255,255,255,1) rgba(255,255,255,1)
1 .gj-picker [role="body"] [role="arrow"] 잘못 된 값 : top 해석 오류 - 1px)
1 .gj-picker [role="body"] [role="arrow"] 속성 pointer-events는 존재하지 않는 속성입니다 : none none
1 .gj-picker [role="body"] [role="arrow"] 속성 transform-origin는 존재하지 않는 속성입니다 : left center left center
1 .gj-picker [role="body"] [role="arrow"] 속성 transition는 존재하지 않는 속성입니다 : all 250ms cubic-bezier(0.4,0,0.2,1) all 250ms cubic-bezier(0.4,0,0.2,1)
1 .gj-picker [role="body"] [role="arrow"] 잘못 된 값 : width 해석 오류 - 52px)
1 .gj-picker .arrow-begin 속성 border-radius는 CSS 레벨 2.1에 존재하지 않지만 [css3]에는 존재합니다 : 50% 50%
1 .gj-picker .arrow-end 속성 box-sizing는 CSS 레벨 2.1에 존재하지 않지만 [css3]에는 존재합니다 : content-box content-box
1 .gj-picker .arrow-end 속성 border-radius는 CSS 레벨 2.1에 존재하지 않지만 [css3]에는 존재합니다 : 50% 50%
1 .gj-timepicker-md 잘못 된 값 : color rgba(0,0,0,0.87) 는 올바른 color 값이 아닙니다 : rgba(0,0,0,0.87) rgba(0,0,0,0.87)
1 .gj-timepicker-bootstrap .input-group-addon 속성 border-radius는 CSS 레벨 2.1에 존재하지 않지만 [css3]에는 존재합니다 : 0 4px 4px 0 0 4px 4px 0
1 .gj-picker [role="switch"] 속성 align-items는 존재하지 않는 속성입니다 : baseline baseline
1 .gj-picker [role="switch"] 속성 user-select는 CSS 레벨 2.1에 존재하지 않지만 [css3]에는 존재합니다 : none none
1 .gj-picker-md [role="switch"] 잘못 된 값 : color rgba(255,255,255,0.54) 는 올바른 color 값이 아닙니다 : rgba(255,255,255,0.54) rgba(255,255,255,0.54)
1 .gj-slider-md [role="track"] 잘못 된 값 : display -webkit-box 는 올바른 display 값이 아닙니다 : -webkit-box -webkit-box
1 .gj-slider-md [role="track"] 잘못 된 값 : display -ms-flexbox 는 올바른 display 값이 아닙니다 : -ms-flexbox -ms-flexbox
1 .gj-slider-md [role="track"] 잘못 된 값 : display flex 는 올바른 display 값이 아닙니다 : flex flex
1 .gj-slider-md [role="track"] 속성 flex-direction는 존재하지 않는 속성입니다 : column column
1 .gj-slider-md [role="track"] 속성 justify-content는 존재하지 않는 속성입니다 : center center
1 .gj-slider-md [role="track"] 잘못 된 값 : background-color rgba(0,0,0,0.26) 는 올바른 background-color 값이 아닙니다 : rgba(0,0,0,0.26) rgba(0,0,0,0.26)
1 .gj-slider-md [role="progress"] 잘못 된 값 : display -webkit-box 는 올바른 display 값이 아닙니다 : -webkit-box -webkit-box
1 .gj-slider-md [role="progress"] 잘못 된 값 : display -ms-flexbox 는 올바른 display 값이 아닙니다 : -ms-flexbox -ms-flexbox
1 .gj-slider-md [role="progress"] 잘못 된 값 : display flex 는 올바른 display 값이 아닙니다 : flex flex
1 .gj-slider-md [role="progress"] 속성 flex-direction는 존재하지 않는 속성입니다 : column column
1 .gj-slider-md [role="progress"] 속성 justify-content는 존재하지 않는 속성입니다 : center center
1 .gj-slider-md [role="handle"] 속성 앞에 세미콜론을 찾으려고 시도하였습니다. 추가하여 주시기 바랍니다
1 .gj-slider-md [role="handle"] 속성 progid는 존재하지 않는 속성입니다 : DXImageTransform DXImageTransform
1 .gj-slider-md [role="handle"] 해석 오류 DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
1 알 수 없는 비정규 요소 또는 비정규 클래스 :none
1 filter 해석 오류 none;
1 알 수 없는 비정규 요소 또는 비정규 클래스 :inset
1 해석 오류 [ 0 1px 0 rgba(255]
1 해석 오류 [,255]
1 해석 오류 [,255]
1 해석 오류 [,.2)]
1 해석 오류 [,0 1px 2px rgba(0]
1 해석 오류 [,0]
1 해석 오류 [,0]
1 해석 오류 [,.05);box-shadow:inset 0 1px 0 rgba(255]
1 해석 오류 [,255]
1 해석 오류 [,255]
1 해석 오류 [,.2)]
1 해석 오류 [,0 1px 2px rgba(0]
1 해석 오류 [,0]
1 해석 오류 [,0]
1 해석 오류 [,.05);border:0 solid transparent;border-radius:50%;cursor:pointer;z-index:1204}.gj-slider-bootstrap [role=track]]
1 .gj-slider-bootstrap [role="progress"] 속성 border-radius는 CSS 레벨 2.1에 존재하지 않지만 [css3]에는 존재합니다 : 4px 4px
1 .gj-slider-bootstrap [role="progress"] 속성 transition는 존재하지 않는 속성입니다 : none none
1 .gj-slider-bootstrap [role="handle"] 속성 앞에 세미콜론을 찾으려고 시도하였습니다. 추가하여 주시기 바랍니다
1 .gj-slider-bootstrap [role="handle"] 속성 progid는 존재하지 않는 속성입니다 : DXImageTransform DXImageTransform
1 .gj-slider-bootstrap [role="handle"] 해석 오류 DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
1 알 수 없는 비정규 요소 또는 비정규 클래스 :none
1 filter 해석 오류 none;
1 알 수 없는 비정규 요소 또는 비정규 클래스 :inset
1 해석 오류 [ 0 1px 0 rgba(255]
1 해석 오류 [,255]
1 해석 오류 [,255]
1 해석 오류 [,.2)]
1 해석 오류 [,0 1px 2px rgba(0]
1 해석 오류 [,0]
1 해석 오류 [,0]
1 해석 오류 [,.05);box-shadow:inset 0 1px 0 rgba(255]
1 해석 오류 [,255]
1 해석 오류 [,255]
1 해석 오류 [,.2)]
1 해석 오류 [,0 1px 2px rgba(0]
1 해석 오류 [,0]
1 해석 오류 [,0]
1 해석 오류 [,.05);border:0 solid transparent;border-radius:50%;cursor:pointer;z-index:1204}.gj-slider-bootstrap-3 [role=handle]]
1 .gj-slider-bootstrap-4 [role="handle"] 잘못 된 값 : background-image -webkit-linear-gradient(top,#007bff 0,#2e6da4 100%) 는 올바른 background-image 값이 아닙니다 : -webkit-linear-gradient(top,#007bff 0,#2e6da4 100%) -webkit-linear-gradient(top,#007bff 0,#2e6da4 100%)
1 .gj-slider-bootstrap-4 [role="handle"] 잘못 된 값 : background-image -o-linear-gradient(top,#007bff 0,#2e6da4 100%) 는 올바른 background-image 값이 아닙니다 : -o-linear-gradient(top,#007bff 0,#2e6da4 100%) -o-linear-gradient(top,#007bff 0,#2e6da4 100%)
1 .gj-slider-bootstrap-4 [role="handle"] 잘못 된 값 : background-image linear-gradient(to bottom,#007bff 0,#2e6da4 100%) 는 올바른 background-image 값이 아닙니다 : linear-gradient(to bottom,#007bff 0,#2e6da4 100%) linear-gradient(to bottom,#007bff 0,#2e6da4 100%)
1 .gj-colorpicker-md 잘못 된 값 : color rgba(0,0,0,0.87) 는 올바른 color 값이 아닙니다 : rgba(0,0,0,0.87) rgba(0,0,0,0.87)

↑ 최상위

경고 (63)

URI : https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic

6 규칙에 대한 정의가 없습니다
12 규칙에 대한 정의가 없습니다
18 규칙에 대한 정의가 없습니다
24 규칙에 대한 정의가 없습니다

URI : https://cdnjs.cloudflare.com/ajax/libs/gijgo/1.9.13/combined/css/gijgo.min.css

1 can't find the warning message for vendor-extension
1 can't find the warning message for vendor-extension
1 can't find the warning message for vendor-extension
1 can't find the warning message for vendor-extension
1 can't find the warning message for vendor-extension
1 can't find the warning message for vendor-extension
1 can't find the warning message for vendor-extension
1 can't find the warning message for vendor-extension
1 can't find the warning message for vendor-extension
1 can't find the warning message for vendor-extension
1 can't find the warning message for vendor-extension
1 can't find the warning message for vendor-extension
1 can't find the warning message for vendor-extension
1 can't find the warning message for vendor-extension
1 can't find the warning message for vendor-extension
1 can't find the warning message for vendor-extension
1 can't find the warning message for vendor-extension
1 can't find the warning message for vendor-extension
1 can't find the warning message for vendor-extension
1 can't find the warning message for vendor-extension
1 can't find the warning message for vendor-extension
1 can't find the warning message for vendor-extension
1 can't find the warning message for vendor-extension
1 can't find the warning message for vendor-extension
1 can't find the warning message for vendor-extension
1 can't find the warning message for vendor-extension
1 can't find the warning message for vendor-extension
1 can't find the warning message for vendor-extension
1 can't find the warning message for vendor-extension
1 can't find the warning message for vendor-extension
1 can't find the warning message for vendor-extension
1 can't find the warning message for vendor-extension
1 can't find the warning message for vendor-extension
1 can't find the warning message for vendor-extension
1 규칙에 대한 정의가 없습니다
1 can't find the warning message for vendor-extension
1 can't find the warning message for vendor-extension
1 can't find the warning message for vendor-extension
1 can't find the warning message for vendor-extension
1 can't find the warning message for vendor-extension
1 can't find the warning message for vendor-extension
1 can't find the warning message for vendor-extension
1 can't find the warning message for vendor-extension
1 can't find the warning message for vendor-extension
1 can't find the warning message for vendor-extension
1 can't find the warning message for vendor-extension
1 can't find the warning message for vendor-extension
1 can't find the warning message for vendor-extension
1 can't find the warning message for vendor-extension

URI : https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800

7 규칙에 대한 정의가 없습니다
14 규칙에 대한 정의가 없습니다
21 규칙에 대한 정의가 없습니다
28 규칙에 대한 정의가 없습니다
35 규칙에 대한 정의가 없습니다
42 규칙에 대한 정의가 없습니다
49 규칙에 대한 정의가 없습니다
56 규칙에 대한 정의가 없습니다
63 규칙에 대한 정의가 없습니다
70 규칙에 대한 정의가 없습니다

↑ 최상위

올바른 CSS에 대한 정보

@font-face {
}
@font-face {
{
}
}
@font-face {
{
}
}
@font-face {
{
}
}
@font-face {
{
}
}
@font-face {
{
}
}
@font-face {
{
}
}
@font-face {
{
}
}
@font-face {
{
}
}
@font-face {
{
}
}
@font-face {
{
}
}
@font-face {
{
}
}
@font-face {
{
}
}
@font-face {
{
}
}
.gj-button-md, .gj-text-align-center {
text-align : center;
}
.gj-button-md, .gj-modal {
overflow : hidden;
outline : 0;
}
.gj-button-md, .gj-button-md-group {
position : relative;
vertical-align : middle;
}
.gj-button, .gj-button-md, .gj-cursor-pointer {
cursor : pointer;
}
.gj-button {
background-color : #f5f5f5;
border : 1px solid #ddd;
color : #000;
padding : 6px 10px;
}
.gj-margin-left-5 {
margin-left : 5px;
}
.gj-margin-left-10 {
margin-left : 10px;
}
.gj-width-full {
width : 100%;
}
.gj-font-size-16 {
font-size : 16px;
}
.gj-hidden {
display : none;
}
.gj-button-md {
background : 0% 0%;
border : none;
height : 36px;
margin : 0;
min-width : 64px;
padding : 0 16px;
display : inline-block;
font-family : Roboto, Helvetica, Arial, sans-serif;
font-weight : 500;
text-transform : uppercase;
letter-spacing : 0;
text-decoration : none;
line-height : 36px;
}
.gj-button-md .gj-icon, .gj-button-md .material-icons {
vertical-align : middle;
}
.gj-button-md.gj-button-md-icon {
width : 24px;
height : 31px;
min-width : 24px;
padding : 0;
display : table;
}
ul.gj-list-bootstrap li [data-role="image"], ul.gj-list-md li [data-role="checkbox"], ul.gj-list-md li [data-role="image"] {
height : 24px;
width : 24px;
}
.gj-button-md.gj-button-md-icon .gj-icon, .gj-button-md.gj-button-md-icon .material-icons {
display : table-cell;
margin-right : 0;
width : 24px;
height : 24px;
}
.gj-button-md-group {
display : inline-block;
}
.gj-textbox-md {
border : none;
display : block;
font-family : Helvetica, Arial, sans-serif;
font-size : 16px;
line-height : 16px;
padding : 4px 0;
margin : 0;
width : 100%;
background : 0% 0%;
text-align : left;
}
.gj-textbox-md:active, .gj-textbox-md:focus {
outline : 0;
}
.gj-md-spacer-24 {
min-width : 24px;
width : 24px;
display : inline-block;
}
.gj-md-spacer-32 {
min-width : 32px;
width : 32px;
display : inline-block;
}
.gj-modal {
position : fixed;
top : 0;
right : 0;
bottom : 0;
left : 0;
z-index : 1203;
display : none;
}
ul.gj-list li [data-role="wrapper"] {
display : table;
width : 100%;
}
ul.gj-list li [data-role="checkbox"], ul.gj-list li [data-role="image"] {
display : table-cell;
vertical-align : middle;
text-align : center;
}
ul.gj-list li [data-role="display"] {
display : table-cell;
vertical-align : middle;
cursor : pointer;
}
ul.gj-list-bootstrap {
padding-left : 0;
margin-bottom : 0;
}
ul.gj-list-bootstrap li {
padding : 0;
}
ul.gj-list-bootstrap li [data-role="wrapper"] {
padding : 0 10px;
}
ul.gj-list-bootstrap li [data-role="checkbox"] {
width : 24px;
padding : 3px;
}
ul.gj-list-bootstrap li [data-role="display"] {
padding : 8px 0 8px 4px;
}
ul.gj-list-md {
padding : 0;
list-style : none;
line-height : 24px;
letter-spacing : 0;
color : #616161;
}
.gj-picker-md, ul.gj-list-md li {
font-family : Roboto, Helvetica, Arial, sans-serif;
font-size : 16px;
font-weight : 400;
letter-spacing : 0.04em;
line-height : 1;
}
ul.gj-list-md li {
display : list-item;
list-style-type : none;
padding : 0;
cursor : default;
overflow : hidden;
}
ul.gj-list-md li [data-role="display"] {
padding : 8px 0 8px 5px;
text-decoration : none;
text-align : left;
}
ul.gj-list-md li.disabled > [data-role="wrapper"] > [data-role="display"] {
color : #9e9e9e;
}
.gj-list-md-active {
background : #e0e0e0;
color : #3f51b5;
}
.gj-picker {
position : absolute;
z-index : 1203;
background-color : #fff;
}
.gj-picker .selected {
color : #fff;
}
.gj-picker-md {
border : 1px solid #e0e0e0;
}
.gj-modal .gj-picker-md {
border : 0;
}
.gj-picker-md [role="header"] {
background : #2196f3;
}
.gj-picker-md [role="footer"] {
float : right;
padding : 10px;
}
.gj-picker-md [role="footer"] button.gj-button-md {
color : #2196f3;
font-weight : 700;
font-size : 13px;
}
.gj-picker-bootstrap {
border : 1px solid #e0e0e0;
}
.gj-picker-bootstrap .selected {
color : #888;
}
.gj-picker-bootstrap [role="header"] {
background : #eee;
color : #aaa;
}
@font-face {
{
}
}
.gj-icon {
font-family : gijgo-material !important ;
font-size : 24px;
speak : none;
font-style : normal;
font-weight : 400;
font-variant : normal;
text-transform : none;
line-height : 1;
letter-spacing : 0;
}
.gj-icon.undo:before {
content : "\e900";
}
.gj-icon.vertical-align-top:before {
content : "\e901";
}
.gj-icon.vertical-align-center:before {
content : "\e902";
}
.gj-icon.vertical-align-bottom:before {
content : "\e903";
}
.gj-icon.arrow-dropup:before {
content : "\e904";
}
.gj-icon.clock:before {
content : "\e905";
}
.gj-icon.refresh:before {
content : "\e906";
}
.gj-icon.last-page:before {
content : "\e907";
}
.gj-icon.first-page:before {
content : "\e908";
}
.gj-icon.cancel:before {
content : "\e909";
}
.gj-icon.clear:before {
content : "\e90a";
}
.gj-icon.check-circle:before {
content : "\e90b";
}
.gj-icon.delete:before {
content : "\e90c";
}
.gj-icon.arrow-upward:before {
content : "\e90d";
}
.gj-icon.arrow-forward:before {
content : "\e90e";
}
.gj-icon.arrow-downward:before {
content : "\e90f";
}
.gj-icon.arrow-back:before {
content : "\e910";
}
.gj-icon.list-numbered:before {
content : "\e911";
}
.gj-icon.list-bulleted:before {
content : "\e912";
}
.gj-icon.indent-increase:before {
content : "\e913";
}
.gj-icon.indent-decrease:before {
content : "\e914";
}
.gj-icon.redo:before {
content : "\e915";
}
.gj-icon.align-right:before {
content : "\e916";
}
.gj-icon.align-left:before {
content : "\e917";
}
.gj-icon.align-justify:before {
content : "\e918";
}
.gj-icon.align-center:before {
content : "\e919";
}
.gj-icon.strikethrough:before {
content : "\e91a";
}
.gj-icon.italic:before {
content : "\e91b";
}
.gj-icon.underlined:before {
content : "\e91c";
}
.gj-icon.bold:before {
content : "\e91d";
}
.gj-icon.arrow-dropdown:before {
content : "\e91e";
}
.gj-icon.done:before {
content : "\e91f";
}
.gj-icon.pencil:before {
content : "\e920";
}
.gj-icon.minus:before {
content : "\e921";
}
.gj-icon.plus:before {
content : "\e922";
}
.gj-icon.chevron-up:before {
content : "\e923";
}
.gj-icon.chevron-right:before {
content : "\e924";
}
.gj-icon.chevron-down:before {
content : "\e925";
}
.gj-icon.chevron-left:before {
content : "\e926";
}
.gj-icon.event:before {
content : "\e927";
}
.gj-draggable {
cursor : move;
}
.gj-resizable-handle {
position : absolute;
font-size : 0.1px;
display : block;
z-index : 1203;
}
.gj-dialog-bootstrap [data-role="title"], .gj-dialog-bootstrap4 [data-role="title"] {
display : inline;
}
.gj-dialog-bootstrap, .gj-dialog-bootstrap4, .gj-dialog-md {
z-index : 1202;
overflow : hidden;
}
.gj-resizable-n {
cursor : n-resize;
height : 7px;
width : 100%;
top : -5px;
left : 0;
}
.gj-resizable-e {
cursor : e-resize;
width : 7px;
right : -5px;
top : 0;
height : 100%;
}
.gj-resizable-s {
cursor : s-resize;
height : 7px;
width : 100%;
bottom : -5px;
left : 0;
}
.gj-resizable-w {
cursor : w-resize;
width : 7px;
left : -5px;
top : 0;
height : 100%;
}
.gj-resizable-se {
cursor : se-resize;
width : 12px;
height : 12px;
right : 1px;
bottom : 1px;
}
.gj-resizable-sw {
cursor : sw-resize;
width : 9px;
height : 9px;
left : -5px;
bottom : -5px;
}
.gj-resizable-nw {
cursor : nw-resize;
width : 9px;
height : 9px;
left : -5px;
top : -5px;
}
.gj-resizable-ne {
cursor : ne-resize;
width : 9px;
height : 9px;
right : -5px;
top : -5px;
}
.gj-dialog-footer {
position : absolute;
bottom : 0;
width : 100%;
margin-top : 0;
}
.gj-dialog-bootstrap [data-role="close"] {
line-height : 1.4285715;
}
.gj-dialog-bootstrap4 [data-role="close"] {
line-height : 1.5;
}
.gj-dialog-md {
background-color : #fff;
border : none;
position : relative;
outline : 0;
}
.gj-dialog-md-header {
padding : 24px 24px 0;
font-family : Roboto, Helvetica, Arial, sans-serif;
}
.gj-dialog-md-title {
margin : 0;
font-weight : 400;
display : inline;
line-height : 28px;
font-size : 20px;
}
.gj-dialog-md-close {
padding : 0;
cursor : pointer;
background : 0% 0%;
border : 0;
float : right;
line-height : 28px;
font-size : 28px;
}
.gj-dialog-md-body {
padding : 20px 24px 24px;
font-family : Helvetica, Arial, sans-serif;
font-size : 14px;
font-weight : 400;
line-height : 20px;
}
.gj-dialog-md-footer {
padding : 8px 8px 8px 24px;
}
.gj-dialog-md-footer > :first-child {
margin-right : 0;
}
.gj-dialog-md-footer > * {
margin-right : 8px;
height : 36px;
}
DIV.gj-grid-wrapper {
margin : auto;
position : relative;
clear : both;
z-index : 1;
}
TABLE.gj-grid {
margin : auto;
border-collapse : collapse;
width : 100%;
table-layout : fixed;
}
TABLE.gj-grid THEAD TH [data-role="selectAll"] {
margin : auto;
}
table.gj-grid-bootstrap thead th [data-role="sorticon"], table.gj-grid-md thead th [data-role="sorticon"] {
margin-left : 5px;
}
TABLE.gj-grid THEAD TH [data-role="title"], TABLE.gj-grid THEAD TH [data-role="sorticon"] {
display : inline-block;
}
TABLE.gj-grid THEAD TH {
overflow : hidden;
}
TABLE.gj-grid.autogrow-header-row THEAD TH {
overflow : auto;
white-space : pre-wrap;
}
TABLE.gj-grid > tbody > tr > td {
overflow : hidden;
position : relative;
}
table.gj-grid tbody div[data-role="display"] {
vertical-align : middle;
text-indent : 0;
white-space : pre-wrap;
}
table.gj-grid.fixed-body-rows tbody div[data-role="display"] {
overflow : hidden;
white-space : nowrap;
}
table.gj-grid tfoot DIV[data-role="display"] {
vertical-align : middle;
text-indent : 0;
}
TABLE.gj-grid .fa {
padding : 2px;
}
TABLE.gj-grid > tbody > tr > td > div {
padding : 2px;
overflow : hidden;
}
DIV.gj-grid-wrapper DIV.gj-grid-loading-cover {
background : #bbb;
position : absolute;
vertical-align : middle;
}
DIV.gj-grid-wrapper DIV.gj-grid-loading-text {
position : absolute;
font-weight : 700;
}
table.gj-grid-bootstrap thead th {
background-color : #f5f5f5;
vertical-align : middle;
}
table.gj-grid-bootstrap thead th [data-role="sorticon"] i.gj-icon, table.gj-grid-bootstrap thead th [data-role="sorticon"] i.material-icons {
position : absolute;
font-size : 20px;
top : 15px;
}
table.gj-grid-bootstrap tbody tr td div[data-role="display"] {
padding : 0;
}
.gj-grid-bootstrap-4 .gj-checkbox-bootstrap {
display : inline-block;
padding-top : 2px;
}
.gj-grid-md {
position : relative;
border : 1px solid #e0e0e0;
border-collapse : collapse;
white-space : nowrap;
font-size : 13px;
font-family : Roboto, Helvetica, Arial, sans-serif;
background-color : #fff;
}
.gj-grid-md td, .gj-grid-md th {
padding : 12px 18px;
position : relative;
}
.gj-grid-md th {
vertical-align : bottom;
font-weight : 700;
line-height : 31px;
letter-spacing : 0;
height : 56px;
font-size : 12px;
text-align : right;
}
.gj-grid-md td {
height : 48px;
border-top : 1px solid #e0e0e0;
border-bottom : 1px solid #e0e0e0;
text-align : left;
}
.gj-grid-bootstrap tbody tr.gj-grid-top-border td, .gj-grid-md tbody tr.gj-grid-top-border td {
border-top : 2px solid #777;
}
.gj-grid-bootstrap tbody tr.gj-grid-bottom-border td, .gj-grid-md tbody tr.gj-grid-bottom-border td {
border-bottom : 2px solid #777;
}
.gj-grid-md tbody tr {
position : relative;
height : 48px;
}
.gj-grid-md tbody tr:hover {
background-color : #eee;
}
.gj-grid-md tbody tr.gj-grid-md-select {
background-color : #f5f5f5;
}
table.gj-grid-md thead th [data-role="sorticon"] i.gj-icon, table.gj-grid-md thead th [data-role="sorticon"] i.material-icons {
position : absolute;
font-size : 16px;
top : 19px;
}
table.gj-grid-md thead th.gj-grid-select-all {
padding-bottom : 3px;
}
@media
@media screen {
TABLE.gj-grid-bootstrap td.display-320, TABLE.gj-grid-bootstrap th.display-320 {
display : table-cell;
}
}
@media screen {
TABLE.gj-grid-bootstrap td.display-480, TABLE.gj-grid-bootstrap th.display-480 {
display : table-cell;
}
}
@media screen {
TABLE.gj-grid-bootstrap td.display-640, TABLE.gj-grid-bootstrap th.display-640 {
display : table-cell;
}
}
@media screen {
TABLE.gj-grid-bootstrap td.display-800, TABLE.gj-grid-bootstrap th.display-800 {
display : table-cell;
}
}
@media screen {
TABLE.gj-grid-bootstrap td.display-960, TABLE.gj-grid-bootstrap th.display-960 {
display : table-cell;
}
}
@media screen {
TABLE.gj-grid-bootstrap td.display-1120, TABLE.gj-grid-bootstrap th.display-1120 {
display : table-cell;
}
}
.gj-grid-md tfoot tr th {
padding-right : 14px;
}
.gj-grid-md tfoot tr[data-role="pager"] .gj-grid-mdl-pager-label {
padding-left : 5px;
padding-right : 5px;
}
.gj-grid-md tfoot tr[data-role="pager"] .gj-dropdown-md {
margin-left : 12px;
}
.gj-grid-md tfoot tr[data-role="pager"] .gj-dropdown-md [role="presenter"] {
font-size : 12px;
font-weight : 700;
}
.gj-grid-md tfoot tr[data-role="pager"] .gj-dropdown-md [role="presenter"] [role="display"] {
text-align : right;
}
.gj-grid-md tfoot tr[data-role="pager"] .gj-grid-md-limit-select {
margin-left : 10px;
font-size : 12px;
font-weight : 700;
}
.gj-grid-bootstrap tfoot tr[data-role="pager"] th {
line-height : 30px;
background-color : #f5f5f5;
}
.gj-grid-bootstrap tfoot tr[data-role="pager"] th > div > button, .gj-grid-bootstrap tfoot tr[data-role="pager"] th > div > div {
margin-right : 5px;
}
.gj-grid-bootstrap-4 tfoot tr[data-role="pager"] th > div button {
height : 34px;
}
.gj-grid-bootstrap-4 tfoot tr[data-role="pager"] th div .gj-dropdown-bootstrap-4 .gj-dropdown-expander-mi .gj-icon {
top : 5px;
}
.gj-grid-bootstrap-3 tfoot tr[data-role="pager"] th > div > input {
margin-right : 5px;
width : 40px;
text-align : right;
display : inline-block;
font-weight : 700;
}
.gj-grid-bootstrap-4 tfoot tr[data-role="pager"] th > div > div.input-group {
width : 40px;
}
.gj-grid-bootstrap-4 tfoot tr[data-role="pager"] th > div > div.input-group input {
text-align : right;
font-weight : 700;
height : 34px;
padding-top : 2px;
padding-bottom : 6px;
}
.gj-grid-bootstrap tfoot tr[data-role="pager"] th > div > select {
display : inline-block;
margin-right : 5px;
width : 60px;
}
.gj-grid-bootstrap tfoot tr[data-role="pager"] th .gj-dropdown-bootstrap .gj-list-bootstrap [data-role="display"] {
line-height : 14px;
}
.gj-grid-bootstrap tfoot tr[data-role="pager"] th .gj-dropdown-bootstrap [role="presenter"] [role="display"] {
font-weight : 700;
}
.gj-grid-bootstrap tfoot tr[data-role="pager"] th .gj-dropdown-bootstrap-3 [role="presenter"] {
padding : 2px 8px;
}
.gj-grid-bootstrap tfoot tr[data-role="pager"] th .gj-dropdown-bootstrap-4 [role="presenter"] {
padding : 1px 8px;
}
.gj-grid thead tr th div.gj-grid-column-resizer-wrapper {
position : relative;
width : 100%;
height : 0;
top : 0;
left : 0;
padding : 0;
}
span.gj-grid-column-resizer {
position : absolute;
right : 0;
width : 10px;
top : -100px;
height : 300px;
z-index : 1203;
cursor : e-resize;
}
.gj-grid-resize-cursor {
cursor : e-resize;
}
.gj-grid-md tbody tr td.gj-grid-left-border, .gj-grid-md thead tr th.gj-grid-left-border {
border-left : 3px solid #777;
}
.gj-grid-md tbody tr td.gj-grid-right-border, .gj-grid-md thead tr th.gj-grid-right-border {
border-right : 3px solid #777;
}
.gj-grid-bootstrap tbody tr td.gj-grid-left-border, .gj-grid-bootstrap thead tr th.gj-grid-left-border {
border-left : 5px solid #ddd;
}
.gj-grid-bootstrap tbody tr td.gj-grid-right-border, .gj-grid-bootstrap thead tr th.gj-grid-right-border {
border-right : 5px solid #ddd;
}
.gj-dirty {
position : absolute;
top : 0;
left : 0;
border-style : solid;
border-width : 3px;
border-color : red transparent transparent red;
padding : 0;
overflow : hidden;
vertical-align : top;
}
.gj-grid-md tbody tr td.gj-grid-management-column {
padding : 3px;
}
.gj-grid-md tbody tr td[data-mode="edit"] {
padding : 0 18px;
}
.gj-grid-bootstrap tbody tr td[data-mode="edit"], .gj-grid-bootstrap tbody tr td[data-mode="edit"] [data-role="edit"], .gj-grid-md tbody .gj-dropdown-md [role="presenter"] [role="display"] {
padding : 0;
}
.gj-grid-bootstrap-3 tbody tr td.gj-grid-management-column {
padding : 3px;
}
.gj-grid-bootstrap-3 tbody tr td[data-mode="edit"] {
height : 38px;
}
.gj-grid-bootstrap-3 tbody tr td[data-mode="edit"] [data-role="edit"] input[type="text"] {
height : 37px;
padding : 8px;
}
.gj-grid-bootstrap-3 tbody tr td[data-mode="edit"] .gj-dropdown-bootstrap [role="presenter"] {
border : 0;
height : 37px;
padding-left : 8px;
}
.gj-grid-bootstrap-3 tbody tr td[data-mode="edit"] .gj-datepicker-bootstrap {
height : 37px;
}
.gj-grid-bootstrap-3 tbody tr td[data-mode="edit"] .gj-datepicker-bootstrap [role="input"] {
height : 37px;
border : 0;
}
.gj-grid-bootstrap-3 tbody tr td[data-mode="edit"] .gj-datepicker-bootstrap [role="right-icon"] {
border : 0;
}
.gj-grid-bootstrap-3 tbody tr td[data-mode="edit"] .gj-checkbox-bootstrap {
display : inline-block;
padding-top : 10px;
height : 32px;
}
.gj-grid-bootstrap-4 tbody tr td.gj-grid-management-column {
padding : 6px;
}
.gj-grid-bootstrap-4 tbody tr td[data-mode="edit"] [data-role="edit"] input[type="text"] {
height : 48px;
padding-left : 12px;
}
.gj-grid-bootstrap-4 tbody tr td[data-mode="edit"] .gj-dropdown-bootstrap [role="presenter"] {
border : 0;
height : 48px;
padding-left : 12px;
font-family : -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
.gj-grid-bootstrap-4 tbody tr td[data-mode="edit"] .gj-dropdown-bootstrap-4 [role="expander"].gj-dropdown-expander-mi .gj-icon, .gj-grid-bootstrap-4 tbody tr td[data-mode="edit"] .gj-dropdown-bootstrap-4 [role="expander"].gj-dropdown-expander-mi .material-icons {
top : 13px;
}
.gj-grid-bootstrap-4 tbody tr td[data-mode="edit"] .gj-datepicker-bootstrap {
height : 48px;
}
.gj-grid-bootstrap-4 tbody tr td[data-mode="edit"] .gj-datepicker-bootstrap [role="input"] {
height : 48px;
border : 0;
}
.gj-grid-bootstrap-4 tbody tr td[data-mode="edit"] .gj-datepicker-bootstrap [role="right-icon"] {
background-color : #fff;
}
.gj-grid-bootstrap-4 tbody tr td[data-mode="edit"] .gj-datepicker-bootstrap [role="right-icon"] button {
border : 0;
width : 43px;
position : relative;
}
.gj-grid-bootstrap-4 tbody tr td[data-mode="edit"] .gj-datepicker-bootstrap [role="right-icon"] .gj-icon, .gj-grid-bootstrap-4 tbody tr td[data-mode="edit"] .gj-datepicker-bootstrap [role="right-icon"] .material-icons {
top : 13px;
left : 10px;
font-size : 24px;
}
.gj-grid-bootstrap-4 tbody tr td[data-mode="edit"] .gj-checkbox-bootstrap {
display : inline-block;
padding-top : 15px;
height : 42px;
}
.gj-grid-md thead tr[data-role="filter"] th {
border-top : 1px solid #e0e0e0;
}
div.gj-grid-wrapper div.gj-grid-bootstrap-toolbar {
background-color : #f5f5f5;
padding : 8px;
font-weight : 700;
border : 1px solid #ddd;
}
div.gj-grid-wrapper div.gj-grid-bootstrap-4-toolbar {
background-color : #f5f5f5;
padding : 12px;
font-weight : 700;
border : 1px solid #ddd;
}
div.gj-grid-wrapper div.gj-grid-md-toolbar {
font-weight : 700;
font-size : 24px;
font-family : Helvetica, Arial, sans-serif;
background-color : #fff;
border-top : 1px solid #e0e0e0;
border-left : 1px solid #e0e0e0;
border-right : 1px solid #e0e0e0;
border-bottom : 0;
border-collapse : collapse;
padding : 0 18px;
line-height : 56px;
}
.gj-checkbox-bootstrap, .gj-checkbox-md {
min-width : 0;
font-weight : 400;
text-align : center;
position : relative;
}
table.gj-grid-scrollable tbody {
display : block;
}
table.gj-grid-md.gj-grid-scrollable {
border-bottom : 0;
}
table.gj-grid-md.gj-grid-scrollable tbody {
border-right : 1px solid #e0e0e0;
border-bottom : 1px solid #e0e0e0;
}
table.gj-grid-md.gj-grid-scrollable tfoot {
border-bottom : 1px solid #e0e0e0;
}
table.gj-grid-bootstrap.gj-grid-scrollable {
border-bottom : 0;
}
table.gj-grid-bootstrap.gj-grid-scrollable tbody {
border-right : 1px solid #ddd;
border-bottom : 1px solid #ddd;
}
table.gj-grid-bootstrap.gj-grid-scrollable tbody tr[data-role="row"]:first-child td {
border-top : 0;
}
table.gj-grid-bootstrap.gj-grid-scrollable tbody tr[data-role="row"] td:first-child {
border-left : 0;
}
table.gj-grid-bootstrap.gj-grid-scrollable tfoot {
border-bottom : 1px solid #ddd;
}
ul.gj-list li [data-role="spacer"] {
display : table-cell;
}
ul.gj-list li [data-role="expander"] {
display : table-cell;
vertical-align : middle;
text-align : center;
cursor : pointer;
}
[data-type="tree"] ul li [data-role="expander"].gj-tree-font-awesome-expander, [data-type="tree"] ul li [data-role="expander"].gj-tree-glyphicons-expander, [data-type="tree"] ul li [data-role="expander"].gj-tree-material-icons-expander {
width : 24px;
}
[data-type="tree"] ul li [data-role="expander"].gj-tree-glyphicons-expander .glyphicon {
top : 4px;
height : 24px;
}
.gj-tree-bootstrap-3 ul.gj-list-bootstrap li {
border : 0;
color : #333;
}
.gj-tree-bootstrap-3 ul.gj-list-bootstrap li.active {
color : #fff;
}
.gj-tree-bootstrap-3 ul.gj-list-bootstrap li.disabled {
color : #777;
background-color : #eee;
}
.gj-tree-bootstrap-4 ul.gj-list-bootstrap li {
border : 0;
color : #212529;
}
.gj-tree-bootstrap-4 ul.gj-list-bootstrap li.active {
color : #fff;
}
.gj-tree-bootstrap-4 ul.gj-list-bootstrap li.disabled {
color : #868e96;
}
.gj-tree-bootstrap-4 ul.gj-list-bootstrap li ul.gj-list-bootstrap {
width : 100%;
}
.gj-tree-bootstrap-border ul.gj-list-bootstrap li {
border : 1px solid #ddd;
}
.gj-tree-bootstrap-border ul.gj-list-bootstrap li ul.gj-list-bootstrap li {
border-left : 0;
border-right : 0;
}
ul.gj-list-bootstrap li [data-role="expander"].gj-tree-material-icons-expander {
padding-top : 8px;
padding-bottom : 4px;
}
.gj-tree-drag-el, .gj-tree-drag-el li {
padding : 0;
margin : 0;
}
ul.gj-list-bootstrap li [data-role="expander"].gj-tree-material-icons-expander .gj-icon {
width : 24px;
height : 24px;
}
ul.gj-list-md li.disabled > [data-role="wrapper"] > [data-role="expander"] {
color : #9e9e9e;
}
.gj-tree-md-border ul.gj-list-md li {
border : 1px solid #616161;
margin-bottom : -1px;
}
.gj-tree-md-border ul.gj-list-md li ul.gj-list-md li {
border-left : 0;
border-right : 0;
}
.gj-tree-drop-above {
border-top : 1px solid #000;
}
.gj-tree-bootstrap-3 ul.gj-list-bootstrap li [data-role="wrapper"].drop-above, .gj-tree-bootstrap-4 ul.gj-list-bootstrap li [data-role="wrapper"].drop-above {
border-top : 2px solid #000;
}
.gj-tree-drop-below {
border-bottom : 1px solid #000;
}
.gj-tree-bootstrap-3 ul.gj-list-bootstrap li [data-role="wrapper"].drop-below, .gj-tree-bootstrap-4 ul.gj-list-bootstrap li [data-role="wrapper"].drop-below {
border-bottom : 2px solid #000;
}
.gj-tree-drag-el {
z-index : 1203;
}
.gj-tree-drag-el [data-role="wrapper"] {
cursor : move;
display : table;
}
.gj-tree-drag-el [data-role="indicator"] {
width : 14px;
padding : 0 3px;
display : table-cell;
vertical-align : middle;
text-align : center;
}
.gj-tree-bootstrap-drag-el li.list-group-item {
border : 0;
}
.gj-tree-bootstrap-drag-el [data-role="indicator"], .gj-tree-md-drag-el [data-role="indicator"] {
width : 24px;
height : 24px;
padding : 0;
}
.gj-checkbox-bootstrap {
font-size : 0;
margin : 0;
width : 18px;
height : 18px;
display : inline;
}
.gj-checkbox-bootstrap input[type="checkbox"] {
display : none;
margin-bottom : -12px;
}
.gj-checkbox-bootstrap span {
background : #fff;
display : block;
content : " ";
width : 18px;
height : 18px;
line-height : 11px;
font-size : 11px;
padding : 2px;
color : #555;
border : 1px solid #ccc;
cursor : pointer;
margin : auto;
}
.gj-checkbox-bootstrap input[type="checkbox"]:focus + span:before {
outline : 0;
border-color : #66afe9;
}
.gj-checkbox-bootstrap.gj-checkbox-bootstrap-4 span {
line-height : 16px;
padding : 0;
}
.gj-checkbox-md {
font-size : 0;
margin : 0;
width : 16px;
height : 16px;
}
.gj-checkbox-md input[type="checkbox"] {
display : none;
margin-bottom : -12px;
}
.gj-checkbox-md span {
display : inline-block;
width : 16px;
height : 16px;
margin : 0;
cursor : pointer;
overflow : hidden;
border : 2px solid #616161;
z-index : 2;
}
.gj-checkbox-md input[type="checkbox"][disabled] + span {
border : 2px solid #9e9e9e;
}
.gj-checkbox-md input[type="checkbox"][disabled] + span:after {
background-color : #9e9e9e;
}
.gj-checkbox-fontawesome .fa {
font-size : 14px;
}
.gj-checkbox-bootstrap.gj-checkbox-fontawesome .fa {
line-height : 18px;
}
.gj-editor [role="body"] {
overflow : auto;
outline : transparent 0 solid;
}
.gj-editor-md {
padding : 7px;
font-family : Roboto, Helvetica, Arial, sans-serif;
font-size : 14px;
font-weight : 500;
letter-spacing : 0;
}
.gj-editor-md [role="toolbar"] {
margin-bottom : 7px;
}
.gj-editor-md [role="toolbar"] .gj-button-md {
min-width : 54px;
margin-right : 5px;
}
.gj-editor-md [role="toolbar"] .gj-button-md .gj-icon {
width : 24px;
height : 24px;
}
.gj-editor-bootstrap, .gj-editor-bootstrap [role="body"] {
border : 1px solid #eceeef;
}
.gj-editor-md p {
margin : 0;
padding : 0;
}
.gj-editor-md blockquote {
font-size : 14px;
}
.gj-editor-bootstrap {
padding : 7px;
}
.gj-editor-bootstrap [role="toolbar"] {
margin-bottom : 7px;
}
.gj-editor-bootstrap [role="toolbar"] .btn-group {
margin-right : 10px;
}
.gj-editor-bootstrap [role="toolbar"] button {
height : 36px;
}
.gj-editor-bootstrap p {
margin : 0;
padding : 0;
}
.gj-editor-bootstrap blockquote {
font-size : 14px;
}
.gj-datepicker-md, .gj-dropdown-md [role="presenter"] {
font-family : Roboto, Helvetica, Arial, sans-serif;
font-size : 16px;
font-weight : 400;
letter-spacing : 0.04em;
}
.gj-dropdown {
position : relative;
border-collapse : separate;
}
.gj-dropdown [role="presenter"] {
display : table;
cursor : pointer;
outline : 0;
position : relative;
}
.gj-dropdown [role="presenter"] [role="display"] {
display : table-cell;
text-align : left;
width : 100%;
}
.gj-dropdown [role="presenter"] [role="expander"] {
display : table-cell;
vertical-align : middle;
text-align : center;
width : 24px;
height : 24px;
}
.gj-dropdown-md [role="presenter"] {
line-height : 1;
padding : 0;
border : 0;
background : 0% 0%;
}
.gj-dropdown-md [role="presenter"] [role="display"] {
padding : 4px 0;
line-height : 18px;
}
.gj-dropdown-md [role="presenter"] [role="display"] .placeholder {
color : #8e8e8e;
}
.gj-dropdown-list-md {
position : absolute;
top : 0;
left : 0;
background-color : #f5f5f5;
color : #000;
margin : 0;
z-index : 1203;
}
.gj-dropdown-list-md li.active, .gj-dropdown-list-md li:hover {
background-color : #eee;
}
.gj-dropdown-bootstrap [role="presenter"] [role="display"] {
padding-right : 5px;
}
.gj-dropdown-bootstrap [role="presenter"] [role="expander"] {
padding-left : 5px;
}
.gj-dropdown-bootstrap [role="presenter"] [role="expander"].gj-dropdown-expander-mi {
width : 24px;
}
.gj-dropdown-bootstrap-3 [role="presenter"] [role="display"] {
line-height : 20px;
}
.gj-dropdown-bootstrap-3 [role="presenter"] [role="display"] .placeholder {
color : #9999b3;
}
.gj-dropdown-bootstrap-3 [role="presenter"] [role="expander"] {
width : 20px;
height : 20px;
}
.gj-dropdown-bootstrap-3 [role="presenter"] [role="expander"].gj-dropdown-expander-mi .gj-icon, .gj-dropdown-bootstrap-3 [role="presenter"] [role="expander"].gj-dropdown-expander-mi .material-icons {
top : 5px;
right : 10px;
position : absolute;
}
.gj-dropdown-bootstrap-4 [role="presenter"] {
border : 1px solid #ced4da;
}
.gj-dropdown-bootstrap-4 [role="presenter"] [role="display"] {
line-height : 24px;
}
.gj-dropdown-bootstrap-4 [role="presenter"] [role="expander"].gj-dropdown-expander-mi .gj-icon, .gj-dropdown-bootstrap-4 [role="presenter"] [role="expander"].gj-dropdown-expander-mi .material-icons {
top : 7px;
right : 10px;
position : absolute;
}
.gj-dropdown-list-bootstrap {
position : absolute;
top : 32px;
left : 0;
margin : 0;
z-index : 1203;
}
.gj-datepicker [role="right-icon"] {
cursor : pointer;
}
.gj-picker div[role="navigator"] div {
cursor : pointer;
position : relative;
max-width : 100%;
}
.gj-datepicker-md {
line-height : 1;
position : relative;
}
.gj-datepicker-md [role="right-icon"] {
position : absolute;
right : 0;
top : 0;
font-size : 24px;
}
.gj-datepicker-md.small .gj-textbox-md {
font-size : 14px;
}
.gj-datepicker-md.small .gj-icon {
font-size : 22px;
}
.gj-datepicker-md.large .gj-textbox-md {
font-size : 18px;
}
.gj-datepicker-md.large .gj-icon {
font-size : 28px;
}
.gj-picker-md.datepicker [role="header"] {
padding : 20px;
display : block;
}
.gj-picker-md.datepicker [role="header"] [role="year"] {
font-size : 17px;
padding-bottom : 5px;
cursor : pointer;
}
.gj-picker-md.datepicker [role="header"] [role="date"] {
font-size : 36px;
cursor : pointer;
}
.gj-picker-md div[role="navigator"] {
height : 42px;
line-height : 42px;
}
.gj-picker div[role="navigator"] div[role="period"] {
width : 100%;
text-align : center;
font-weight : 700;
font-size : 15px;
}
.gj-picker-md div[role="navigator"] div i.gj-icon, .gj-picker-md div[role="navigator"] div i.material-icons {
position : absolute;
top : 8px;
}
.gj-picker-md div[role="navigator"] div:first-child i.gj-icon, .gj-picker-md div[role="navigator"] div:first-child i.material-icons {
left : 10px;
}
.gj-picker-md table thead {
color : #9e9e9e;
}
.gj-picker-md table tr td div, .gj-picker-md table tr th div {
display : block;
width : 40px;
height : 40px;
line-height : 40px;
font-size : 13px;
text-align : center;
vertical-align : middle;
}
[type="year"].gj-picker-md table tr td div, [type="decade"].gj-picker-md table tr td div, [type="century"].gj-picker-md table tr td div {
width : 73px;
height : 73px;
line-height : 73px;
cursor : pointer;
}
.gj-picker-md table tr td.gj-cursor-pointer div:hover {
background : #eee;
}
.gj-picker-md table tr td.disabled div, .gj-picker-md table tr td.other-month div {
color : #bdbdbd;
}
.gj-picker-md table tr td.focused div {
background : #e0e0e0;
}
.gj-picker-md table tr td.today div {
color : #1976d2;
}
.gj-picker-md table tr td.selected.gj-cursor-pointer div {
color : #fff;
background : #1976d2;
}
.gj-picker-md table tr td.calendar-week div {
font-weight : 700;
}
.gj-picker-bootstrap {
padding : 4px;
}
.gj-modal .gj-picker-bootstrap {
padding : 0;
}
.gj-picker-bootstrap.datepicker [role="header"] {
padding : 10px 20px;
display : block;
}
.gj-picker-bootstrap.datepicker [role="header"] [role="year"] {
font-size : 15px;
cursor : pointer;
}
.gj-picker-bootstrap [role="header"] [role="date"] {
font-size : 24px;
cursor : pointer;
}
.gj-modal .gj-picker-bootstrap.datepicker [role="body"] {
padding : 15px;
}
.gj-picker-bootstrap div[role="navigator"] {
height : 30px;
line-height : 30px;
text-align : center;
}
.gj-picker-bootstrap table tr td div, .gj-picker-bootstrap table tr th div {
display : block;
width : 30px;
height : 30px;
line-height : 30px;
text-align : center;
vertical-align : middle;
}
[type="year"].gj-picker-bootstrap table tr td div, [type="decade"].gj-picker-bootstrap table tr td div, [type="century"].gj-picker-bootstrap table tr td div {
width : 53px;
height : 53px;
line-height : 53px;
cursor : pointer;
}
.gj-picker-bootstrap table tr th div i, .gj-picker-bootstrap table tr th div span {
line-height : 30px;
}
.gj-picker-bootstrap div[role="navigator"] .gj-icon, .gj-picker-bootstrap div[role="navigator"] .material-icons {
margin : 3px;
}
.gj-picker-bootstrap table tr td.focused div, .gj-picker-bootstrap table tr td.gj-cursor-pointer div:hover {
background : #eee;
color : #212529;
}
.gj-picker-bootstrap table tr td.today div {
color : #204d74;
font-weight : 700;
}
.gj-picker-bootstrap table tr td.selected.gj-cursor-pointer div {
color : #fff;
background-color : #204d74;
border-color : #122b40;
}
.gj-picker-bootstrap table tr td.disabled div, .gj-picker-bootstrap table tr td.other-month div {
color : #777;
}
.gj-datepicker-bootstrap span[role="right-icon"].input-group-addon {
border-left : 0;
position : relative;
}
.gj-datepicker-bootstrap span[role="right-icon"].input-group-addon .gj-icon, .gj-datepicker-bootstrap span[role="right-icon"].input-group-addon .material-icons {
position : absolute;
top : 7px;
left : 7px;
}
.gj-datepicker-bootstrap [role="right-icon"] button {
width : 38px;
position : relative;
border : 1px solid #ced4da;
}
.gj-datepicker-bootstrap [role="right-icon"] button:hover {
color : #6c757d;
background-color : transparent;
}
.gj-datepicker-bootstrap.input-group-sm [role="right-icon"] button {
width : 30px;
}
.gj-datepicker-bootstrap.input-group-lg [role="right-icon"] button {
width : 48px;
}
.gj-datepicker-bootstrap [role="right-icon"] button .gj-icon, .gj-datepicker-bootstrap [role="right-icon"] button .material-icons {
position : absolute;
font-size : 21px;
top : 9px;
left : 9px;
}
.gj-datepicker-bootstrap.input-group-sm [role="right-icon"] button .gj-icon, .gj-datepicker-bootstrap.input-group-sm [role="right-icon"] button .material-icons {
top : 6px;
left : 6px;
font-size : 19px;
}
.gj-datepicker-bootstrap.input-group-lg [role="right-icon"] button .gj-icon, .gj-datepicker-bootstrap.input-group-lg [role="right-icon"] button .material-icons {
font-size : 27px;
top : 10px;
left : 10px;
}
.gj-timepicker [role="right-icon"] {
cursor : pointer;
}
.gj-picker.timepicker [role="header"] {
font-size : 58px;
padding : 20px 0;
line-height : 58px;
}
.gj-picker.timepicker [role="header"] div {
cursor : pointer;
width : 66px;
text-align : right;
}
.gj-picker [role="header"] [role="mode"] {
position : relative;
width : 0;
}
.gj-picker [role="header"] [role="mode"] span {
position : absolute;
left : 7px;
line-height : 18px;
font-size : 18px;
}
.gj-picker [role="header"] [role="mode"] span[role="am"] {
top : 7px;
}
.gj-picker [role="header"] [role="mode"] span[role="pm"] {
bottom : 7px;
}
.gj-picker [role="body"] [role="dial"] {
width : 256px;
height : 256px;
position : relative;
background : #eee;
margin : 10px;
}
.gj-picker-md .arrow-begin, .gj-picker-md [role="body"] [role="arrow"] {
background-color : #2196f3;
}
.gj-picker [role="body"] [role="hour"] {
width : 32px;
height : 32px;
cursor : pointer;
position : absolute;
font-size : 14px;
text-align : center;
line-height : 32px;
}
.gj-colorpicker-md, .gj-timepicker-md {
font-family : Roboto, Helvetica, Arial, sans-serif;
font-weight : 400;
letter-spacing : 0.04em;
line-height : 1;
}
.gj-picker [role="body"] [role="arrow"] {
left : 50%;
height : 2px;
position : absolute;
}
.gj-picker .arrow-begin {
top : -3px;
left : -4px;
width : 8px;
height : 8px;
position : absolute;
}
.gj-picker .arrow-end {
top : -15px;
right : -16px;
width : 0;
height : 0;
position : absolute;
border-width : 16px;
}
.gj-timepicker-md {
font-size : 16px;
position : relative;
}
.gj-timepicker-md.small .gj-textbox-md {
font-size : 14px;
}
.gj-timepicker-md.small .gj-icon {
font-size : 22px;
}
.gj-timepicker-md.large .gj-textbox-md {
font-size : 18px;
}
.gj-timepicker-md.large .gj-icon {
font-size : 28px;
}
.gj-timepicker-md [role="right-icon"] {
cursor : pointer;
position : absolute;
right : 0;
top : 0;
font-size : 24px;
}
.gj-picker-md .arrow-end {
border : 16px solid #2196f3;
}
.gj-picker-bootstrap .arrow-begin, .gj-picker-bootstrap [role="body"] [role="arrow"] {
background-color : #888;
}
.gj-picker-bootstrap .arrow-end {
border : 16px solid #888;
}
.gj-timepicker-bootstrap .input-group-addon {
border-left : 0;
position : relative;
width : 38px;
}
.gj-timepicker-bootstrap.input-group-sm .input-group-addon {
width : 30px;
}
.gj-timepicker-bootstrap.input-group-lg .input-group-addon {
width : 46px;
}
.gj-timepicker-bootstrap .input-group-addon .gj-icon, .gj-timepicker-bootstrap .input-group-addon .material-icons {
position : absolute;
font-size : 21px;
top : 6px;
left : 8px;
}
.gj-timepicker-bootstrap.input-group-sm .input-group-addon .gj-icon, .gj-timepicker-bootstrap.input-group-sm .input-group-addon .material-icons {
font-size : 19px;
top : 5px;
left : 5px;
}
.gj-timepicker-bootstrap.input-group-lg .input-group-addon .gj-icon, .gj-timepicker-bootstrap.input-group-lg .input-group-addon .material-icons {
font-size : 27px;
top : 10px;
left : 10px;
}
.gj-timepicker-bootstrap [role="right-icon"] button {
width : 38px;
position : relative;
}
.gj-timepicker-bootstrap.input-group-sm [role="right-icon"] button {
width : 30px;
}
.gj-timepicker-bootstrap.input-group-lg [role="right-icon"] button {
width : 48px;
}
.gj-timepicker-bootstrap [role="right-icon"] button .gj-icon, .gj-timepicker-bootstrap [role="right-icon"] button .material-icons {
position : absolute;
font-size : 21px;
top : 7px;
left : 9px;
}
.gj-timepicker-bootstrap.input-group-sm [role="right-icon"] button .gj-icon, .gj-timepicker-bootstrap.input-group-sm [role="right-icon"] button .material-icons {
top : 4px;
left : 6px;
font-size : 19px;
}
.gj-timepicker-bootstrap.input-group-lg [role="right-icon"] button .gj-icon, .gj-timepicker-bootstrap.input-group-lg [role="right-icon"] button .material-icons {
font-size : 27px;
top : 8px;
left : 10px;
}
.gj-picker.datetimepicker [role="header"] [role="date"] {
padding-bottom : 5px;
text-align : center;
cursor : pointer;
}
.gj-picker [role="switch"] {
position : relative;
}
.gj-picker [role="switch"] [role="calendarMode"] {
position : absolute;
bottom : 2px;
left : 0;
cursor : pointer;
}
.gj-picker [role="switch"] [role="time"] {
width : 100%;
text-align : center;
}
.gj-picker [role="switch"] [role="time"] div {
display : inline;
cursor : pointer;
}
.gj-picker [role="switch"] [role="clockMode"] {
position : absolute;
right : 0;
bottom : 3px;
cursor : pointer;
}
.gj-picker-md.datetimepicker [role="header"] {
font-size : 36px;
padding : 10px 20px;
display : block;
}
.gj-picker-md [role="switch"] {
background : #2196f3;
font-size : 32px;
}
.gj-picker-bootstrap.datetimepicker [role="header"] {
font-size : 36px;
padding : 10px 20px;
display : block;
}
.gj-picker-bootstrap.datetimepicker [role="header"] [role="time"] {
font-size : 22px;
}
.gj-slider {
position : relative;
padding : 8px 6px;
}
.gj-slider [role="track"] {
width : 100%;
}
.gj-slider [role="progress"] {
position : absolute;
z-index : 1203;
}
.gj-slider [role="handle"] {
position : absolute;
}
.gj-slider-md [role="track"] {
color : #fff;
text-align : center;
background-color : #e9ecef;
height : 2px;
}
.gj-slider-md [role="progress"] {
color : #fff;
text-align : center;
height : 2px;
background-color : #536dfe;
top : 8px;
left : 6px;
}
.gj-colorpicker [role="right-icon"] {
cursor : pointer;
}
.gj-colorpicker-md {
font-size : 16px;
position : relative;
}
.gj-colorpicker-md [role="right-icon"] {
position : absolute;
right : 0;
top : 0;
font-size : 24px;
}

↑ 최상위