/* 共通
 
====================================================*/
h4 {
  padding: 1rem;
}

h3 {
  padding: 1rem;
  background: #E6F5FF;
  border-radius: 3px;
  
}
.btn-primary  {
    color: #fff;
    background: #0C3C80;
    border-color: #0C3C80;
}
.btn-check  {
  color: #fff;
  background: #c0c245;
  border-color: #c0c245;
}

.btn-info {
  color: #fff;
  background: #2BA4AB;
  border-color: #2BA4AB;
  
}
.btn-info:hover,.btn-info:active,.btn-info:focus,.btn-info:disabled {
  color: #fff;
    background: #33C4CC;
  border-color: #33C4CC;
}

.btn-info a:hover,.btn-info a:active,.btn-info a:focus,.btn-info a:disabled{
    background: #33C4CC;
  border-color: #33C4CC;
  color: #fff;
}

.table>:not(caption)>*>*  {
  padding: 1rem;
}

.table {
  vertical-align: middle;
}

.table-responsive::-webkit-scrollbar {
  display: none;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.btn-sm {
  margin: 0.4rem 0;
}

.input-group {
  padding-top: 0.5rem;
}
.container-fluid .table-responsive .table_cti_inner .text-bg-dark {
  background: #0C3C80!important;
}

.container-fluid .table-responsive .table_cti_inner .text-bg-light  {
border: 2px solid #0C3C80!important;
}

.mt2 {
  margin-top: 2rem;
}
.mt1 {
  margin-top: 1rem;
}

.mb2 {
  margin-bottom: 2rem;
}
.mb1 {
  margin-bottom: 1rem;
}
.ml05 {
  margin-left: 0.5rem;
}

.mt_auto{
  margin-top: auto;
}

.mr24 {
  margin-right: 24px;
}

.w30 {
  width: 30%;
}

.table_border .bg_blue ,.estimate_input .bg_blue  {
  background: #D2EFFA;
}

/* ヘッダー
 
====================================================*/
header{
  background: #2A63AB;
}
header .navbar-brand  {
  background:transparent;
}
footer {
  background: #003366;
}
header h1 {
  padding-left: 1rem;
  color: #ffffff;
}

header h1 a {
  color: #ffffff;
}
.administrator {
  position: relative;
  }
.administrator::before {
  content: '';
  position: absolute;
  top: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;

  /* アイコンとテキストの間隔を調整するプロパティ */
  left: -24px;

  /* アイコンの上下位置を調整するプロパティ */
  transform: translateY(-50%);

  /* アイコンのサイズを調整するプロパティ */
  width: 2rem;
  height: 2rem;

  /* 表示させるアイコンのパスを指定 */
  background: url("/assets/img/manage/client_white.svg");
  
}
/* フッター
 
====================================================*/
footer > p {
  text-align: center;
}

.fixed-bottom {
    display: none;
}

.navbar-brand {
  padding-top: 1rem;
}
/* 左サイド
 
====================================================*/
.side_ul  {
  margin: 0rem 1rem 0 1rem;
}

.side_ul ul li {
  position: relative;
  padding: 0.5rem 0;
}

/*左サイド　電話履歴管理*/

/*.pc_tel {
background: url("/assets/img/manage/tel.svg");
background-repeat: no-repeat;
background-size: 1.8rem;
margin-bottom: 1rem;
}*/

.pc_tel::before {
  content: "";
  background: url("/assets/img/manage/tel.svg") no-repeat;
  position: absolute;
  top:0.5rem;
  height: 1.8rem;
  width: 1.8rem;
  display: inline-block;
}
.pc_tel > button,.pc_client > button,.pc_claim > button,.pc_estimate > button,.pc_visit > button,.pc_total > button, 
.pc_setting > button,.pc_login > button {
  padding: 0.3em 0 0.3rem 2.5rem;
  font-size: 0.875rem;
 }

/*左サイド　顧客管理*/
.pc_client::before {
  content: "";
  background: url("/assets/img/manage/client.svg") no-repeat;
  position: absolute;
  top:0.5rem;
  height: 1.8rem;
  width: 1.8rem;
   display: inline-block;
}
/*.pc_client {
background: url("/assets/img/manage/client.svg");
background-repeat: no-repeat;
background-size: 1.8rem;
margin-bottom: 1rem;
}*/

/*左サイド　請求管理*/

.pc_claim::before {
  content: "";
  background: url("/assets/img/manage/claim.svg") no-repeat;
  position: absolute;
  top:0.5rem;
  height: 1.8rem;
  width: 1.8rem;
   display: inline-block;
}
/*.pc_claim {
background: url("/assets/img/manage/claim.svg");
background-repeat: no-repeat;
background-size: 1.8rem;
margin-bottom: 1rem;
}*/

/*左サイド　見積管理*/

.pc_estimate::before {
  content: "";
  background: url("/assets/img/manage/estimate.svg") no-repeat;
  position: absolute;
  top:0.5rem;
  height: 1.8rem;
  width: 1.8rem;
   display: inline-block;
}

/*.pc_estimate {
background: url("/assets/img/manage/estimate.svg");
background-repeat: no-repeat;
background-size: 1.8rem;
margin-bottom: 1rem;
}*/

/*左サイド　訪問管理*/

.pc_visit::before {
  content: "";
  background: url("/assets/img/manage/visit.svg") no-repeat;
  position: absolute;
  top:0.5rem;
  height: 1.8rem;
  width: 1.8rem;
   display: inline-block;
}

/*.pc_visit {
background: url("/assets/img/manage/visit.svg");
background-repeat: no-repeat;
background-size: 1.8rem; 
margin-bottom: 1rem;
}*/

/*左サイド　集計管理*/

/*.pc_total::before {
  content: "";
 background: url("/assets/img/manage/total.svg") no-repeat;
  position: absolute;
  top:0.5rem;
  height: 1.8rem;
  width: 1.8rem;
 display: inline-block;
}*/

.pc_total {
background: url("/assets/img/manage/total.svg");
background-repeat: no-repeat;
background-size: 1.8rem; 
background-position-y: 0.5rem;
/*margin-bottom: 1rem;*/
}

/*左サイド　設定管理*/

.pc_setting::before {
  content: "";
  background: url("/assets/img/manage/setting.svg") no-repeat;
  position: absolute;
  top:0.5rem;
  height: 1.8rem;
  width: 1.8rem;
   display: inline-block;
}

/*.pc_setting {
background: url("/assets/img/manage/setting.svg");
background-repeat: no-repeat;
background-size: 1.8rem; 
}*/

/*左サイド　ログイン設定*/

/*.pc_login::before {
  content: "";
 background: url("/assets/img/manage/login_1.png")no-repeat;
  position: absolute;
  top:0.5rem;
  height: 1.8rem;
  width: 1.8rem;
 display: inline-block;
}*/

.pc_login {
background: url("/assets/img/manage/login.svg");
background-repeat: no-repeat;
background-size: 1.8rem; 
  background-position-y: 0.5rem;
}

/* メイン画面
 
====================================================*/
.card {
  margin-bottom: 1rem;
}

.card-body {
  background: #E6F5FF;
}

.card-title {
  color: #0C3C80;
}

.list-group-flush>.list-group-item  {
  background: #E6F5FF;
}
.navbar {
  margin-bottom: 1rem;
}

a {
  text-decoration: none;
  color: #212529;
}

/* 電話履歴　一覧
 
====================================================*/
/*.table_cti table{
  padding: 1rem 0.5rem 2rem 0.5rem!important;
}*/

.table_cti th {
  font-size: 1rem;
    color: #2A63AB;
  width: 10%;
}

.table_cti td {
  line-height: 2;
}

.edit {
  font-size: 1.2rem;
}

/* 発着信一覧
 
====================================================*/
.table_cti_inner th {
   font-size: 1rem;
    color: #2A63AB;
}

.table_cti_inner th > a {
  color: #2A63AB;
}

.pagination {
  flex-wrap: wrap;  
}

.page-item {
  margin-bottom: 0.8rem;
}

.badge  {
  font-size: 0.875rem;
}

/*.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
   background-color: #E6F5FF!important;
}*/

/* 顧客　一覧
 
====================================================*/
/*ボタン　見積管理*/
.btn-estimate {
  color: #ffffff;
  background: #D7004A;
  border-color:#D7004A;
  }
.btn-estimate:hover,.btn-estimate:active,.btn-estimate:focus,.btn-estimate:disabled {
  color: #ffffff;
  background: #E9546B;
  border-color: #E9546B;
  
}

/*ボタン　請求管理*/
.btn-claim {
  color: #ffffff;
  background: #E48E00;
  border-color:#E48E00;
  }
.btn-claim:hover,.btn-claim:active,.btn-claim:focus,.btn-claim:disabled {
  color: #ffffff;
  background: #F6AD3C;
  border-color: #F6AD3C;
  
}
/*ボタン　訪問管理*/
.btn-visit {
  color: #ffffff;
  background: #009140;
  border-color:#009140;
  }
.btn-visit:hover,.btn-visit:active,.btn-visit:focus,.btn-visit:disabled {
  color: #ffffff;
  background: #00A95F;
  border-color: #00A95F;
  
}

/*ボタン　顧客詳細*/
.btn-client{
  color: #ffffff;
  background: #0062AC;
  border-color:#0062AC;
  }
.btn-client:hover,.btn-client:active,.btn-client:focus,.btn-client:disabled {
  color: #ffffff;
  background: #187FC4;
  border-color: #187FC4;
  
}
/*ボタン　デンワ履歴*/
.btn-clienthistory{
  color: #ffffff;
  background: #880077;
  border-color:#880077;
  }
.btn-clienthistory:hover,.btn-clienthistory:active,.btn-clienthistory:focus,.btn-clienthistory:disabled {
  color: #ffffff;
  background: #AA4499;
  border-color: #AA4499;
  
}

/* 顧客種別　登録・変更
 
====================================================*/

/*無効・有効　ラジオボタン*/
.form-check-input:checked {
  background-color: #2A63AB;
    border-color: #2A63AB;
}


/*顧客　詳細
 
====================================================*/

.table_detail th {
   font-size: 1rem;
    color: #2A63AB;
  width: 15%;
  
}

/*訪問記録登録編集
 
====================================================*/

#sortimgs .card-body,#sortdocs .card-body {
  background: #fff;
  
}
/*訪問記録詳細
 
====================================================*/

