/* 거래처 관리 페이지 CSS */
div.supplier-list{
  height: 718px;
}
div.supplier-list0{
  height: 688px;
}
div.supplier-detail{
  height: 824px;
}
div.account-list{
  height: 440px;
}
div.pic-list{
  height: 290px;
}

div.div_pic,
div.div_krwAccount,
div.div_korUsdAccount,
div.div_forUsdAccount{
  height: 820px;
  overflow: auto;
}
div.supplier-footer,
div.pic-footer,
div.krwAccount-footer,
div.usdAccount-footer{
  padding: 5px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
div.supplier-footer > div,
div.pic-footer > div,
div.krwAccount-footer > div,
div.usdAccount-footer > div{
  overflow: hidden;
}
div.panel-body-overflow{
  overflow: auto;
}

table.supplier_list th, table.supplier_list td,
table.pic_list th, table.pic_list td{
  border: 1px solid #C7B198 !important;
  font-weight: bold;
}
table.supplier_list thead tr th, table.pic_list thead tr th{
  background-color: #F0ECE3 !important;
  height: 40px;
}

li.tab-fifth{
  width: 20%;
}

.btn-supplier-function{
  width: 150px !important;
}
div.div_supplier{
  display: grid;
  grid-template-columns: 4fr 13fr 3fr;
  border-top: 1px solid #C7B198;
  border-left: 1px solid #C7B198;
  overflow: auto;
  margin: 5px 0;
}
div.div_supplier textarea{
  resize: none;
}
div.div_account {
  display: grid;
  grid-template-columns: 4fr 9fr 3fr 2fr 2fr;
  border-top: 1px solid #C7B198;
  border-left: 1px solid #C7B198;
  overflow: auto;
}
div.div_account:not(:first-of-type){
  margin: 5px 0 0 0;
}
div.div_supplier > div.supplier_item,
div.div_account > div.account_item{
  display: grid;
  align-items: center;
  border-bottom: 1px solid #C7B198;
  padding: 3px;
  /* justify-content: center; */
}
div.div_supplier > div.need_item{
  color: red;
  font-size: 11px;
  font-weight: 600;
}

div.div_supplier > div.supplier_item > span,
div.div_account > div.account_item > span{
  font-weight: 600;
}

div.div_supplier > div.supplier_item:not(.not_border_right),
div.div_account > div.account_item:not(.not_border_right){
  border-right: 1px solid #C7B198;
}
div.div_supplier > div.supplier_title,
div.div_account > div.account_title{
    background-color: #F0ECE3;
    padding-left: 10px;
    border-right:2px solid #C7B198 !important;
}
/* div.div_account > div.account_item:nth-child(4){ */
div.div_account > div.account_item:nth-child(4){
  grid-column: 4 / 5;
  grid-row: 1 / 6;
}
div.div_account > div.account_item:nth-child(5){
  grid-column: 5 / 6;
  grid-row: 1 / 6;
}

/* div.div_account > div.account_item:nth-child(5){
  grid-column: 5 / 6;
  grid-row: 1 / 6;
} */
div.div_account > div.btn_item{
  justify-content: center;
}
div.div_account > div.btn_item > button.btn{
  width: 54px;
}
div.div_account > div.no_data{
  grid-column: 1 / 6;
}
label.active, label.active:hover, label.active:focus{
  background-color: #082032;
  color: #FFF;
}
label.btn-upload, label.btn-upload:hover, label.btn-upload:focus{
  color: #FFF;
  background-color: #2C394B;
  border: solid 1px #082032;
  width: 100px;
}
input.file_name{
  cursor: pointer;
}
button.btn-supplier, button.btn-supplier:hover, button.btn-supplier:focus{
  color: #FFF;
  background-color: #055052;
  border: solid 1px #003638;
}
button.btn-account, button.btn-account:hover, button.btn-account:focus{
  color: #FFF;
  background-color: #595260;
  border: solid 1px #2C2E43;
}

div.tab-contentSup{
  padding: 0;
}
div.tab-supplier{
  height: 863px;
  padding: 0;
}

div.alert-none{
  background-color:rgb(227, 231, 237);
  border: 1px solid rgb(205, 212, 224);
  border-radius:4px;
  color:rgb(63, 70, 84);
}

div.alert-linkNotyet{
  background-color: #EEE;
  border: 1px solid rgb(205, 212, 224);
  border-radius:4px;
  color:rgb(63, 70, 84);
}

div.alert-missing,
div.alert-linkActive{
  background-color:rgb(204, 225, 254);
  border: 1px solid rgb(184, 213, 254);;
  border-radius:4px;
  color:rgb(1, 54, 130);
}
div.alert-valid{
  background-color: #E6DDC6;
  border: 1px solid #C2B8A3;
  border-radius: 4px;
  color: #7D5A50;
}
div.alert-need_inbus{
  background-color: #FFEED8;
  border: 1px solid #FFBD9B;
  border-radius: 4px;
  color: #AA2B1D;
}
div.alert-expire,
div.alert-linkExpire{
  background-color:rgb(248, 215, 218);
  border: 1px solid rgb(245, 198, 203);
  border-radius:4px;
  color:rgb(114, 28, 36);
}
div.alert-conformity,
div.alert-linkReply{
  background-color:rgb(207, 241, 222);
  border: 1px solid rgb(188, 235, 209);
  border-radius:4px;
  color:rgb(8, 95, 46);
}

div.alert-kssline{
  background-color: #E4F9F5;
  border: 1px solid #40514E;
  border-radius:4px;
  color: #40514E;
}
div.alert-kssmarine{
  background-color: #FEF7DC;
  border: 1px solid #A19882;
  border-radius: 4px;
  color: #402218;
}
div.alert-inbusUnregi, div.alert-douzoneUnregi{
  background-color: #FBF0F0;
  border: 1px solid #7C7575;
  border-radius:4px;
  color: #7C7575;
}
div.alert-inbusRegi, div.alert-douzoneRegi{
  background-color: #DBE2EF;
  border: 1px solid #112D4E;
  border-radius: 4px;
  color: #112D4E;
}

table.dataTable tbody tr.shadow-conformity td,
table.dataTable tbody tr.shadow-linkReply td{
    color: rgb(8, 95, 46);
    background-color: rgb(207, 241, 222);
}
table.dataTable tbody tr.shadow-need_inbus td{
  color: #AA2B1D;
  background-color: #FFEED8;
}
table.dataTable tbody tr.shadow-expire td,
table.dataTable tbody tr.shadow-linkExpire td{
  color: rgb(114, 28, 36);
  background-color: rgb(248, 215, 218);
}
table.dataTable tbody tr.shadow-valid td{
  background-color: #E6DDC6;
  color: #7D5A50;
}
table.dataTable tbody tr.shadow-missing td,
table.dataTable tbody tr.shadow-linkActive td{
  color: rgb(1, 54, 130);
  background-color: rgb(204, 225, 254);
}
table.dataTable tbody tr.shadow-none td,
table.dataTable tbody tr.shadow-linkNotyet td{
  background-color:rgb(227, 231, 237);
  color:rgb(63, 70, 84);
}

/* 국내외화거래계좌 */
div.pic-info,
div.krwAccount-info,
div.usdAccount-info{
  margin: 10px 0;
  border-left: 10px solid #000;
  border-radius: 8px;
  padding: 3px;
}
div.pic-info{
  background-color: #f0eee1;
  border-color: #cec255;
}
div.krwAccount-info{
  background-color: #edf3ed;
  border-color: #52974b;
}
div.usdAccount-info-kor{
  background-color: #F7FBFC;
  border-color: #769FCD;
}
div.usdAccount-info-for{
  background-color: #F0E9E9;
  border-color: #8B5D5D;
}
div.pic-info > div,
div.krwAccount-info > div,
div.usdAccount-info > div{
  position: relative;
  min-height: 40px;
  float: left;
  padding: 3px;
  border-bottom: 1px solid #999;
  width: 100%;
}
div.pic-info > div.remark,
div.usdAccount-info > div.remark{
  min-height: 70px;
}
div.pic-info > div > div,
div.krwAccount-info > div > div,
div.usdAccount-info > div > div{
  padding: 0px;
}
div.pic-info .form-control,
div.krwAccount-info .form-control,
div.usdAccount-info .form-control{
  font-size: 13px !important;
}
div.usdAccount-info button.btn-primary{
  padding: 1px 5px;
  height: 29px;
}

div.pic-info input.form-control,
div.pic-info select.form-control,
div.pic-info textarea.form-control,
div.krwAccount-info input.form-control,
div.krwAccount-info select.form-control,
div.krwAccount-info textarea.form-control,
div.usdAccount-info input.form-control,
div.usdAccount-info select.form-control,
div.usdAccount-info textarea.form-control{
  display:inline-block;
  font-size: 13px !important;
}
div.pic-info input.form-md,
div.krwAccount-info input.form-md,
div.usdAccount-info input.form-md{
  width: 150px;
}
div.pic-info input.form-sm,
div.krwAccount-info input.form-sm,
div.usdAccount-info input.form-sm{
  width: 60px;
}
div.pic-info div.col-xs-2,
div.krwAccount-info div.col-xs-2,
div.usdAccount-info div.col-xs-2{
  font-weight: 600;
  font-size: 13px !important;
}
div.pic-info div.divRow div.col-xs-2:last-child,
div.krwAccount-info div.divRow div.col-xs-2:last-child,
div.usdAccount-info div.divRow div.col-xs-2:last-child{
  padding : 0 5px;
}
div.pic-info textarea.form-textarea,
div.usdAccount-info textarea.form-textarea{
    resize:none;
}
div.pic-info button[name="btn-pic"],
div.krwAccount-info button[name="btn-krwAccount"],
div.usdAccount-info button[name="btn-usdAccount"]{
  width: 80px;
  margin-right: 15px;
}
/* 거래처 관리 페이지 CSS */