Explorar o código

모바일 로그인 팝업수정

whakdo963 %!s(int64=2) %!d(string=hai) anos
pai
achega
831dfe83e4

+ 1 - 1
src/main/webapp/mobile/app/main.html

@@ -127,7 +127,7 @@
127 127
 			</div>
128 128
 		</div>
129 129
 
130
-		<div id="ITP_MODAL_ALERT_AJAX" class="modal itp_modal">
130
+		<div id="ITP_MODAL_ALERT_AJAX" class="modal itp_modal" style="">
131 131
 			<div class="modal-dialog modal-sm">
132 132
 				<div class="modal-content">
133 133
 					<div class="modal-header">

+ 51 - 64
src/main/webapp/mobile/app/mpomng/MPOMNG05010.html

@@ -29,40 +29,34 @@
29 29
 				</div>
30 30
 				<div class="line">
31 31
 					<label>공급업체</label>
32
-					<div class="search_nm">
33
-						<div class="float_left">
34
-							<input type="text" id="ITP_FORM_MPOMNG05010_LIST_SEARCH_SPPLY_NM" name="sspplyNm" placeholder="A공급업체명" readonly>
35
-							<input type="hidden" id="ITP_FORM_MPOMNG05010_LIST_SEARCH_SPPLY_ID" class="" name="sspplyId" />
36
-	           				<div class="itp_input_btn">
37
-								<button id="ITP_BTN_MPOMNG05010_LIST_SEARCH_SPPLY_NM"><img src="../img/search.png" alt=""></button>
38
-							</div>
39
-						</div>
40
-						<div class="float_right_btn">
41
-							<button id="ITP_BTN_MPOMNG05010_LIST_DELETE_SPPLY_NM"><img src="../img/delete.png" alt=""></button>
32
+					<div class="float_left">
33
+						<input type="text" id="ITP_FORM_MPOMNG05010_LIST_SEARCH_SPPLY_NM" name="sspplyNm" placeholder="A공급업체명" readonly>
34
+						<input type="hidden" id="ITP_FORM_MPOMNG05010_LIST_SEARCH_SPPLY_ID" class="" name="sspplyId" />
35
+           				<div class="itp_input_btn">
36
+							<button id="ITP_BTN_MPOMNG05010_LIST_SEARCH_SPPLY_NM"><img src="../img/search.png" alt=""></button>
42 37
 						</div>
43 38
 					</div>
39
+					<div class="float_right_btn">
40
+						<button id="ITP_BTN_MPOMNG05010_LIST_DELETE_SPPLY_NM"><img src="../img/delete.png" alt=""></button>
41
+					</div>
44 42
 				</div>
45 43
 				<div class="line">
46 44
 					<label>납품장소</label>
47
-					<div class="search_nm">
48
-						<div class="float_left">
49
-							<input type="text" id="ITP_FORM_MPOMNG05010_LIST_SEARCH_WHS_NM" class="" name="swhsNm" placeholder="매장명" readonly />
50
-							<input type="hidden" id="ITP_FORM_MPOMNG05010_LIST_SEARCH_WHS_ID" class="" name="swhsId" />
51
-	           				<div class="itp_input_btn">
52
-								<button id="ITP_BTN_MPOMNG05010_LIST_SEARCH_WHS_NM"><img src="../img/search.png" alt=""></button>
53
-							</div>
54
-						</div>
55
-						<div class="float_right_btn">
56
-							<button id="ITP_BTN_MPOMNG05010_LIST_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
45
+					<div class="float_left">
46
+						<input type="text" id="ITP_FORM_MPOMNG05010_LIST_SEARCH_WHS_NM" class="" name="swhsNm" placeholder="매장명" readonly />
47
+						<input type="hidden" id="ITP_FORM_MPOMNG05010_LIST_SEARCH_WHS_ID" class="" name="swhsId" />
48
+           				<div class="itp_input_btn">
49
+							<button id="ITP_BTN_MPOMNG05010_LIST_SEARCH_WHS_NM"><img src="../img/search.png" alt=""></button>
57 50
 						</div>
58 51
 					</div>
52
+					<div class="float_right_btn">
53
+						<button id="ITP_BTN_MPOMNG05010_LIST_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
54
+					</div>
59 55
 				</div>
