/*ホワイト画面verのテキスト、ボタンの色などのCSSはこちらで管理*/
body {
  background-color: #f9fbfd !important;
  /* background-color: lightblue !important; */
  color: #000000 !important;
}
.title {
  background-color: #152C45 !important;
  color: #ffffff !important;
}

.panel-heading {
  border: 3px solid #2e4b69;
  background-color:#000000;
  color:#ffffff;
}

.modal-body {
  padding: 0.75rem;
  background-color: #F9FBFD;
}

.Frame-border {
  border: solid;
  border-color: #2e4b69;
}
.underdiv {
  width: 17rem;
  border-bottom: 1px solid black;
}
.panel-body {
  border: 1px solid #2e4b69;
  color:#3e5185;
  background-color:#eff1f5;
}
.bcw {
  background-color: #fff;
  color: rgb(26, 23, 23);
}
.container-detail-right {
  overflow-y: auto;
  border-left: 1px solid #2e4b69;
}

.v_line_left {
  border-left: 4px solid #3e5185;
  line-height: 91%;
  /* vertical-align: middle; */
}

.v_line_left-color {
    border-left-color: #F9FBFD !important;
}

.v_line_left_tab {
  /* border-left:  solid #3e5185;
  height: 50%; */
  border-left: 4px solid #f9fbfd;
  line-height: 91%;
  vertical-align: middle;
}

.v_line_left_1_5  {
  /* border-left:  solid #3e5185;
  height: 50%; */
  border-left: 4px solid #3e5185;
  height:1.5rem;
  vertical-align: middle;

}
.font-title {
  color: #3e5185;
}

.ag-cell-focus {
  border: 0px !important;
}

.select2-container *:focus {
  outline: none;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #495057;
  /* font-size: 0.9rem; */
}

.select2-search input {
  height: 1.562rem;
}

.select2-results {
  font: 0.8rem sans-serif;
  color: black;
}

.slip_detail_header {
  padding: 0.5rem;
  background: rgb(184,193,209);
}

.invoice_detail_header {
  padding: 0.5rem;
  background: rgb(184,193,209);
}

.construction_detail_header{
  padding: 0.5rem;
  font-size: 1.5rem;
  background: rgb(184,193,209);
}

.voucher_links_detail_header{
  padding: 0.5rem;
  font-size: 1.5rem;
  background: rgb(184,193,209);
}

.construction_row {
  padding: 10px;
  padding-left: 2rem;
  /* font-size: 1.2rem; */
}

.construction_row_selected {
  background: #3f4b5f!important;
  color: #f9fbfd!important;
}
/*-----------------出納帳css START-------------------*/
.grid-responsive-salary {
  background-color: #172d46;
  color: #f9fbfd!important;
}
.grid.grid-body.salary>div>div:last-child{
  background-color: #f9fbfd;
  color: #333333!important;
}
/*------------------出納帳css end-------------------*/

/*------------------出勤簿css START-------------------*/
.grid-responsive {
  background-color: white;
}

.grid-responsive > div:last-child > div:first-child {
  background-color: #172d46;
  color: #ffffff;
}

.grid-head .grid-row1 {
  background-color: #172d46;
  color: #ffffff;
}

.grid.detail {
  border-color:  #172d46;
  background-color: #ffffff;
}

.grid-body .grid-cell1:not(:first-child):not(:last-child) div:nth-child(3),
.grid-body .grid-cell1:not(:first-child):not(:last-child) div:last-child {
  background-color: #f3f3f3;
}

.grid-cell1.sart {
  color: #9ec1e4;
}

.grid-cell1.sun {
  color: #e09496;
}

.grid-cell1.attendance > div:nth-child(odd) {
  color: #356da5;
}

.bc {
  background-color:#BFBFBF !important;
}

/* .tab-btn {
  color:#ffffff;
  background-color: #172d46;
  border: 2px solid #ffffff;
}

.tab-btn.active {
  background: #d16186;
} */

.grid.detail .grid-cell1:first-child > div:first-child {
  border-bottom: 1px dotted #4f4f4f;
}

.grid-cell1.attendance > div:nth-child(odd) {
  border-bottom: 1px dotted #4f4f4f;
}

