.application{
  font-family: 'Nanum Gothic', sans-serif !important;
}
.title{
  font-weight: 600 !important;
}
.toolbar__title{
  font-weight: 600 !important;
}
.btn{
  font-weight: 600 !important;
}
.subheading_cust{
  font-size:16px;
  font-weight: 600 !important;
}
.headline_cust{
  font-size:200%;
  font-weight: 600 !important;
}
table.table thead th{
  font-weight: 600 !important;
  font-size:15px;
}
#company_chart_comb{
  height: 468px;
  min-width: 310px;
  max-width: 1800px;
}
.removea{
  text-decoration: none !important;
  color:inherit !important;
}
.notbtn{
  border-radius:0px !important;
  box-shadow:none !important;
}
.custbtn{
  margin:0 16px;
  text-transform: uppercase;
  font-weight: 500;
  cursor:pointer;
}
.minyeorange{
  background-color: #f96854;
  border-color:#f96854;
}
.highcharts-container {
  width:100% !important;
}
.w100{
  width:100% !important;
}
.space-top{
  width:100%;
  height:60px;
}
.space-right{
  width:10px;
}
.space-bottom{
  height:38px;
}
.pos-abs{
  position:absolute !important;
}
.cp{
  cursor: pointer;
}
.dis-inline{
  display:inline;
}
.dis-block{
  display:block;
}
.dis-inblock{
  display:inline-block !important;
}
.dis_contents{
  /*display:contents !important;*/
}
.dis-inflex{
  display:inline-flex !important;
}
.fl-right{
  float:right;
}
.fl-left{
  float:left;
}
.tx-right{
  text-align: right !important;
}
.tx-center{
  text-align: center;
}
.tx-left{
  text-align: left;
}
.lila-on-raven{
  color: #f2f3f4 !important;
  background-color:#373d3f !important;
}
.raven-on-lila{
  color: #373d3f !important;
  background-color:#fff !important;
}
.lila--text{
  color:#f2f3f4 !important;
}
.raven--text{
  color:#373d3f !important;
}
.raven--bg{
  background-color: #373d3f !important;
}
.lila--bg{
  background-color: #f2f3f4 !important;
}
.dark--bg{
  background-color: #424242 !important;
}
.darkalice{
  color:#107896 !important;
}
.darkalice-bg{
  background-color: #107896;
}
.darkalice-underline{
  color:#107896;
  text-decoration: underline;
  cursor: pointer;
}
.tx-capital{
  text-transform: capitalize;
}
.fs-15{
  font-size: 15px !important;
}
.fs-30{
  font-size: 30px !important;
}
.fs-20{
  width: 20px !important;
  height:20px !important;
}
.grey-underline{
  color:grey;
  text-decoration: underline;
  cursor: pointer;
}
.raven{
  color:#373d3f !important;
}
.bg-trans{
  background-color: transparent !important;
  box-shadow: none !important;
}
.bg-white{
  background-color: #fff !important;
}
.bg-wh{
  background:#fff;
  height:70px;
}
.low--text{
  color: #E5E9E7 !important;
}
.medium--text{
  color: #f2be14 !important;
}
.high--text{
  color: #FF6C2F !important;
}
.vh--text{
  color: #E10600 !important;
}
.extreme--text{
  color: #000000 !important;
}
.low--color{
  background-color: rgba(229, 233, 231, 0.5) !important;
  border: 1px solid #E5E9E7 !important;
}
.medium--color{
  background-color: rgba(242, 190, 20, 0.5)!important;
  border: 1px solid #f2be14 !important;
}
.high--color{
  background-color: rgba(255, 108, 47, 0.5) !important;
  border: 1px solid #FF6C2F !important;
}
.vh--color{
  background-color: rgba(225, 6, 0, 0.5) !important;
  border: 1px solid #E10600 !important;
}
.extreme--color{
  background-color: rgba(0, 0, 0, 0.5) !important;
  border: 1px solid #000000 !important;
}
.lowissue--color{
  background-color: rgba(229, 233, 231, 0.5) !important;
  border-bottom: 5px solid #E5E9E7 !important;
}
.mediumissue--color{
  background-color: rgba(242, 190, 20, 0.5)!important;
  border-bottom: 5px solid #f2be14 !important;
}
.highissue--color{
  background-color: rgba(255, 108, 47, 0.5) !important;
  border-bottom: 5px solid #FF6C2F !important;
}
.vhissue--color{
  background-color: rgba(225, 6, 0, 0.5) !important;
  border-bottom: 5px solid #E10600 !important;
}
.extremeissue--color{
  background-color: rgba(0, 0, 0, 0.5) !important;
  border-bottom: 5px solid #000000 !important;
}
.en--color{
  background-color: #1DD66B !important;
  border-color: #1DD66B !important;
} 
.so--color{
  background-color: #F2BE14 !important;
  border-color: #F2BE14 !important;
}
.go--color{
  background-color: #007AFF !important;
  border-color: #007AFF !important;
}
.blue--color{
  background-color: #001860 !important;
  border-color: #001860 !important;
}

