@page{
  size:A4 landscape;
  margin: 0;
}

@media print{
body{-webkit-print-color-adjust: exact;}
div.float-left.col_title.card-title.header_item:before {
content:url(https://adfraud-check.msys.cloud/images/adfraudcheck_rogo_p.png) !important;
display: block;
position: absolute;
left: 0;
}

div.float-left.col_title.card-title.header_item{margin-left: 170px;}

#close_btn{display: none;}
.card-header,.card-body{padding:inherit;}
.card-header .header_item{
  font-size: 12px;
  font-weight: bold;
}
.table_report{margin-bottom: 5px;}
.table_report th, .table_report td{
  padding:inherit;
  font-size: 10px;
}


.dataTables_length,.dataTables_filter,.dataTables_info,.dataTables_paginate{
  display: none;
}
table br{display: none;}
table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before,
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after{display: none;}
.graph_base{margin-top: -20px;}
.graph_base,canvas{max-height: 200px;min-height: 200px;}
.graph_base.col-7 canvas{
  max-width: 100%;
  width: 100%;
  }
.graph_base.col-5 canvas{
  max-width: 100%;
  width: 100%;
  }

.table-bordered{
  border: inherit;
}

#DataTables_Table_0 th:last-child,
#DataTables_Table_0 td:last-child
{
  display: none;
}
#DataTables_Table_0 th{white-space: nowrap;}
#DataTables_Table_0 td:nth-child(1),
#DataTables_Table_0 td:nth-child(14)
{
white-space: nowrap;
}

#DataTables_Table_0 th,
#DataTables_Table_0 td
{text-align: center;}

#DataTables_Table_0 th:nth-child(2),
#DataTables_Table_0 td:nth-child(2),
#DataTables_Table_0 th:nth-child(3),
#DataTables_Table_0 td:nth-child(3)
{width:15px !important;}

#DataTables_Table_0 th:nth-child(4),
#DataTables_Table_0 td:nth-child(4),
#DataTables_Table_0 th:nth-child(5),
#DataTables_Table_0 td:nth-child(5)
{width:35px !important;}


#DataTables_Table_0 th:nth-child(6),
#DataTables_Table_0 td:nth-child(6),
#DataTables_Table_0 th:nth-child(7),
#DataTables_Table_0 td:nth-child(7),
#DataTables_Table_0 th:nth-child(12),
#DataTables_Table_0 td:nth-child(12),
#DataTables_Table_0 th:nth-child(14),
#DataTables_Table_0 td:nth-child(14)
{width:80px !important;}

}/*/@pirnt*/

/*Checkbox*/
table.dataTable tr.selected td.select-checkbox:after, table.dataTable tr.selected th.select-checkbox:after{
  font-size: 10px  !important;
  margin-top: -4px !important;
  color:#0066cc !important;
  font-weight: bold !important;
}

/*スクロールバー*/

.table-bordered{border: inherit !important;}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background-color: #fbfbfb;
  border-radius: 100px;
}

::-webkit-scrollbar-thumb {
  border-radius: 100px;
  border: 3px solid transparent;
  background-clip: content-box;
  background-color: #999999;
}
/*/スクロールバー*/

/*ページネーション*/
.page-link {
    margin: 5px;
    border: none;
    border-radius: 5px;
    background-color: rgba(0,0,0,0.1);
    color:#666666;
}
/*/ページネーション*/

/*******************
フォームカスタム
*******************/
.form-control,
.select2-container--default .select2-selection--single{
  border:3px solid rgb(231, 232, 236);
  font-size: 13px;
  font-weight: 700;
}
/*フォーカス時の色*/
.form-control:focus{
  border-color: rgb(198, 199, 206) !important;
}
.select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--single{
  border-color: rgb(198, 199, 206) !important;
}

/*カスタムセレクト*/
.select2-container--default .select2-selection--single .select2-selection__rendered{
line-height: inherit !important;
margin-top: inherit !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[aria-selected]:hover{
background-color:#343a40 !important;
}
.select2-results__options li{
  font-size: 12px !important;
}


/*日付*/
#month_base{position: relative;}
#month_base:before{
  font-family: "Font Awesome 5 Free";
  content:"\f073";
  position: absolute;
  top:7px;
  left:10px
}

