/***************************************
**
** システム共通・システム管理CSS
**
***************************************/

/**************************
** ヘッダ
**************************/

.navbar {
  color: black;
  background-color: #87cefa;  /* lightskyblue */
}

.lynx .navbar-default .navbar-nav > li > a:hover,
.lynx .navbar-default .navbar-nav .navbar-default .navbar-nav > li > a:focus {
  color: #fff;
  background: #8bcf91;
}
.lynx .navbar-default .navbar-nav > .active > a,
.lynx .navbar-default .navbar-nav .navbar-default .navbar-nav > .active > a:hover,
.lynx .navbar-default .navbar-nav .navbar-default .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #8bcf91;
}


/***************************
** ログイン
***************************/
.login-title {
  width:300px;
}


/***************************
** 二段階認証モーダル
***************************/
.modalimg-half {
  width:45%;
  border: 1px solid black;
}
.modalimg {
  width:90%;
  border: 1px solid black;
}

.row-space {
  height:30px;
}

.border-dotted {
  height:15px;
  border-bottom: dotted 2px black;
}

/**************************
** メインメニュー
**************************/

.btn-menu {
  background-color: #fffacd;  /* lemonchiffon */
  white-space: normal;
  border: solid 3px #f0e68c;  /* khaki */
  font-weight:bold;
  width:100%;
}

.btn-menu:hover,
.btn-menu:active
{
  background-color: #f5deb3;  /* wheat */
  border-color: #ffd700;      /* gold */
}

.menu-space {
  height:40px;
}

.category-name{
  text-align:center;
  font-weight:bold;
  font-size:1.4rem;
}

.category-bar {
  margin: 9px 5px 9px 5px;
  height:15px;
  background-color: #dda0dd;
  border-radius: 7px;
}

.btn {
  font-size: calc(80% + 0.25vw)
}


.btn-disabled {
  background-color: #d3d3d3 !important;
  color:#ffffff !important;
  border-color:#c0c0c0 !important;
}


/**************************
** 共通テーブルスタイル
**************************/
.lynx .table thead {
  background-color: #87cefa;
}
.lynx table th {
  background: #87cefa;
  font-weight: normal;
}
.lynx table td {
  background: #ffffff;
}


/**************************
** 検索できるセレクトボックスのレイアウト
**************************/
.select2-container--default.select2-container--disabled .select2-selection--single {
	background-color: #f7f7f7;
	border: 1px solid #d5d5d5;
}
.select2-container--default .select2-selection--single {
	border: 1px solid #767676;
	border-radius: 2px;
	height: 32px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #000000;
	line-height: 30px;
}


/***************************
**
** 以下、前案件からコピー・・・整理中。いらないものは削除したい。
**
***************************/

.lynx h2 {
  width: 100%;
  border-left: solid 5px #3b9938;
  border-bottom: solid 1px #ccc;
  padding: 10px 0 10px 15px;
  margin: 10px 0;
}
.lynx .personal_info {
  border-left: dotted 1px #fff;
}
.lynx .nav > li > a:hover, .lynx .nav > li > a:focus {
  color: #fff;
  background-color: #8bcf91;
}
.lynx .nav .sub-category {
  background-color: #ebf2e6;
  border-right: solid 1px #ddd;
}
.lynx .nav .open > a, .lynx .nav .open > a:hover, .lynx .nav .open > a:focus {
  background-color: #f0f6da;
}
.lynx .nav-tabs > li > a {
  color: #333;
}


.lynx .search-field {
  background-color: #fafae4;
  border: solid 4px #8bcf91;
}
.lynx .btn-success:hover, .lynx .btn-success:focus, .lynx .btn-success:active {
  background-color: #005c00;
  border-color: #003b00;
}
.lynx .btn-success.disabled,
.lynx .btn-success.disabled:hover,
.lynx .btn-success.disabled:focus,
.lynx .btn-success.disabled:active,
.lynx .btn-success.disabled.active,
.lynx .btn-success[disabled],
.lynx .btn-success[disabled]:hover,
.lynx .btn-success[disabled]:focus,
.lynx .btn-success[disabled]:active,
.lynx .btn-success[disabled].active,
.lynx fieldset[disabled] .btn-success,
.lynx fieldset[disabled] .btn-success:hover,
.lynx fieldset[disabled] .btn-success:focus,
.lynx fieldset[disabled] .btn-success:active,
.lynx fieldset[disabled] .btn-success.active {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.lynx .btn-success .badge {
  color: #5cb85c;
}
.lynx .btn-link:hover, .lynx .btn-link:focus {
  color: #2a6496;
}
.lynx .label-success {
  background-color: #5cb85c;
}
.lynx .label-success[href]:hover,
.lynx .label-success[href]:focus {
  background-color: #449d44;
}
.lynx .alert-info hr {
  border-top-color: #a6e1ec;
}
.lynx #taskBox {
  border-color: #3b9938;
}