.attached_img .card-body {
   background: #fff;
}

.ui-button {
  background: #dc3545;
}
.ui-button:hover {
  background: #b02a37;
  font-weight: normal;
}

/*集計（月毎）
 
====================================================*/
.h4_blue {
  color: #2A63AB;
}

.table-secondary th {
  color: #2A63AB;
  width: 0;
  white-space: nowrap;
  text-align: center;
}
.sum_table td {
  text-align: center;
}

/*タブレット・スマホ
 
====================================================*/
/* ハンバーガーメニュー */
@media screen and (max-width: 767px) {
  .navbar-toggler {
    background: #003366;
    border: 3px solid #003366;
  }
  .navbar-toggler-icon {
    width: 1.5rem;
    height: 2rem;
  }
  .navbar .navbar-toggler {
    top:0;
    right: 0;
    border-radius: 0;
  }
  .navbar-toggler:focus {
    box-shadow: none;
  }
  }
@media screen and (max-width: 500px) {
  .navbar-toggler {
    padding: 0 0.3rem;
  }
}
@media screen and (max-width: 768px) {
  .table_detail th:not(.table_scroll .table_detail th ) ,.table_detail td:not(.table_scroll .table_detail td ),.table_cti th,.table_cti td {
    display: block;
    width: 100%;
  }
     }