.go--text{
  color: #007AFF !important;
}
.so--text{
  color: #F2BE14 !important;
}
.en--text{
  color: #1DD66B !important;
}

/*.go--text{
  color: #607D8B !important;
}
.so--text{
  color: #00BCD4 !important;
}
.en--text{
  color: #009688 !important;
}*/
.td-underline{
  text-decoration: underline;
  cursor:pointer;
}
.input-group.input-group--selection-controls .input-group__input{
  padding-left: 10px;
}
.input-group.input-group--selection-controls.switch .input-group--selection-controls__toggle{
  color:rgba(0,0,0,.38)!important;
}
.input-group.input-group--selection-controls.switch .input-group--selection-controls__toggle.input-group--selection-controls__toggle--active{
  color:inherit !important;
}
.input-group.input-group--append-icon label, .input-group.input-group--prepend-icon label, .input-group.input-group--selection-controls label{
  max-width:100% !important;
}
.dis-inblock{
  display:inline-block;
}
.dis-none{
  display:none !important;
}
.hidden{
  visibility:hidden;
}
.dis-flex{
 display:flex;
}
.m-4{
  margin: auto -4px;
}
.br-btm{
  border-bottom:1px solid rgba(0,0,0,.12);
}
.mui-table{
  border:1px solid rgba(0,0,0,.12);
  border-radius: 1px;
  border-collapse: collapse;
}
#main-color{
  fill:#2196f3;
  color:#2196f3;
}
.left{
  text-align: left !important;
}
.right{
  text-align: right !important;
}
.eye-icon{
  margin-left: 10px;
  margin-top:2px;
}
.mt-110{
  margin-top: 110px;
}
.space-top-45{
  height:45px;
}
.space-bottom-20{
  height:20px;
}
.overlay_beidge{
  opacity:0;
  background-color:#f5f5f5;
  position:fixed;
  width:100%;
  height:100%;
  top:0px;
  left:0px;
  z-index:1000;
}
.overlay_black{
  opacity:0;
  background-color:#000;
  position:fixed;
  width:100%;
  height:100%;
  top:0px;
  left:0px;
  z-index:1000;
}
.overlay_fintech{
  opacity:0;
  background-color:#001f40;
  position:fixed;
  width:100%;
  height:100%;
  top:0px;
  left:0px;
  z-index:1000;
}
.appbar-cust{
  text-decoration: none !important;
  color:#373d3f !important;
}
/*.loading_cust{
  z-index: 10 !important;
  height:200px !important;
  width:200px !important;
  top:43%;
  left:45%;
  position:fixed !important;
}*/
.temp-content{

  text-align:left;
  margin-left:5% !important;
}
.orange--color{
  color:#ff9800;
}
.stepper__step__step{
  background-color: #1976d2 !important;
  border-color:#1976d2 !important;
}
.application .theme--dark.stepper .stepper__label, .theme--dark .stepper .stepper__label{
  text-shadow:0 0 0 #fff !important;
}
.wh100{
  width: 100%;
  height:100%;
  text-decoration: none !important;

}
.al-center{
  align-items: center;
}
.toolbar{
  width:inherit !important;
}
.p0{
  padding:0px !important;
}
.pt0{
  padding-top:0px !important;
}
.p0-16
.header-line{

}
.centered{
  position: fixed;
  top: 50%;
  /* bring your own prefixes */
  /*transform: translate(-50%, -50%);*/
}
#f-mui-logo{
  display:inline-block;
  height:30px;
  width:130px;
  cursor:default;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  top:-10%;
  z-index: 10;
}
#f-mui-logo-mini{
  height:30px;
  width:30px;
  margin-left:-7px;
  cursor:default;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  margin-top:13px;
  z-index: 10;
}
#signin{
  /*background: url(/img/bg-product.jpg) no-repeat center center;*/
}
.avatar_cust{
  width:30px !important;
  height:30px !important;
  margin-left:10px;
}
.whosgood--color{
  color:#E10600;
}
.application.theme--light > .tabs__item--active{
  color:#2196f3 !important;
}
.light-raven--text{
  color:rgba(0,0,0,.54) !important;
}

