html,body { height: 100%; }
body {
  font-family: 'Noto Sans Japanese', 'Noto Sans JP', sans-serif !important;
  background-color: #f8f9fe;
}

/***** Win(IE/Edge)共通 *****/
.media-body {
    flex: 1;
    -webkit-flex: 1;
    flex-basis: auto;
}
select::-ms-expand {
    display: none;
}
.modal-footer {
    justify-content:space-between;	
}
h6.text-muted.ml-auto.mr-5 {
    text-align: right!important;
}
textarea {
    white-space: normal;
}

/***** 共通 *****/
.fs-05 {
	letter-spacing: 0.05em;
}
.fs-1 {
	letter-spacing: 0.1em;
}
.fs-5 {
	letter-spacing: 0.5em;
}
.fa-1-5x {
    font-size: 1.5em;
}
.btn-sm {
	font-size: 0.40rem;
}
.modal-body, .modal-footer {
/*	background-color: #f8f9fe;*/
}
.footer {
    background: #f8f9fe;
}
.main-content,
.footer {
    background: url(/img/bg/bg-light.png);
}

/* selectボタン  */
.custom,
.custom-label {
    position: relative;
}
.custom:after {
    content: '▼';
    font: 14px "Consolas", monospace;
    color: #525f7f;
    right: 3px;
    top: 14px;
    padding: 0px 7px 0px;
    border-left: 1px solid #999;
    position: absolute;
    pointer-events: none;
}
.custom-label:after {
    content: '▼';
    font: 14px "Consolas", monospace;
    color: #525f7f;
    right: 3px;
    top: 45px;
    padding: 0px 7px 0px;
    border-left: 1px solid #999;
    position: absolute;
    pointer-events: none;
}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* card背景透明 */
.card, 
.card-header, 
.card-body, 
.card-footer {
    background: rgba(255,255,255,0.4);
}
.list-group-item {
    background: rgba(255,255,255,0.1);
}
.card-dark {
/*    color: #f8f9fe;*/
/*    background-color: #172b4d !important;*/
}

/* modal内は透明を打ち消す */
.modal-body .card, 
.modal-body .card-header, 
.modal-body .card-body, 
.modal-body .card-footer {
    background: rgba(255,255,255,1);
}

/* TBLヘッダー行の文字サイズ */
.table thead th {
    font-size: .8125rem;
}

/* Toastrメッセージ背景色上書き */
.toast-error {
    background-color: #f5365c!important;
}
.toast-warning {
    background-color: #fb6340!important;
}
.toast-success {
    background-color: #2dce89!important;
}
.toast-info {
    background-color: #11cdef!important;
}

/***** Login *****/
#login.main-content,
#login-change.main-content {
/*    height: 665px;*/
}
#login .container,
#login-change .container {
/*	position: absolute;*/
/*    height: 480px;*/
/*    margin: auto;*/
/*    top: 0;*/
/*    left: 0;*/
/*    right: 0;*/
/*    bottom: 0;*/
}
h1.mb-0,
h2.mb-0 {
    letter-spacing: 0.1em;
}
#login span.input-group-text,
#passreset span.input-group-text {
    width: 43px;
    /* text-align: center; */
}

/***** Company *****/
.btn-inner--icon i:not(.fa) {
	top: 0;
}
/*
#company .table-responsive {
	height: 430px;
	max-height: 580px;
}
*/
#company .modal-body .table-responsive {
	height: auto;
}
.card-header,
.card-footer {
	padding: 0.25rem 0.5rem !important;
}
.dropdown-menu .dropdown-item>i {
	vertical-align: 0;
}
.form-group {
	margin-bottom:0;
}
.form-control {
    color:#525f7f;
    font-size: 1rem;
}
.btn-outline-secondary {
    color: #adb5bd;
}

/***** Employee *****/
.pl-4-5, .px-4-5 {
    padding-left: 2rem !important;
}
.pr-4-5, .px-4-5 {
    padding-right: 2rem !important;
}
label.custom-toggle {
	margin-top: 0.9rem;
}
/*
#employee .table-responsive {
	height: 580px;
	max-height: 580px;
}
*/
#Employee .modal-body .table-responsive {
	/*max-height: 356px;*/
	max-height: calc(100vh - 45vh);
}
#Employee .modal-body .card-footer p.text-muted {
        padding-left: 3rem;
        text-indent: -3rem;
        line-height: 1.2;
}
tbody > tr.link-modal:hover {
    background-color: #5e72e4;
    color: white;
    cursor: pointer;
}

