/* html {
    font-size: 90%;
} */
/* body {

}
footer {

} */
/* label {
	font-size: 80%;
	color: #708090;
} */
.hide {
	display: none;
}
/*
.dropdown-font {
	font-size: 80%;
}
.icon {
	margin-left: 1rem;
	color: #B0C4DE;
}
input[type="text"][disabled]{
    border-style: none;
    background:#FFFFFF;
    cursor:not-allowed;
}
*/

input[type="text"][disabled]{
    cursor:not-allowed;
}

[lang=ja] span > .badge,
[lang=ja] p > .badge,
[lang=ja] div > .badge,
[lang=ja] td > .badge {
	padding: 0.4em;
}


[lang=ja] .btn.btn-app,
[lang=ja] .text-sm .btn.btn-app {
	font-size: 60% !important;
}

[lang=ja] .btn.btn-app i,
[lang=ja] .text-sm .btn.btn-app i {
	margin-bottom: 3px;
}

.card-body fieldset {
	margin-bottom: 20px;
}

.card-body fieldset legend {
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 20px;
	font-size: 1.1rem;
	font-weight: 800;
}

.form-group label:not(.form-check-label):not(.custom-file-label):not(.custom-control-label):not(.btn) {
	color: #6c757d;
}

.form-group label.custom-control-label {
	font-weight: 400;
	color: #343a40;
}

.popover-body .form-group label.custom-control-label {
	padding-top: 2px;
}

label.label-required {
	background:linear-gradient(transparent 90%, #ff851b 10%);
}

label.label-required .spn-required {
	color: #fd7e14 !important;
	margin-left: 0.5rem !important;
	font-size: 80%;
}

.text-sm .btn.btn-xs {
	font-size: 0.75rem !important;
}

.flex-group{
	display: flex;
	margin-bottom: 8px;
}

.text-sm .btn-circle{
	width: 30px;
	height: 30px;
	margin: 0px 2px;
	text-align: center;
	padding: 6px 0;
	font-size: 11px !important;
	line-height: 1.428571429;
	border-radius: 15px;
}

table .btn-xs:not(.toggle-on):not(.toggle-off):not(.toggle-handle){
	margin: 2px 0px 2px 1px;
}

.btn-xs.icon{
	width: 1.5rem !important;
}

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

.popover {
	max-width: 100%;
}

table tbody tr.tr-striped td {
	background-color: rgba(0, 0, 0, 0.05);
}

.w-10 {
	width: 10% !important;
}
.w-20 {
	width: 20% !important;
}
.w-30 {
	width: 30% !important;
}
.w-40 {
	width: 40% !important;
}
.w-50 {
	width: 50% !important;
}
.w-60 {
	width: 60% !important;
}
.w-70 {
	width: 70% !important;
}
.w-80 {
	width: 80% !important;
}
.w-90 {
	width: 90% !important;
}

.min-h-auto {
	min-height: auto !important;
}

/* for sweetalert2 style */
.swal2-title{
    font-size: 1rem !important;
}
.swal2-html-container{
    text-align: left !important;
    font-size: 0.875rem !important;
    margin: 15px 0px 20px 0px !important;
}
.swal2-textarea{
    padding: 0.375rem 0.75rem !important;
    font-size: 0.875rem !important;
}
.swal2-actions{
    margin-top: 0px !important;
    /* justify-content: space-between !important; */
}
.swal2-confirm{
    font-size: 0.875rem !important;
    padding: 0.375rem 0.75rem !important;
}
.swal2-cancel{
	color: black !important;
    font-size: 0.875rem !important;
    padding: 0.375rem 0.75rem !important;
}

/*----------------------------------------
	navber menu
----------------------------------------*/
.brand-link.text-sm .brand-image, .text-sm .brand-link .brand-image {
    margin-left: .6rem;
}

/*----------------------------------------
	navber notification
----------------------------------------*/
#nav-notice {
	position: static !important;
}
.dropdown-menu-nc {
	max-width: 400px;
    min-width: 300px;
	padding: 0;
	margin: 2px 10px;
}
.nav-item .dropdown-menu-nc .text-sm {
	font-size: 0.75rem !important;
}
.nav-item .dropdown-menu-nc .text-xs {
    font-size: 0.5rem !important;
}
.nav-item .dropdown-menu-nc .scrollable-menu {
	height: auto;
	max-height: 400px;
	overflow-x: hidden;
}
.nav-item .dropdown-menu-nc .icon-notice {
	min-width: 40px;
}
.notice-badge {
	font-size: .6rem;
    font-weight: 300;
    position: absolute;
    right: 0px;
    top: 20px;
}

