@charset "utf-8";

.dataTables_wrapper .dataTables_paginate .paginate_button{
  margin-top:5px;
  padding:0px;
}

table.dataTable.no-footer{
  border-bottom:0px;
}

thead a{
    color: #FFFFFF;
}

a{
    color: #17A2B8;
}

a:hover{
    color: #17A2B8;
}

html {
    background: #EEF5F9;
}

/* テキスト */
.text-primary{
    color: #17A2B8!important;
}

.control-label{
    font-size: 12px;

}

.col-form-label{
    font-size: 12px;

}

.card .card-title{
    margin-bottom:25px;
    padding-left:5px;
}


.breadcrumb-item a{
    font-size: 12px;
    font-weight:bold;
}

.breadcrumb-item.active{
    font-size: 12px;
    font-weight:bold;
}

.form-control{
	line-height:1.8;
}

select.form-control:not([size]):not([multiple]){
	height: 36px;
}

.table th{
	font-weight:bold;
}

.table td, .table th{
	padding: 8px;
}

.input-group-text{
	width:60px;
    font-weight:bold;
    font-size:90%!important;
}

.label-primary{
     background-color: #17A2B8;
}

.badge-primary{
     background-color: #17A2B8;
}

.bg-primary{
     background-color: #17A2B8!important;
     border-color: #FFF!important;
}

.btn-default{
     background-color: #17A2B8;
     border-color: #158ea1;
}

.btn-primary{
     background-color: #17A2B8;
     border-color: #158ea1;
}

.btn-primary:hover{
     background-color: #17A2B8!important;
     border-color: #158ea1;
}

.list-group-item.active{
     background-color: #17A2B8!important;
     border-color: #FFF;
}

/**
 * Table
 */

thead{
	background-color: #17A2B8;
	color: #FFF;
}

.table th, .table thead th{
	padding: 6px;
/*	text-align:center;*/
}

/**
 * SummerNote
 */
.popover{
	z-index: -1;
}

.note-editor.note-frame{
	border : #e9ecef 1px solid!important;
}

/**
 * Label
 */
.label-del{
     background-color: #DDDDDD;
     color: #333;
}

/* プラチナ */
.label-rank1{
     background-color: #04355B!important;
     
}

/* ゴールド */
.label-rank2{
     background-color: #ffbc34!important;
}

/* ブロンズ */
.label-rank3{
     background-color: #B8883B!important;
}


.label-status1{
     background-color: #17A2B8;
}
.text-status1{
     color: #17A2B8;
     font-weight:bold;
}

.text-status2{
     color: #333;
     font-weight:bold;
}

.text-status3{
     color: gray;
     font-weight:bold;
}


.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
/*    background-color: #17A2B8; */
/*    background-color: #414755; */
    background-color: gray;
}

.bootstrap-switch .bootstrap-switch-handle-off, .bootstrap-switch .bootstrap-switch-handle-on, .bootstrap-switch .bootstrap-switch-label{
	font-size:12px;
    line-height: 1.2;
    width:100px;
}