common.css 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484
  1. @charset "utf-8";
  2. /* Form */
  3. select { height:28px; padding:0 2px; color:#373737; border:1px solid #ccc; background:#fff; box-sizing: border-box}
  4. select[disabled]{border-color:#c0c0c0; color:#666;}
  5. /* select[disabled]{background:#eaeaea; border-color:#c0c0c0; color:#666;} */
  6. input[type=tel],
  7. input[type=time],
  8. input[type=text],
  9. input[type=password],
  10. input[type=search],
  11. input[type=email],
  12. input[type=file],
  13. input[type=url],
  14. input[type=number],
  15. input[type=date] {width:250px; height:28px; color:#373737; border:1px solid #ccc; background:#fff; text-indent:2px; transition: all 0.5s; vertical-align:middle; box-sizing: border-box}
  16. textarea {width:100%; height:150px; font-size:12px; color:#373737; padding: 5px; border:1px solid #ccc; background:#fff; transition: all 0.5s; vertical-align:middle; box-sizing: border-box}
  17. input::-webkit-input-placeholder{color:#b5b5b5; font-size:12px; line-height:100%; box-sizing: border-box}
  18. select:focus,
  19. textarea:focus,
  20. input:focus { border: 1px solid #727272; outline: none;}
  21. input[type=tel][readonly],
  22. input[type=text][readonly],
  23. input[type=password][readonly],
  24. input[type=email][readonly],
  25. input[type=search][readonly],
  26. input[type=tel][disabled],
  27. input[type=text][disabled],
  28. input[type=password][disabled],
  29. input[type=search][disabled],
  30. input[type=email][disabled]{background:#eaeaea; border-color:#c0c0c0; color:#666; -webkit-appearance:none;}
  31. textarea[readonly]{padding:2px 4px; font-size:14px; color:#666; font-weight:normal; line-height:140%; height:78px; background:#eaeaea;border:1px solid #c0c0c0;}
  32. input[type="date"] {width: 100% !important;}
  33. input[type="checkbox"] ,
  34. input[type="radio"] {
  35. display: inline-block;
  36. width: 14px; height: 14px;
  37. min-width: 15px;
  38. margin-right: 3px;
  39. }
  40. input[type="radio"] + label {
  41. margin-bottom: 0;
  42. }
  43. .form-post-title {
  44. text-align:center;
  45. display:table;
  46. width:100%;
  47. height:100%;
  48. margin: auto;
  49. }
  50. .form-post-img-div {
  51. display:table-cell;
  52. vertical-align:middle;
  53. }
  54. .form-post-img {
  55. max-width:100%;
  56. max-height:100%;
  57. }
  58. .thumb-nail-title {
  59. text-align:center;
  60. display:table;
  61. margin: auto;
  62. }
  63. .thumb-nail-img-div {
  64. display:table-cell;
  65. vertical-align:middle;
  66. }
  67. .setup-notice-info {
  68. color: #999999;
  69. font-size: 12px;
  70. font-weight: normal;
  71. }
  72. .tooltip-inner {
  73. padding: 5px 5px !important;
  74. width:100%;
  75. left:0 !important;
  76. right:0 !important;
  77. }
  78. .title-br {
  79. font-weight: 700;
  80. margin-bottom: 8px;
  81. border-bottom: 1px solid rgba(0,0,0,.1);
  82. }
  83. .canvas:hover {
  84. cursor: url("../images/cursor/cursor.cur"), auto !important;
  85. }
  86. tbody input[type="text"] {
  87. width: 100% !important;
  88. /* min-width: 75px !important; */
  89. }
  90. .igroup-card-div {
  91. min-height: 200px; overflow-y: scroll;
  92. }
  93. .btn-groups {
  94. margin-top: -16px;
  95. }
  96. .btn-apply {
  97. background-color: #26a69a;
  98. border-color: #26a69a;
  99. color: white;
  100. }
  101. #sorder-sale .tb_warp {
  102. max-width: 1800px !important;
  103. }
  104. #modal-manual .nav-tabs li:first-child a {
  105. border-top-left-radius:.25rem!important;
  106. border-bottom-left-radius:.25rem!important
  107. }
  108. #modal-manual .nav-tabs li:last-child a {
  109. border-top-right-radius:.25rem!important;
  110. border-bottom-right-radius:.25rem!important
  111. }
  112. #modal-manual pre, #modal-manual table pre {
  113. background-color:#F6F7F8;
  114. margin:10px auto; padding:16px;
  115. word-wrap: break-word;
  116. font-family: Menlo,Consolas,Monaco,monospace;
  117. font-size:14px;
  118. line-height:20px
  119. }
  120. #modal-manual pre code.hljs {
  121. padding: 3px 5px !important;
  122. }
  123. #api23e-key-pair-form .btn-danger {
  124. color: #fff;
  125. background-color: #ef5350 !important;
  126. border-color: #ef5350 !important;
  127. }
  128. .cache-refl-text {
  129. font-size: large;
  130. }
  131. .input-icon {
  132. cursor: pointer;
  133. right: 5px;
  134. top: 50%;
  135. transform: translatey(-50%);
  136. }
  137. .input-icon2 {
  138. cursor: pointer;
  139. right: 5px;
  140. top: 75%;
  141. transform: translatey(-50%);
  142. }
  143. .btn-copy {
  144. font-weight : 1400;
  145. font-family: "Font Awesome 5 Free";
  146. background-color : transparent;
  147. border : none;
  148. cursor : pointer;
  149. position : absolute;
  150. right : 5px;
  151. top : 50%;
  152. transform : translatey(-50%);
  153. }
  154. .btn-copy::before{
  155. font-size: 15px;
  156. content : "\f0c5";
  157. }
  158. .my-line-through {
  159. text-decoration-line: line-through;
  160. }
  161. fieldset.scheduler-border {
  162. border: 1px groove #ADFF2F !important;
  163. padding: 0 1.0em 1.0em 1.0em !important;
  164. margin: 0 0 1.0em 0 !important;
  165. -webkit-box-shadow: 0px 0px 0px 0px #000;
  166. box-shadow: 0px 0px 0px 0px #000;
  167. }
  168. legend.scheduler-border {
  169. font-size: 1.1em !important;
  170. /* font-weight: bold !important; */
  171. text-align: left !important;
  172. width:auto;
  173. padding:0 5px;
  174. border-bottom:none;
  175. }
  176. table thead th,
  177. table tbody td {
  178. /*padding-left: 8px !important;*/
  179. /*padding-right: 8px !important;*/
  180. /*padding-left: 1px !important;*/
  181. /*padding-right: 1px !important;*/
  182. }
  183. @media (min-width: 768px) {
  184. .w-md-100 {
  185. width:100% !important;
  186. }
  187. .w-md-80 {
  188. width:80% !important;
  189. }
  190. }
  191. #is-acc-slip-approved-switch:checked~.custom-control-label::before {
  192. background-color: #555 !important;
  193. border-color: #555 !important;
  194. }
  195. .tdicon{ width: 32px !important; }
  196. .modal-footer .count-unit {
  197. height: 28px;
  198. line-height: 28px;
  199. vertical-align: middle;
  200. }
  201. .btn-black {
  202. background-color: #141414 !important;
  203. border: solid 2px #141414 !important;
  204. color: #ffff !important;
  205. }
  206. .btn-black:hover {
  207. background:#2b2b2b !important;
  208. }
  209. /* input[type="checkbox"] {position: absolute; left: -5000%}
  210. input[type="checkbox"] + label {font-weight: normal; margin-right: 10px; margin-bottom: 0;}
  211. input[type="checkbox"] + label:before {background-color: white; content: ""; display: inline-block; width: 14px; height: 14px; border: 1px #a6a6a6 solid; margin: 0 5px 0 0; position: relative; border-radius: 0; box-sizing: border-box;}
  212. input[type="checkbox"]:checked + label:before {background:url("/images/checkbox-checked.jpg") no-repeat;}
  213. input[type="radio"] {position: absolute; left: -5000%}
  214. input[type="radio"] + label {font-weight: normal; margin-right: 10px; margin-bottom: 0;}
  215. input[type="radio"] + label:before {content: ""; display: inline-block; width: 14px; height: 14px; border: 1px #a6a6a6 solid; margin: 0 5px 0 0; position: relative; border-radius: 14px; box-sizing: border-box;}
  216. input[type="radio"]:checked + label:before {background:url("/images/radio-checked.jpg") no-repeat; }
  217. input[type=checkbox][disabled] + label:before,
  218. input[type=radio][disabled] + label:before{background:#eaeaea; border-color:#726969; color:#666; -webkit-appearance:none;} */
  219. .clear {clear:both;}
  220. .clear:after { content:""; display:block; clear:both;}
  221. .hide {display:none}
  222. thead {
  223. position: sticky;
  224. top: 0;
  225. /*z-index: 1;*/
  226. z-index: unset;
  227. }
  228. .btn-group {
  229. /*z-index: 2;*/
  230. }
  231. thead input {
  232. opacity: 1;
  233. }
  234. .modal-dialog {
  235. max-width: 1024px;
  236. }
  237. .table-col, .table-row {
  238. width: 100%;
  239. }
  240. .card-header-item {
  241. min-width: 1px;
  242. }
  243. .px-import-0 {
  244. padding-left: 0 !important;
  245. padding-right: 0 !important;
  246. }
  247. .view-switch i {
  248. color: #c3c4c7;
  249. }
  250. .view-switch button:hover i {
  251. color: #727272;
  252. }
  253. .view-switch button.active i {
  254. color: #2271b1 !important;
  255. }
  256. .border-demo {
  257. box-sizing: border-box;
  258. border: 3px solid #4a5bb9;
  259. }
  260. .is-wood {
  261. border: 20px solid #dca56b;
  262. border-image: url("//image.ibb.co/dgydgn/wood_frame.png") 50 64;
  263. }
  264. .is-gradient {
  265. border: 20px solid #f98b14;
  266. border-image: linear-gradient(-45deg, #00b9e9, #f98b14, #503370) 20;
  267. }
  268. .is-oriental {
  269. border: 30px solid #333;
  270. border-image: url("//image.ibb.co/nvJENS/pattern.png") 73 74 round;
  271. }
  272. .decimal {
  273. text-align: right;
  274. padding-right: 10px;
  275. }
  276. table th,
  277. table td {
  278. overflow: hidden;
  279. text-overflow: ellipsis;
  280. word-wrap: break-word;
  281. -webkit-line-clamp: 2;
  282. -webkit-box-orient: vertical;
  283. line-height: 1.2em;
  284. height: 3.6em;
  285. }
  286. #chief-complaint #canvasDiv1 {
  287. background: url('/images/eyetest.jpg') no-repeat 50%;
  288. }
  289. #modal-item-shortcut-input #shortcut-items button {
  290. height: 50px !important;
  291. }
  292. #genesis-type1 #frm {
  293. align-items: flex-end;
  294. margin-bottom: 10px;
  295. }
  296. #genesis-type1 .btn_wrap {margin-right:auto;}
  297. #genesis-type1 .btn_wrap > div:first-child {margin-right:20px;}
  298. .table-col, .table-row {width: 100%;}
  299. .table-row {border-style: hidden; box-shadow: 0 0 0 1px #ddd; border-radius: 0.25rem;}
  300. .table-col {table-layout: fixed;}
  301. .table-col th {width: 150px; background-color:#f5f5f5; padding: 8px 15px; border: 1px #ddd solid; vertical-align: middle !important;}
  302. @media screen and (min-width:100px) and (max-width:1200px) {
  303. .table-col th{width: auto;}
  304. /* input, select, input[type="radio"]:checked + label, input[type="checkbox"]:checked + label {width: 100% !important} */
  305. }
  306. .table-col td { min-width:300px !important; padding: 8px 15px; border-top: 1px #ddd solid; border-right: 1px #ddd solid; border-bottom: 1px #ddd solid;}
  307. .table-row th {
  308. text-align: center;
  309. padding: 8px 15px;
  310. background-color:#5c6bc0;
  311. color: #FFF;
  312. border-right: 1px #ccc solid;
  313. font-weight:400;
  314. }
  315. .table-row td {
  316. padding: 1px 5px;
  317. border-bottom: 1px #ddd solid;
  318. border-right: 1px #ddd solid;
  319. }
  320. .table-row td input {
  321. padding: 0 !important;
  322. }
  323. .table-row td:first-child {border-left: 1px #ddd solid;}
  324. .nav-group-sub .nav-link { padding: .625rem 1.25rem .625rem 2.25rem;}
  325. .card-danger:not(.card-outline) > .card-header {
  326. background-color: #dc3545;
  327. }
  328. .card-danger:not(.card-outline) > .card-header {
  329. background-color: #dc3545;
  330. }
  331. .card-danger:not(.card-outline) > .card-header,
  332. .card-danger:not(.card-outline) > .card-header a {
  333. color: #fff;
  334. }
  335. .card-primary:not(.card-outline) > .card-header {
  336. background-color: #007bff;
  337. }
  338. .card-primary:not(.card-outline) > .card-header,
  339. .card-primary:not(.card-outline) > .card-header a {
  340. color: #fff;
  341. }
  342. .card-info:not(.card-outline) > .card-header {
  343. background-color: #17a2b8;
  344. }
  345. .card-info:not(.card-outline) > .card-header,
  346. .card-info:not(.card-outline) > .card-header a {
  347. color: #fff;
  348. }
  349. .card-success:not(.card-outline) > .card-header {
  350. background-color: #28a745;
  351. }
  352. .card-success:not(.card-outline) > .card-header,
  353. .card-success:not(.card-outline) > .card-header a {
  354. color: #fff;
  355. }
  356. /*210802 추가*/
  357. .content, table {font-size:13px;}
  358. .content > .row > div > .pt-2 {padding:0.625rem 0!important; margin-top:-1rem; margin-bottom:0!important;}
  359. .radius-r0 {border-top-right-radius:0!important; border-bottom-right-radius:0!important;}
  360. .radius-l0 {border-top-left-radius:0!important; border-bottom-left-radius:0!important;}
  361. .table-row th, .table-row td {
  362. height:35px;
  363. box-sizing:border-box;
  364. vertical-align:middle;
  365. white-space: nowrap;
  366. text-align: center;
  367. }
  368. .table-row th:first-of-type {border-top-left-radius:0.25rem;}
  369. .table-row th:last-of-type {border-top-right-radius:0.25rem;}
  370. /*.table-row td:first-of-type {border-left:none;}
  371. .table-row td:last-of-type {border-right:none;}
  372. */
  373. .table-row tr:last-of-type td {border-bottom-left-radius:0.25rem; border-bottom-right-radius:0.25rem;}
  374. .table-footer {background:#f8f8f8; }
  375. /* #table-body input, #table-body input {height:100%;}g */
  376. .table-footer label {width: auto!important; text-align: left!important; color: #2b5080; overflow: visible!important;}
  377. .table-footer > div:first-of-type label {padding-left:0;}
  378. .table-footer input { padding-right:10px; background:#f0f3f6 !important; font-weight:400; color:#212121; text-align:right;}
  379. /* .table-footer input {padding-left:10px; padding-right:10px; background:#f0f3f6 !important; font-weight:400; color:#212121; text-align:right;} */
  380. #auto-slip-no-btn.bg-white {background-color: #e6e6e6!important;}
  381. @media (min-width: 1024px)
  382. {
  383. .table-footer label {
  384. padding-right: 10px; padding-left: 30px;
  385. }
  386. }
  387. /*
  388. 0.25rem -> 4px
  389. 1.25rem -> 20px
  390. */
  391. input[type="date"]::-webkit-inner-spin-button,
  392. input[type="date"]::-webkit-calendar-picker-indicator {
  393. margin: 0;
  394. }