@media screen and (max-width: 768px) {
  .table_detail th,.table_cti th {
    border-bottom: none;
  }
  }
@media screen and (max-width: 768px) {
  .table_cti_inner tr  {
    width: 0;
    white-space: nowrap;
  }
  }

@media screen and (max-width: 549px) {
.edit  {
   margin-bottom: 1rem;
  }
  }

/* ヘッダー */
@media screen and (max-width: 500px) {
.navbar  {
  display: block;
  }
  header h1 {
    margin-bottom: 2rem;
    font-size: 1.4rem;
  }
  .administrator {
    margin-left: 2.5rem;
  }
  }

/* 訪問記録登録編集
 
====================================================*/

.visitorsid .form-select {
  width: 40%;
}

/* 見積書登録編集
 
====================================================*/

.estimate_input .table_detail th, .estimate_view .table th{
  width: inherit;
}

.table_border table {
  border: 1px solid #ccc;
}

.table_border th,.table_border td {
  border-right: 1px solid #ccc;
}
.bg_blue th {
  color: #212529;
  text-align: center;
}

.table_border  .bg_blue th {
  color: #212529;
  text-align: center;
  background: #D2EFFA;
}

.estimate_input  .oneitem  td:first-child, .estimate_view  .oneitem  td:first-child{
  text-align: left!important;
}