/***** Group *****/
#group .table-responsive {
	height: 392px;
	max-height: 392px;
}

#group tbody > tr {
    height: 58px;
}
.footer-cmd {
    padding: 24px 0;
}
tbody > tr.select-member:hover {
    background-color: #5e72e4;
    color: white;
}
td > .custom-control {
	top: -14px;
}

/***** Item *****/
#SettingItem .header .form-group {
	margin-bottom: 0;
}
#SettingItem .modal-body .modal-body-l .table-responsive {
	/*height: 435px;*/
        max-height: 53vh;
}
#ItemDetail .modal-body .modal-body-m .table-responsive {
	/*height: 316px;*/
        max-height: 23vh;
}
#ItemDetail .modal-body .modal-body-s .table-responsive {
	/*height: 200px;*/
}
#SettingItem .card .table th,
#SettingItem .card .table td,
#ItemDetail .card .table th,
#ItemDetail .card .table td { 
    padding-top: .5rem!important;
    padding-bottom: .5rem!important;
}

.badge.top {
    position: relative;
    top: -2px;
}
.card-header.pxy-2 {
    padding: 0.5rem 0.5rem !important;
}
th.w-5 {
	width: 5%;
}
th.w-25 {
	width: 25%;
}

/***** Status *****/
#status .header .form-group {
    margin-bottom: 0;
}
.eva-mode {
    display: table;
    text-align: center;
    vertical-align: middle;
    padding: 0 1.25rem;
    border: 1px solid #5e72e4;
    border-radius: 0.375rem;
}
.label-eva-mode {
    position: relative;
    top: -11px;
    display: unset;
}
.eva-mode label.custom-toggle {
    margin-top: 0.5rem;
    position: relative;
    top: 3px;
}
.table td .progress {
    height: 0.5rem;
}
#status .d-flex.align-items-center > span {
    width: 35px;
    text-align: right!important;
}

/***** Evaluate *****/
#home .card-header,
#home .card-footer,
#evaluate .card-header,
#evaluate .card-footer {
	padding: 0.5rem 0.5rem !important;
}
#evaluate .card-header.text-secondary {
        padding: 0.25rem 0.5rem !important;
}
.card-header button.btn.rounded-circle {
    position: absolute;
    right: 8px;
}
#evaluate .progress {
    height: 1rem;
}
.swiper-container-horizontal>.swiper-pagination-bullets {
	bottom: 4px !important;
}
.swiper-button-next,
.swiper-button-prev {
	top: 8.5% !important;
	background-image: none !important;　/* 背景画像非表示 */
}
p.category {
    line-height: 1.2;
}
p.info {
    line-height: 1;
}
.lineHeight12 {
    line-height: 1.2;
}
.posi-1 {
    position: relative;
    top: -1px;
}

/***** Result *****/
tbody > tr.link-page:hover {
    background-color: #5e72e4;
    color: white;
    cursor: pointer;
}

/***** ResultChart *****/
ol.bread {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
}
li > .text-bread {
    color: #ced4da;
}
td > .btn.btn-outline-primary.rounded-circle,
td > .btn.btn-outline-danger.rounded-circle {
    width: 58.5px;
}

/***** ResultChart *****/
/***** ResultDetail *****/
#resultchart .card.card-stats,
#resultdetail .card.card-stats {
    border: 1px solid;
}
#resultdetail .form-control {
    text-indent: Calc((100% - 190px) / 2);
}

/** iPhone5/SE対応 **/
@media (max-width: 320px) {
  .card-stats .card-body {
      padding: 1rem 1rem;
  }
  .card-header p.pl-3,
  .card-footer p.pl-3 {
      padding-left: 0.5rem !important;
  }
  .btn i:not(:last-child), 
  .btn svg:not(:last-child) {
      margin-right: .15rem;
  }
  .btn i:not(:first-child), 
  .btn svg:not(:first-child) {
      margin-left: .15rem;
  }
}