.autocomplete-datatable{
  position:absolute;
  top:46px;
  width:inherit;
  box-shadow: 0 3px 0px -2px rgba(0,0,0,.2), 0 2px 0px 0 rgba(0,0,0,.14), 0 1px 0px 0 rgba(0,0,0,.12);
  display:none;
}
.toolbar .input-group--single-line:not(.input-group--solo) label {
  top:8px !important;
}
.input-group--text-field.input-group--prepend-icon .input-group__details{
  max-width: 100% !important;
}

.input-group__input > .input-group__append-icon{
 /* border-bottom: 1px solid #373d3f !important;*/
  padding-bottom: 5px !important;
}
.input-group__input > #companies{
 /* border-bottom: 1px solid #373d3f !important;*/
}

.input-group__input > .input-group__prepend-icon{
 /* border-bottom: 1px solid #373d3f !important;*/
  padding-bottom: 5px !important;
}

.input-group__icon-cb{
  border-bottom: none !important;

}
.h-a{
  height:auto !important;
}
.fintech--color{
  background-color:#05134E !important;
}
.fintech--text{
  color:#05134E !important;
}
.fintech{
  background-color:#05134E !important;
  border-color:#05134E !important;
}
.fintech-dark--color{
  background-color:#000f20 !important;
}
.lila-on-fintech{
  color: #f2f3f4 !important;
  background-color:#05134E !important;
}
.lila-on-fintech-dark{
  color: #f2f3f4 !important;
  background-color:#000f20 !important;
}
.en-slider--color{
  background-color:#1dd66b !important;
  color:#1dd66b !important;
}
.so-slider--color{
  background-color:#f2be14 !important;
  color:#f2be14 !important;
}
.go-slider--color{
  background-color:#007aff !important;
  color:#007aff !important;
}
.input-group.input-group--slider{
  padding:0px 16px !important;
}
#lending .input-group__details{
  min-height: 0px !important;
}
.black-slider{
  border:3px solid #fff !important;
  background-color: #000!important;
  width:20px !important;
  height:20px !important;
}
.article--color{
  background-color:#1BC9A8 !important;
}
.esg_article--color{
  background-color:#001F40 !important;
}
.company--color{
  background-color:#EAF4FF !important;
}
.esg_incident--color{
  background-color:#000000 !important;
}
.br-40{
  border-radius: 40% !important;
}
.card__actions{
  height:68px !important;
}
.btn_floating_cust{
  width:46px !important;
  height:46px !important;
  overflow:hidden;
}
.title_cust{
  font-size:20px!important;
  font-weight:400;
  line-height:1!important;
  letter-spacing:.02em!important;
}
.tx-cap{
  text-transform: capitalize !important;
}
.fw-400{
  font-weight: 400 !important;
}
.fw-500{
  font-weight: 500 !important;
}
#lending .list__tile{
  height:43px !important;
}
#lending_card .card{
  box-shadow: none !important;
}
.br-8{
  border-radius: 8px !important;
}
.jumbotron__background{
  border-radius: 8px !important;
}
#lending_overview .card__media__content, #lending_risk .card__media__content{
  margin-bottom: 52px;
}
.issuelist-hover{
  width:80%;
  margin-left:1em;
  box-shadow: 0 2px 1px -1px rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 3px 0 rgba(0,0,0,.12);
}
.issueBtn{
  margin:0px;
  height:48px;
  border-radius:0px;
  box-shadow:inset 2px 3px 3px -2px rgba(0,0,0,.2), inset 0 3px 2px -3px rgba(0,0,0,.14), inset 0px 3px 5px 0 rgba(0,0,0,.12), 0px 3px 3px 0px rgba(0,0,0,.14);
}
.c-d{
  cursor:default !important;
}
/*Responsive Font*/