select.input-sm, .input-group-sm > select.form-control,
.input-group-sm > select.input-group-addon,
.input-group-sm > .input-group-btn > select.btn {
  height: 30px;
  line-height: 30px;
}

.input-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}

.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: white;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}
.label[href]:hover, .label[href]:focus {
  color: white;
  text-decoration: none;
  cursor: pointer;
}
.label:empty {
  display: none;
}
.label-danger {
  background-color: #d9534f;
}
.label-danger[href]:hover, .label-danger[href]:focus {
  background-color: #c9302c;
}









.lynx .btn {
  font-size: calc(80% + 0.25vw)
}
.lynx .btn-sm {
  font-size: calc(60% + 0.25vw)
}


input[type="date"] {
  border: 0;
  border:solid 1px #a9a9a9;
  height: 30px;
}

input[type="month"] {
  border: 0;
  border:solid 1px #a9a9a9;
  height: 30px;
}

.lynx .select-height {
  height: 30px;
}

.lynx textarea {
  height: 111px;
}

.lynx .textarea-st {
  height: 110px;
}

.lynx .border-upper {
  border-width: 3px 1px 1px 1px;
}
.lynx .border-lower {
  border-width: 1px 1px 3px 1px;
}


.lynx .text-underLine {
  text-decoration: underline;
}
.lynx input[type=radio] {
  display: none;
}
.lynx .ms-container {
    background: transparent url(/assets/images/switch.png) no-repeat 50% 50%;
    width: calc(100% + 0.25vw);
    height: 200px;
}

.lynx .cardtitle {
  font-size: calc(60% + 0.25vw)
}

.lynx .bg-table-record {
  background-color: #ccd2ff;
}

.lynx .bg-table-emptyRow{
  border-style: none;
  height: 8px;
}

.lynx .modal-text {
  font-size: 18px;
}
.card-body .col-sm-3{
  max-width: 24%
}

.lynx .displayNone {
  display: none;
}

.lynx .inlineBlock {
  display: inline-block;
}

.lynx .errDisp {
  height: 25vh;
  overflow-y: scroll;
}

.lynx .fontSmall {
  font-size: 13px;
}
.lynx .tableDoubleLine {
  border-top: double;
}
.lynx .tableColor {
  background: #b2de91;
}
.lynx .tableTitleColor {
  background-color: rgba(0, 0, 0, 0.05);
}
.lynx .tableBackColorWhite {
  background: #ffffff;
}
.lynx .tableBorderNone {
  border: none;
}
.lynx .tableTitleFont {
  font-size: 20px;
}
.lynx .sticky-top {
  transform:translate3d(0,0,0);
}

.lynx .textTurnBack {
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.lynx .textFlex {
  display: flex;
}
.lynx .textPreline{
  white-space: pre-line;
}





/**************************
** モーダル
**************************/
.lynx .modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  min-height: 16.428571429px;
  background-color: #4169e1;    /* royalblue */
}
.lynx .modal-title {
  font-weight: bold;
  font-size: 140%;
  color: #fff;
  padding: 0 0 0 10px;
}
.lynx .modal-content {
  border: none !important;
  /*background: url(/assets/images/modal_bg.gif) repeat-x white;*/
}
.lynx .modal-content .modal-body p{
  width: 100%;
  padding: 10px;
  font-weight: bold;
  font-size: calc(100% + 0.10vw);
  display:block;
}
.lynx .modal-dialog {
  max-width: 800px
}
.lynx .modal-mg {
  max-width: 1200px
}
.lynx .modal-lg {
  max-width: 1600px
}




/**************************
** ページ遷移
**************************/
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.428571429;
  text-decoration: none;
  background-color: white;
  border: 1px solid #dddddd;
  margin-left: -1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.pagination > li > a:hover, .pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
  background-color: #eeeeee;
}
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
  z-index: 2;
  color: white;
  background-color: #428bca;
  border-color: #428bca;
  cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #999999;
  background-color: white;
  border-color: #dddddd;
  cursor: not-allowed;
}

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}

.pager {
  padding-left: 0;
  margin: 20px 0;
  list-style: none;
  text-align: center;
}
.pager:before, .pager:after {
  content: " ";
  display: table;
}
.pager:after {
  clear: both;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: white;
  border: 1px solid #dddddd;
  border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.pager .next > a,
.pager .next > span {
  float: right;
}
.pager .previous > a,
.pager .previous > span {
  float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #999999;
  background-color: white;
  cursor: not-allowed;
}