@CHARSET "UTF-8";

body{
	word-wrap : break-word;
	overflow-wrap : break-word;
}

/*====================
 +container javascriptが無効の場合は非表示にするため IT-4824
====================*/
#container {
	display: none;
	padding-top:10px;
}

/* No gutters */
.no-gutters {
  margin:0;
  padding:0;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
	margin:0;
	padding:0;
}

/*Header Area*/
#lang_switch{
	z-index: 1030;
	position:absolute;
}
.popover {
	max-width: 500px;
}
.popover-header{
	background: #FFFFFF;
}
.popover-body{
	background: #f7f7f7;
}

/* Global Navigation */
#global_nav{
	min-height:65px
}

.navbar-dark .nav-item.active .nav-link,
.navbar-dark .nav-item:hover .nav-link:not(.disabled) {
	color: #ffffff;
}
.navbar-dark .nav-item.active .nav-link{
	font-weight: bold;
}
@media (max-width: 767px){
	#global_nav_bt_area{
		width:100%!important;
		color: #ffffff;
	}
}

/* Page TOP */
.pagetop {
	display: none;
	position: fixed;
	bottom: 5px;
	right: 10px;
	z-index:2000;
}
.pagetop a {
	display: block;
	width: 50px;
	height: 50px;

	text-align: center;

	font-size: 24px;
	text-decoration: none;
	line-height: 50px;
}
.pagetop a:hover,
.pagetop a:visited,
.pagetop a:link,
.pagetop a:active {
	color: #333;
	text-decoration: none;
}

/* Sticky Footer */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 280px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 280px;
  background-color: #f5f5f5;
  padding-top: 15px;
}

@media (min-width: 768px) {
	body {
	  /* Margin bottom by footer height */
	  margin-bottom: 150px;
	}
	.footer {
	  height: 150px;
	}
	#footer_bottom{
		margin-left:3px;}
	#footer_link li{
		display: inline-block;
		list-style-type:none;
		margin-right:6px;
		padding-left:10px;
	}
	#footer_link li+li {
		border-left:1px solid #6C757D;
	}
}

.jumbotron{
	padding:1rem 1rem;
}

.card_list > div[class*='col-'] {
  display: flex;
}

.card_list .card .card-header{
	padding-top: 0.75rem;
    padding-right: 0.75rem;
    padding-bottom: 0.75rem;
    padding-left: 0.75rem;
}

.card_header_link{
	 color: #267299;
}

.card .card-header a[data-toggle="collapse"] {
	display: block;
	padding: .75rem 1.25rem;
	margin: -.75rem -1.25rem;
}
.card .card-header a[data-toggle="collapse"]:active,
.card .card-header a[data-toggle="collapse"]:hover,
.card .card-header a[data-toggle="collapse"]:focus {
	text-decoration: none;
}
/* closed state */
.card .card-header a[aria-expanded="false"]::after {
	font-family: "Font Awesome 5 Free";
	content: " \f0d7";
	font-weight: 900;
	display: inline;
	text-align: right;
	padding-left: 5px;
}
/* open state */
.card .card-header a[aria-expanded="true"]::after {
	font-family: "Font Awesome 5 Free";
	content: " \f0da";
	font-weight: 900;
	display: inline;
	text-align: right;
	padding-left: 5px;
}

table.noline {
	border: 0 !important;
}
table.noline th {
	border: 0 !important;
	font-weight:bold;
}
table.noline td {
	border: 0 !important;
}

.required {
	color : #E74C3C;
	font-size : smaller;
}

p.error {
    margin-top: .25rem;
    font-size: 80%;
    color: #dc3545;
}

.clear_font_size{
	font-size:1em!important;
}

:target:before {
   content:"";
   display:block;
   height:65px;/* ヘッダの高さ = 50px */
   margin:-65px 0 0;/* ヘッダの高さ = 50px */
}

/* テーブルリストのゼブラ表示で、奇数行は白にする指定 */
.table-striped-reverse > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
    background-color: #ffffff;
}
.table-striped-reverse > tbody > tr:nth-child(2n) > td, .table-striped > tbody > tr:nth-child(2n) > th {
    background-color: #f9f9f9;
}