@media only screen and (max-width: 600px) {

  .display-3{
    font-size: 34px !important;
  }
  .display-1{
    font-size: 20px !important;
  }
  .title{
    font-size: 16px !important;
  }
}

/* ------------------------------------

  List Page

------------------------------------*/
#list_search .input-group--text-field input{
  font-size: 30px !important;
  height: 49px;
  font-weight: 100;
  padding: 0 0 0 9px;
}
/*#list_search .material-icons {
  font-size: 50px !important;
  color: #fff;
}*/

#list_filter{
  padding-right:2em;
  padding-top:7em;
}
#list_filter .input-group label{
  line-height: inherit !important;
}
.k-treeview .k-content, .k-treeview .k-item>.k-group, .k-treeview>.k-group{
  text-align: -webkit-auto !important
}
.k-checkbox-label:before{
  margin-top:8px;
}
.k-treeview .k-in{
  width:-webkit-fill-available;
}
div.k-treeview{
  overflow:hidden !important;
  text-overflow: ellipsis;
}
.flex_end{
  justify-content: flex-end;
}
.bar_label{
  display:inline-flex;
  padding:0px !important;
  justify-content: flex-end;
  align-items: center;
}
.bar_revel{
  padding:0px !important;
  justify-content: flex-end;
  align-items: center;
}
.k-treeview span.k-in{
  color:#fff !important;
}
.clear-btn{
  color:#979AA2 !important;
  background-color: #434958 !important;
}
.clear-btn span{
  display:inline-block;
  font-size:17px;
  font-weight: 300;
  padding: 0 2px;
  vertical-align: baseline;
  margin-top:-.15em;
  padding-right:.5em;
}
/*데이터 테이블 칼럼 클릭시 나타나는 CSS*/
.application .theme--light.datatable thead th.column.sortable.active, .application .theme--light.datatable thead th.column.sortable.active i, .application .theme--light.datatable thead th.column.sortable:hover, .theme--light .datatable thead th.column.sortable.active, .theme--light .datatable thead th.column.sortable.active i, .theme--light .datatable thead th.column.sortable:hover {
    outline:none !important;
}
/* 상위 텍스트 css */

