|
@ -541,14 +541,14 @@ main table td, main table th { |
|
|
transform: rotate(360deg); |
|
|
transform: rotate(360deg); |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
.contract-input-component .form, .contract-management .form, .contract-new-apply-component .form { |
|
|
.contract-input-component .contract-input-component .form, .contract-input-component .contract-management .form, .contract-input-component .contract-new-apply-component .form, .contract-management .contract-input-component .form, .contract-management .contract-management .form, .contract-management .contract-new-apply-component .form, .contract-new-apply-component .contract-input-component .form, .contract-new-apply-component .contract-management .form, .contract-new-apply-component .contract-new-apply-component .form { |
|
|
margin: 0 auto; |
|
|
margin: 0 auto; |
|
|
} |
|
|
} |
|
|
.contract-input-component .form .dropdown, .contract-management .form .dropdown, .contract-new-apply-component .form .dropdown { |
|
|
.contract-input-component .contract-input-component .form .dropdown, .contract-input-component .contract-management .form .dropdown, .contract-input-component .contract-new-apply-component .form .dropdown, .contract-management .contract-input-component .form .dropdown, .contract-management .contract-management .form .dropdown, .contract-management .contract-new-apply-component .form .dropdown, .contract-new-apply-component .contract-input-component .form .dropdown, .contract-new-apply-component .contract-management .form .dropdown, .contract-new-apply-component .contract-new-apply-component .form .dropdown { |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
margin-top: 7px; |
|
|
margin-top: 7px; |
|
|
} |
|
|
} |
|
|
.contract-input-component .form .savebtn, .contract-management .form .savebtn, .contract-new-apply-component .form .savebtn { |
|
|
.contract-input-component .contract-input-component .form .savebtn, .contract-input-component .contract-management .form .savebtn, .contract-input-component .contract-new-apply-component .form .savebtn, .contract-management .contract-input-component .form .savebtn, .contract-management .contract-management .form .savebtn, .contract-management .contract-new-apply-component .form .savebtn, .contract-new-apply-component .contract-input-component .form .savebtn, .contract-new-apply-component .contract-management .form .savebtn, .contract-new-apply-component .contract-new-apply-component .form .savebtn { |
|
|
margin-right: 13px; |
|
|
margin-right: 13px; |
|
|
display: flex; |
|
|
display: flex; |
|
|
justify-content: center; |
|
|
justify-content: center; |
|
@ -557,11 +557,11 @@ main table td, main table th { |
|
|
height: 45px; |
|
|
height: 45px; |
|
|
font-size: 15px; |
|
|
font-size: 15px; |
|
|
} |
|
|
} |
|
|
.contract-input-component .form table .fixed, .contract-management .form table .fixed, .contract-new-apply-component .form table .fixed { |
|
|
.contract-input-component .contract-input-component .form table .fixed, .contract-input-component .contract-management .form table .fixed, .contract-input-component .contract-new-apply-component .form table .fixed, .contract-management .contract-input-component .form table .fixed, .contract-management .contract-management .form table .fixed, .contract-management .contract-new-apply-component .form table .fixed, .contract-new-apply-component .contract-input-component .form table .fixed, .contract-new-apply-component .contract-management .form table .fixed, .contract-new-apply-component .contract-new-apply-component .form table .fixed { |
|
|
padding: 8px 0; |
|
|
padding: 8px 0; |
|
|
cursor: not-allowed; |
|
|
cursor: not-allowed; |
|
|
} |
|
|
} |
|
|
.contract-input-component .form table .alerttext, .contract-management .form table .alerttext, .contract-new-apply-component .form table .alerttext { |
|
|
.contract-input-component .contract-input-component .form table .alerttext, .contract-input-component .contract-management .form table .alerttext, .contract-input-component .contract-new-apply-component .form table .alerttext, .contract-management .contract-input-component .form table .alerttext, .contract-management .contract-management .form table .alerttext, .contract-management .contract-new-apply-component .form table .alerttext, .contract-new-apply-component .contract-input-component .form table .alerttext, .contract-new-apply-component .contract-management .form table .alerttext, .contract-new-apply-component .contract-new-apply-component .form table .alerttext { |
|
|
font-size: 13px; |
|
|
font-size: 13px; |
|
|
color: #a00; |
|
|
color: #a00; |
|
|
font-weight: 500; |
|
|
font-weight: 500; |
|
@ -569,86 +569,92 @@ main table td, main table th { |
|
|
font-weight: 900; |
|
|
font-weight: 900; |
|
|
padding: 0; |
|
|
padding: 0; |
|
|
} |
|
|
} |
|
|
.contract-input-component .form input[type=file], .contract-management .form input[type=file], .contract-new-apply-component .form input[type=file] { |
|
|
.contract-input-component .contract-input-component .form input[type=file], .contract-input-component .contract-management .form input[type=file], .contract-input-component .contract-new-apply-component .form input[type=file], .contract-management .contract-input-component .form input[type=file], .contract-management .contract-management .form input[type=file], .contract-management .contract-new-apply-component .form input[type=file], .contract-new-apply-component .contract-input-component .form input[type=file], .contract-new-apply-component .contract-management .form input[type=file], .contract-new-apply-component .contract-new-apply-component .form input[type=file] { |
|
|
padding: 12px 20px; |
|
|
padding: 12px 20px; |
|
|
margin: 8px 0; |
|
|
margin: 8px 0; |
|
|
} |
|
|
} |
|
|
.contract-input-component .form span, .contract-management .form span, .contract-new-apply-component .form span { |
|
|
.contract-input-component .contract-input-component .form span, .contract-input-component .contract-management .form span, .contract-input-component .contract-new-apply-component .form span, .contract-management .contract-input-component .form span, .contract-management .contract-management .form span, .contract-management .contract-new-apply-component .form span, .contract-new-apply-component .contract-input-component .form span, .contract-new-apply-component .contract-management .form span, .contract-new-apply-component .contract-new-apply-component .form span { |
|
|
font-weight: 900; |
|
|
font-weight: 900; |
|
|
} |
|
|
} |
|
|
.contract-input-component .form span.successtext, .contract-management .form span.successtext, .contract-new-apply-component .form span.successtext { |
|
|
.contract-input-component .contract-input-component .form span.successtext, .contract-input-component .contract-management .form span.successtext, .contract-input-component .contract-new-apply-component .form span.successtext, .contract-management .contract-input-component .form span.successtext, .contract-management .contract-management .form span.successtext, .contract-management .contract-new-apply-component .form span.successtext, .contract-new-apply-component .contract-input-component .form span.successtext, .contract-new-apply-component .contract-management .form span.successtext, .contract-new-apply-component .contract-new-apply-component .form span.successtext { |
|
|
color: #0a0; |
|
|
color: #0a0; |
|
|
} |
|
|
} |
|
|
.contract-input-component .form span.failtext, .contract-management .form span.failtext, .contract-new-apply-component .form span.failtext { |
|
|
.contract-input-component .contract-input-component .form span.failtext, .contract-input-component .contract-management .form span.failtext, .contract-input-component .contract-new-apply-component .form span.failtext, .contract-management .contract-input-component .form span.failtext, .contract-management .contract-management .form span.failtext, .contract-management .contract-new-apply-component .form span.failtext, .contract-new-apply-component .contract-input-component .form span.failtext, .contract-new-apply-component .contract-management .form span.failtext, .contract-new-apply-component .contract-new-apply-component .form span.failtext { |
|
|
color: #a00; |
|
|
color: #a00; |
|
|
} |
|
|
} |
|
|
.contract-input-component .form span.readtext, .contract-management .form span.readtext, .contract-new-apply-component .form span.readtext { |
|
|
.contract-input-component .contract-input-component .form span.readtext, .contract-input-component .contract-management .form span.readtext, .contract-input-component .contract-new-apply-component .form span.readtext, .contract-management .contract-input-component .form span.readtext, .contract-management .contract-management .form span.readtext, .contract-management .contract-new-apply-component .form span.readtext, .contract-new-apply-component .contract-input-component .form span.readtext, .contract-new-apply-component .contract-management .form span.readtext, .contract-new-apply-component .contract-new-apply-component .form span.readtext { |
|
|
color: #aa0; |
|
|
color: #aa0; |
|
|
} |
|
|
} |
|
|
.contract-input-component .form input[type=number]::-webkit-outer-spin-button, |
|
|
.contract-input-component .contract-input-component .form input[type=number]::-webkit-outer-spin-button, |
|
|
.contract-input-component .form input[type=number]::-webkit-inner-spin-button, .contract-management .form input[type=number]::-webkit-outer-spin-button, |
|
|
.contract-input-component .contract-input-component .form input[type=number]::-webkit-inner-spin-button, .contract-input-component .contract-management .form input[type=number]::-webkit-outer-spin-button, |
|
|
.contract-management .form input[type=number]::-webkit-inner-spin-button, .contract-new-apply-component .form input[type=number]::-webkit-outer-spin-button, |
|
|
.contract-input-component .contract-management .form input[type=number]::-webkit-inner-spin-button, .contract-input-component .contract-new-apply-component .form input[type=number]::-webkit-outer-spin-button, |
|
|
.contract-new-apply-component .form input[type=number]::-webkit-inner-spin-button { |
|
|
.contract-input-component .contract-new-apply-component .form input[type=number]::-webkit-inner-spin-button, .contract-management .contract-input-component .form input[type=number]::-webkit-outer-spin-button, |
|
|
|
|
|
.contract-management .contract-input-component .form input[type=number]::-webkit-inner-spin-button, .contract-management .contract-management .form input[type=number]::-webkit-outer-spin-button, |
|
|
|
|
|
.contract-management .contract-management .form input[type=number]::-webkit-inner-spin-button, .contract-management .contract-new-apply-component .form input[type=number]::-webkit-outer-spin-button, |
|
|
|
|
|
.contract-management .contract-new-apply-component .form input[type=number]::-webkit-inner-spin-button, .contract-new-apply-component .contract-input-component .form input[type=number]::-webkit-outer-spin-button, |
|
|
|
|
|
.contract-new-apply-component .contract-input-component .form input[type=number]::-webkit-inner-spin-button, .contract-new-apply-component .contract-management .form input[type=number]::-webkit-outer-spin-button, |
|
|
|
|
|
.contract-new-apply-component .contract-management .form input[type=number]::-webkit-inner-spin-button, .contract-new-apply-component .contract-new-apply-component .form input[type=number]::-webkit-outer-spin-button, |
|
|
|
|
|
.contract-new-apply-component .contract-new-apply-component .form input[type=number]::-webkit-inner-spin-button { |
|
|
-webkit-appearance: none; |
|
|
-webkit-appearance: none; |
|
|
margin: 0; |
|
|
margin: 0; |
|
|
} |
|
|
} |
|
|
.contract-input-component .form input[type=number], .contract-management .form input[type=number], .contract-new-apply-component .form input[type=number] { |
|
|
.contract-input-component .contract-input-component .form input[type=number], .contract-input-component .contract-management .form input[type=number], .contract-input-component .contract-new-apply-component .form input[type=number], .contract-management .contract-input-component .form input[type=number], .contract-management .contract-management .form input[type=number], .contract-management .contract-new-apply-component .form input[type=number], .contract-new-apply-component .contract-input-component .form input[type=number], .contract-new-apply-component .contract-management .form input[type=number], .contract-new-apply-component .contract-new-apply-component .form input[type=number] { |
|
|
-moz-appearance: textfield; |
|
|
-moz-appearance: textfield; |
|
|
} |
|
|
} |
|
|
.contract-input-component .error, .contract-management .error, .contract-new-apply-component .error { |
|
|
.contract-input-component .contract-input-component .error, .contract-input-component .contract-management .error, .contract-input-component .contract-new-apply-component .error, .contract-management .contract-input-component .error, .contract-management .contract-management .error, .contract-management .contract-new-apply-component .error, .contract-new-apply-component .contract-input-component .error, .contract-new-apply-component .contract-management .error, .contract-new-apply-component .contract-new-apply-component .error { |
|
|
display: flex; |
|
|
display: flex; |
|
|
flex-direction: column; |
|
|
flex-direction: column; |
|
|
margin: 15px; |
|
|
margin: 15px; |
|
|
} |
|
|
} |
|
|
.contract-input-component .error .errortext, .contract-management .error .errortext, .contract-new-apply-component .error .errortext { |
|
|
.contract-input-component .contract-input-component .error .errortext, .contract-input-component .contract-management .error .errortext, .contract-input-component .contract-new-apply-component .error .errortext, .contract-management .contract-input-component .error .errortext, .contract-management .contract-management .error .errortext, .contract-management .contract-new-apply-component .error .errortext, .contract-new-apply-component .contract-input-component .error .errortext, .contract-new-apply-component .contract-management .error .errortext, .contract-new-apply-component .contract-new-apply-component .error .errortext { |
|
|
font-size: 16px; |
|
|
font-size: 16px; |
|
|
font-weight: 500; |
|
|
font-weight: 500; |
|
|
color: #a00; |
|
|
color: #a00; |
|
|
} |
|
|
} |
|
|
.contract-input-component .input-group-btn, .contract-management .input-group-btn, .contract-new-apply-component .input-group-btn { |
|
|
.contract-input-component .contract-input-component .input-group-btn, .contract-input-component .contract-management .input-group-btn, .contract-input-component .contract-new-apply-component .input-group-btn, .contract-management .contract-input-component .input-group-btn, .contract-management .contract-management .input-group-btn, .contract-management .contract-new-apply-component .input-group-btn, .contract-new-apply-component .contract-input-component .input-group-btn, .contract-new-apply-component .contract-management .input-group-btn, .contract-new-apply-component .contract-new-apply-component .input-group-btn { |
|
|
font-size: 16px; |
|
|
font-size: 16px; |
|
|
} |
|
|
} |
|
|
@media screen and (max-width: 600px) { |
|
|
@media screen and (max-width: 600px) { |
|
|
.contract-input-component table, .contract-management table, .contract-new-apply-component table { |
|
|
.contract-input-component .contract-input-component table, .contract-input-component .contract-management table, .contract-input-component .contract-new-apply-component table, .contract-management .contract-input-component table, .contract-management .contract-management table, .contract-management .contract-new-apply-component table, .contract-new-apply-component .contract-input-component table, .contract-new-apply-component .contract-management table, .contract-new-apply-component .contract-new-apply-component table { |
|
|
border: 0; |
|
|
border: 0; |
|
|
} |
|
|
} |
|
|
.contract-input-component table thead, .contract-management table thead, .contract-new-apply-component table thead { |
|
|
.contract-input-component .contract-input-component table thead, .contract-input-component .contract-management table thead, .contract-input-component .contract-new-apply-component table thead, .contract-management .contract-input-component table thead, .contract-management .contract-management table thead, .contract-management .contract-new-apply-component table thead, .contract-new-apply-component .contract-input-component table thead, .contract-new-apply-component .contract-management table thead, .contract-new-apply-component .contract-new-apply-component table thead { |
|
|
display: none; |
|
|
display: none; |
|
|
} |
|
|
} |
|
|
.contract-input-component table tr, .contract-management table tr, .contract-new-apply-component table tr { |
|
|
.contract-input-component .contract-input-component table tr, .contract-input-component .contract-management table tr, .contract-input-component .contract-new-apply-component table tr, .contract-management .contract-input-component table tr, .contract-management .contract-management table tr, .contract-management .contract-new-apply-component table tr, .contract-new-apply-component .contract-input-component table tr, .contract-new-apply-component .contract-management table tr, .contract-new-apply-component .contract-new-apply-component table tr { |
|
|
margin-bottom: 10px; |
|
|
margin-bottom: 10px; |
|
|
display: block; |
|
|
display: block; |
|
|
border-bottom: 2px solid #ddd; |
|
|
border-bottom: 2px solid #ddd; |
|
|
} |
|
|
} |
|
|
.contract-input-component table td, .contract-management table td, .contract-new-apply-component table td { |
|
|
.contract-input-component .contract-input-component table td, .contract-input-component .contract-management table td, .contract-input-component .contract-new-apply-component table td, .contract-management .contract-input-component table td, .contract-management .contract-management table td, .contract-management .contract-new-apply-component table td, .contract-new-apply-component .contract-input-component table td, .contract-new-apply-component .contract-management table td, .contract-new-apply-component .contract-new-apply-component table td { |
|
|
display: block; |
|
|
display: block; |
|
|
text-align: left; |
|
|
text-align: left; |
|
|
font-size: 14px; |
|
|
font-size: 14px; |
|
|
border-bottom: 1px dotted #ccc; |
|
|
border-bottom: 1px dotted #ccc; |
|
|
} |
|
|
} |
|
|
.contract-input-component table td:last-child, .contract-management table td:last-child, .contract-new-apply-component table td:last-child { |
|
|
.contract-input-component .contract-input-component table td:last-child, .contract-input-component .contract-management table td:last-child, .contract-input-component .contract-new-apply-component table td:last-child, .contract-management .contract-input-component table td:last-child, .contract-management .contract-management table td:last-child, .contract-management .contract-new-apply-component table td:last-child, .contract-new-apply-component .contract-input-component table td:last-child, .contract-new-apply-component .contract-management table td:last-child, .contract-new-apply-component .contract-new-apply-component table td:last-child { |
|
|
border-bottom: 0; |
|
|
border-bottom: 0; |
|
|
} |
|
|
} |
|
|
.contract-input-component table td:before, .contract-management table td:before, .contract-new-apply-component table td:before { |
|
|
.contract-input-component .contract-input-component table td:before, .contract-input-component .contract-management table td:before, .contract-input-component .contract-new-apply-component table td:before, .contract-management .contract-input-component table td:before, .contract-management .contract-management table td:before, .contract-management .contract-new-apply-component table td:before, .contract-new-apply-component .contract-input-component table td:before, .contract-new-apply-component .contract-management table td:before, .contract-new-apply-component .contract-new-apply-component table td:before { |
|
|
content: attr(data-label); |
|
|
content: attr(data-label); |
|
|
float: left; |
|
|
float: left; |
|
|
text-transform: uppercase; |
|
|
text-transform: uppercase; |
|
|
font-weight: bold; |
|
|
font-weight: bold; |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
.contract-input-component .images, .contract-management .images, .contract-new-apply-component .images { |
|
|
.contract-input-component .contract-input-component .images, .contract-input-component .contract-management .images, .contract-input-component .contract-new-apply-component .images, .contract-management .contract-input-component .images, .contract-management .contract-management .images, .contract-management .contract-new-apply-component .images, .contract-new-apply-component .contract-input-component .images, .contract-new-apply-component .contract-management .images, .contract-new-apply-component .contract-new-apply-component .images { |
|
|
display: flex; |
|
|
display: flex; |
|
|
flex-wrap: wrap; |
|
|
flex-wrap: wrap; |
|
|
padding: 20px; |
|
|
padding: 20px; |
|
|
} |
|
|
} |
|
|
.contract-input-component .images > .image, .contract-management .images > .image, .contract-new-apply-component .images > .image { |
|
|
.contract-input-component .contract-input-component .images > .image, .contract-input-component .contract-management .images > .image, .contract-input-component .contract-new-apply-component .images > .image, .contract-management .contract-input-component .images > .image, .contract-management .contract-management .images > .image, .contract-management .contract-new-apply-component .images > .image, .contract-new-apply-component .contract-input-component .images > .image, .contract-new-apply-component .contract-management .images > .image, .contract-new-apply-component .contract-new-apply-component .images > .image { |
|
|
position: relative; |
|
|
position: relative; |
|
|
margin: 10px; |
|
|
margin: 10px; |
|
|
} |
|
|
} |
|
|
.contract-input-component .images > .image:hover > i, .contract-management .images > .image:hover > i, .contract-new-apply-component .images > .image:hover > i { |
|
|
.contract-input-component .contract-input-component .images > .image:hover > i, .contract-input-component .contract-management .images > .image:hover > i, .contract-input-component .contract-new-apply-component .images > .image:hover > i, .contract-management .contract-input-component .images > .image:hover > i, .contract-management .contract-management .images > .image:hover > i, .contract-management .contract-new-apply-component .images > .image:hover > i, .contract-new-apply-component .contract-input-component .images > .image:hover > i, .contract-new-apply-component .contract-management .images > .image:hover > i, .contract-new-apply-component .contract-new-apply-component .images > .image:hover > i { |
|
|
opacity: 1; |
|
|
opacity: 1; |
|
|
} |
|
|
} |
|
|
.contract-input-component .images > .image > i, .contract-management .images > .image > i, .contract-new-apply-component .images > .image > i { |
|
|
.contract-input-component .contract-input-component .images > .image > i, .contract-input-component .contract-management .images > .image > i, .contract-input-component .contract-new-apply-component .images > .image > i, .contract-management .contract-input-component .images > .image > i, .contract-management .contract-management .images > .image > i, .contract-management .contract-new-apply-component .images > .image > i, .contract-new-apply-component .contract-input-component .images > .image > i, .contract-new-apply-component .contract-management .images > .image > i, .contract-new-apply-component .contract-new-apply-component .images > .image > i { |
|
|
position: absolute; |
|
|
position: absolute; |
|
|
top: -12px; |
|
|
top: -12px; |
|
|
right: -12px; |
|
|
right: -12px; |
|
@ -657,37 +663,29 @@ main table td, main table th { |
|
|
opacity: 0; |
|
|
opacity: 0; |
|
|
transition: 0.3s; |
|
|
transition: 0.3s; |
|
|
} |
|
|
} |
|
|
|
|
|
.contract-input-component table, .contract-management table, .contract-new-apply-component table { |
|
|
table { |
|
|
|
|
|
table-layout: fixed; |
|
|
table-layout: fixed; |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
} |
|
|
} |
|
|
|
|
|
.contract-input-component td, .contract-management td, .contract-new-apply-component td { |
|
|
td { |
|
|
|
|
|
word-wrap: break-word; |
|
|
word-wrap: break-word; |
|
|
} |
|
|
} |
|
|
|
|
|
.contract-input-component img, .contract-management img, .contract-new-apply-component img { |
|
|
img { |
|
|
|
|
|
width: 125px; |
|
|
width: 125px; |
|
|
} |
|
|
} |
|
|
|
|
|
.contract-input-component .width_style_1, .contract-management .width_style_1, .contract-new-apply-component .width_style_1 { |
|
|
.width_style_1 { |
|
|
|
|
|
width: 125px; |
|
|
width: 125px; |
|
|
} |
|
|
} |
|
|
|
|
|
.contract-input-component table, .contract-management table, .contract-new-apply-component table { |
|
|
table { |
|
|
|
|
|
width: 100%; |
|
|
width: 100%; |
|
|
} |
|
|
} |
|
|
|
|
|
.contract-input-component #table_index_filter, .contract-management #table_index_filter, .contract-new-apply-component #table_index_filter { |
|
|
#table_index_filter { |
|
|
|
|
|
float: right; |
|
|
float: right; |
|
|
} |
|
|
} |
|
|
|
|
|
.contract-input-component #table_index_paginate, .contract-management #table_index_paginate, .contract-new-apply-component #table_index_paginate { |
|
|
#table_index_paginate { |
|
|
|
|
|
float: right; |
|
|
float: right; |
|
|
} |
|
|
} |
|
|
|
|
|
.contract-input-component label, .contract-management label, .contract-new-apply-component label { |
|
|
label { |
|
|
|
|
|
display: inline-flex; |
|
|
display: inline-flex; |
|
|
margin-bottom: 0.5rem; |
|
|
margin-bottom: 0.5rem; |
|
|
margin-top: 0.5rem; |
|
|
margin-top: 0.5rem; |
|
|