60 56
 				<div class="line">
61 57
 					<label>품목명</label>
62
-					<div class="search_wrap">
63
-						<div class="float_left">
64
-							<input id="ITP_FORM_MPOMNG05010_LIST_ITEM_NM" name="sitemNm" style="width: 262px;" type="text" placeholder="품목명">
65
-						</div>
58
+					<div class="float_left name">
59
+						<input id="ITP_FORM_MPOMNG05010_LIST_ITEM_NM" name="sitemNm" type="text" placeholder="품목명">
66 60
 					</div>
67 61
 				</div>
68 62
 				<div class="line" style="height:50px;">
@@ -71,63 +65,55 @@
71 65
 					</div>
72 66
 				</div>
73 67
 				<div class="table_header">
74
-					<h1>> 납품서 내역</h1>
68
+					<h1><납품서 내역></h1>
75 69
 				</div>
76 70
 			</div>
77 71
 			<div id="ITP_LIST_MPOMNG05010_LIST_ITEM_AREA" class="scroll_area row-4">
78
-				<ul id="ITP_LIST_MPOMNG05010_LIST_ITEM_ROWS" class="panel-group"></ul>
79
-				<div id="ITP_LIST_MPOMNG05010_LIST_ITEM_ROWCOPY" style="display: none;">
72
+				<ul id="ITP_LIST_MPOMNG05010_LIST_ITEM_ROWS" class="mb_0"></ul>
73
+				<div id="ITP_LIST_MPOMNG05010_LIST_ITEM_ROWCOPY" style="display: block;">
80 74
 					<li class="history_list2 list-row">
81 75
 						<div class="left">
82 76
 							<div class="nomal">
83 77
 								<label class="">납품번호 </label>
84
-								<div class="history">
85
-									<div class="fnDlvSttmtUnqNo"></div>
86
-								</div>
78
+								<span>:</span>
79
+								<div class="fnDlvSttmtUnqNo"></div>
87 80
 							</div>
88 81
 						</div>
89 82
 						<div class="left">
90 83
 							<div class="nomal">
91 84
 								<label>납품예정일</label>
92
-								<div class="history">
93
-									<div class="fnDlvReqDt history_info"></div>
94
-								</div>
85
+								<span>:</span>
86
+								<div class="fnDlvReqDt history_info"></div>
95 87
 								<label class="fn sub_info">납품일자</label>
96
-								<div class="history">
97
-									<div class="fnDlvSchDt"></div>
98
-								</div>
88
+								<span>:</span>
89
+								<div class="fnDlvSchDt"></div>
99 90
 							</div>
100 91
 						</div>
101 92
 						<div class="left">
102 93
 							<div class="nomal">
103 94
 								<label>공급업체</label>
104
-								<div class="history">
105
-									<div class="fnSpplyNm history_info"></div>
106
-								</div>
95
+								<span>:</span>
96
+								<div class="fnSpplyNm history_info"></div>
107 97
 								<label class="sub_info">납품장소</label>
108
-								<div class="history">
109
-									<div class="fnWhsNm"></div>
110
-								</div>
98
+								<span>:</span>
99
+								<div class="fnWhsNm"></div>
111 100
 							</div>
112 101
 						</div>
113 102
 						<div class="left">
114 103
 							<div class="nomal">
115 104
 								<label>품목 </label>
116
-								<div class="history">
117
-									<div class="fnItemNm"></div>
118
-								</div>
105
+								<span>:</span>
106
+								<div class="fnItemNm"></div>
119 107
 							</div>
120 108
 						</div>
121 109
 						<div class="left">
122 110
 							<div class="nomal">
123 111
 								<label>발주수량</label>
124
-								<div class="history">
125
-									<div class="fnPodrQty history_info"></div>
126
-								</div>
112
+								<span>:</span>
113
+								<div class="fnPodrQty history_info"></div>
127 114
 								<label class="sub_info">납품수량</label>
128
-								<div class="history">
129
-									<div class="fnDlvQty"></div>
130
-								</div>
115
+								<span>:</span>
116
+								<div class="fnDlvQty"></div>
131 117
 							</div>