/*Datepicker*/
.datepicker table th{background-color: inherit;}

/*サーチエリア*/
.dataTables_filter label{
  color:#ffffff;
  position: relative;
}
.dataTables_filter label:before{
  font-family: "Font Awesome 5 Free";
  content:"\f002";
  font-weight: bold;
  color:#333333;
  position: absolute;
  left:50px;
  top:3px
}
div.dataTables_wrapper div.dataTables_filter input{
  text-indent: 15px;
}

#month_base #month_picker{text-indent: 15px;}
/*ボタン*/
#close_btn{
  line-height: 30px;
  border-radius: 100%;
  width:40px;
-webkit-animation: heartbeat 1.5s ease-in-out 3s infinite both;
animation: heartbeat 1.5s ease-in-out 3s infinite both;
}
#btn_detail_exp,#btn_export{
  margin-top: 5px;
  background-color: #343a40;
  border-color:#343a40;
  box-shadow: 0px 3px 0px #999999;
}

#btn_import{
  margin-top: 5px;
  background-color: #ffc107;
  border-color:#ffc107;
  box-shadow: 0px 3px 0px #806003;
}

/*/フォームカスタム*/


@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho+B1&display=swap');
.login-page{font-family: 'Shippori Mincho B1', serif;}
.login-page .login-logo img[height="50"]{display:none;}

.login-page .card-primary.card-outline{border-top:none !important;}
.login-page .card-header {display:none;}
.login-page .card-footer {display:none;}


body.login-page {
  background: linear-gradient(148deg, rgba(75,94,108,1) 0%, rgba(24,19,31,1) 100%);
}


.brand-link .brand-image-xs {
  max-height: 40px !important;
}
.brand-image.img-circle.elevation-3.logo-xs{box-shadow:inherit !important;}

/*.logo-xl.brand-image-xs, .logo-xs.brand-image-xs {
  left: 45px;
}
*/
.brand-link .brand-image {
    margin-left: .4rem !important;
}


.login-box button{border:inherit;border-radius:2px;}

.form-control:focus,.login-card-body .input-group .form-control:focus~.input-group-append .input-group-text, .register-card-body .input-group .form-control:focus~.input-group-append .input-group-text{
border-color: #7695ac!important;
}

.logo_image {
    width: 600px !important;
    margin-left: -120px;
}

.login-box .card{
background-color:rgba(255,255,255,0);
}

.login-box .login-card-body{
background-color:rgba(255,255,255,0.8);
backdrop-filter:blur(15px);
border-radius:20px;

}
/***********************************
テーマカラー
***********************************/


/*以外***************************************/
.login-box button,
body:not(.mobee2):not(.afad):not(.cats) .navbar-white,
body:not(.mobee2):not(.afad):not(.cats) [class*=sidebar-dark-] .nav-sidebar>.nav-item.menu-open>.nav-link,
body:not(.mobee2):not(.afad):not(.cats) [class*=sidebar-dark-] .nav-sidebar>.nav-item:hover>.nav-link,
body:not(.mobee2):not(.afad):not(.cats) [class*=sidebar-dark-] .nav-sidebar>.nav-item>.nav-link:focus,
body:not(.mobee2):not(.afad):not(.cats) [class*=sidebar-dark-] .nav-sidebar>.nav-item>.nav-link.active
 {
background: rgb(241,220,39);
background: linear-gradient(143deg, rgba(241,220,39,1) 22%, rgba(210,204,57,1) 100%);
}


/*MOBEE2***************************************/
body.mobee2 .navbar-white,
body.mobee2 [class*=sidebar-dark-] .nav-sidebar>.nav-item.menu-open>.nav-link,
body.mobee2 [class*=sidebar-dark-] .nav-sidebar>.nav-item:hover>.nav-link,
body.mobee2 [class*=sidebar-dark-] .nav-sidebar>.nav-item>.nav-link:focus,
body.mobee2 [class*=sidebar-dark-] .nav-sidebar>.nav-item>.nav-link.active,
.card.mobee2 .card-header
 {
background: rgb(241,220,39);
background: linear-gradient(143deg, rgba(241,220,39,1) 22%, rgba(210,204,57,1) 100%);
}
body.afad table thead th,
.card.mobee2  table thead th
{
  background-color: rgb(241,220,39);
}

