/* チェックボックスカスタマイズ */
.cs_checkbox {
	display: none;
}
.cs_checkbox + .checkbox-icon {
	position: relative;
	vertical-align: middle;
}
.cs_checkbox + .checkbox-icon:before {
	content: "\f372";
	font-family: "Ionicons";
	color: #ccc;
	font-size: 1.5em;
	vertical-align:middle;
}
.cs_checkbox:checked + .checkbox-icon:before {
	content: "\f374";
	color: #17bcdf;
}

/* クリック位置にマウスがくるとカーソルをチェンジ */
label, input[type='checkbox'] {
	cursor: pointer;
}

/* bootstrapでimgに影を付ける */
.ss-item .ss-item-text{
	background-color:white;
	text-align:center;
	padding: 10px 20px;
	border-radius:0 0 5px 5px;
	font-weight:bold;
}
.ss-item .ss-item-text, .ss-item img{
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	width:300px;
}
.ss-item img{
	border-radius:15px 15px 15px 15px;
}
.ss-item img:hover{
	opacity:0.8;
	filter: alpha(opacity=80);
    transition: 0.2s;
    transform: translate(-5px,-5px);
}

.logo-img {
	text-align:center;
	position: relative;
	margin: 0;
	padding: 0;
	top: 30px;
}

.ellipsis {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/* bootstrap modalのヘッダー */
.modal-header-success {
    color:#fff;
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color: #5cb85c;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}
.modal-header-warning {
	color:#fff;
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color: #f0ad4e;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}
.modal-header-danger {
	color:#fff;
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color: #d9534f;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}
.modal-header-info {
    color:#fff;
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color: #5bc0de;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}
.modal-header-primary {
	color:#fff;
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color: #428bca;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}
.img-responsive:active{
	border:2px solid silver;
}

.ui-button, .ui-button-text .ui-button, .ui-dialog-title { 
	font-size: 14px !important; 
}

/* Aタグ風ボタン */
.text_btn {
	margin:  0px;
	padding: 0px;
	font-weight: bold;
	color: #337ab7;
	background: rgba(255,255,255,0.0);
	text-decoration: none;
	border-style: none;
}
.text_btn:hover {
	color: #337ab7;
	text-decoration: underline;
	background: rgba(255,0,0,0.0);
}
.text_btn:active {
	color: #337ab7;
	text-decoration: underline;
	background: rgba(255,0,0,1.0);
}

/* イメージ画像のマウスオーバー */
.svgimage:hover {
	border:1px dotted silver;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

/* エラーの時の文字色 */
.error_text { color: #ff0000; }

/* IEの場合 */
 @media all and (-ms-high-contrast:none)
{
	.img-responsive{
		width:inherit;
		max-width:200px;
		height:auto;
	}
}

.button_group {
	padding: 5px 5px 5px 5px;
}

html,
body {
  height: 100%;
  /* html と body 要素はパディングやマージンを持てません。*/
}

#wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  /* Negative indent footer by it's height */
  margin: 0 auto -60px;
}
 
/* Set the fixed height of the footer here */
#push {
  height: 60px;
}
#footer {
  height: 60px;
  background-color: #f5f5f5;
}
/* Lastly, apply responsive CSS fixes as necessary */
@media (max-width: 767px) {
  #footer {
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

.hoge
{
    position:relative;
}
.col-sm-2.offsetcol-sm-2
{
    top:-12px;
}

.lock {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
}

/* CakePHP 4 BootstrapUI バリデーション表示対応 */
.form-group.is-invalid > label {
	color: #a94442;
}

.form-group.is-invalid .form-control,
.form-control.is-invalid {
	border-color: #a94442;
}

.form-group.is-invalid .form-control:focus,
.form-control.is-invalid:focus {
	border-color: #843534;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}

.form-group.is-invalid .invalid-feedback,
.invalid-feedback {
	display: block;
	color: #a94442;
}