.grid-cell1.attendance > div:nth-child(2) {

  border-bottom: 1px solid #4f4f4f;
}

.solid-line {
  border-right: 1px dashed #9e9fa0;
}

.bd {
  border-left: 2px solid #172d46;
  border-right: 2px solid #172d46;
}

.bb1 {

  border-bottom: 1px solid #4f4f4f;
}

.br1 {
  border-right: 1px solid #172d46;
}

.bb2 {
  border-bottom: 2px solid #172d46 ;
}

.border-left-solid-3 {
  border-left: 3px solid white;
}

.subtotal {
  border-left:2px solid #172d46;
  border-right:2px solid #172d46;
}

.smTotal-1 {
  border-bottom: 1px solid #4f4f4f;
}
.head-flex-color{
  background-color: #F9FBFD;
}
/*------------------出勤簿css END-------------------*/

/*------------------配置表css START-------------------*/
.grid {
  border: 0.0625rem solid #172d46;
}

.grid-head .grid-row:last-child {
  border-bottom: 0.1875rem double #172d46;
}

.grid-body .grid-row:nth-child(odd) {
  background-color: #ffffff;
}
.border-top-white {
  border-top: 1px dotted white;
}

.grid-body .grid-row:nth-child(even) {
  background-color: #f2f2f2;
}
.background-usage-statement1{
  background:  #ffffff;
}
.background-usage-statement2{
  background:  #f2f2f2;
}

.dotted-bt-line {
  border-bottom: 0.0625rem dotted #b8c1d1;
}

.dotted-line {
  border-right: 0.0625rem dotted #b8c1d1;
}

.solid-line-member {
  border-right: 0.0625rem solid #172d46;
}

.border-top-solid {
  border-top: 0.0625rem solid #172d46;
}

.grid-column .grid-column-div:nth-child(even) {
  background-color: #f2f2f2;
}

.grid-column .grid-column-div:nth-child(odd) {
  background-color: #ffffff;
}

.double-border-right :last-child {
  border-right: 0.1875rem double #172d46;
}

.right-border {
  border-right: 0.1875rem double #172d46;
}

.two-grid-body .grid-row:nth-child(odd) {
  background-color: #ffffff;
}

.two-grid-body .grid-row:nth-child(even) {
  background-color: #f2f2f2;
}

.header-color-one {
  background-color: #172d46;
  color: #ffffff;
}

.header-color-two {
  background-color:  #dbdfe7;
  color: #3e5185;
}

.pink-color {
  background-color:  #ffcccc !important;
}

.member {
  border-right: 0.0625rem solid #172d46;
  background-color: #172d46;
  color: #ffffff;
}

.member-count {
  background-color: #dbdfe7;
  color: #3e5185;
}

.office-worker-a {
  background-color: #dbdfe7;
  color: #3e5185;
  border-bottom: 0.1875rem double #172d46;
}

.office-worker-b {
  border-top: 0.0625rem solid #172d46;
  background-color: #dbdfe7;
  color: #3e5185;
  border-bottom: 0.1875rem double #172d46;
}

.cnt-sty {
  border-right: 0.0625rem solid #172d46;
  background-color: #172d46;
  color: #ffffff;
}

.people-sty {
  background-color: #ffffff;
}

.construction_detail .p-2-rem:nth-child(4n), .construction_detail .p-2-rem:nth-child(4n+3) {
  background-color: #f2f2f2;
}
.construction_detail .p-2-rem:nth-child(4n+1), .construction_detail .p-2-rem:nth-child(4n+2) {
  background-color: #ffffff;
}
/*------------------配置表css END-------------------*/

/*------------------請求書css START-----------------*/
.grid-list.invoices {
  border: 1px solid #222222;
}
.grid-header.invoices {
  border-bottom: 1px solid #222222;
}
.grid-cell.invoices:not(:first-child) {
  border-left: .0625rem dotted #222222;
}
.grid-row.invoices:not(:last-child) {
  border-bottom: .0625rem dotted #222222;
}
.double-panel.invoices > div:first-child {
  border-right: .0625rem solid #222222;
}
.double-row-border-left {
  border-left: .0625rem dotted #222222!important;
}
.card-body.invoices {
  border: .0625rem solid #222222;
}
.grid-body .grid-group:nth-child(odd) {
  background-color: #ffffff!important;
}
.grid-body .grid-group:nth-child(even) {
  background-color: #f2f2f2!important;
}
.grid-group .grid-row {
  background: none!important;
}
.voucher-info .grid-row:nth-child(odd) {
  background-color: #ffffff!important;
}
.voucher-info .grid-row:nth-child(even) {
  background-color: #f2f2f2!important;
}
.voucher-info .grid-row {
  border-bottom: .0625rem dotted #222222;
}
/*------------------請求書css END-------------------*/

/*------------------売上総括css START---------------*/
.grid-list.sales_summary {
  border: 1px solid #222222;
}
.grid-header.sales_summary {
  border-bottom: 1px solid #222222;
}
.grid-cell.sales_summary:not(:first-child) {
  border-left: .0625rem dotted #222222;
}
.grid-row.sales_summary {
  border-bottom: 1px dotted #222222;
}
.double-panel.sales_summary > div:first-child {
  border-right: .0625rem solid #222222;
}
.double-row-border-left {
  border-left: .0625rem dotted #222222!important;
}
.card-body.sales_summary {
  border: .0625rem solid #222222;
}
/*------------------売上総括css END-----------------*/

/*------------------ご利用明細css START---------------*/
.grid-list.usae_statement {
  border: 1px solid #222222;
}
.grid-header.usae_statement {
  border-bottom: 1px solid #222222;
}
.grid-cell.usae_statement:not(:first-child) {
  border-left: .0625rem solid #B8B8B8;
}
.grid-row.usae_statement {
  border-bottom: 1px solid #B8B8B8;
}
.double-panel.usae_statement > div:first-child {
  border-right: .0625rem solid #222222;
}
.double-row-border-left {
  border-left: .0625rem dotted #222222!important;
}
.card-body.usae_statement {
  border: .0625rem solid #222222;
}
/*------------------ご利用明細css END-----------------*/

/*------------------金種表css START---------------*/
.bgc-white {
  background-color: white;
}
.bgc-purple {
  background-color: #DBDFE7;
}
.bgc .grid-bgc:nth-child(even){
  background-color: #F2F2F2 ;
}
.bgc .grid-bgc:nth-child(odd){
  background-color: #FFFFFF ;
}
.bl-gray {
    border-left:solid 1px #B9C2D1;
}
.br-gray {
    border-right:solid 1px #B9C2D1;
}
.border-b{
    border-bottom:1px solid !important;
}
.border-b-dotted{
    border-bottom:1px dotted #B9C2D1;
}
.border-l{
    border-left:1px solid;
}
.border-r{
    border-right:1px solid #172d46;
}
/*------------------金種表css END-----------------*/

/*------------------チャットcss START---------------*/
.color_chat{
  color: #43539A;
}
.construction_row_selected_chat {
  background:#3f4b5f;
}
.chat_color{
  color: #f9fbfd;
}
.index_color{
  color: #d16186;
}
.border-bottom-3 {
  border-bottom: 3px solid #3E5185;
}
.border-top-3 {
  border-top: 3px solid #2B3E66;
}
/*------------------チャットcss END-----------------*/

/*------------------新しいcss START---------------*/
.background-1{
  background: #0D1B28;
}
.background-2{
  background: #172d46;
}
.background-3{
  background: #355577;
}
.background-4{
  background: #f9fbfd;
}
.background-5{
  background: #172d46;
}
.background-6{
  background: #eff1f5;
  border: 1px solid #172d46;
}
.background-7{
  background: #ffffff;
  border: 1px solid #acbacc;
}
.background-8{
  background: #cccccc;
  border: 1px solid #acbacc;
}
.background-9{
  background: #192334;
  border: 1px solid #355577;
  border-radius:4px;
}
.background-10{
  background: #d16186;
}
.background-11{
  background: #b8c1d1;
}
.background-12{
  background: #f7f7f7;
}
.background-13{
  background: #e6e6e6;
}
.background-14{
  background: #b3b3b3;
}
.background-15{
  background: #172d46;
  border: 1px solid #172d46;
}
.background-16{
  background: #b8c1d1;
}
.background-17{
  background: #eff1f5;
}
.background-18{
  background: #3f4b5f;
}
.background-19{
  color: #3e5185;
}
.background-20{
  background: #f7f7f7;
  border: 1px solid #172d46;
}
.background-21{
  background: #172d46;
}
.background-22{
  background: #dbdfe7;
}
.background-23{
  background: #ffffff;
}
.background-24{
  background: #f2f2f2;
}
.background-25{
  background: #ffcccc;
}
.background-26{
  border: 1px solid #b8c1d1;
}
.background-27{
  background: #172d46;
}
.background-28{
  background: #f2f2f2;
}
.background-29{

  background: #bfbfbf !important;
}
.background-30{
  border: 1px solid #4f4f4f;
}

.background-31{
  background: #172d46;
}
.background-32{
  background: #d6e4f0;
  border: 1px solid #d6e4f0;
}
/* 一律設定金額 社会保険等*/
.background-33{
  background: #a8e6be;
  border-bottom: 3px double #61b382;
}
/* 手当*/
.background-33-1{
  background: #d6e4f0;
  border-bottom: 3px double #769FCD;
}
.background-33-1-1{
  background: #d6e4f0;
  border-top: 1px solid #769FCD!important;
  border-bottom: 1px solid #769FCD!important;
}
/* 一律設定金額 線*/
.background-34{
  border: 1px solid #b8e4be;
}
/* 手当 線*/
.background-34-1{
  border: 1px solid #9E5757;
}
/* 入金額*/
.background-35{
  background: #ffcccc;
  border-bottom: 3px double #c81e32;
}
.background-36{
  background: #172d46;
}
.background-37{
  border: 1px solid #355577;
}
.background-38{
  background:  #0e376f;
}
.background-39{
  background:  #ce6161;
}
.background-40{
  background:  #404244;
}
.background-41{
  background:  #d16186;
}
.background-42{
  background:  #355577;
}
.background-43{
  background:  #989898;
}
.background-44{
  background: #ffffff;
}



.we_white{
  color: #f9fbfd;
}
.we_black{
  color: #333333;
}
.we_navyblue{
  color: #3e5185;
}
.we_peach{
  color: #d16186;
}
.we_gray{
  color: #808080;
}
.we_grayblue{
  color: #8da8b9;
}
.we_green{
  color: #25905a;
}
.we_red{
  color: #d72323;
}
.we_blue{
  color: #95bffc;
}
.we_lightblue{
  color: #b4d2e0;
}
/*------------------新しいcss END-----------------*/
.v_line{
  border-left:4px solid #808080;
}
.blue{
  color: #3e5185;
}
.bgc-gray{
  background-color: #eff1f5!important;
}
.grid-header-border {
  border: 1px solid #172d46 !important;
}
.header-border1 {
    border-left: 1px solid #172d46 !important;
    border-bottom: 1px solid #B8B8B8 !important;
}
.header-border2 {
    border-left: 1px solid #172d46 !important;
    border-bottom: 1px solid #172d46 !important;
}

.search-restlt-header {
  padding: 0.5rem;
  background: rgb(184,193,209);
}

.search-result-onmousemove {
  background: #172d46 !important;
  color: #fff !important;
}

.search-result-onmousemove > .v_line_left {
  border-left: 4px solid #fff !important;
  line-height: 92% !important;
}

.search-result-onmousemove .triangle {
  color: #fff !important;
}

.construction_name_color {
  color: #3e5185;
}

.text-underline {
  border-bottom: solid #333333;
  color:#333333;
}
.form-control:disabled, .form-control[readonly] {
  background-color: #EEEEEE !important;
  opacity: 1;
}
.table-td-font-color {
    color:#3e5185;
}

#page-member-management-list .ag-header-cell-text,
#page-member-management-list .ag-icon-asc {
    color: #3e5185;
}
#page-member-management-list .row-gray {
    background-color: #d3d3d3 !important;
}