@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c:400,700');

[v-cloak] {
  opacity: 0;
}
[v-cloak] {
  display: none;
}

body {
  /* padding: 2rem 1.5rem; */
  color: #333;
  font-family: "M PLUS Rounded 1c", sans-serif;
  line-height: 1.8;
}

a.active.page-link {
  z-index: 1;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.navbar-toggler-icon {
  display: inline-block;
  width: 4.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: no-repeat center center;
  background-size: 100% 100%;
  margin-top: 0.5em;
}

.navbar-toggler {
  padding: .25rem .75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: #f8f9fa;
  border: 1px solid transparent;
  border-radius: .25rem;
  color: #212529;
  width: 125px;
}

span.select2-selection.select2-selection--single.orders {
  height: 36px;
  padding-top: 3px;
}

span.select2-selection__arrow {
  top: 5px !important;
}

span.select2-selection.select2-selection--single.mstnames {
  height: 36px;
}

span#select2-order-source-factory-name-container {
  line-height: 35px;
}

div.error-message {
  margin-left: 16px;
  color: red;
}

div.kdf-order select.form-control[multiple], select.form-control[size] {
  height: 150px;
}

.desc:after {
  content: " \21E1";
}

.asc:after {
  content: " \21E3";
}

.btn.btn-clear,
.btn.btn-back
{
  background-color: #0000000d;
}

button.btn,
a.btn {
  transition: color .1s ease-in-out,background-color .1s ease-in-out;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.0125), 0 1px 1px rgba(0,0,0,0.05);
  border-top-width: .0625rem;
  border-bottom-width: calc(.2rem + .0625rem);
  border-bottom-color: #686868;
  margin-left: 5px;
}

button.btn-primary,
a.btn-primary,
input.btn-primary {
  transition: color .1s ease-in-out,background-color .1s ease-in-out;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.0125), 0 1px 1px rgba(0,0,0,0.05);
  border-top-width: .0625rem;
  border-bottom-width: calc(.2rem + .0625rem);
  border-bottom-color: #0965c7;
}

button.btn-success,
a.btn.btn-success {
  transition: color .1s ease-in-out,background-color .1s ease-in-out;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.0125), 0 1px 1px rgba(0,0,0,0.05);
  border-top-width: .0625rem;
  border-bottom-width: calc(.2rem + .0625rem);
  border-bottom-color: #058126;
}

button.btn-warning,
a.btn.btn-warning {
  transition: color .1s ease-in-out,background-color .1s ease-in-out;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.0125), 0 1px 1px rgba(0,0,0,0.05);
  border-top-width: .0625rem;
  border-bottom-width: calc(.2rem + .0625rem);
  border-bottom-color: #bfac00;
}

button.btn-danger,
a.btn.btn-danger {
  transition: color .1s ease-in-out,background-color .1s ease-in-out;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.0125), 0 1px 1px rgba(0,0,0,0.05);
  border-top-width: .0625rem;
  border-bottom-width: calc(.2rem + .0625rem);
  border-bottom-color: #963801;
}

button.btn-info,
a.btn.btn-info {
  transition: color .1s ease-in-out,background-color .1s ease-in-out;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.0125), 0 1px 1px rgba(0,0,0,0.05);
  border-top-width: .0625rem;
  border-bottom-width: calc(.2rem + .0625rem);
  border-bottom-color: #015c41;
}

@media (min-width: 992px) {
    .container {
      max-width: 100vw;
  }
}

h3.no-margin-bottom {
  margin-bottom: 0;
}

div.table-responsive table th,
div.table-responsive table td
 {
  white-space: nowrap;
  width: 100px;
}

.drop_area {
  position: relative;
  color: gray;
  font-weight: bold;
  /* font-size: 1.2em; */
  display:flexbox;
  justify-content: center;
  width: 100%;
  height: 100vh;
  /* border: 5px solid gray; */
  /* border-radius: 15px; */
}

.enter {
  background-color: #dfdfdf;
  border: 10px dotted powderblue;
  position:relative;
  z-index: 1000;
}

.drop_area2 {
  color: gray;
  font-weight: bold;
  font-size: 1.2em;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100px;
  border: 5px solid gray;
  border-radius: 15px;
}

.enter2 {
  border: 10px dotted powderblue;
}


ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.flex {
  display: flex;
  align-items: center;
}

.flex-col {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0.5em;
  font-size: 10px;
}

.delete-mark {
  position: absolute;
  top: -14px;
  right: -10px;
  font-size: 20px;
}



.loader,
.loader:before,
.loader:after {
  background: #2e9300;
  -webkit-animation: load1 1s infinite ease-in-out;
  animation: load1 1s infinite ease-in-out;
  width: 1em;
  height: 4em;
}
.loader {
  color: #009a08;
  text-indent: -9999em;
  margin: 88px auto;
  position: absolute;
  font-size: 11px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader:before,
.loader:after {
  position: absolute;
  top: 0;
  content: '';
}
.loader:before {
  left: -1.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader:after {
  left: 1.5em;
}

@-webkit-keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 3em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 4em;
  }
}
@keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 3em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 4em;
  }
}


/* a:link.btn,
a:visited.btn,
a:focus.btn,
a:hover.btn {
    color: #fff !important;
} */

/* a:visited.btn
{
    color: #fff !important;
} */