/* 그룹 텍스트 css */
.k-group span.k-in{
  font-weight: 600;
  transition:color 0.15s;
  font-size:13px;
  color:#979aa2 !important;
}
.application .theme--dark.table, .theme--dark .table{
  background-color:#05134E !important;
}
.application .theme--dark.table tbody tr:not(:last-child), .theme--dark .table tbody tr:not(:last-child) :hover{
  background-color:#05134E !important;
}
/*.expand-pad{
  padding:0 22px 0 27px !important;
}*/
/*Table Width*/
.inherit_w{
  width: inherit;
}
.td_10{
  min-width:10%;
  max-width:10%;
  width:10%;
}
.td_20{
  min-width:20%;
  max-width:20%;
  width:20%;
}
.td_30{
  min-width:30%;
  max-width:30%;
  width:30%;
}
.tb_icon{
/*  min-width:80px;
  max-width:80px;
  width:80px;*/
  min-width:10%;
  max-width:10%;
  width:10%;
}
.datatable__expand-content{
/*  display:flex !important;*/
 /* display:inline-table !important;*/
  display:flex !important;
  height:7.3em;
  width:100%;
  min-width:100%;
}
.ml-16{
  margin-left:16px;
}
.mr-16{
  margin-right:16px;
}
.mr-8{
  margin-right:8px;
}
.avatar_cust_list{
  float:left;
  margin-left:1.5em;
}
.avatar_cust_risksignal{
  float:left;
  margin-right:.5em;
  margin-bottom:.1em;
}
.risk_sig_label{
  font-size:13px !important;
  font-weight:500 !important;
  margin-right:16px !important;
  margin-left:8px !important;
}
.risk_sig_label_end{
  font-size:13px !important;
  font-weight:500 !important;
  margin-right:0px;
  margin-left:8px;
}
.risk_sig_no{
    font-size:13px !important;
  font-weight:500 !important;
}
.risk_sig_icon{
  font-size:20px !important;
  font-weight:400 !important;
  margin-top:1px;
}
.risk_sig_default{
  font-weight:600 !important;
  font-size:13px !important;
  color:#424242;
  min-width: fit-content !important;
  max-width: fit-content !important;
  margin-right:.3em;
}
.fw4_fs13{
  font-weight: 400 !important;
  font-size:13px !important;
}
.progress_cust{
  height:14px !important;
  margin:5px 0px !important;
}


.icon_cust_list{
  /*font-size:2em !important;*/
  opacity: 0.3;
  font-size: 50px !important;
}
.sta_name_list{
  padding: 0px 0px 0px 1em !important;
  opacity:0.8;
  font-size:.8em;
  font-weight: 900;
}
.sta_val_list{
  padding: 0px 0px 0px .8em !important;
  font-size:1.2em;
  font-weight: bold;
  float:left;
}
.tb_sm_icon{
/*  min-width:30px;
  max-width:30px;
  width:30px; 
  padding:0px !important;*/
  min-width:10%;
  max-width:10%;
  width:10%;
}
.tb_bar{
/*  min-width:170px;
  max-width:170px;
  width:170px;*/
  min-width:20%;
  max-width:20%;
  width:20%;
  font-size:15px !important;
}
.tb_bar_half_row{
  width:80px;
  min-width: 80px;
  max-width: fit-content;
}

.tb_bar_half{
  min-width:40px;
  max-width:40px;
  width:40px;
}
.tb_bar .tb_bar_name{
  min-width:120px;
  max-width:120px;
  width:120px;
}
.tb_bar .tb_bar_num{
   min-width:30px;
   max-width: 30px;
   width: 30px;
}
.tb_bar_gp_num{
  min-width:60px;
  max-width:60px;
  width:60px;
}
.p4{
  padding:4px;
}

