.blocker{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:auto;z-index:1;padding:20px;box-sizing:border-box;text-align:center;
  background-color:rgba(0,0,0,0.75);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
.blocker:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-right:-0.05em}.blocker.behind{background-color:transparent}.modal{display:none;vertical-align:middle;position:relative;z-index:2;max-width:500px;box-sizing:border-box;width:90%;background:#fff;padding:15px 30px;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;border-radius:8px;-webkit-box-shadow:0 0 10px #000;-moz-box-shadow:0 0 10px #000;-o-box-shadow:0 0 10px #000;-ms-box-shadow:0 0 10px #000;box-shadow:0 0 10px #000;text-align:left}.modal a.close-modal{position:absolute;top:-12.5px;right:-12.5px;display:block;width:30px;height:30px;text-indent:-9999px;background-size:contain;background-repeat:no-repeat;background-position:center center;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==')}.modal-spinner{display:none;position:fixed;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);padding:12px 16px;border-radius:5px;background-color:#111;height:20px}.modal-spinner>div{border-radius:100px;background-color:#fff;height:20px;width:2px;margin:0 1px;display:inline-block;-webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;animation:sk-stretchdelay 1.2s infinite ease-in-out}.modal-spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.modal-spinner .rect3{-webkit-animation-delay:-1.0s;animation-delay:-1.0s}.modal-spinner .rect4{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}@-webkit-keyframes sk-stretchdelay{0%,40%,100%{-webkit-transform:scaleY(0.5)}20%{-webkit-transform:scaleY(1.0)}}@keyframes sk-stretchdelay{0%,40%,100%{transform:scaleY(0.5);-webkit-transform:scaleY(0.5)}20%{transform:scaleY(1.0);-webkit-transform:scaleY(1.0)}}
body{
  font-family: Arial;
}
.inptTxt{
  padding: 4px;
  font-size: 16px;
}
.btn{
  display: inline-block;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1.3px solid transparent;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: .25rem;
  padding: 2.5px 8px;
  text-decoration: none !important;
  border-right-color: black !important;
  border-bottom-color: black !important;
}
.btn-primary {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.btn-success{
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-danger{
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-info{
  color: #fff;
  background-color: #117a8b;
  border-color: #10707f;
}

table.trx{
  border-collapse: collapse;
  font-size: 14px;
}
table.trx th {
  border:1px solid  #aaa;
  border-spacing: 0px;/*cellspacing:poor IE support for  this*/
  padding: 3px 3px;
  text-align: center;
}
table.trx td {
  border:1px solid  #aaa;
  border-spacing: 0px;/*cellspacing:poor IE support for  this*/
  padding: 2px 3px;
  text-align: center;
}
table.trx .btn{
  padding: 3px 8px;
  line-height: 1.1;
  font-weight: normal;
}

table.sale{
  border-collapse: collapse;
  font-size: 14px;
}
table.sale th {
  font-size: 16px;
  border:1px solid  #aaa;
  border-spacing: 0px;/*cellspacing:poor IE support for  this*/
  padding: 3px 2px;
  text-align: center;
}
table.sale td {
  border:1px solid  #aaa;
  border-spacing: 0px;/*cellspacing:poor IE support for  this*/
  padding: 0 2px;
  text-align: center;
}
table.sale .inptTxt{
  color: #600000;
  font-size: 16px;
  font-weight: bold;
  padding: 3px 5px;
  border: none;
  margin: 0;
  background-color: #ffecb6;
}
table.sale .amount-tam, table.sale .amount-kurus{
  border: 1px solid #c30000;
  margin: 2px;
}
table.sale .amount-tam{
  width: 70px;
  text-align: right;
}
table.sale .amount-kurus{
  width: 25px;
}
.no-border td{
  border: 0px;
}
.text-center{
  text-align: center;
}
h5{
  margin: 0 auto;
}
.red{
  background-color: #fcbebe;
}
.yellow{
  background-color: #ffeb3bb3;
}

table.header {
  border-collapse: collapse;
  width: 100%;
}
table.header td {
  border: none;
}
table.header .header-right{
  text-align: right;
  font-size: 14px;
  font-weight: bold;
}
table.borderless {
  border-collapse: collapse;
}
table.borderless td {
  border: none;
}
.flash-alert{
  color: #ff0000;
  font-weight: bold;
  border: 2px solid #ff0000;
  padding: 3px 6px;
  margin-bottom: 10px;
}
.flash-notice{
  color: #28a745;
  font-weight: bold;
  border: 2px solid #28a745;
  padding: 3px 6px;
  margin-bottom: 10px;
}
.mb10{
  margin-bottom: 10px;
}
.ui-keyboard{
  white-space: normal;
}
#confirm_outer{
  display: none;
  background-color: rgba(0,0,0,0.75);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
  z-index: 3;
  padding-top: 100px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#confirm_in{
  background-color: #eee;
  border-radius: 5px;
  border: 1px solid #aaa;
  position: fixed;
  width: auto;
  left: 50%;
  margin-left: -150px;
  padding: 6px 8px 8px;
  box-sizing: border-box;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */