body {padding: 0; margin: 0; font-size:14px;}
html, body {height: 100%; width: 100%;}

footer {
    margin: 20px 0 0 0;
    padding: 20px;
    background: #f5f5f5;
}

.form-inline .form-group {
    margin-left: 20px;
}

.form-footer {
    margin-top: 30px;
}


/* ========================================
    vendor
======================================== */
/* ページング */
.pager-total-entries {
 text-align: right;
}
.paging {
  display: inline-block;
  padding-left: 0;
  border-radius: 4px;
  margin-bottom: 0;
}
.paging > li {
  display: inline;
}
.paging > li > a,
.paging > li > span {
  position: relative;
  float: left;
  margin: 5px;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #888;
  text-decoration: none;
  background-color: #cfdff7;
  border: 1px solid #d4d6db;
}
.paging > li:first-child > a,
.paging > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.paging > li:last-child > a,
.paging > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.paging > li > a:hover,
.paging > li > span:hover,
.paging > li > a:focus,
.paging > li > span:focus {
  z-index: 2;
  color: #888;
  background-color: #b0c5e5;
  border-color: #a2b6d3;
}
.paging > .active > a,
.paging > .active > span,
.paging > .active > a:hover,
.paging > .active > span:hover,
.paging > .active > a:focus,
.paging > .active > span:focus {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7;
}
.paging > .disabled > span,
.paging > .disabled > span:hover,
.paging > .disabled > span:focus,
.paging > .disabled > a,
.paging > .disabled > a:hover,
.paging > .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}

/* bootstrap上書き */
.datepicker.dropdown-menu {
    z-index: 1000;
}
input.form-control {
    padding: 6px;
}

#details .table td, #details .table th {
    padding: 1px;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
}
#details select.form-control {
    padding: 3px;
    height: 26px;
    font-size: 13px;
}
#details input.form-control, #menu input.form-control {
    display: inline-block;
    padding: 3px;
    height: 23px;
    font-size: 13px;
}
/* オリジナルボタンカラー */
.btn-pink {
  color: #fff;
  background-color: #f442f1;
  border-color: #f442f1;
}

.btn-pink:hover {
  color: #fff;
  background-color: #d834d5;
  border-color: #d834d5;
}