.tb_name{
/*  min-width:242px;
  max-width: 242px;
  width:242px;*/
  min-width:20%;
  max-width:20%;
  width:20%;
  font-size:15px !important;
}
.ex_pad_name{
  padding: 4px 0px 4px 3px !important;
}
.ex_pad_num{
  padding: 4px 4px 4px 3px !important;
}
/*Tbl*/
.application .theme--dark.table tbody tr:not(:last-child), .theme--dark .table tbody tr:not(:last-child){
  border-bottom: none !important
}
.datatable__expand-col--expanded{
/*  border-bottom: none !important;*/
}
.application .theme--light.table tbody tr:not(:last-child), .theme--light .table tbody tr:not(:last-child){
  border-bottom: none !important;
}
.esg_circle{
  width:20px;
  height:20px;
  background:white;
  border-radius: 50%;
  transform: translate(-50%,-50%) scale(.3);
  -webkit-transform:translate(-50%,-50%) scale(.3);
  opacity: 1;
  -webkit-transform-origin:center center;
  transition:.4s cubic-bezier(0,0,.2,1);
  transform-origin:center center;
}
.flex-center{
  justify-content: center;
}
.application .theme--dark.datatable .datatable__actions, .theme--dark .datatable .datatable__actions{
  background-color: #05134E !important;
}
.lending_sta{
  height:36px;
  margin:6px 8px;
  justify-content: center;
  align-items: center;
  display:flex;
}
#list_box_01 td{
  text-align: center;
  vertical-align: middle;
  padding:0 0px 5px 15px;
  color:hsla(0,0%,100%,.7);
}
.cool-link {
    display: inline-block;
    color: #FFF;
    text-decoration: none;
}

.cool-link::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: #FFF;
    transition: width .3s;
}

.cool-link:hover::after {
    width: 100%;
}
.cool-link_p {
    display: inline-block;
    text-decoration: none;
}

.cool-link_p::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: #05134E;
    transition: width .3s;
}

.cool-link_p:hover::after {
    width: 100%;
}
.expand_tr:hover{
   background-color:#05134E !important;
}
/*1px solid hsla(0,0%,100%,.12)*/
/* Incident Chart */
.highcharts-point{
/*  stroke: #fff;*/
}
.highcharts-range-selector-group{
  display:none !important;
}
.highcharts-tooltip {
  z-index: 9998;
}
.cw{
  color:white !important;
}
.card-remove{
/*  background-color: transparent !important;*/
  box-shadow: none !important;
}
.card-rm{
  background-color: transparent !important;
  box-shadow: none !important;
}
.news_title{
  margin-bottom:10px;
}
#incident_ana .table{
  background-color:#f5f5f5 !important;
}
#incident_ana .datatable__actions{
  background-color:#f5f5f5 !important;
}
/*loading*/
.risk_label{
  display:inline-flex;
  color:#fff;
  border-radius:10em;
  width:fit-content;
  font-size:.9em;
  justify-content: center;
  margin-left:.8em;
  vertical-align: text-bottom;
  padding:0em .5em;
}
#list_title_cust{
  height:140px !important;
}
#list_title_cust_i{
  height: 500px !important;
}
.company_name_label{
  display:inline-flex;
  justify-content: center;
  align-items: center;
  font-size:14px;
  font-weight:700;
  line-height:normal;
  flex:0 1 auto;
  text-align: center;
  vertical-align: middle;
  max-width: 264px;
  padding:6px 12px;
/*  color:#f57f00;*/
}
.company_risk_label{
  width:20px;
  margin-left:auto;
  height:auto;
  margin-top:14px;
  margin-bottom:14px;
}
.tabs__container--align-with-title{
  padding:0 11% !important;
}
.tabs__slider-wrapper{
  left:0 auto !important;
}
.tooltipHeader {
  float: right;
  font-size: 0.6rem;
}

.tooltipHeader::before{
  float: left;
  content: 'Date:';
  padding-right: 5px;
  opacity: .5;
  display: block;
}

.tooltipHeader::after{
  float: none;
}

.tooltipPointWrapper {
  display: block;
  text-align: center;
  padding: 10px 0;
}

.tooltipPoint {
  font-size: 1.5rem;
  padding-left: 5px;
  /* color: #FF0045; */
}

.tooltipValueSuffix {
  padding-left: 5px;
  color: #1BC9A8;
}

