body{
    /*
    background-color: #142935;
    */
    font-family:'メイリオ', 'Meiryo', 'monospace',sans-seriffont-family;
    /*background-image: url("./img/bg.png");*/
}

.main-panel{
  background-color: rgba(255,255,255,1);
}

.off-canvas-sidebar .sidebar-wrapper, .sidebar .sidebar-wrapper {
/*
    background-color: #142935;
    background-image: url("./img/bg.png");
*/
}

.off-canvas-sidebar .logo, .sidebar .logo{
    /*
    background-color: #142935;
    */
}

.off-canvas-sidebar[data-color=white] .logo .simple-text, .sidebar[data-color=white] .logo .simple-text{
  text-align:center;
}

.off-canvas-sidebar[data-color=white] .logo .simple-text .fas, .sidebar[data-color=white] .logo .simple-text .fas{
  color:rgba(255,0,0,0.5);
}

.sidebar[data-color=white] .logo img{
    width:80%;
    height:auto;
}
.sidebar[data-color=white] .logo .simple-text,.sidebar .nav li > a,.sidebar .nav i{
    color:#333 !important;
}

.sidebar[data-active-color=danger] .nav li.active>a,.sidebar[data-active-color=danger] .nav li.active > a i{

    color:#ef8157 !important;
}


.sidebar-wrapper ul li{
    list-style: none;
}
.sidebar-wrapper ul li ul{
    display:none;
}

.sidebar-wrapper ul li:hover ul,.sidebar-wrapper ul li.active ul{
    display:block;
}


.sidebar[data-color=white] .logo .simple-text, .sidebar .nav li > a, .sidebar .nav i{
   /*color:#fff !important;*/
   font-weight:bold;
}

.off-canvas-sidebar[data-color=white]:before, .sidebar[data-color=white]:before,.off-canvas-sidebar[data-color=white]:after, .sidebar[data-color=white]:after{
    display:none;
}

.form-signin .form-signin-heading{
  /*
   color:#fff !important;
   */
}

.fl-left{
	float:left;
}
.fl-right{
	float:right;
}
.clear:after,.clear:before {
  clear: both;
  content: "";
  display: block;
}

.m-top5{
    margin-top:5px;
}

.m-top10{
    margin-top:10px;
}

.m-top15{
    margin-top:15px;
}

.m-top20{
    margin-top:20px;
}

.m-top40{
    margin-top:40px;
}

.m-bm5{
    margin-bottom:5px;
}

.m-bm10{
    margin-bottom:10px;
}

.m-bm15{
    margin-bottom:15px;
}

.m-bm20{
    margin-bottom:20px;
}

.paginator span{
	display:inline-block;
	padding:5px;
}



.table .thead-light th,.table th{
  background-color: rgba(231,225,215,0.5);
  color:#333;
  white-space: nowrap;
}

.table  td.red{
  color:#f00;
  font-weight:bold;
}

.table .del-tr td{
    background-color:rgba(220,220,220,0.5);
}

.card{
  background:#fff;
  padding:20px;
}

.card .title{
  font-size:16px;
}


.message{

}

.message.success{

}


select.form-control{
  display:inline-block;
  height:40px;
  padding:10px;
  width:auto;
}

/*Checkboxes styles*/
input[type="checkbox"] { display: none; }

input[type="checkbox"] + label {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 20px;
  font: 14px/20px 'Open Sans', Arial, sans-serif;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

input[type="checkbox"] + label:last-child { margin-bottom: 0; }

input[type="checkbox"] + label:before {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  border: 1px solid #333;
  position: absolute;
  left: 5px;
  opacity: .6;
  -webkit-transition: all .12s, border-color .08s;
  transition: all .12s, border-color .08s;
}

input[type="checkbox"]:checked + label:before {
  width: 10px;
  left: 10px;
  border-radius: 0;
  opacity: 1;
  border-top-color: transparent;
  border-left-color: transparent;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

input:focus,select:focus{
    border-color:rgba(255,0,0,0.5) !important;
}

.inp-inline{
    display:inline-block;
    width:auto;
}













.my-form-group{
    border:solid 1px #ccc;
    position:relative;
    margin-top:50px;
    padding:20px;
}

.my-form-group .my-form-tip{
    position:absolute;
    top:-30px;
    left:0px;
}

.my-form-group .my-form-tip a{
  display:inline-block;
  margin:0px;
}
.my-form-group .my-form-tip .tip-label{
    background:#000;
    color:#fff;
    padding:5px 10px;
}

.my-form-group .my-form-tip-bottom{
    position:absolute;
    bottom:-40px;
    left:0px;
}

.file-label{
    padding: 3px 10px;
    border-radius: 50%;
}

.file-label input{
    display:none;
}

.form-row{
    justify-content: left;
    align-items: center;
}

.order-shipping-line{
    margin-bottom:80px;
}

.order-shipping-line:first-child .del-shipping-btn{
    display:none;
}

.order-item-line:first-child .del-item-btn{
    display:none;
}

.table-sticky{
    overflow: scroll;
    width: 100%;
    height: 50vh;
}

.table-sticky th{
    position: sticky;
    top: 0;
    background:rgba(231,225,215);
}

.sticky-last td{
    position: sticky;
    bottom: -15px;
    background:rgba(255,255,255);
}