@charset "UTF-8";
/*
Theme Name: 折井電装管理システム専用テーマ
Theme URI:
Author: NARTS
Author URI: http://www.narts.jp
Description: 折井電装管理システム Bootstrap3対応テーマ
Version: 1.0.0
*/

/* wordpress */
.aligncenter {
	display: block;
	margin: 0 auto 10px;
}
.alignright {
	float: right;
	margin-bottom: 10px;
}
.alignleft {
	float: left;
	margin-bottom: 10px;
}

/* bootstrap追加 */
.row-eq-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}
/* フォーム警告もエラーと同じスタイルに */
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #a94442;
}
.has-warning .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.has-warning .input-group-addon {
  color: #a94442;
  border-color: #a94442;
  background-color: #f2dede;
}
.has-warning .form-control-feedback {
  color: #a94442;
}

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 15px;
	line-height: 1.35em;
	color: #333;
}

img {
	vertical-align: bottom;
}

a:hover img {
	opacity: 0.7;
		-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 70);
		filter: alpha(opacity = 70);
	transition: all 0.3s;
}

a {
	text-decoration: none;
	color: #4D80DA;
}

a:hover {
	text-decoration: none;
	color: #0E2D96;
	transition: 0.2s all;
}

/* パスワード再発行へのリンク無効化 */
#theme-my-login .error a {
	display:none;
}

/* ヘッダー */
header {
	background-color: #00ab6f;
	color: #fff;
	padding: 5px 0;
}

header a {
	color: #fff;
}

header a:hover {
	color:#D8CC00;
}

/* サイドメニュー */
#side-menu {
	background-color: #4d4d4d;
	padding: 25px 8px 12px 0px;
	color: #ffffff;
	font-size: 19px;
	line-height: 1.5em;
	min-height: 100vh;
}

#side-menu a {
	color: #fff;
}

#side-menu a:hover {
	color:#D8CC00;
}

#side-menu ul li ul {
	margin-left: 0.5em;
	font-size: 18px;
}

#side-menu a .badge {
	background-color: #cc0000;
}

#side-menu .fa-ul {
	margin-left: 2em;
}

/* コンテンツ */
#top-menu {
	margin: 10px;
}

#top-menu li {
	border: 1px solid;
	padding: 10px;
	margin: 10px;
}

/* ファイルアップロード */
.imagePreview {
	max-width: 100px;
	height: auto;
}

.imageView {
	max-width: unset;
	height: auto;
}

input.uploadFile {
	display: none;
}

/* アコーディオンパネル開閉アイコン */
a.collapsed .fa-chevron-down {
	color: #333333;
	display: inline-block;
}

a.collapsed .fa-chevron-up {
	color: #333333;
	display: none;
}

a .fa-chevron-down {
	color: #333333;
	display: none;
}

a .fa-chevron-up {
	color: #333333;
	display: inline-block;
}

/* チェックボックス */
.check-label input[type="checkbox"] {
	display: none;
}

.check-label input[type="checkbox"] + span::before {
	display: inline-block;
}

.check-label input[type="checkbox"] + span::before {
	content: "\f0c8"; // fa-square
}

.check-label input[type="checkbox"]:checked + span::before {
	content: "\f14a"; // fa-check-square
}

/* Datatables絞り込み検索 */
.dataTables_filter {
	display: none;
}

div#totla-sales-list_wrapper tbody tr {
	height: 35px!important;
}
/* フォーム部品 */
.input-group {
	z-index: 0;
}

.receipt-detail .form-group {
	margin-bottom: 0;
}

/* DatePicker */
.custom-calendar-saturday a.ui-state-default {
	border: 1px solid royalblue;
    background: royalblue url(images/ui-bg_glass_80_d7ebf9_1x400.png) 50% 50% repeat-x;
    font-weight: royalblue;
    color: white;
}
.custom-calendar-sunday a.ui-state-default,
.custom-calendar-holiday a.ui-state-default {
	border: 1px solid palevioletred;
    background: palevioletred url(images/ui-bg_glass_80_d7ebf9_1x400.png) 50% 50% repeat-x;
    font-weight: palevioletred;
    color: white;
}

/* Lサイズ、ワイドスクリーン : Large Devices, Wide Screens */
@media (max-width : 1200px) {
}

/* Mサイズ、デスクトップ : Medium Devices, Desktops */
@media (max-width : 992px) {
}
@media (min-width: 992px) {
  .modal-lg {
    width: 990px;
  }
}

/* XSサイズ : Extra Small Devices, Phones */  
@media (max-width : 480px) {
}

/* navbar collapse for iPad (bootstrap) */
@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    .navbar-collapse.collapse.in {
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
}