.tooltipLine {
  display: block;
  opacity: .5;
  background-color: #fff;
  width: 100%;
  height: 1px;
  padding: 0;
  margin: 0;
}
.mw_fit{
  max-width: fit-content;
}
.d_line{
  height:1px;
  width:95%;
  background-color: #e9eff2;
  margin:auto;
}
.comp_score{
  border:1px solid #ffffff5c;
  padding:2px 10px;
  border-radius: 5px;
  color:#ffffffab;
}
.comp_name{
  font-size:1.5rem;
}
.comp_label{
  font-size:0.8rem;
}
.filter_r{
  background-color:#05134E !important;
  color:#fff !important; 
}
.input-group.input-group--selection-controls .input-group__input .icon--selection-control{
/*  color:#fff !important;*/
}
.pa_right{
  padding:0 24px 0 12px !important;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.pa_left{
  padding:0 12px 0 24px !important;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.pa_center{
  padding:0 12px 0 12px !important;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#Layer_1{
  width:10rem;
  height:10rem;
}
#svg-wgIcon{
  color:#fff !important;
}
#p_filter .icon{
  color:#fff !important;
}
#l_filter .icon{
  color:#05134E !important;
}
.ia_icon_wrapper{
  margin-right:.8em;
  width:1.5em;
  height:1.6em;
  border-radius: 50%;
}
.ia_icon{
  width:1.5em;
  height:1.5em;
  justify-content: center;
  align-items:center;
  border-radius: 50%;
  box-shadow: 1px 1px 1px 1px #ddd;
}
.ia_icon_dark{
  width:1.5em;
  height:1.5em;
  justify-content: center;
  align-items:center;
}
.loader {
  width: 40vmin;
  left: 50%;
  top: 50%;
  position: fixed;
  margin: -20vmin;
}
#jack_loading{
  margin-top:-6px;
}
.progress {
  stroke: red;
  stroke-width: 0.2px;
  stroke-dasharray: 100;
  stroke-dashoffset: 100;
  animation: fake-load 5s infinite;
  transform-origin: center;
  transform: rotate(-90deg);
}
@keyframes fake-load {
  from {
    stroke-dashoffset: 100;
    stroke-width: 1px;
    opacity: 0;
    stroke: red;
  }
  to {
    stroke-dashoffset: 0;
    stroke-width: 1px;
    opacity: 1;
    stroke: olive;
  }
}
input:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0px 9999px white !important;
}
.btnScore{
/*  opacity: 0.5;*/
  min-width: 40px;
}

.btnScore:hover {
  opacity: 1;
}

#appIcon {
  width: 100%;
  max-width: 2.4rem; /* fleximble width */
}
.navyBlue{
  background-color: #05134E !important;
  border-color: #05134E !important;
}
.navyBlue--text{
  color: #05134E !important;
}
/*remove yellow line*/
#co_reputation_colornode_pop {
  position: absolute;
  z-index:100000;
  width: 360px; height: auto;
  padding: 24px; 
  
  box-shadow: 0px 0px 8px #999;
  background: white;
  transition: opacity 0.32s,
        left 0.32s,
        top 0.32s;
  } #co_reputation_colornode_pop .co_rep_description_title {
    font-size: 16px; 
    color: #666; margin-bottom: 8px;
  } #co_reputation_colornode_pop .co_rep_description_news_title {
    font-size: 15px; 
    color: black; margin-bottom: 2px;
  } #co_reputation_colornode_pop .co_rep_description_news_date {
    font-size: 12px; 
    color: #666; margin-bottom: 16px;
  } #co_reputation_colornode_pop .co_rep_description_news_contents {
    font-size: 12px; 
    width: 320px;
    color: #666; height: 100px; margin-bottom: 4px;
    text-overflow: ellipsis; overflow: hidden;
  } #co_reputation_colornode_pop .co_rep_description_table {
    margin-bottom: 10px;
  } #co_reputation_colornode_pop .co_rep_description_table table {
    width: 100%; height: auto; text-align: center; 
    font-size: 14px;
  } #co_reputation_colornode_pop .co_rep_description_table table .t_udline {
    border-bottom: 1px solid #CCC;
  } #co_reputation_colornode_pop .co_rep_description_table table .t_udline td {
    padding-top: 6px; padding-bottom: 4px; 
  } #co_reputation_colornode_pop .co_rep_description_table table .t_ddline td {
    padding-bottom: 6px; 
  }
  #jack_chart svg .link{
    fill:none !important;
  }
  #jack_chart svg g text{
    font-weight: 400 !important;
  }