.custom-control-label.hidden::before,
.custom-control-label.hidden::after{
	display: none;
}


/** For Drag & Drop guide message **/
p.drag_drop {
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: center;
	font-size: 15px;
	font-weight:bold;
	color: gray;
}

input.drag_drop {
	text-align: center;
	font-size: 14px;
	font-weight:bold;
}

.pl-drop-zone-background {
	border-width: 3px !important;
	border-color: #aabbcc !important;
	border-style: dotted !important;
}

/*** For call event display **/

#rept_event-tab a[data-toggle="collapse"] {
	display: block;
	padding: .75rem 1.25rem;
	margin: -.75rem -1.25rem;
}
#rept_event-tab  a[data-toggle="collapse"]:active,
#rept_event-tab  a[data-toggle="collapse"]:hover,
#rept_event-tab  a[data-toggle="collapse"]:focus {
	text-decoration: none;
}
/* closed state */
#rept_event-tab  a[aria-expanded="false"]::after {
	font-family: "Font Awesome 5 Free";
	content: " \f0d7";
	font-weight: 900;
	display: inline;
	text-align: right;
	padding-left: 5px;
}
/* open state */
#rept_event-tab  a[aria-expanded="true"]::after {
	font-family: "Font Awesome 5 Free";
	content: " \f0da";
	font-weight: 900;
	display: inline;
	text-align: right;
	padding-left: 5px;
}


/*** For summernote modal dialog ***/
input[type="file"].note-input {
    display: block;
}

label.note-form-label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
}

/*** Form Validation ***/
.was-validated .form-control:valid.is-invalid {
  border-color: #dc3545;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
  background-repeat: no-repeat;
  background-position: center right calc(0.375em + 0.1875rem);
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-control:valid:focus.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated textarea.form-control:valid.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

/*** Custom Button ***/
.btn-orange,
.btn-orange.disabled, .btn-orange:disabled {
  color: #fff;
  background-color: #ff9900;
  border-color: #ff9900;
}

/* focusされた時の枠線の色 */
.btn-orange:focus, .btn-orange.focus,
.btn-orange:not(:disabled):not(.disabled):active:focus, .btn-orange:not(:disabled):not(.disabled).active:focus,
.show > .btn-orange.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(244, 177, 131, 0.5);
}

/* hover時（マウスカーソルを重ねた時）の色（通常より濃いor暗めの色を指定） */
.btn-orange:hover {
  color: #fff;
  background-color: #e67e22;
  border-color: #e65722;
}

/* active時の色（hover時と同等かさらに濃いor暗めの色を指定） */
.btn-orange:not(:disabled):not(.disabled):active, .btn-orange:not(:disabled):not(.disabled).active,
.show > .btn-orange.dropdown-toggle {
  color: #fff;
  background-color: #d35400;
  border-color: #d33e00;
}


.check_icon {
	color:#62B045;
	/* font-size: 1.2em;/**/
}

.cancel_icon {
	color: red;
	font-size: 1.2em;
}

.minus_icon {
	color:#b0b0b0;
	/* font-size: 1.2em;/**/
}

.keylock_icon {
	color: #EBA53E;
	/* font-size: 1.2em; */
}

.phone_icon {
	color: #84A5D7;
	font-size: 1.2em;
}

.info_icon {
	color: #84A5D7;
	font-size: 1.2em;
}

.edit_icon {
	color: #FFAE3B;
	font-size: 1.2em;
}

.trash_icon {
	color: gray;
	/* font-size: 1.2em; */
}

.user_minus {
	color: gray;
	/* font-size: 1.2em;*/
}

/* Date Time picker */
.bootstrap-datetimepicker-widget{
	z-index: 1040 !important;
}

/* card内でのalert表示調整 */
.card .card-body .row .alert {
	position: relative;
	padding: .25rem .75rem;
	margin-bottom: .5rem;
	border: 1px solid transparent;
	border-radius: .25rem;
}

/* alert内のul表示調整 */
.alert ul {
	margin-bottom: 0;
}

/*IT-6982 for Firefox select-box .form-control-sm color */
.form-control-sm {
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.form-control-sm:disabled, .form-control-sm[readonly] {
    background-color: #e9ecef;
    opacity: 1;
}