/*AFAD***************************************/
body.afad .navbar-white,
body.afad [class*=sidebar-dark-] .nav-sidebar>.nav-item.menu-open>.nav-link,
body.afad [class*=sidebar-dark-] .nav-sidebar>.nav-item:hover>.nav-link,
body.afad [class*=sidebar-dark-] .nav-sidebar>.nav-item>.nav-link:focus,
body.afad [class*=sidebar-dark-] .nav-sidebar>.nav-item>.nav-link.active,
.card.afad .card-header
 {
background: rgb(196,14,19);
background: linear-gradient(207deg, rgba(196,14,19,1) 0%, rgba(255,43,43,1) 100%);
}

body.afad table thead th,
.card.afad table thead th{
  background-color: #ff7d7d;
}

/*CATS***************************************/
body.cats .navbar-white,
body.cats [class*=sidebar-dark-] .nav-sidebar>.nav-item.menu-open>.nav-link,
body.cats [class*=sidebar-dark-] .nav-sidebar>.nav-item:hover>.nav-link,
body.cats [class*=sidebar-dark-] .nav-sidebar>.nav-item>.nav-link:focus,
body.cats [class*=sidebar-dark-] .nav-sidebar>.nav-item>.nav-link.active,
.card.cats .card-header
 {
background: rgb(0,72,148);
background: linear-gradient(207deg, rgba(0,72,148,1) 0%, rgba(47,123,203,1) 100%);
}

body.cats table thead th,
.card.cats table thead th{
  background-color: #2f7bcb;
}



/**/
td {
  font-size: 13px;
}
table thead th{
  background-color: rgb(241,220,39);
  font-size:10px;
}


tbody tr:nth-child(even){background-color: #ffffff;}
tbody tr:nth-child(odd) {background-color: #fbfbfb;}

table.usage_table thead tr th.usage_date,
table.usage_table tbody td:first-child,
table.usage_table_dt thead tr th.usage_time,
table.usage_table_dt tbody td:first-child

{
background-color: #ffffff;
position:sticky;
left:0;
}
table.usage_table tbody td button{font-size:10px}
thead tr{
  position:sticky;
  top:0;
  background-color: #f7f7f7;

}
.table thead th{border-bottom: inherit !important;}
.table-bordered td, .table-bordered th{
  border: inherit !important;
  border-bottom: 1px solid #dcdcdc !important;
}
.table-bordered td, .table-bordered th:not(:last-child) {

border-right: 2px solid #ffffff !important;
}
.table-responsive{
overflow-x: hidden !important;

}


/*********************
カード
*********************/
.card-title{font-size:15px;font-weight:900;}
.card-title .asp_name{font-size:20px;font-weight:900;}

body.mobee2 .card-title .asp_name:before{
    content: '' !important;
    margin-right:20px;
    display: inline-block !important;
    width: 30px !important;
    height: 30px !important;
    background-size: contain !important;
    vertical-align: middle !important;
    background-repeat: no-repeat !important;
    background-image: url(../images/mobee2.png);
}
body.cats .card-title .asp_name:before{
    content: '' !important;
    margin-right:20px;
    display: inline-block !important;
    width: 30px !important;
    height: 30px !important;
    background-size: contain !important;
    vertical-align: middle !important;
    background-repeat: no-repeat !important;
    background-image: url(../images/cats.png);
}
body.afad .card-title .asp_name:before{
    content: '' !important;
    margin-right:20px;
    display: inline-block !important;
    width: 30px !important;
    height: 30px !important;
    background-size: contain !important;
    vertical-align: middle !important;
    background-repeat: no-repeat !important;
    background-image: url(../images/afad.png);
}