/* Janis Element*/
a.tabs__item.tabs__item--active {
/*  color: #003BFF;*/
}
.lotOfText {
  overflow: hidden;
  max-height: auto;
}
/*.incidentRiskLevel {
 background: rgba(166, 2, 253, 0.2);
 border-radius: 16px;
 height: 30px;
}*/
.incidentRiskLevel {
  border-radius: 16px;
  height: 30px;
  max-width: 80px;
  display:flex;
}

.backgroundExtreme {
  background: rgba(166, 2, 253, 0.2);
}

.backgroundVeryHigh {
  background: rgba(253, 37, 104, 0.2);
}

.backgroundHigh {
  background: rgba(255, 137, 0, 0.2);
}

.backgroundMedium {
  background: rgba(255, 196, 0, 0.2);
}

.backgroundLow {
  background: rgba(0, 122, 255, 0.2);
}
.open {
max-height: auto !important;
}
.close {
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  max-height: 5.7rem;
}
.close_incident {
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  height: 29.4rem; 
}
.iconS{
 border: solid 1px #F2BE14;
 border-radius: 22px;
 width: 22px;
 height: 22px;
 padding: 0px;
 color: #F2BE14;
 text-align: center;
}
.iconG{
 border: solid 1px #007AFF;
 border-radius: 22px;
 width: 22px;
 height: 22px;
 padding: 0px;
 color: #007AFF;
 text-align: center;
}
.iconE{
 border: solid 1px #1DD66B;
 border-radius: 22px;
 width: 22px;
 height: 22px;
 padding: 0px;
 color: #1DD66B;
 text-align: center;
}
#appHelp {
  position: fixed;
  bottom: .7rem;
  right: .7rem;
  z-index: 99999999;
}

#helpMenuContent {
    position: fixed;
    width: 300px;
    bottom: 5rem;
    right: 1.7rem;
    max-height: 600px;
    overflow-x: hidden;
}
#incidentHelp img { max-width: 100%; }

.environmentIcon,
.socialIcon,
.governanceIcon {
  border-radius: 24px;
  width: 24px;
  height: 24px;
  padding: 0px;
  text-align: center;
  display: inline-block;
}

.environmentIcon { border: solid 1px #1DD66B; color: #1DD66B; }
.socialIcon { border: solid 1px #F2BE14; color: #F2BE14;  }
.governanceIcon { border: solid 1px #007AFF; color: #007AFF;}


  #welcomePage {
    background-color: #000 !important;
    background: #000 !important;
    width:100%;
  }

  #appIcon {
    width: 100%;
    max-width: 2.4rem; /* fleximble width */
  }

  .borderRadius10 {
    border-radius: 5px;
  }

  .riskLevelCard {
    min-height: 12rem;
  }

  .esgArticlesIcon img,
  .companiesIcon img {
    width: 46px;
    height: 46px;
    border-radius: 17px;
  }

  .welcomCard {
    background: linear-gradient(-40deg, #037BFF, #4097FA);
  }
  #search .v-menu__content{
    max-height:235px;
    background-color: #fff;
    box-shadow: 0 5px 5px -3px rgba(0,0,0,.2), 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 0px 2px rgba(0,0,0,.12) !important;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
  }
  #search .v-input__slot{
    margin-bottom:0px !important;
  }
  #subTab .v-toolbar__extension{
    justify-content: center;
    background-color: #fafafa;
  }
  .clickedTr{
    background-color:#eceff1!important;
  }