132 118
 						</div>
133 119
 					</li>
@@ -140,7 +126,7 @@
140 126
 		<div class="pop">
141 127
 			<div class="header">
142 128
 				<div class="header_left">
143
-					<label>> 공급업체</label>
129
+					<label>공급업체</label>
144 130
 				</div>
145 131
 				<div class="header_right">
146 132
 					<button type="button" id="ITP_BTN_MPOMNG05010_POP_SPPLY_CLOSE"><img src="../img/close.png"></button>
@@ -154,16 +140,16 @@
154 140
 					<button id="ITP_BTN_MPOMNG05010_POP_SPPLY_SEARCH"><img src="../img/search.png"></button>
155 141
 				</form>
156 142
 			</div>
157
-			<div class="search_bar">
143
+			<div class="select_btn">
158 144
 				<button id="ITP_BTN_MPOMNG05010_POP_SPPLY_NM" class="btn_blue">공급업체▼</button>
159 145
 			</div>
160 146
 			<div id="ITP_POP_MPOMNG05010_LIST_SPPLY_AREA" class="popup_scroll">
161
-				<ul id="ITP_POP_MPOMNG05010_LIST_SPPLY_ROWS" class="panel-group itp_nav"></ul>
162
-				<div id="ITP_POP_MPOMNG05010_LIST_SPPLY_ROWCOPY" style="display: none;">
163
-					<li class="list-row">
147
+				<ul id="ITP_POP_MPOMNG05010_LIST_SPPLY_ROWS" class="mb_0 itp_nav"></ul>
148
+				<div id="ITP_POP_MPOMNG05010_LIST_SPPLY_ROWCOPY" style="display: block;">
149
+					<li class="row_2">
164 150
 						<div class="scroll_left">
165
-							<div class="fnSpplyNm">공급업체 명A</div>
166
-							<div class="fnStNm">($)</div>
151
+							<div class="con_2 fnSpplyNm">공급업체 명A</div>
152
+							<div class="con_2 sub fnStNm">($)</div>
167 153
 						</div>
168 154
 						<div class="scroll_right">
169 155
 							<button id="ITP_BTN_MPOMNG05010_POP_SPPLY_CHOICE" class="fnSpplyId" data-item-key="">선택</button>
@@ -177,7 +163,7 @@
177 163
 		<div class="pop">
178 164
 			<div class="header">
179 165
 				<div class="header_left">
180
-					<label>> 납품장소</label>
166
+					<label>납품장소</label>
181 167
 				</div>
182 168
 				<div class="header_right">
183 169
 					<button type="button" id="ITP_BTN_MPOMNG05010_POP_WHS_CLOSE"><img src="../img/close.png"></button>
@@ -191,16 +177,17 @@
191 177
 					<button id="ITP_BTN_MPOMNG05010_POP_WHS_SEARCH"><img src="../img/search.png"></button>
192 178
 				</form>
193 179
 			</div>
194
-			<div class="search_bar">
180
+			<div class="select_btn">
195 181
 				<button id="ITP_BTN_MPOMNG05010_POP_WHS_NM" class="btn_blue">납품장소▼</button>
196 182
 			</div>
197 183
 			<div id="ITP_LIST_MPOMNG05010_POP_WHS_AREA" class="popup_scroll">
198
-				<ul id="ITP_LIST_MPOMNG05010_POP_WHS_ROWS" class="panel-group itp_nav"></ul>
199
-				<div id="ITP_LIST_MPOMNG05010_POP_WHS_ROWCOPY" style="display:none;">
200
-					<li class="list-row">
184
+				<ul id="ITP_LIST_MPOMNG05010_POP_WHS_ROWS" class="mb_0 itp_nav"></ul>
185
+				<div id="ITP_LIST_MPOMNG05010_POP_WHS_ROWCOPY" style="display: block;">
186
+					<li class="row_2">
201 187
 						<div class="scroll_left">
202 188
 							<div class="fnWhsNm">브랜드 창고 명A</div>
203
-							<div class="fnLocationNm">(상세위치내용)</div>
189
+							<div class="sub fnLocationNm">서울특별시 동대문구 서울 시립대로 12길</div>
190
+							<div class="sub fnLocationNm">누리자 B/D</div>
204 191
 						</div>
