@charset "utf-8";

/* ********************************************************
bootstrap4 に対して独自のカスタムを行うファイル
******************************************************** */


.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
     padding-right: 0px;
     padding-left: 0px;

}


.row {
  margin-right: 0;
  margin-left: 0;
}

.container {
  padding-right: 0;
  padding-left:  0;
}


/* .form-control { width: 75%;} */


.form-control, .input-group-text, .custom-select, .custom-file-label{border-color: #cccccc;}

::placeholder {  color: #b1b1b1 !important; font-size: 13px;}

button.multiselect{border:1px solid #ced4da; text-align:left;}
button.multiselect:hover{
	opacity:1;
	color:#212529;
}
.multiselect-native-select .btn-group{min-width:200px;}

.multiselect-reset .btn{background: #e4e4e4; cursor:pointer;}


.table-hover tbody tr:hover{
	background-color: #f9ffbf;
}

.btn-secondary{color: #2f2f2f;}
.btn{font-size: 15px;}



.custom_confirm .modal-dialog{ max-width: 500px;}
.custom_alert .modal-dialog{ max-width: 500px;}

.modal-header{ background: #c7c7c7;}
.modal-title{ font-weight: bold;}


#custom_confirm .modal-dialog{	z-index:100001;}
#custom_confirm .modalOverLay{	z-index:100000; background:#1d1d1d;}

#custom_alert .modal-dialog{	z-index:100001;}
#custom_alert .modalOverLay{	z-index:100000; background:#1d1d1d;}



img{max-width: 100%;}

.list-group-item{border-width:0;}

.mw-300px {  max-width: 300px !important;}

.modal-content{ z-index:1000;}


.btn:hover {
/* 	color: #fff; */
	text-decoration: none;
	opacity:0.7;
    -webkit-transition: .5s;
    transition: .5s;
}

.btn-info{
	background: #eee;
    color: #666;
    border-color: #9E9E9E;
}

.table_h_auto{height:auto !important;}

.disp_toast_area{
	position: fixed;
    top: 0;
    width: 90%;
    padding: 10px;
    z-index: 100000;
}

.spinner-border{
	width: 4rem; height: 4rem;
}


.widget-menu {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	overflow: hidden
}
.widget-menu a {
	color: #555;
	display: block;
	line-height: 20px;
	padding: 15px;
	text-decoration: none!important
}
.widget-menu .menu-icon {

	margin-right: 10px;

	color: #767676;
	 -webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.widget-menu .label {
	background: #888;
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.4) inset;
	-moz-box-shadow: 0 0 2px rgba(0,0,0,0.4) inset;
	box-shadow: 0 0 2px rgba(0,0,0,0.4) inset;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	line-height: 20px;
	padding: 0 5px
}
.widget-menu .label.green {
	background: #78ba00
}
.widget-menu .label.orange {
	background: #d74f2a
}
.widget-menu>li+li {
	border-top: 1px solid #555
}
.widget-menu>li>a {
	background-color: #2d2b32;
	color: #767676;
	-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.widget-menu>li>a .icon-chevron-up {
	display: block
}
.widget-menu>li>a .icon-chevron-down {
	display: none
}
.widget-menu>li>a.collapsed .icon-chevron-up {
	display: none
}
.widget-menu>li>a.collapsed .icon-chevron-down {
	display: block
}
.widget-menu>li>a:hover {
	background-color: #28262c;
	color: #fafafa;
}

.widget-menu>li>a:hover .menu-icon { color:#fff;}

.widget-menu>li ul li {
	background: #eee;
	border-top: 1px solid #ccc
}
.widget-menu>li ul li+li {
	border-top: 0
}
.widget-menu>li ul li.active a {
	background: #f0f0f0
}
.widget-menu>li ul li a {
	padding: 10px 15px 10px 30px
}
.widget-menu>li ul li a:hover {
	background: #f5f5f5;
	-webkit-box-shadow: 0 1px 0 #fafafa inset;
	-moz-box-shadow: 0 1px 0 #fafafa inset;
	box-shadow: 0 1px 0 #fafafa inset;
	border-bottom: 1px solid #d5d5d5;
	border-top: 1px solid #d5d5d5;
	padding: 9px 15px 9px 30px
}


/* オンマウスで表示する用にする  */
.dropdown:hover .dropdown-menu {
        display: block;
}
.dropdown-menu{
	margin: -0.125rem 0 0 !important;
}


.page-item.active .page-link{
	color: #484848;
    background-color: #f3f3f3;
    border-color: #a7a7a7;
}

.page-link{
	margin-left: 15px;
	color: #484848;
	cursor:pointer
}


.form-control{
	height: auto;
	padding: .2rem .75rem;
}



div.popover {
  font-family: "Roboto", "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif !important;
background: #e6e6e6;
    border: solid 1px #c1c1c1;
    padding: 5px;
    font-weight: bold;
}
.bs-popover-auto[x-placement^=right] .arrow::before, .bs-popover-right .arrow::before {
    border-right-color: #c6c6c6;
}

.bs-popover-auto[x-placement^=right]>.arrow::after, .bs-popover-right>.arrow::after {
    left: 1px;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: #e6e6e6;
}

.bs-popover-auto[x-placement^=left]>.arrow::after, .bs-popover-left>.arrow::after {
    right: 1px;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: #e6e6e6;
}
.bs-popover-auto[x-placement^=left] .arrow::before, .bs-popover-left .arrow::before {
    border-left-color: #c6c6c6;
}

textarea.form-control{
	height: auto;
}


/*
#########################
ツールチップ関連
#########################
*/
.tooltip-inner {
    max-width: 350px;
}

/*
#########################
モーダル関連
#########################
*/

.modal{
	position: absolute !important;
	overflow-y : hidden !important;
	overflow-y : hidden !important;

	height: initial !important;
}


.modal-dialog-w900{ max-width: 900px;}
.modal-dialog-w85vw{ max-width: 85vw;}
.modal-dialog-w95vw{ max-width: 95vw;}
.modal-dialog-80p{ max-width: 80%;}

/*
#########################
PC用
#########################
*/

@media (min-width: 993px){
	.w-lg-75p{width:75%;}
	.w-lg-200{width:200px;}
}

/*
#########################
スマホ用
#########################
*/

@media (max-width: 992px){
.list-group-item{
	padding: 0.25rem 0.55rem;
}

.modal-dialog{ max-width: 97%}

}