.btn-pink:focus, .btn-pink.focus {
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.btn-pink.disabled, .btn-pink:disabled {
  color: #fff;
  background-color: #f442f1;
  border-color: #f442f1;
}

.btn-pink:not(:disabled):not(.disabled):active, .btn-pink:not(:disabled):not(.disabled).active,
.show > .btn-pink.dropdown-toggle {
  color: #fff;
  background-color: #d865d6;
  border-color: #d865d6;
}

.btn-sky-blue {
  color: #fff;
  background-color: #4bd8e5;
  border-color: #4bd8e5;
}

.btn-sky-blue:hover {
  color: #fff;
  background-color: #3ca8b2;
  border-color: #3ca8b2;
}

.btn-sky-blue:focus, .btn-sky-blue.focus {
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.btn-sky-blue.disabled, .btn-sky-blue:disabled {
  color: #fff;
  background-color: #9de9f2;
  border-color: #9de9f2;
}

.btn-sky-blue:not(:disabled):not(.disabled):active, .btn-sky-blue:not(:disabled):not(.disabled).active,
.show > .btn-sky-blue.dropdown-toggle {
  color: #fff;
  background-color: #9de9f2;
  border-color: #9de9f2;
}

.btn-orange {
  color: #fff;
  background-color: #f49b42;
  border-color: #f49b42;
}

.btn-orange:hover {
  color: #fff;
  background-color: #c9813a;
  border-color: #c9813a;
}
.btn-orange.disabled, .btn-orange:disabled {
  color: #fff;
  background-color: #f7cfa8;
  border-color: #f7cfa8;
}


.btn-green {
  color: #fff;
  background-color: #6cce65;
  border-color: #6cce65;
}

.btn-green:hover {
  color: #fff;
  background-color: #62bc5c;
  border-color: #62bc5c;
}


.btn-outline-secondary {
    background: #DDDDDD;
    color: #000;
    border: #DDDDDD;
    border-style: solid;
    border-width: 1px;
}

.btn-sm {
 padding: 2px 2px;
}

.hide{
    display:none;
}

/* スライダーデザイン */
.noUi-horizontal {
    width: 100px;
    height: 14px;
}
.noUi-horizontal .noUi-handle {
    width: 20px;
    height: 16px;
    top: -2px;
}
.noUi-target {
    background: #d7dae2;
    border-radius: 4px;
    border: 1px solid #D3D3D3;
    box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}
.noUi-handle {
    border: 1px solid #919399;
    border-radius: 2px;
    background: #b8bbc1;
    cursor: default;
    box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #919399, 0 3px 6px -3px #BBB;
}
/* ========================================
    Utilities
======================================== */
.cursor-move { cursor: move; }
.cursor-pointer { cursor: pointer; }
.inline-block { display: inline-block; }
.pos-relative { position: relative; }
.pos-absolute { position: absolute; }
.lh-20  { line-height:  20px; }
.lh-24  { line-height:  24px; }
.lh-30  { line-height:  30px; }
.lh-40  { line-height:  40px; }
.lh-50  { line-height:  50px; }
.lh-150 { line-height: 150px; }
.lh-200 { line-height: 200px; }
.ls-1 { letter-spacing: 1px; }
.f-10 { font-size: 10px; }
.f-12 { font-size: 12px; }
.f-14 { font-size: 14px; }
.f-16 { font-size: 16px; }
.f-18 { font-size: 18px; }
.f-24 { font-size: 24px; }
.f-40 { font-size: 40px; }
.f-50 { font-size: 50px; }
.h-30  { height:  30px !important; }
.h-50  { height:  50px !important; }
.h-180 { height: 150px !important; }
.w-30  { width:  30px !important; }
.w-32  { width:  32px !important; }
.w-40  { width:  40px !important; }
.w-50  { width:  50px !important; }
.w-60  { width:  60px !important; }
.w-70  { width:  70px !important; }
.w-80  { width:  80px !important; }
.w-100 { width: 100px !important; }
.w-110 { width: 110px !important; }
.w-120 { width: 120px !important; }
.w-130 { width: 130px !important; }
.w-140 { width: 140px !important; }
.w-150 { width: 150px !important; }
.w-200 { width: 200px !important; }
.w-full { width: 100% !important; }
.max-w-720 { max-width:  720px !important; }
.negative-margin-top-lg { margin-top: -60px; }
.negative-margin-top-md { margin-top: -30px; }
.negative-margin-top-sm { margin-top: -15px; }
.negative-margin-top-xs { margin-top:  -5px; }
.pd-5 { padding: 5px; }
.padding-lg { padding: 60px; }
.padding-md { padding: 30px; }
.padding-sm { padding: 15px; }
.padding-xs { padding:  5px; }
.margin-top-lg { margin-top: 60px; }
.padding-top-lg { padding-top: 60px; }
.padding-top-md { padding-top: 30px; }
.padding-top-sm { padding-top: 15px; }
.padding-top-xs { padding-top:  5px; }
.margin-lg { margin: 60px; }
.margin-md { margin: 30px; }
.margin-sm { margin: 15px; }
.margin-xs { margin:  5px; }
.margin-top-lg { margin-top: 60px; }
.margin-top-md { margin-top: 30px; }
.margin-top-sm { margin-top: 15px; }
.margin-top-xs { margin-top:  5px; }
.margin-right-lg { margin-right: 60px; }
.margin-right-md { margin-right: 30px; }
.margin-right-sm { margin-right: 15px; }
.margin-right-xs { margin-right:  5px; }
.margin-bottom-lg { margin-bottom: 60px; }
.margin-bottom-md { margin-bottom: 30px; }
.margin-bottom-sm { margin-bottom: 15px; }
.margin-bottom-xs { margin-bottom:  5px; }
.margin-left-lg { margin-left: 60px; }
.margin-left-md { margin-left: 30px; }
.margin-left-sm { margin-left: 15px; }
.margin-left-xs { margin-left:  5px; }
.op-00 { opacity: 0.0 }
.op-01 { opacity: 0.1 }
.op-02 { opacity: 0.2 }
.op-03 { opacity: 0.3 }
.op-04 { opacity: 0.4 }
.op-05 { opacity: 0.5 }
.op-06 { opacity: 0.6 }
.op-07 { opacity: 0.7 }
.op-08 { opacity: 0.8 }
.op-09 { opacity: 0.9 }
.op-10 { opacity: 1.0 }
.trans-07 { opacity: 0.7; }

/* ========================================
    DEBUG
======================================== */
.btn-autofill {
    margin-bottom: 10px;
    border: 3px dotted #4cae4c;
    background: -moz-linear-gradient(#dff0d8, #d6e9c6);
    background: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#d6e9c6));
}

.dev-memo,
.dev-warning {
    margin-bottom: 10px;
    padding: 10px;
    border: 3px double #333;
    background: #dff0d8;
    max-height: 300px;
    overflow: scroll;
}
.dev-warning {
    border: 3px double #333;
    background: #faebcc;
}