1717 lines
34 KiB
CSS
1717 lines
34 KiB
CSS
html, body {
|
|
font-family: '黑體-繁', 'Heiti TC', "微軟正黑體", 'MicrosoftJhengHei', '黑体-简', 'Heiti SC', '微软雅黑体', 'Microsoft YaHei', Arial, sans-serif;
|
|
background: rgb(255, 255, 255);
|
|
/*overflow-x: hidden;*/
|
|
}
|
|
|
|
html {
|
|
position: relative;
|
|
min-height: 100vh;
|
|
}
|
|
|
|
body {
|
|
/* Margin bottom by footer height */
|
|
margin-bottom: 60px;
|
|
}
|
|
|
|
a {
|
|
display: block;
|
|
text-decoration: none;
|
|
color: #000;
|
|
/*color: white;*/
|
|
}
|
|
|
|
table {
|
|
font-size: 1rem;
|
|
}
|
|
|
|
.table {
|
|
width: 99%;
|
|
}
|
|
|
|
input, textarea, select, button {
|
|
font-family: inherit;
|
|
}
|
|
|
|
.nav-active {
|
|
color: #24b062 !important;
|
|
}
|
|
|
|
/* Footer */
|
|
.copyright_wrap {
|
|
position: absolute;
|
|
bottom: 0;
|
|
width: 100%;
|
|
text-align: center;
|
|
height: 70px;
|
|
box-sizing: border-box;
|
|
background: #E3E3E3;
|
|
padding: 14px 0;
|
|
color: rgb(128, 128, 128);
|
|
font-size: 12px;
|
|
line-height: 18px;
|
|
}
|
|
|
|
.copyright {
|
|
display: flex;
|
|
/*width: 650px;*/
|
|
padding: 0;
|
|
margin: 0 auto;
|
|
justify-content: center;
|
|
color: #505050;
|
|
font-size: 1.1em;
|
|
}
|
|
|
|
.copyright div {
|
|
margin: 0 10px;
|
|
}
|
|
|
|
.copyright p {
|
|
margin: 10px;
|
|
text-align: left;
|
|
}
|
|
|
|
.col-form-label {
|
|
font-size: 1rem;
|
|
line-height: 1.2;
|
|
}
|
|
|
|
input {
|
|
border: 1px solid #CCCFD3;
|
|
width: 100%;
|
|
font-family: "微軟正黑體";
|
|
font-size: 1rem;
|
|
}
|
|
|
|
input:focus {
|
|
outline: none !important;
|
|
border-color: #719ECE;
|
|
box-shadow: 0 0 5px #719ECE;
|
|
}
|
|
|
|
input:focus[type="radio"],
|
|
input:focus[type="checkbox"] {
|
|
box-shadow: none;
|
|
border-color: none
|
|
}
|
|
|
|
textarea:focus {
|
|
outline: none !important;
|
|
border-color: #719ECE;
|
|
box-shadow: 0 0 5px #719ECE;
|
|
}
|
|
|
|
input[type="number"] {
|
|
-moz-appearance: textfield;
|
|
}
|
|
|
|
input[type=number]::-webkit-inner-spin-button,
|
|
input[type=number]::-webkit-outer-spin-button {
|
|
-webkit-appearance: none;
|
|
}
|
|
|
|
input:focus.error {
|
|
outline: 0.15em solid red;
|
|
}
|
|
|
|
.input-group-append {
|
|
margin-left: -8px;
|
|
}
|
|
|
|
::-webkit-input-placeholder { /* WebKit browsers */
|
|
color: #ccc;
|
|
}
|
|
|
|
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
|
|
color: #ccc;
|
|
opacity: 1;
|
|
}
|
|
|
|
::-moz-placeholder { /* Mozilla Firefox 19+ */
|
|
color: #ccc;
|
|
opacity: 1;
|
|
}
|
|
|
|
:-ms-input-placeholder { /* Internet Explorer 10+ */
|
|
color: #ccc;
|
|
}
|
|
|
|
select {
|
|
width: 100%;
|
|
}
|
|
|
|
select.error {
|
|
color: red;
|
|
}
|
|
|
|
.error {
|
|
/*background: red;*/
|
|
/*-webkit-box-shadow: inset 0px 0px 0px 2px rgba(250,200,0,1);
|
|
-moz-box-shadow: inset 0px 0px 0px 2px rgba(250,200,0,1);
|
|
box-shadow: inset 0px 0px 0px 2px rgba(250,200,0,1);*/
|
|
-webkit-box-shadow: 0px 0px 0px 1px #FF0000;
|
|
-moz-box-shadow: 0px 0px 0px 1px #FF0000;
|
|
box-shadow: 0px 0px 0px 1px #FF0000;
|
|
}
|
|
|
|
.error + span {
|
|
background: transparent;
|
|
}
|
|
|
|
label, input[type="radio"] {
|
|
cursor: pointer;
|
|
}
|
|
|
|
label > input[type="radio"] {
|
|
display: none;
|
|
}
|
|
|
|
label > p {
|
|
display: inline-block;
|
|
cursor: pointer;
|
|
position: relative;
|
|
padding-left: 20px;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
label > p:before {
|
|
content: url('../../Browser_Local/img/round01-01.png');
|
|
display: inline-block;
|
|
width: 16px;
|
|
height: 16px;
|
|
margin-right: 10px;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 3px;
|
|
}
|
|
|
|
label > p.active:before {
|
|
content: url('../../Browser_Local/img/round02-01.png');
|
|
}
|
|
|
|
label > p.active {
|
|
color: rgb(35, 173, 99);
|
|
}
|
|
|
|
a:active {
|
|
color: white;
|
|
}
|
|
|
|
a.Item {
|
|
position: relative;
|
|
width: 100%;
|
|
line-height: 28px;
|
|
float: left;
|
|
text-align: center;
|
|
font-size: 1rem;
|
|
color: rgb(112, 112, 112);
|
|
font-weight: bold;
|
|
margin-bottom: 11px;
|
|
}
|
|
|
|
a.Item:hover div {
|
|
color: white;
|
|
font-weight: bold;
|
|
background: rgb(35, 176, 99);
|
|
}
|
|
|
|
a.Item:hover .sidebar_triangle {
|
|
position: absolute;
|
|
top: 8px;
|
|
left: -6px;
|
|
width: 0;
|
|
height: 0;
|
|
border-top: 6px solid transparent;
|
|
border-bottom: 6px solid transparent;
|
|
border-right: 6px solid rgb(35, 176, 99);
|
|
background: white;
|
|
}
|
|
|
|
a.Item_Active {
|
|
position: relative;
|
|
}
|
|
|
|
a.Item_Active div {
|
|
position: relative;
|
|
width: 100%;
|
|
line-height: 28px;
|
|
float: left;
|
|
color: white;
|
|
text-align: center;
|
|
font-size: 1rem;
|
|
font-weight: bold;
|
|
background: rgb(35, 176, 99);
|
|
margin-bottom: 11px;
|
|
}
|
|
|
|
a.Item_Active .sidebar_triangle {
|
|
position: absolute;
|
|
top: 8px;
|
|
left: -6px;
|
|
width: 0;
|
|
height: 0;
|
|
border-top: 6px solid transparent;
|
|
border-bottom: 6px solid transparent;
|
|
border-right: 6px solid rgb(35, 176, 99);
|
|
background: white;
|
|
}
|
|
|
|
.comment_hint {
|
|
position: absolute;
|
|
border-radius: 20px;
|
|
background: #f26155;
|
|
color: white;
|
|
font-size: 9px;
|
|
text-align: center;
|
|
right: -5px;
|
|
top: -4px;
|
|
cursor: pointer;
|
|
width: 17px;
|
|
height: 17px;
|
|
line-height: 17px;
|
|
}
|
|
|
|
.comment_wrap {
|
|
position: absolute;
|
|
top: -10px;
|
|
right: 12px;
|
|
width: 0;
|
|
opacity: 0;
|
|
padding: 8px 16px;
|
|
background: white;
|
|
z-index: 108;
|
|
-webkit-box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.75);
|
|
-moz-box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.75);
|
|
box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.75);
|
|
margin-bottom: 20px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.hide_comment {
|
|
height: 0;
|
|
}
|
|
|
|
.show_comment {
|
|
width: 140px;
|
|
opacity: 1;
|
|
}
|
|
|
|
.comment {
|
|
display: block;
|
|
background: white;
|
|
word-wrap: break-word;
|
|
word-break: break-all;
|
|
font-size: 14px;
|
|
color: #595757;
|
|
line-height: 16px;
|
|
}
|
|
|
|
.comment_arrow {
|
|
position: absolute;
|
|
right: 0px;
|
|
top: 6px;
|
|
width: 0;
|
|
height: 0;
|
|
border-top: 6px solid transparent;
|
|
border-bottom: 6px solid transparent;
|
|
border-left: 0px solid white;
|
|
}
|
|
|
|
.show_comment_arrow {
|
|
right: -6px;
|
|
border-left: 6px solid white;
|
|
}
|
|
|
|
.comment_cancel {
|
|
position: absolute;
|
|
top: 0px;
|
|
right: 2px;
|
|
width: 12px;
|
|
height: 12px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.comment_cancel img {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.comment_line {
|
|
background: #e6e6e6;
|
|
height: 1px;
|
|
width: 100%;
|
|
margin: 2px 0;
|
|
}
|
|
|
|
select {
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
color: rgb(122, 122, 122);
|
|
height: 24px;
|
|
border: 1px solid #CCCFD3;
|
|
outline: none;
|
|
text-indent: 4px;
|
|
background: transparent;
|
|
background-image: url('../../Browser_Local/img/a06-01.png');
|
|
background-repeat: no-repeat;
|
|
background-position: right center;
|
|
background-size: 16px 20px;
|
|
padding-right: 21px;
|
|
font-size: 1rem;
|
|
}
|
|
|
|
select::-ms-expand {
|
|
display: none;
|
|
}
|
|
|
|
select + span {
|
|
position: absolute;
|
|
top: 0;
|
|
width: 16px;
|
|
height: 28px;
|
|
background-image: url('../../Browser_Local/img/a06-01.png');
|
|
background-size: 16px 21px;
|
|
z-index: 9;
|
|
}
|
|
|
|
textarea {
|
|
resize: none;
|
|
}
|
|
|
|
.comment_textarea {
|
|
margin: 0px;
|
|
width: 676px;
|
|
height: 188px;
|
|
}
|
|
|
|
.add_survey {
|
|
line-height: 26px;
|
|
text-align: center;
|
|
}
|
|
|
|
.btn {
|
|
text-align: center;
|
|
background-image: -webkit-gradient( linear, left top, right top, color-stop(0, #006933), color-stop(1, #3D9461) );
|
|
background-image: -o-linear-gradient(right, #006933 0%, #3D9461 100%);
|
|
background-image: -moz-linear-gradient(right, #006933 0%, #3D9461 100%);
|
|
background-image: -webkit-linear-gradient(right, #006933 0%, #3D9461 100%);
|
|
background-image: -ms-linear-gradient(right, #006933 0%, #3D9461 100%);
|
|
background-image: linear-gradient(to right, #006933 0%, #3D9461 100%);
|
|
}
|
|
|
|
.btn:hover {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.side_bar {
|
|
width: 11%;
|
|
float: left;
|
|
padding: 12px 6px 12px 8px;
|
|
/*display: inline-block;
|
|
overflow-y: hidden;*/
|
|
}
|
|
|
|
.side_bar_right_vertical_line {
|
|
width: 3px;
|
|
height: 100%;
|
|
float: left;
|
|
padding: 12px 0;
|
|
display: inline-block;
|
|
}
|
|
|
|
.side_bar_right_vertical_line > div {
|
|
width: 1px;
|
|
height: 100%;
|
|
float: left;
|
|
background: rgb(214, 214, 214);
|
|
}
|
|
|
|
.body_content {
|
|
position: relative;
|
|
width: 100%;
|
|
height: auto;
|
|
float: left;
|
|
padding-top: 6px;
|
|
margin-left: 4px;
|
|
}
|
|
|
|
.body_content.container {
|
|
margin-left: 0;
|
|
}
|
|
|
|
.page_top_wrap {
|
|
width: 100%;
|
|
min-width: 1120px;
|
|
height: 3px;
|
|
}
|
|
|
|
.page_top_wrap > div {
|
|
height: 1px;
|
|
}
|
|
|
|
.page_top_wrap > div:first-child {
|
|
background: rgb(150, 150, 150);
|
|
}
|
|
|
|
.page_top_wrap > div:first-child + div {
|
|
background: rgb(176, 176, 176);
|
|
}
|
|
|
|
.page_top_wrap > div:first-child + div + div {
|
|
background: rgb(97, 97, 97);
|
|
}
|
|
|
|
.send_form_wrap {
|
|
border-left: 1px solid rgb(35, 176, 99);
|
|
border-right: 1px solid rgb(35, 176, 99);
|
|
border-bottom: 1px solid rgb(35, 176, 99);
|
|
}
|
|
|
|
.receive_form_wrap {
|
|
border-left: 1px solid rgb(35, 176, 99);
|
|
border-right: 1px solid rgb(35, 176, 99);
|
|
}
|
|
|
|
.receive_tool_menu {
|
|
padding: 3px 0;
|
|
margin: 0;
|
|
/*border-left: 1px solid rgb(35, 176, 99);
|
|
border-right: 1px solid rgb(35, 176, 99);*/
|
|
}
|
|
|
|
.page_change_wrap {
|
|
padding-top: 27px;
|
|
width: 100%;
|
|
float: left;
|
|
}
|
|
|
|
.page_change {
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.page_change > div {
|
|
float: left;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.page_change_left {
|
|
width: 30px;
|
|
height: 30px;
|
|
margin-right: 8px;
|
|
}
|
|
|
|
.page_change_right {
|
|
width: 30px;
|
|
height: 30px;
|
|
margin-left: 8px;
|
|
}
|
|
|
|
.page_change > div > img {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.page_item {
|
|
float: left;
|
|
width: 30px;
|
|
height: 28px;
|
|
line-height: 28px;
|
|
text-align: center;
|
|
color: rgb(89, 89, 89);
|
|
font-weight: bold;
|
|
border: 1px solid rgb(158, 158, 158);
|
|
border-left: 0;
|
|
}
|
|
|
|
.page_item.first {
|
|
border-left: 1px solid rgb(158, 158, 158);
|
|
}
|
|
|
|
.page_item.last {
|
|
}
|
|
|
|
.page_item.current, .page_item:hover {
|
|
background: rgb(35, 173, 99);
|
|
color: white;
|
|
}
|
|
|
|
.survey_form_outer_wrap {
|
|
margin: 0 auto;
|
|
border-left: 1px solid rgb(201, 201, 201);
|
|
border-right: 1px solid rgb(201, 201, 201);
|
|
overflow: auto;
|
|
}
|
|
|
|
.survey_form_outer_wrap select {
|
|
height: 28px;
|
|
}
|
|
|
|
|
|
.edit_form .survey_form_outer_wrap {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.survey_form_header_wrap {
|
|
width: 100%;
|
|
padding-top: 15px;
|
|
min-width: 1120px;
|
|
height: 85px;
|
|
background: rgb(235, 235, 235);
|
|
-webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.5);
|
|
-moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.5);
|
|
box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.5);
|
|
}
|
|
|
|
.survey_form_logo {
|
|
/*width: 100px;*/
|
|
height: 60px;
|
|
float: left;
|
|
}
|
|
|
|
.survey_form_logo img {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.survey_form_header {
|
|
margin: 0 auto;
|
|
/*width: 1070px;
|
|
max-width: 1070px;*/
|
|
height: 70px;
|
|
background: rgb(235, 235, 235);
|
|
}
|
|
|
|
.survey_form_menu {
|
|
/*float: right;*/
|
|
/*margin-right: -20px;*/
|
|
justify-content: flex-start;
|
|
background-color: #EBEBEB;
|
|
}
|
|
|
|
.survey_form_body_wrap {
|
|
/*position: relative;*/
|
|
height: 60%;
|
|
width: 100%;
|
|
/*margin: 0 auto;*/
|
|
margin: 20px 0px;
|
|
float: left;
|
|
/*padding-bottom: 34px;*/
|
|
background-color: #FFF;
|
|
}
|
|
|
|
.survey_form_body_wrap .body {
|
|
/*width: 100%;*/
|
|
/*max-width: 1100px;*/
|
|
/*width: 1100px;*/
|
|
margin: 0 auto;
|
|
/*margin-top: 30px;*/
|
|
/*background: white;*/
|
|
}
|
|
|
|
.survey_form_body {
|
|
width: 100%;
|
|
padding: 12px 8px 12px 16px;
|
|
overflow: auto;
|
|
font-size: 1rem;
|
|
color: rgb(80, 80, 80);
|
|
float: left;
|
|
margin-right: 4%;
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.survey_form_filter {
|
|
margin: 20px;
|
|
}
|
|
|
|
.subnav_bg {
|
|
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
|
|
}
|
|
|
|
.survey_form_order_wrap {
|
|
width: 72px;
|
|
height: 54px;
|
|
padding-top: 20px;
|
|
text-align: center;
|
|
float: left;
|
|
display: inline-block;
|
|
}
|
|
|
|
.survey_form_order_wrap > a > div {
|
|
color: rgb(87, 85, 85);
|
|
font-weight: bold;
|
|
}
|
|
|
|
.survey_form_order_img {
|
|
width: 28px;
|
|
height: 28px;
|
|
margin: 8px auto 2px;
|
|
}
|
|
|
|
.survey_form_order_img > div {
|
|
width: inherit;
|
|
height: inherit;
|
|
background-size: 28px 28px;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.survey_form_order_vertical_line {
|
|
width: 2px;
|
|
/*height: 40px;
|
|
padding: 10px 0;*/
|
|
float: left;
|
|
}
|
|
|
|
.survey_form_order_vertical_line > div:first-child {
|
|
background: rgb(184, 184, 184);
|
|
width: 1px;
|
|
height: inherit;
|
|
float: left;
|
|
}
|
|
|
|
.survey_form_order_vertical_line > div:first-child + div {
|
|
background: rgb(250, 250, 250);
|
|
width: 1px;
|
|
float: left;
|
|
height: inherit;
|
|
}
|
|
|
|
.survey_order_bar_wrap {
|
|
width: 100%;
|
|
height: 25px;
|
|
float: left;
|
|
border-top: 1px solid rgb(223, 232, 183);
|
|
background-image: -webkit-gradient( linear, left top, right top, color-stop(0, rgb(34, 191, 100)), color-stop(1, rgb(34, 191, 100)) );
|
|
background-image: -o-linear-gradient(right, rgb(34, 191, 100) 0%, rgb(34, 191, 100) 100%);
|
|
background-image: -moz-linear-gradient(right, rgb(34, 191, 100) 0%, rgb(34, 191, 100) 100%);
|
|
background-image: -webkit-linear-gradient(right, rgb(34, 191, 100) 0%, rgb(34, 191, 100) 100%);
|
|
background-image: -ms-linear-gradient(right, rgb(34, 191, 100) 0%, rgb(34, 191, 100) 100%);
|
|
background-image: linear-gradient(to right, rgb(34, 191, 100) 0%, rgb(34, 191, 100) 100%);
|
|
}
|
|
|
|
.survey_order_table_row {
|
|
border-bottom: 1px solid rgb(201, 201, 201);
|
|
color: rgb(89, 89, 89);
|
|
}
|
|
|
|
.survey_order_table_row:hover {
|
|
background: rgb(222, 222, 222);
|
|
}
|
|
|
|
.survey_order_table_row.selected {
|
|
background: rgb(242, 242, 242);
|
|
}
|
|
|
|
/* sheetheader */
|
|
.sheetheader-wrapper {
|
|
float: left;
|
|
}
|
|
|
|
.sheetheader-group {
|
|
float: left;
|
|
}
|
|
|
|
.sheetheader-label {
|
|
float: left;
|
|
padding: 10px;
|
|
box-sizing: border-box;
|
|
height: 34px;
|
|
border: 1px solid #AAA;
|
|
border-right: 0;
|
|
background: rgb(230, 230, 230);
|
|
vertical-align: top;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheetheader-group + .sheetheader-group .sheetheader-label {
|
|
border-left: 0;
|
|
}
|
|
|
|
.sheetheader-input {
|
|
float: left;
|
|
box-sizing: border-box;
|
|
height: 34px;
|
|
width: 120px;
|
|
padding: 0 4px;
|
|
}
|
|
.sheetheader-input[readonly] {
|
|
background: #FFF;
|
|
color: inherit;
|
|
}
|
|
|
|
.sheetheader-btn {
|
|
float: left;
|
|
margin-left: 5px;
|
|
padding: 0 12px;
|
|
box-sizing: border-box;
|
|
height: 34px;
|
|
line-height: 30px;
|
|
font-weight: bold;
|
|
color: #a1a2a2;
|
|
border: 2px solid #a1a2a2;
|
|
cursor: pointer;
|
|
}
|
|
.sheetheader-btn:hover {
|
|
background: rgb(35, 173, 99);
|
|
color: white;
|
|
}
|
|
|
|
.sheetheader-result-msg
|
|
{
|
|
float: left;
|
|
line-height: 34px;
|
|
width: auto;
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.survey_order_btn_wrap {
|
|
/*position: absolute;*/
|
|
top: 28px;
|
|
/*right: 14px;*/
|
|
/*left: 756px;
|
|
width: 330px;*/
|
|
/*left: 566px;*/
|
|
/*width: 520px;*/
|
|
}
|
|
|
|
.survey_order_btn {
|
|
position: relative;
|
|
float: right;
|
|
margin-left: 12px;
|
|
padding: 2px 12px;
|
|
line-height: 32px;
|
|
font-size: 1rem;
|
|
font-weight: bold;
|
|
color: #a1a2a2;
|
|
border: 1px solid #a2a2a2;
|
|
cursor: pointer;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.survey_order_btn:hover {
|
|
background: rgb(35, 173, 99);
|
|
color: white;
|
|
}
|
|
|
|
.survey_order_btn_only {
|
|
position: relative;
|
|
float: right;
|
|
margin-left: 12px;
|
|
padding: 2px 12px;
|
|
line-height: 32px;
|
|
font-size: 1rem;
|
|
font-weight: bold;
|
|
color: #a1a2a2;
|
|
border: 1px solid #a2a2a2;
|
|
cursor: pointer;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.header_img {
|
|
position: relative;
|
|
width: 16px;
|
|
height: 16px;
|
|
float: left;
|
|
top: 6px;
|
|
margin-right: 4px;
|
|
}
|
|
|
|
.header_img img {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.header_image_button {
|
|
position: relative;
|
|
float: left;
|
|
width: 27px;
|
|
height: 27px;
|
|
margin-right: 8px;
|
|
background-size: 27px 27px;
|
|
background-repeat: no-repeat;
|
|
cursor: pointer;
|
|
border-radius: 4px 0px 0px 4px;
|
|
border-right: 0;
|
|
border-right-style: none;
|
|
border: 1px solid #CCCFD3;
|
|
}
|
|
|
|
.tooltip {
|
|
position: absolute;
|
|
opacity: 0.7;
|
|
top: -26px;
|
|
left: -57px;
|
|
width: 140px;
|
|
}
|
|
|
|
.tooltip > div:first-child {
|
|
padding: 4px 4px 4px 6px;
|
|
background: rgb(61, 57, 56);
|
|
color: white;
|
|
margin: 0 auto;
|
|
text-align: center;
|
|
font-size: 12px;
|
|
letter-spacing: 2px;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.tooltip > div:first-child + div {
|
|
width: 0px;
|
|
height: 0px;
|
|
border-left: 5px solid transparent;
|
|
border-right: 5px solid transparent;
|
|
border-top: 5px solid rgb(61, 57, 56);
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.header_title {
|
|
position: relative;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: rgb(133, 133, 133);
|
|
}
|
|
|
|
.header_search {
|
|
float: left;
|
|
margin: 0px 5px 0px 3px;
|
|
}
|
|
|
|
.header_search.expand {
|
|
/*width: 145px;*/
|
|
}
|
|
|
|
.header_search input[type="text"] {
|
|
position: relative;
|
|
float: left;
|
|
/*margin-left: -9px;*/
|
|
font-size: 14px;
|
|
height: 27px;
|
|
box-sizing: border-box;
|
|
border: 1px solid #CCCFD3;
|
|
padding: 1px 4px;
|
|
color: rgb(122, 122, 122);
|
|
outline: none;
|
|
width: 0px;
|
|
opacity: 0;
|
|
/*border-left: 0;
|
|
border-radius: 0px 4px 4px 0px;*/
|
|
}
|
|
|
|
.header_search input[type="text"].expand {
|
|
width: 143px;
|
|
opacity: 1;
|
|
}
|
|
|
|
.header_button {
|
|
position: relative;
|
|
float: right;
|
|
margin-left: 12px;
|
|
padding: 1px 24px;
|
|
line-height: 24px;
|
|
font-size: 14px;
|
|
color: rgb(100, 100, 100);
|
|
border: 1px solid rgb(184, 184, 184);
|
|
background: white;
|
|
}
|
|
|
|
.header_button:hover {
|
|
background: rgb(35, 173, 99);
|
|
color: white;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.table-active {
|
|
color: #fff;
|
|
background-color: #A1A1A1
|
|
}
|
|
|
|
.table_overflow {
|
|
overflow-x: auto;
|
|
}
|
|
|
|
.table_header_wrap {
|
|
margin: 0 auto;
|
|
position: relative;
|
|
}
|
|
|
|
.table_header {
|
|
position: relative;
|
|
float: left;
|
|
text-align: center;
|
|
line-height: 28px;
|
|
height: 28px;
|
|
/*border-top: 1px solid rgb(201, 201, 201);*/
|
|
/*border-bottom: 1px solid rgb(201, 201, 201);*/
|
|
background: rgb(161, 161, 161);
|
|
color: white;
|
|
}
|
|
|
|
.header_vertical_line {
|
|
width: 1px;
|
|
background: rgb(166, 166, 166);
|
|
height: 28px;
|
|
float: left;
|
|
}
|
|
/*
|
|
.table_row {
|
|
float: left;
|
|
cursor: pointer;
|
|
background: white;
|
|
}
|
|
|
|
.child_row {
|
|
background-color: beige;
|
|
}
|
|
|
|
.table_row .target > div {
|
|
background: rgb(222, 222, 222);
|
|
}
|
|
|
|
.table_row .target > div select {
|
|
background-image: url('../Browser_Local/img/a06-01.png');
|
|
background-color: rgb(222, 222, 222);
|
|
}
|
|
|
|
.table_row .selected > div {
|
|
background: rgb(242, 242, 242);
|
|
}
|
|
|
|
.table_row .selected > div.error_data input,
|
|
.table_row .selected > div.error_data select {
|
|
outline-color: rgb(250, 209, 60);
|
|
border: 2px solid rgb(250, 209, 60);
|
|
}
|
|
|
|
.table_row .selected > div.tooltip_error {
|
|
position: absolute;
|
|
padding: 4px 8px;
|
|
top: -15px;
|
|
text-align: left;
|
|
background: rgb(255, 200, 0);
|
|
border: 1px solid rgb(122, 114, 89);
|
|
color: rgb(199, 27, 18);
|
|
border-radius: 4px;
|
|
z-index: 99;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.table_row .selected div input {
|
|
background: rgb(242, 242, 242);
|
|
}
|
|
|
|
.table_row .selected div select {
|
|
background-image: url('../Browser_Local/img/a06-01.png');
|
|
background-color: rgb(242, 242, 242);
|
|
}
|
|
|
|
.table_row .parent div {
|
|
background: rgb(190, 248, 216);
|
|
}
|
|
|
|
.table_row_child {
|
|
float: left;
|
|
border-top: 1px solid rgb(201, 201, 201);
|
|
cursor: pointer;
|
|
background: white;
|
|
}
|
|
|
|
.table_row_child .target div {
|
|
background: rgb(222, 222, 222);
|
|
}
|
|
|
|
.table_row_child .target div select {
|
|
background-image: url('../Browser_Local/img/a06-01.png');
|
|
background-color: rgb(222, 222, 222);
|
|
}
|
|
|
|
.table_row_child .selected div {
|
|
background: rgb(242, 242, 242);
|
|
}
|
|
|
|
.table_row_child .selected div input {
|
|
background: rgb(242, 242, 242);
|
|
}
|
|
|
|
.table_row_child .selected div select {
|
|
background-image: url('../Browser_Local/img/a06-01.png');
|
|
background-color: rgb(242, 242, 242);
|
|
}
|
|
|
|
.table_row_child .child div {
|
|
background: rgb(190, 248, 216);
|
|
}
|
|
*/
|
|
.table_text {
|
|
position: relative;
|
|
float: left;
|
|
line-height: 28px;
|
|
height: 28px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.table_email {
|
|
position: relative;
|
|
float: left;
|
|
text-align: center;
|
|
line-height: 28px;
|
|
height: 28px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.table_text input {
|
|
height: 24px;
|
|
text-align: center;
|
|
border: 0;
|
|
}
|
|
.table_text input:focus {
|
|
outline: rgb(35, 176, 99) solid 1px;
|
|
}
|
|
|
|
/* extend style of input[type='text'] in .table_text by Rocky 20150316 */
|
|
/* this class will be used in all 'xxxUsage' pages (ex. WaterUsage) */
|
|
.table_text_input {
|
|
width: 96%;
|
|
max-width: 130px;
|
|
}
|
|
|
|
/* extend style of <select> in .table_text by Rocky 20150316 */
|
|
/* this class will be used in all 'xxxUsage' pages (ex. WaterUsage) */
|
|
.table_text_select {
|
|
width: 96%;
|
|
max-width: 150px;
|
|
float: initial;
|
|
background-color: #FFF;
|
|
}
|
|
.table_text_select:focus {
|
|
outline: rgb(35, 176, 99) solid 1px;
|
|
}
|
|
|
|
.table_email input {
|
|
height: 22px;
|
|
text-align: center;
|
|
border: 0;
|
|
}
|
|
|
|
.table_email input:focus {
|
|
outline: rgb(35, 176, 99) solid 1px;
|
|
}
|
|
|
|
.table_text input[type="checkbox"] {
|
|
outline: none;
|
|
}
|
|
|
|
.table_text .arrow_right {
|
|
position: relative;
|
|
top: 8px;
|
|
width: 0;
|
|
height: 0;
|
|
border-top: 5px solid transparent;
|
|
border-bottom: 5px solid transparent;
|
|
border-left: 5px solid rgb(35, 176, 99);
|
|
}
|
|
|
|
.table_text .arrow_down {
|
|
position: relative;
|
|
top: 10px;
|
|
width: 0;
|
|
height: 0;
|
|
border-left: 5px solid transparent;
|
|
border-right: 5px solid transparent;
|
|
border-top: 5px solid rgb(35, 176, 99);
|
|
}
|
|
|
|
.table_download {
|
|
position: relative;
|
|
float: left;
|
|
text-align: center;
|
|
line-height: 28px;
|
|
height: 28px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.table_download a {
|
|
color: rgb(112, 112, 112);
|
|
}
|
|
|
|
.table_download a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.table_link {
|
|
position: relative;
|
|
float: left;
|
|
text-align: center;
|
|
line-height: 28px;
|
|
text-decoration: underline;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.table_link:hover {
|
|
text-decoration: initial;
|
|
}
|
|
|
|
.table_select {
|
|
position: relative;
|
|
float: left;
|
|
/*margin: 0 auto;*/
|
|
overflow: hidden;
|
|
}
|
|
|
|
.table_reply {
|
|
position: relative;
|
|
float: left;
|
|
text-align: center;
|
|
line-height: 28px;
|
|
height: 28px;
|
|
margin-bottom: 2px;
|
|
}
|
|
|
|
.table_reply img {
|
|
width: 40%;
|
|
height: 100%;
|
|
}
|
|
|
|
.table_upload {
|
|
position: relative;
|
|
float: left;
|
|
height: 28px;
|
|
}
|
|
|
|
.table_upload > div {
|
|
width: 18px;
|
|
height: 23px;
|
|
margin: 0 auto;
|
|
margin-top: 2px;
|
|
}
|
|
|
|
.table_upload > div > img {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.table_enforce {
|
|
position: relative;
|
|
float: left;
|
|
height: 28px;
|
|
}
|
|
|
|
.table_enforce > div {
|
|
width: 18px;
|
|
height: 23px;
|
|
margin: 0 auto;
|
|
margin-top: 3px;
|
|
}
|
|
|
|
.table_enforce > div > img {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.table_left_title_header {
|
|
position: relative;
|
|
float: left;
|
|
text-align: center;
|
|
line-height: 30px;
|
|
height: 28px;
|
|
border-top: 1px solid rgb(201, 201, 201);
|
|
border-bottom: 1px solid rgb(201, 201, 201);
|
|
background: rgb(161, 161, 161);
|
|
color: white;
|
|
}
|
|
|
|
.table_left_title_row {
|
|
position: relative;
|
|
float: left;
|
|
text-align: center;
|
|
line-height: 28px;
|
|
}
|
|
|
|
.table_footer_upload_wrap {
|
|
border-bottom: 1px solid rgb(201, 201, 201);
|
|
height: 30px;
|
|
}
|
|
|
|
.table_footer_upload {
|
|
position: relative;
|
|
float: left;
|
|
height: 28px;
|
|
line-height: 28px;
|
|
text-align: center;
|
|
}
|
|
|
|
.table_footer_upload > div {
|
|
height: 28px;
|
|
}
|
|
|
|
.table_footer_upload > div > img {
|
|
position: relative;
|
|
top: 2px;
|
|
width: 30%;
|
|
height: 85%;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.table_edit {
|
|
position: relative;
|
|
float: left;
|
|
height: 28px;
|
|
line-height: 28px;
|
|
text-align: center;
|
|
}
|
|
|
|
.table_edit div {
|
|
position: relative;
|
|
top: 4px;
|
|
left: 2px;
|
|
margin-right: 2px;
|
|
padding: 1px 4px;
|
|
line-height: 16px;
|
|
width: 36px;
|
|
float: left;
|
|
border-radius: 6px;
|
|
background: -webkit-linear-gradient(rgba(242, 242, 242, 1) 0%, rgba(228, 228, 228, 1) 4%, rgba(210, 210, 210, 1) 100%); /* For Safari 5.1 to 6.0 */
|
|
background: -o-linear-gradient(rgba(242, 242, 242, 1) 0%, rgba(228, 228, 228, 1) 4%, rgba(210, 210, 210, 1) 100%); /* For Opera 11.1 to 12.0 */
|
|
background: -moz-linear-gradient(rgba(242, 242, 242, 1) 0%, rgba(228, 228, 228, 1) 4%, rgba(210, 210, 210, 1) 100%); /* For Firefox 3.6 to 15 */
|
|
background: linear-gradient(rgba(242, 242, 242, 1) 0%, rgba(228, 228, 228, 1) 4%, rgba(210, 210, 210, 1) 100%); /* Standard syntax */
|
|
}
|
|
|
|
.table_edit div:hover {
|
|
background: -webkit-linear-gradient(rgba(210, 210, 210, 1) 0%, rgba(197, 197 197 1) 4%, rgba(175, 175, 175, 1) 100%); /* For Safari 5.1 to 6.0 */
|
|
background: -o-linear-gradient(rgba(210, 210, 210, 1) 0%, rgba(197, 197, 197, 1) 4%, rgba(175, 175, 175, 1) 100%); /* For Opera 11.1 to 12.0 */
|
|
background: -moz-linear-gradient(rgba(210, 210, 210, 1) 0%, rgba(197, 197, 197, 1) 4%, rgba(175, 175, 175, 1) 100%); /* For Firefox 3.6 to 15 */
|
|
background: linear-gradient(rgba(210, 210, 210, 1) 0%, rgba(197, 197, 197, 1) 4%, rgba(175, 175, 175, 1) 100%); /* Standard syntax */
|
|
cursor: pointer;
|
|
}
|
|
|
|
.table_formula {
|
|
position: relative;
|
|
float: left;
|
|
text-align: center;
|
|
line-height: 28px;
|
|
height: 28px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.login_form {
|
|
margin: 20% auto;
|
|
width: 204px;
|
|
height: 90px;
|
|
border: 1px solid gray;
|
|
padding: 25px 25px;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.tab_header_main {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.tab_header {
|
|
/*border-bottom: 1px solid rgb(35, 176, 99);*/
|
|
/*height: 34px;
|
|
line-height: 28px;*/
|
|
color: rgb(89, 89, 89);
|
|
font-weight: bold;
|
|
/*margin-bottom: 2px;*/
|
|
}
|
|
|
|
.tab-toggle {
|
|
margin-left: 20px;
|
|
margin-right: 20px;
|
|
display: flex;
|
|
}
|
|
|
|
.tab {
|
|
position: relative;
|
|
top: 1px;
|
|
height: 28px;
|
|
/*padding: 8px 16px;*/
|
|
font-size: 18px;
|
|
float: left;
|
|
margin-right: 20px;
|
|
color: rgb(128, 128, 128);
|
|
font-size: 1.2em;
|
|
}
|
|
|
|
.tab_ra {
|
|
font-size:16px;
|
|
}
|
|
|
|
.tab:hover {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.active .tab {
|
|
/*background: white;*/
|
|
cursor: default;
|
|
/*color: rgb(35, 176, 99);*/
|
|
border-bottom: 3px solid green;
|
|
color: #32353F;
|
|
}
|
|
|
|
@media screen and (max-width: 706px) {
|
|
.active .tab {
|
|
border-bottom: none;
|
|
}
|
|
}
|
|
|
|
.tab_content {
|
|
position: relative;
|
|
}
|
|
|
|
.content_bg {
|
|
box-shadow: 0 0 1px 0 rgba(9, 30, 66, 0.31), 0 4px 8px -2px rgba(9, 30, 66, 0.25);
|
|
border: unset;
|
|
margin: 4px 20px 20px 20px;
|
|
}
|
|
|
|
.add_survey_header_title {
|
|
float: left;
|
|
font-size: 24px;
|
|
width: 79%;
|
|
height: 24px;
|
|
padding: 9px 18px;
|
|
font-weight: bold;
|
|
color: rgb(34, 173, 99);
|
|
}
|
|
|
|
.product_survey_hline {
|
|
width: 100%;
|
|
height: 2px;
|
|
float: left;
|
|
background-image: -webkit-gradient( linear, left top, right top, color-stop(0, #73BB2B), color-stop(1, #798279) );
|
|
background-image: -o-linear-gradient(right, #73BB2B 0%, #798279 100%);
|
|
background-image: -moz-linear-gradient(right, #73BB2B 0%, #798279 100%);
|
|
background-image: -webkit-linear-gradient(right, #73BB2B 0%, #798279 100%);
|
|
background-image: -ms-linear-gradient(right, #73BB2B 0%, #798279 100%);
|
|
background-image: linear-gradient(to right, #73BB2B 0%, #798279 100%);
|
|
}
|
|
|
|
.add_survey_body {
|
|
width: 79%;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.add_survey_body input {
|
|
color: rgb(112, 112, 112);
|
|
}
|
|
|
|
.add_survey_body input.error {
|
|
/*color: red;*/
|
|
}
|
|
|
|
.add_survey_body input[type="text"], .add_survey_body input[type="tel"],
|
|
.add_survey_body input[type="password"], .add_survey_body input[type="email"],
|
|
.add_survey_body input[type="number"] {
|
|
width: 100%;
|
|
padding: 2px 4px;
|
|
}
|
|
|
|
.add_survey_body select {
|
|
margin: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
.add_survey_img_wrap {
|
|
position: relative;
|
|
float: right;
|
|
width: 19%;
|
|
height: 100%;
|
|
padding: 42px 0;
|
|
}
|
|
|
|
.add_survey_img {
|
|
width: 80%;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.survey_form_body .survey_info:first-child {
|
|
padding-top: 0;
|
|
}
|
|
|
|
.survey_info {
|
|
float: left;
|
|
padding: 16px 18px 0;
|
|
}
|
|
|
|
.survey_form .survey_info {
|
|
float: left;
|
|
}
|
|
|
|
.survey_form .survey_btn_wrap {
|
|
float: right;
|
|
margin-right: 40px;
|
|
}
|
|
|
|
.survey_form {
|
|
position: relative;
|
|
color: rgb(112, 112, 112);
|
|
}
|
|
|
|
.survey_form:before {
|
|
top: -2px;
|
|
left: -2px;
|
|
right: -2px;
|
|
bottom: -2px;
|
|
background-image: -webkit-gradient(radial, right top, 10, 90% 0%, 150, from(rgb(196, 196, 196)), to(rgb(196, 196, 196)));
|
|
background-image: -webkit-radial-gradient(right top, 800px 10600px, rgb(196, 196, 196), rgb(196, 196, 196));
|
|
background-image: -moz-radial-gradient(right top, farthest-corner, rgb(196, 196, 196) 0%, rgb(196, 196, 196) 72%);
|
|
z-index: -2;
|
|
}
|
|
|
|
.survey_form:after {
|
|
top: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
z-index: -1;
|
|
background: #FFF;
|
|
}
|
|
|
|
.add_survey_body .title {
|
|
position: relative;
|
|
font-size: 20px;
|
|
line-height: 12px;
|
|
font-weight: bold;
|
|
padding-bottom: 16px;
|
|
}
|
|
|
|
.title {
|
|
font-size: 1.5rem;
|
|
font-weight: bold;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.survey_content {
|
|
position: relative;
|
|
margin: 4px 0;
|
|
/*font-size: 14px;*/
|
|
}
|
|
|
|
.survey_content .row {
|
|
float: left;
|
|
width: 100%;
|
|
padding: 4px 0;
|
|
margin-left: 0 !important;
|
|
margin-right: 0 !important;
|
|
}
|
|
|
|
.survey_content .row input[type="number"] {
|
|
height: 24px;
|
|
line-height: 24px;
|
|
border: 1px solid rgb(214, 214, 214);
|
|
padding: 1px 0 1px 4px;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.survey_content .row input[type="text"],
|
|
.survey_content .row input[type="password"],
|
|
.survey_content .row input[type="email"] {
|
|
position: relative;
|
|
vertical-align: top;
|
|
/*height: 22px;*/
|
|
line-height: 22px;
|
|
border: 1px solid rgb(214, 214, 214);
|
|
}
|
|
|
|
.survey_content .row select {
|
|
height: 26px;
|
|
}
|
|
|
|
.survey_content .row input[type="text"].datepicker_text {
|
|
top: 0;
|
|
}
|
|
|
|
.survey_content .row > div {
|
|
line-height: 28px;
|
|
float: left;
|
|
}
|
|
|
|
.survey_content .row > div > div {
|
|
/*margin-right: 22px;*/
|
|
position: relative;
|
|
}
|
|
|
|
.row > div > span {
|
|
float: left;
|
|
background: rgb(230, 230, 230);
|
|
border: 1px solid rgb(214, 214, 214);
|
|
border-right: 0;
|
|
text-align: center;
|
|
color: black;
|
|
/*height: 26px;*/
|
|
font-size: 14px;
|
|
line-height: 26px;
|
|
}
|
|
|
|
.unit {
|
|
position: absolute;
|
|
display: block;
|
|
right: -5px;
|
|
top: 3px;
|
|
z-index: 9;
|
|
font-size: small;
|
|
background: transparent;
|
|
padding: 0 4px;
|
|
height: 22px;
|
|
line-height: 22px;
|
|
}
|
|
|
|
.survey_form_body .unit {
|
|
right: 0;
|
|
}
|
|
|
|
.unit.disabled {
|
|
background: inherit;
|
|
}
|
|
|
|
.transition {
|
|
-webkit-transition: all 500ms cubic-bezier(0.925, 0.235, 0.185, 0.775);
|
|
-moz-transition: all 500ms cubic-bezier(0.925, 0.235, 0.185, 0.775);
|
|
-o-transition: all 500ms cubic-bezier(0.925, 0.235, 0.185, 0.775);
|
|
transition: all 500ms cubic-bezier(0.925, 0.235, 0.185, 0.775); /* custom */
|
|
-webkit-transition-timing-function: cubic-bezier(0.925, 0.235, 0.185, 0.775);
|
|
-moz-transition-timing-function: cubic-bezier(0.925, 0.235, 0.185, 0.775);
|
|
-o-transition-timing-function: cubic-bezier(0.925, 0.235, 0.185, 0.775);
|
|
transition-timing-function: cubic-bezier(0.925, 0.235, 0.185, 0.775); /* custom */
|
|
}
|
|
|
|
.form_split_line {
|
|
position: relative;
|
|
float: left;
|
|
width: 72%;
|
|
height: 1px;
|
|
background: rgb(214, 214, 214);
|
|
margin: 30px 15.9% 0 12.1%;
|
|
}
|
|
|
|
.PCR_percentage {
|
|
float: right;
|
|
height: 30px;
|
|
line-height: 30px;
|
|
padding: 2px 28px;
|
|
color: rgb(35, 176, 99);
|
|
background: #f4f4f4;
|
|
}
|
|
|
|
|
|
.footnote {
|
|
float: left;
|
|
width: 100%;
|
|
margin-top: 25px;
|
|
line-height: 1.5;
|
|
}
|
|
|
|
.inline_link {
|
|
height: 100%;
|
|
display: inline-block;
|
|
text-decoration: none;
|
|
color: #798279;
|
|
}
|
|
|
|
.inline_link:hover {
|
|
color: #a5a5a5;
|
|
}
|
|
|
|
.clearfix:after {
|
|
content: "";
|
|
display: table;
|
|
clear: both;
|
|
}
|
|
|
|
/* Save buttom for updating LCA infomation */
|
|
.save_LCAInfo_btn {
|
|
/*display: inline-block;*/
|
|
margin-right: 33px;
|
|
position: relative;
|
|
/*float: right;*/
|
|
padding: 0 12px;
|
|
line-height: 28px;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
background: rgb(255, 255, 255);
|
|
color: #a1a2a2;
|
|
border: 2px solid #a1a2a2;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.save_LCAInfo_btn:hover {
|
|
background: rgb(35, 173, 99);
|
|
color: white;
|
|
}
|
|
|
|
/* Saving result style after updating LCA infomation */
|
|
.save_LCAInfo_result_msg {
|
|
color: rgb(35, 176, 99);
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.area-selected {
|
|
width: 100px;
|
|
border: 1px solid gray;
|
|
margin-top: 1px;
|
|
}
|
|
|
|
.row > div > span.iso14064-unit-title {
|
|
height: 56px;
|
|
line-height: 56px;
|
|
}
|
|
|
|
.iso14064-unit-checklist {
|
|
height: 56px;
|
|
margin-right: -12px;
|
|
float: right;
|
|
overflow: hidden;
|
|
/*border: 1px solid rgb(214, 214, 214);*/
|
|
}
|
|
|
|
.iso14064-unit-checklist label {
|
|
margin-left: 3px;
|
|
margin-right: 3px;
|
|
}
|
|
|
|
.iso14064-unit-checklist input[type='checkbox'] {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.survey_content .iso14064-unit-checklist input[type='text'] {
|
|
display: inline-block;
|
|
width: 220px;
|
|
}
|
|
|
|
.selectLCA-select {
|
|
border: 1px solid #AAA;
|
|
}
|
|
|
|
.label-default {
|
|
color: #FFF;
|
|
display: inline-block;
|
|
border-radius: 4px;
|
|
padding: 4px 4px;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.label-inAnalyze {
|
|
background-color: #716aca;
|
|
}
|
|
|
|
.label-inProgress {
|
|
background-color: #36A3F7;
|
|
}
|
|
|
|
.label-unSigned {
|
|
background-color: #FFB822;
|
|
}
|
|
|
|
.label-rejected {
|
|
background-color: #b3b7be;
|
|
}
|
|
|
|
.label-signed {
|
|
background-color: #75DEC8;
|
|
}
|
|
|
|
.label-completed {
|
|
background-color: #34bfa3;
|
|
} |