205 192
 						<div class="scroll_right">
206 193
 							<button id="ITP_BTN_MPOMNG05010_POP_WHS_CHOICE" class="fnWhsId" data-whs-id="">선택</button>

+ 24 - 28
src/main/webapp/mobile/app/mpomng/MPOMNG06010.html

@@ -19,61 +19,57 @@
19 19
 				</div>
20 20
 				<div class="line">
21 21
 					<label>납품서번호</label>
22
-					<div class="search_wrap">
23
-						<div class="float_left">
24
-							<input id="ITP_FORM_MPOMNG06010_LIST_SEARCH_DLV_STTMT_UNQ_NO" name="sdlvSttmtUnqNo" style="width: 262px;" type="text" placeholder="">
25
-						</div>
22
+					<div class="float_left">
23
+						<input id="ITP_FORM_MPOMNG06010_LIST_SEARCH_DLV_STTMT_UNQ_NO" name="sdlvSttmtUnqNo" type="text" placeholder="">
26 24
 					</div>
27 25
 				</div>
28 26
 				<div class="line">
29 27
 					<label>공급업체</label>
30
-					<div class="search_nm">
31
-						<div class="float_left">
32
-							<input type="text" id="ITP_FORM_MPOMNG06010_LIST_SEARCH_SPPLY_NM" name="sspplyNm" placeholder="A공급업체명" readonly>
33
-							<input type="hidden" id="ITP_FORM_MPOMNG06010_LIST_SEARCH_SPPLY_ID" class="" name="sspplyId" />
34
-						</div>
35
-						<div class="float_left_btn">
28
+					<div class="float_left">
29
+						<input type="text" id="ITP_FORM_MPOMNG06010_LIST_SEARCH_SPPLY_NM" name="sspplyNm" placeholder="A공급업체명" readonly>
30
+						<input type="hidden" id="ITP_FORM_MPOMNG06010_LIST_SEARCH_SPPLY_ID" class="" name="sspplyId" />
31
+           				<div class="itp_input_btn">
36 32
 							<button id="ITP_BTN_MPOMNG06010_LIST_SEARCH_SPPLY_NM"><img src="../img/search.png" alt=""></button>
37
-							<button id="ITP_BTN_MPOMNG06010_LIST_DELETE_SPPLY_NM"><img src="../img/delete.png" alt=""></button>
38 33
 						</div>
39 34
 					</div>
35
+					<div class="float_right_btn">
36
+						<button id="ITP_BTN_MPOMNG06010_LIST_DELETE_SPPLY_NM"><img src="../img/delete.png" alt=""></button>
37
+					</div>
40 38
 				</div>
41 39
 				<div class="line">
42 40
 					<label>납품장소</label>
43
-					<div class="search_nm">
44
-						<div class="float_left">
45
-							<input type="text" id="ITP_FORM_MPOMNG06010_LIST_SEARCH_WHS_NM" data-check-required="empty" class="" name="swhsNm" placeholder="매장명" readonly />
46
-							<input type="hidden" id="ITP_FORM_MPOMNG06010_LIST_SEARCH_WHS_ID" data-check-required="empty" class="" name="swhsId" />
47
-						</div>
48
-						<div class="float_left_btn">
41
+					<div class="float_left">
42
+						<input type="text" id="ITP_FORM_MPOMNG06010_LIST_SEARCH_WHS_NM" data-check-required="empty" class="" name="swhsNm" placeholder="매장명" readonly />
43
+						<input type="hidden" id="ITP_FORM_MPOMNG06010_LIST_SEARCH_WHS_ID" data-check-required="empty" class="" name="swhsId" />
44
+           				<div class="itp_input_btn">
49 45
 							<button id="ITP_BTN_MPOMNG06010_LIST_SEARCH_WHS_NM"><img src="../img/search.png" alt=""></button>
50
-							<button id="ITP_BTN_MPOMNG06010_LIST_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
51 46
 						</div>
52 47
 					</div>
48
+					<div class="float_right_btn">
49
+						<button id="ITP_BTN_MPOMNG06010_LIST_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
50
+					</div>
53 51
 				</div>
