﻿
.required {
    color:#ff0000;
}
span.language-management {
    display: inline-block;
    height: 37px;
    cursor: pointer;
    background-color: #c9c9c9;
}
input.language-management {
    background-color: #ffffff !important;
}
span.language-management-underline {
    cursor: pointer;
    text-decoration: underline;
}
.ul-level {
    list-style: none;
    padding: 0px 0px 15px 0px;
}

.ul-level li {
    float: left;
    padding: 0px 5px;
    cursor: pointer;
    text-decoration: underline;
}

.ul-level li::after {
    content: " > ";
}
.ul-level li:last-child::after {
    content: "";
}

label.error {
    display: block;
    width: 100%;
}
.block-loginname {
    text-align: center;
    color: #315089;
    border-bottom: solid 2px #379ae6;
}
tbody, td, tfoot, th, thead, tr {
    border-color: #379ae6;
}
/*=============================Parameter Setting=============================*/
ul.ul-parameter {
    list-style: none;
    padding: 2px;
}
.block-set-paramerter {
    display:none;
}
/*=============================Data Entry=======================================*/
#ui-datepicker-div {
    z-index: 9999 !important
}
.param-title-level0 {
    font-weight:bold;
}
.param-chart-view {
    cursor: pointer;
    display: block;
    text-decoration: underline;
}
.dataentry-status-new {
}
.dataentry-status-approve {

}
.dataentry-status-reject {

}

/*====================ESG Report Display=================================*/
.report-number-header {
    background-color: #0d6efd;
    color: #fff;
    padding: 5px;
    font-weight:bold;
}
.report-number-title {
    background-color: #c9c9c9;
    color: #fff;
    font-weight: bold;
}
.report-text-header {
    background-color: #0d6efd;
    color: #fff;
    padding: 5px;
    font-weight: bold;
}
.report-textbox-header {
    background-color: #0d6efd;
    color: #fff;
    padding: 5px;
    font-weight: bold;
}
.report-text-title-level0 {

}
.report-text-title-level1 {

}
.report-text-title-level2 {

}
.report-text-title-level4 {

}
.row-even {

}
.row-odd {

}
.row-even > div.report-text-title-level0,
.row-odd > div.report-text-title-level0 {
    
}

/*==================================Overall ESG Performance===============================*/
/*.arrow-increase {
    color: #e45d56;
    text-align: right;
}
.arrow-decrease {
    color: #008037;
    text-align: right;
}
.arrow-increase i,
.arrow-decrease i{
    font-size: 30pt;
}
.arrow-increase span,
.arrow-decrease span{
    font-size: 15pt;
    font-weight: bold;
}
.block-overall {
    border: solid 1px #e3e1e1;
    border-radius: 20px;
    padding-bottom: 10px;
}
.block-overall-total-title {
    text-align: center;
    padding: 20px 0px;
    font-weight: bold;
}
#blockEnvironment h3,
#blockEnvironment h5 {
    color: #2196f3;
}
#blockSocial h3,
#blockSocial h5 {
    color: #ff914d;
}
span.target-title {
}
span.target-level，
span.target-title {
}
span.span-year-total {
    margin-right:15px;
}
.social-bloci-icon {
    text-align: center;
    position: relative;
}
.social-icon {
    position: absolute;
    right: 5px;
    top: 0px;
    padding: 10px 15px;
    background-color: #2469ce;
    color: #fff;
    border-radius: 20px;
}
.social-icon-employe {
    position: absolute;
    right: 10px;
    top: -10px;
    font-size: 30pt;
    color: #ffb88c;
}
.social-icon-male {
    position: absolute;
    top: -10px;
    left: 5px;
    font-size: 30pt;
    color: #2097f3;
}
.social-icon-female {
    position: absolute;
    right: 10px;
    top: -10px;
    font-size: 30pt;
    color: #ff4d80;
}*/