.tsred-b {
  background: #b41b2c;
}
.tsred-c {
  color: #b41b2c;
}
.tswhite-b {
  background: #fff;
}
.tswhite-c {
  color: #fff;
}
.tsgreen-b {
  background: #3DAB49;
}
.tsgree-c {
  color: #3DAB49;
}
.tsorange-b {
  background: #fd5c39;
}
.tsorange-c {
  color: #fd5c39;
}
.tslila-b {
  background: #6A249A;
}
.tslila-c {
  color: #6A249A;
}
.tsgray0-b {
  background: #ddd;
}
.tsgray1-b {
  background: #c4c4c4;
}
.btnlist,
.btn-success,
.btn-primary {
  border: none;
}
.pagehead {
  color: #3c3c3b;
  letter-spacing: 0.1em;
  background: #ddd;
  padding: 0.25em 1em;
  font-size: 2em;
  border-radius: 0.3em;
  font-weight: bolder;
  text-align: center;
}
.abtgreen:hover,
.abtblue:hover,
.abtyellow:hover,
.btn-success:hover {
  background: #636361;
}
.abtgreen {
  background: #3DAB49;
}
.abtblue {
  background: #00aaff;
}
.abtyellow {
  background: #ffd533;
}
#btnlist ul {
  padding: 0;
}
#btnlist ul li {
  list-style: none;
  width: 100%;
  margin-bottom: 0.5em;
}
#btnlist ul li .btn {
  margin: 0;
  width: 100%;
}
#btnlist ul .newabt {
  margin-top: 1.2em;
  text-transform: uppercase;
  letter-spacing: 0.3em;
  font-weight: 900;
  color: #ddd;
}
#btnlist .sublist li {
  width: auto;
}
.red-warn {
  background: #b41b2c;
  color: #fff;
  text-align: center;
}
.red-warn .modal-title {
  font-size: 4em;
}
.red-warn p {
  font-size: 2em;
}
.success-warn {
  background: #3DAB49;
  color: #fff;
  text-align: center;
}
.success-warn h4 {
  font-size: 2em;
}
.success-warn p {
  font-size: 1em;
}
.success-warn h5 {
  font-size: 1.5em;
  font-weight: bolder;
}
.orderus .n1 {
  background: #3DAB49;
}
.card {
  border: none;
  height: 100%;
}
.copy-button {
  height: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.tip {
  background-color: #263646;
  padding: 0 14px;
  line-height: 27px;
  position: absolute;
  border-radius: 4px;
  z-index: 100;
  color: #fff;
  font-size: 12px;
  -webkit-animation-name: tip;
          animation-name: tip;
  -webkit-animation-duration: 0.6s;
          animation-duration: 0.6s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.tip:before {
  content: "";
  background-color: #263646;
  height: 10px;
  width: 10px;
  display: block;
  position: absolute;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  top: -4px;
  left: 17px;
}
#copied_tip {
  -webkit-animation-name: come_and_leave;
          animation-name: come_and_leave;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  bottom: -35px;
  left: 2px;
}
.text-line {
  font-size: 14px;
}
@media (max-width: 810px) {
  .searchfield {
    width: 100%;
    margin: 0;
  }
}