54 52
 				<div class="line">
55 53
 					<label>품목명</label>
56
-					<div class="search_wrap">
57
-						<div class="float_left">
58
-							<input id="ITP_FORM_MPOMNG06010_LIST_SEARCH_ITEM_NM" name="sitemNm" style="width: 262px;" type="text" placeholder="품목명">
59
-						</div>
54
+					<div class="float_left name">
55
+						<input id="ITP_FORM_MPOMNG06010_LIST_SEARCH_ITEM_NM" name="sitemNm" type="text" placeholder="품목명">
60 56
 					</div>
61 57
 				</div>
62
-				<div class="line" style="height:50px;">
58
+				<div class="line">
63 59
 					<div class="search">
64 60
 						<button id="ITP_BTN_MPOMNG06010_LIST_SEARCH" class="btn-primary btn-sm ADB">검색</button>
65 61
 					</div>
66 62
 				</div>
67 63
 				<div class="table_header">
68
-					<h1>> 납품서 내역</h1>
64
+					<h1><납품서 내역></h1>
69 65
 				</div>
70 66
 			</div>
71 67
 		</form>
72 68
 		<form id="ITP_FORM_MPOMNG06010_LIST_MODIFY" class="form-horizontal" onsubmit="return false;">
73 69
 			<div id="ITP_LIST_MPOMNG06010_LIST_ITEM_AREA" class="scroll_area row-4">
74
-				<ul id="ITP_LIST_MPOMNG06010_LIST_ITEM_ROWS" class="panel-group"></ul>
75
-				<div id="ITP_LIST_MPOMNG06010_LIST_ITEM_ROWCOPY" style="display: none;">
76
-					<li class="history_list2 list-row">
70
+				<ul id="ITP_LIST_MPOMNG06010_LIST_ITEM_ROWS" class="mb_0"></ul>
71
+				<div id="ITP_LIST_MPOMNG06010_LIST_ITEM_ROWCOPY" style="display: block;">
72
+					<li class="history_list2">
77 73
 						<div class="left">
78 74
 							<div class="nomal">
79 75
 								<label>납품번호 </label>
@@ -126,7 +122,7 @@
126 122
 				</div>
127 123
 			</div>
128 124
 			<div class="button_bar">
129
-				<button id="ITP_BTN_MPOMNG06010_LIST_SAVE" class="btn_col_6 btn-primary INPS">입고처리</button>
125
+				<button id="ITP_BTN_MPOMNG06010_LIST_SAVE" class="col_12 btn-primary INPS">입고처리</button>
130 126
 				<!--<button id="ITP_BTN_MPOMNG06010_LIST_CANCEL" class="btn_col_3 btn-gray CLB">취소</button>-->
131 127
 			</div>
132 128
 		</form>

+ 13 - 7
src/main/webapp/mobile/css/style.css