/*----------------------------------------
	for plan style
----------------------------------------*/
.plan-info .btn_plan_change {
	border: solid 1px white;
	font-size: 0.5rem !important;
}
.plan-info .info-box-text {
	font-size: 0.60rem;
}
.plan-info .info-box-number {
	font-size: 1.25rem;
}
.plan-info .info-box-title {
	font-size: 1.0rem;
	font-weight: 700;
}
.plan-info .col-lg-3 .info-box .progress-description {
	font-size: 0.75rem;
}

.text-summary {
	font-size: 1.2rem;
}

/*----------------------------------------
	fontawesome custom style
----------------------------------------*/
.fa-rotate-45 {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

/*----------------------------------------
	info-box summary
----------------------------------------*/
.info-box-summary .info-box-text {
	font-size: 0.75rem;
}
.info-box-summary .info-box-number {
	font-size: 1.1rem;
}

/*----------------------------------------
	bootstrap popover
----------------------------------------*/
.popover-header {
    font-size: 0.8rem;
}

/*----------------------------------------
	search filter tags
----------------------------------------*/
.searchtag {
	display: inline-block;
	margin-top: 1px;
	padding: 2px 5px;
	font-size: 11px;
	line-height: 1.5;
	font-weight: nomal;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: 3px;
}
.searchtag .dismiss {
	color: #fff;
	text-decoration: none;
	padding: 0 2px;
}
.searchtag-default {
	background-color: #6c757d;	/* primary */
}


/*----------------------------------------
	custom-file small
----------------------------------------*/
.custom-file-input.form-control-sm,
.custom-file-label.col-form-label-sm {
	height: calc(1.8rem + 2px);
	font-size: 0.75rem;
}

.custom-file-label.col-form-label-sm::after {
    height: 1.8rem;
}

/*----------------------------------------
	card header custom
----------------------------------------*/
.card-lightgray:not(.card-outline) > .card-header,
.card-lightgray:not(.card-outline) > .card-header a {
    color:#1F2D3D;
}
.card-lightgray:not(.card-outline) > .card-header {
    background-color: rgba(0, 0, 0, 0.2)
}

/*----------------------------------------
	select2 shadow off (style bootstrap4)
----------------------------------------*/
.select2-container--bootstrap4.select2-container--focus .select2-selection {
	border-color: #80bdff;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.select2-container .select2-selection--single {
	height: calc(2.25rem + 2px) !important;
}

.select2-results__option {
    min-height: 30px;
}

/*----------------------------------------
	LINE app button
----------------------------------------*/
.btn-line {
	color: #FFFFFF!important;
	background-color: #00C300!important;
	border-color:  #00B300!important;
}
.btn-line:hover {
	background-color: #00E000!important;
	border-color:  #00c900!important;
}
.btn-line:active {
	background-color: #00B300!important;
	border-color:  #009800!important;
}
.btn-line:disabled {
	background-color: #C6C6C6!important;
	border-color:  #b5b5b5!important;
}


.btn-app-external {
	background-color: #f0f1f3;
}
.box-icon-border {
	border: 1px solid;
	padding: 3px;
	border-radius: 4px;
}

dl.dl-open-dialog dt {
	font-weight: 400;
}
dl.dl-open-dialog dd {
	margin-bottom: 0;
}

/*----------------------------------------
	contact button
----------------------------------------*/
.contact-form{
	width: 350px;
	padding: 15px;
}

/*----------------------------------------
	scroll bar
----------------------------------------*/
.scroll::-webkit-scrollbar {
	width: 8px;
    height: 8px;
}

.scroll::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, .3);
  border-radius: 8px;
}

.disable-a {
	pointer-events: none;
	opacity: .5;
}