.estimate_input  .oneitem  td,.estimate_view  .oneitem  td {
  text-align: center;
}

.estimate_input  .nebiki  td, .estimate_view  .nebiki  td, .estimate_confirm  .nebiki  td{
  text-align: center;
}
.estimate_input .table_detail th, .estimate_view .table th{
  width: inherit;
}

.estimate_input .form-check {
  text-align: center;
  min-width: 50px;
  padding-left: 0;
  margin-bottom: 0;
}

.table_scroll {
   overflow-x: scroll;
  min-width: 1000px;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

.table_scroll ::-webkit-scrollbar {  /* Chrome, Safari 対応 */
    display:none !important;
  }

/* 見積【全て】　一覧
 
====================================================*/

/* 承認済み */
.is-approved,.in-approved {
  display: block;
  font-weight: bold;
  color:#D7004A;
}

/* 承認待ち */
.in-review {
  display: block;
  font-weight: bold;
  color:#006638;
}

/* 編集中 */
.in-edit {
  display: block;
  font-weight: bold;
  }

/* ［提出済］ */

.is-submitted, .in-billed {
  background: #D3EDFB;
  border-radius: 0.25rem;
  margin-right: 0.25rem;
  
}
/* ［請求書作成済］ */
.is-billed {
  background: #FAF4D2;
  border-radius: 0.25rem;
  padding-left: 0.35rem;
}
/* 見積 確認画面
 
====================================================*/

.table_price {
  max-width: 500px;
   margin-left: auto;
 }
 
 .table_price .table_detail th,.table_price .table_detail td {
   width: 50%;
 }
 @media screen and (max-width: 768px) {
    .table_price .table_detail th,.table_price .table_detail td {
     display: table-cell!important;
   }
   .table_price .table_detail th,.table_price .table_detail td {
   width: 50%!important;
 }
   .table_price .table_detail th {
     border-bottom: 1px solid #ccc;
   }
   }
 
 @media screen and (max-width: 500px) {
    table_price {
  max-width: 100%;
   margin-left: 0;
   }
 }

.box_amount {
  display: flex;
  justify-content: flex-end;
}

.box_amount .table_price{
  max-width: inherit;
  margin-left: inherit;
  width: 500px;
}

.box_amount .table_price:first-child {
  margin-right: 1rem;
}

@media screen and (max-width: 767px) {
  .box_amount {
    display: block;
  }
  
  .box_amount .table_price {
    width: 100%;
  }
  
  .box_amount .table_price:first-child {
  margin-right: 0;
}

}

.box_profit {
  display:flex;
  justify-content: space-between;
  margin-top: 2rem;
}
.box_profit .table_price {
  margin-left: inherit;
  width: 30%;
}

@media screen and (max-width: 767px) {
  .box_profit {
    display: block;
  }
  .box_profit .table_price {
    width: 100%;
    max-width: inherit;
  }
  }


 /* フッター
  
 ====================================================*/
 .fixed-bottom {
   display: none;
 }