@@ -68,6 +68,7 @@ section .popup2 .pop .popup_scroll li .left .history {font-weight: 700; font-siz
68 68
 section .popup2 .pop .popup_scroll li .left .history input{width: 150px;}
69 69
 section .popup2 .pop .popup_scroll li .scroll_left {float: left; display:grid;}
70 70
 section .popup2 .pop .popup_scroll li .scroll_left div {text-align:left; float: left; font-size: 18px; font-weight: 100; width: auto; margin:8px 6px -6px 10px;}
71
+section .popup2 .pop .popup_scroll li .scroll_left .con_2 {padding-top:8px;}
71 72
 section .popup2 .pop .popup_scroll li .scroll_left .sub{font-size:14px; color:gray;}
72 73
 section .popup2 .pop .popup_scroll li .scroll_left .amt{font-size:16px; color:#b88278;}
73 74
 section .popup2 .pop .popup_scroll li .scroll_right {float: right;}
@@ -272,8 +273,9 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
272 273
 .content .line label {min-width:110px; color:#666; font-size: 18px; margin-left: 10px; float: left; text-align: left; margin-top: 10px; font-weight:100;}
273 274
 .content .line label.pay_label {margin:38px 1%; width:98%;}
274 275
 .content .line select.label {border: 1px solid #000; font-size: 0.9rem;margin:9px 0 0 5px; float: left; width: 120px; height: 30px; text-align: left;}
275
-.content .line .itp_label_select {min-width:110px; color:#666; font-size: 18px; float: left; margin-top: 3px; font-weight:100;}
276
+.content .line .itp_label_select {padding:0;width:120px; color:#666; font-size: 18px; float: left; margin-top: 3px; font-weight:100;}
276 277
 .content .line .float_left {float: left; margin-top:2px; width:50%;}
278
+.content .line .float_left.name {width:60%;}
277 279
 .content .line .float_left button {float:right; left:-5px; position:relative; background:transparent; border:none; width:36px; height:36px; padding:0;} 
278 280
 .content .line .float_left button img {width:22px;}
279 281
 .content .line .float_left input {width:100%; font-size:14px;}
@@ -351,7 +353,7 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
351 353
 .button_bar button.btn_col_6 {width: 65%;}
352 354
 .button_bar button.btn_col_3,
353 355
 .button_bar button.btn_col_6 {border: 1px solid #000; float: left; height: 60px; font-size: 1.4rem; font-weight: 700; border-radius: 0px;}
354
-.button_bar button.col_12 {width: 100%; height: 60px; font-size: 1.2rem;}
356
+.button_bar button.col_12 {font-weight:100; width: 100%; height: 60px; font-size: 18px;}
355 357
 
356 358
 /* scroll_area 조정 */
357 359
 .scroll_area {position: absolute; width: 100%; height: 1090px; bottom: 30px; overflow: auto; background: #fff;}
@@ -360,10 +362,11 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
360 362
 .row-2{top: 300px;}
361 363
 
362 364
 .row-3{top: 395px;}
363
-.row-4{top: 377px;}
365
+.row-4{top: 385px;}
364 366
 .row-5{top: 418px;}
365 367
 .row-6{top: 468px;}
366 368
 .row-7{top: 533px;}
369
+.row-9{top: 383px;}
367 370
 
368 371
 .col-4{width:40% !important;}
369 372
 .col-6{width:60% !important;}
@@ -398,7 +401,7 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
398 401
 .scroll_area li.history_list4 .button_right button {width: 65px; height: 75px; font-size: 1rem; margin: 0; border-radius: 0;}
399 402
 
400 403
 .scroll_area li.history_list1 {height: 230px;}
401
-.scroll_area li.history_list2 {height: 165px; padding-top:5px;}
404
+.scroll_area li.history_list2 {height: 160px; padding-top:5px;}
402 405
 .scroll_area li.history_list2 label{min-width:95px; display:inline-flex;}
403 406
 .scroll_area li.history_list3 {height: 160px; padding-top:5px;}
404 407
 .scroll_area li.history_list3 .btn_check {height:158px; margin-top:-5px; width:90%; float:right; padding-top:7px; }
@@ -440,7 +443,7 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
440 443
 .scroll_area li .left .nomal .btn_bar button{width: 25px; height: 30px; font-size: 1rem; padding: 0;}
441 444
 .scroll_area li .left .nomal .btn_bar .col_0{min-width: auto; margin: 5px 20px;}
442 445
 
443
-.scroll_area li .left .nomal label{position:relative; margin-left: 10px; font-size:15px; font-weight:100; min-width:100px; text-align:left;}
446
+.scroll_area li .left .nomal label{position:relative; margin-left: 10px; font-size:15px; font-weight:700; min-width:100px; text-align:left;}
444 447
 .scroll_area li .left .nomal label.sub_info{min-width: 70px; display: inline-flex;}
445 448
 .scroll_area li .left .nomal label.col_0{width: auto;}
446 449
 .scroll_area li .left .nomal label.col_2{width: 95px;}
@@ -492,6 +495,9 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
492 495
 	.content .line div.date_to {width:70%;}
493 496
 	.content .line div.date_to input {width:45%}
494 497
 	.content .line {margin:-5px 3%;}
498
+	.content .line .float_left.name {width:76%;}
499
+	
495 500
 }
496
-
497
-
501
+/* 알림 팝업 추가 */
502
+.modal {position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; outline: 0;}
503
+.itp_modal {z-index: 10000;}