@charset "utf-8";

/**************************
bootstrap カスタム
***************************/

.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;

}

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: #fffe8966;
}



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


.modal-dialog-80p{ max-width: 80%;}



.modal-header{ background: #d3f3ff;}
.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;}


.list-group-item {
    padding: 0.5rem 1.25rem;
}

.btn:hover {
 	color: #fff !important;
	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 */
}

.page-item:hover{
	cursor:pointer;
}
.page-item.active:hover{
	cursor:default;
}



/*
#########################
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%}

}