* {
  box-sizing: border-box
}

body {
  font-family: "Lato", sans-serif;
}

.bg-primary {
  background-color: #3b71ca;
  color: #ffffff;
}

.bg-secondary {
  background-color: #9fa6b2;
  color: #ffffff;
}

.bg-success {
  background-color: #14a44d;
  color: #ffffff;
}

.bg-danger {
  background-color: #dc4c64;
  color: #ffffff;
}

.bg-warning {
  background-color: #e4a11b;
  color: #ffffff;
}

.bg-info {
  background-color: #54b4d3;
  color: #ffffff;
}

.bg-light {
  background-color: #fbfbfb;
  color: #ffffff;
}

.bg-dark {
  background-color: #332d2d;
  color: #ffffff;
}

.bg-white {
  background-color: #fffffffff;
  color: #3b71ca;
}

.bg-transparent {
  background-color: transparent !important
}

.badge {
  padding: 0.1em 0.25em;
  font-weight: 600;
  text-align: center;
  border-radius: 0.25rem;
}

/* Create two equal columns that floats next to each other */
.column {
  float: left;
  width: 50%;
  padding: 10px;
}

.page-template-full-width .content-area {
  width: 100%;
  margin: 0px;
  border: 0px;
  padding: 0px;
}

.page-template-full-width .site {
  margin: 0px;
}


/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

.kcenter {
  margin-left: auto;
  margin-right: auto;
}

.custom-container {
  text-align: center;
  margin: auto;
  width: 100%;
  padding: 10px;
}

.parallax-bg-1 {
  background: no-repeat top center fixed;
  color: #ffffff;
  background-size: 100%;
}

/* Style the tab */
.ktab {
  float: left;
  border-top: 9px solid #006bd6;
  /* background-color: #ffffff; */
  width: 30%;
  height: 300px;
}

/* Style the buttons inside the tab */
.ktab button {
  display: block;
  background-color: inherit;
  color: #3b71ca;
  padding: 22px 16px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 17px;
  border-left: 10px solid #006bd6;
  border-right: 2px solid #ccc;
}

.tablinks.active {
  color: #ffffff;
}

/* Change background color of buttons on hover */
.ktab button:hover {
  background-color: #c1e0ff;
  border-left: 10px solid #61c9ff;
}

/* Create an active/current "tab button" class */
.ktab button.active {
  background-color: #1e90ff;
  border-left: 10px solid #dfdb17;
}

/* Style the tab content */
.tabcontent {
  float: left;
  padding: 0px 12px 12px 12px;
  border: 1px solid #006bd6;
  width: 100%;
  /*    border-left: none;*/
  min-height: 300px;
  /*height: 300px;*/
}

/* Style the form - display items horizontally */

.form-inline {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}

.form-inline label {
  margin: 5px 10px 5px 0;
}

.form-inline input {
  vertical-align: middle;
  margin: 5px 10px 5px 0;
  padding: 5px;
  background-color: #ffffff;
  border: 1px solid #ddd;
}

.form-inline .myinput {
  width: 242px;
  height: 35px;
  padding: 8px;
  border-radius: 4px;
  border: 2px solid #006bd6;
  background-color: #ffffff;
}

.form-inline .mytextarea {
  width: 242px;
  height: 35px;
  padding: 8px;
  border-radius: 4px;
  border: 2px solid #006bd6;
  background-color: #ffffff;
}

#formProfile table {
  width: 750px
}

#formProfile table td,
table th {
  padding: 0.2rem;
  text-align: left;
  vertical-align: top;
  width: 84px;
}

#formProfile table tr td:first-child {
  text-align: right;
  vertical-align: top;
  width: 10px;
  padding: 5px 0px 0px 0px;
}

#formProfile table tr td button {
  width: 242px;
}



/* Style the input fields */
#orderstab .form-inline input {
  width: 123px;
  height: 34px;
  padding: 2px;
  border-radius: 4px;
  border: 2px solid #5fbdeb;
}

.filterbutton {
  padding: 10px;
  margin-left: 0px;
  border-radius: 5px;
  border: 1px solid #ddd;
  background-image: linear-gradient(to right top, #369bee, #5eb1f6, #006bd6, #369bee, #6b95bf);
}


/*.form-inline select {
    vertical-align: middle;
    margin: 5px 10px 5px 0;
    padding: 9px;
    background-color: #ffffff;
    border: 1px solid #00aeef;
    border-radius: 3px;
}*/
.select2-selection {
  height: 34px !important;
  width: 100% !important;
  border-color: #ced4da !important;
}

/* Style the textarea */
.form-inline textarea {
  padding: 8px 10px;
  border: 2px solid #006bd6;
  border-radius: 8px;
  width: 244px;
  min-height: 95px;
  background-color: #ffffff;
}

/* Style the submit button */
.form-inline button {
  padding: 5px 20px;
  background-color: dodgerblue;
  border: 1px solid #ddd;
  color: white;
  border-radius: 5px;
}

.form-inline button:hover {
  background-color: royalblue;
}

.uo label {
  background-color: indigo;
  color: white;
  padding: 0.5rem;
  font-family: sans-serif;
  border-radius: 0.3rem;
  cursor: pointer;
  margin-top: 1rem;
}

.uo #file-chosen {
  margin-left: 0.3rem;
  font-family: sans-serif;
}

.uo button {
  padding: 5px 20px;
  background-color: dodgerblue;
  border: 1px solid #ddd;
  color: white;
  border-radius: 5px;
}

/* Add responsiveness - display the form controls vertically instead of horizontally on screens that are less than 800px wide */
@media (max-width: 800px) {
  .form-inline input {
    margin: 10px 0;
  }

  .form-inline {
    flex-direction: column;
    align-items: stretch;
  }
}

/************************************************************************************************/


.main {
  /*  height: 125vh;*/
  width: 100%;
  padding-left: 35px;
  display: flex;
}

.card1 {
  margin: 7px 18px auto 0;
  padding: 10px;
  display: inline-block;
  width: 400px;
  height: 100px;
  perspective: 700px;
  align-items: center;
  box-shadow: 0 3px 5px 0 #617674;
  transition: 0.3s;
  border-radius: 7px;
}

.card1 h5 {
  font-size: 1rem;
}

.card1value {
  font-size: 1.5rem;
  color: #ffffff;
  text-align-last: end;
}

/* The Modal (background) */
.kmodal {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 2000;
  /* Sit on top */
  padding-top: 100px;
  /* Location of the box */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: rgb(0, 0, 0);
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */
}


/* Modal Content */
.kmodal-content {
  background-color: #00516e;
  margin: auto;
  padding: 20px;
  border: 4px solid #215d99;
  width: 466px;
  border-radius: 0px 0px 9px 9px;
  height: 70%;
  overflow-x: hidden;
  overflow-y: auto;
  text-align: center;
}

.kmodal-header {
  margin: auto;
  padding: 5px;
  width: 466px;
  text-align: center;
  background: #2b6094;
  color: white;
  font-size: 25px;
  border: 3px solid #215d99;
  border-radius: 9px 9px 0px 0px;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}


.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

/* Timeline Container */
.timeline {
  background: var(--primary-color);
  margin: 20px auto;
  padding: 20px;
}

/* Card container */
.timeline .card {
  position: relative;
  max-width: 400px;
  background-color: rgba(0, 0, 0, 0);
  border: none;
  border-radius: 0rem;
}

/* setting padding based on even or odd */
.timeline .card:nth-child(odd) {
  padding: 28px 0 30px 30px;
}

.timeline .card:nth-child(even) {
  padding: 30px 30px 30px 0;
}

/* Global ::before */
.timeline .card::before {
  content: "";
  position: absolute;
  width: 50%;
  border: solid #007fff;
}

/* Setting the border of top, bottom, left */
.timeline .card:nth-child(odd)::before {
  left: 0px;
  top: -4.5px;
  bottom: -4.5px;
  border-width: 5px 0 5px 5px;
  border-radius: 50px 0 0 50px;
}

/* Setting the border of top, bottom, right */
.timeline .card:nth-child(even)::before {
  right: 0;
  top: 0;
  bottom: 0;
  border-width: 5px 5px 5px 0;
  border-radius: 0 50px 50px 0;
}

/* Removing the border if it is the first card */
.timeline .card:first-child::before {
  border-top: 0;
  border-top-left-radius: 0;
}

/* Removing the border if it is the last card  and it's odd */
.timeline .card:last-child:nth-child(odd)::before {
  border-bottom: 0;
  border-bottom-left-radius: 0;
}

/* Removing the border if it is the last card  and it's even */
.timeline .card:last-child:nth-child(even)::before {
  border-bottom: 0;
  border-bottom-right-radius: 0;
}

/* Information about the timeline */
.timeline .info {
  display: flex;
  flex-direction: column;
  background: #bfdfff;
  color: gray;
  border-radius: 10px;
  padding: 10px;
}

/* Title of the card */
.timeline .title {
  color: #000408;
  position: relative;
  font-weight: 700;
}

/* Timeline dot  */
.timeline .title::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background: white;
  border-radius: 999px;
  border: 3px solid #6147ff;
}

.timeline .des {
  margin: 0em;
}

/* text right if the card is even  */
.timeline .card:nth-child(even)>.info>.title {
  text-align: right;
}

.timeline .card:nth-child(even)>.info>.des {
  text-align: right;
}

/* setting dot to the left if the card is odd */
.timeline .card:nth-child(odd)>.info>.title::before {
  left: -45px;
}

/* setting dot to the right if the card is odd */
.timeline .card:nth-child(even)>.info>.title::before {
  right: -45px;
}

/*END Timeline Container */

/*Track*/
.card {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0.50rem
}

.card-header:first-child {
  border-radius: 0rem 0rem 1rem 1rem;
}

.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 10px;
  background-color: #369bee;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  color: #ffffff;
  font-size: 1.4rem;
}

.track {
  position: relative;
  /*    background-color: #ddd;*/
  /*height: 7px;*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 60px;
  margin-top: 50px
}

.track .step {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: 25%;
  margin-top: -18px;
  text-align: center;
  position: relative
}

.track .step.active:before {
  background: #FF5722
}

.track .step::before {
  height: 7px;
  position: absolute;
  content: "";
  width: 100%;
  left: 0;
  top: 18px
}

.track .step.active .icon {
  background: #ee5435;
  color: #fff
}

.track .icon {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  position: relative;
  border-radius: 100%;
  background: #ddd
}

.track .step.active .text {
  font-weight: 400;
  color: #000
}

.track .text {
  display: block;
  margin-top: 7px
}

.itemside {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%
}

.itemside .aside {
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.img-sm {
  width: 80px;
  height: 80px;
  padding: 7px
}

ul.row,
ul.row-sm {
  list-style: none;
  padding: 0
}

.itemside .info {
  padding-left: 15px;
  padding-right: 7px
}

.itemside .title {
  display: block;
  margin-bottom: 5px;
  color: #212529
}

p {
  margin-top: 0;
  margin-bottom: 1rem
}

.btn-home {
  color: #ffffff;
  background-color: #024a68;
  border-color: #00aeef;
}

.btn-home:hover {
  color: #5dcbf5;
}

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.timeline .my-1 {
  border-right: 1px solid #cacaca;
  border-bottom: 1px solid #b4e7fb;
}

.wrapper {
  height: 600px;
  min-height: 400px;
  /* Will be AT LEAST 400px tall : overrides height */
}

#mtrack tbody {
  margin: 10px;
  background-color: #8cb7dc;
}


.tpt {
  padding: 10px;
}


/*=== progressBar CSS By David Porras ===*/

.progress {
  background-color: rgb(229, 233, 235);
  height: 1em;
  position: relative;
  width: 150px;
  margin: 1px auto 0;
}

.progress-bar-red {
  background-size: 23em 0.25em;
  height: 100%;
  position: relative;
  background-color: #e04542;
  animation: cssload-width 3.45s cubic-bezier(0.45, 0, 1, 1) infinite;
  -o-animation: cssload-width 3.45s cubic-bezier(0.45, 0, 1, 1) infinite;
  -ms-animation: cssload-width 3.45s cubic-bezier(0.45, 0, 1, 1) infinite;
  -webkit-animation: cssload-width 3.45s cubic-bezier(0.45, 0, 1, 1) infinite;
  -moz-animation: cssload-width 3.45s cubic-bezier(0.45, 0, 1, 1) infinite;
}

.progress-bar-blue {
  background-size: 23em 0.25em;
  height: 100%;
  position: relative;
  background-color: #337ab7;
  animation: cssload-width 3.45s cubic-bezier(0.45, 0, 1, 1) infinite;
  -o-animation: cssload-width 3.45s cubic-bezier(0.45, 0, 1, 1) infinite;
  -ms-animation: cssload-width 3.45s cubic-bezier(0.45, 0, 1, 1) infinite;
  -webkit-animation: cssload-width 3.45s cubic-bezier(0.45, 0, 1, 1) infinite;
  -moz-animation: cssload-width 3.45s cubic-bezier(0.45, 0, 1, 1) infinite;
}

.progress-bar-green {
  background-size: 23em 0.25em;
  height: 100%;
  position: relative;
  background-color: #3c763d;
  animation: cssload-width 3.45s cubic-bezier(0.45, 0, 1, 1) infinite;
  -o-animation: cssload-width 3.45s cubic-bezier(0.45, 0, 1, 1) infinite;
  -ms-animation: cssload-width 3.45s cubic-bezier(0.45, 0, 1, 1) infinite;
  -webkit-animation: cssload-width 3.45s cubic-bezier(0.45, 0, 1, 1) infinite;
  -moz-animation: cssload-width 3.45s cubic-bezier(0.45, 0, 1, 1) infinite;
}

.progress-bar-orange {
  background-size: 23em 0.25em;
  height: 100%;
  position: relative;
  background-color: #fb8836;
  animation: cssload-width 3.45s cubic-bezier(0.45, 0, 1, 1) infinite;
  -o-animation: cssload-width 3.45s cubic-bezier(0.45, 0, 1, 1) infinite;
  -ms-animation: cssload-width 3.45s cubic-bezier(0.45, 0, 1, 1) infinite;
  -webkit-animation: cssload-width 3.45s cubic-bezier(0.45, 0, 1, 1) infinite;
  -moz-animation: cssload-width 3.45s cubic-bezier(0.45, 0, 1, 1) infinite;
}

@keyframes cssload-width {

  0%,
  100% {
    transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
  }

  0% {
    width: 0;
  }

  100% {
    width: 100%;
  }
}

@-o-keyframes cssload-width {

  0%,
  100% {
    -o-transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
  }

  0% {
    width: 0;
  }

  100% {
    width: 100%;
  }
}

@-ms-keyframes cssload-width {

  0%,
  100% {
    -ms-transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
  }

  0% {
    width: 0;
  }

  100% {
    width: 100%;
  }
}

@-webkit-keyframes cssload-width {

  0%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
  }

  0% {
    width: 0;
  }

  100% {
    width: 100%;
  }
}

@-moz-keyframes cssload-width {

  0%,
  100% {
    -moz-transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
  }

  0% {
    width: 0;
  }

  100% {
    width: 100%;
  }
}

.rebut {
  box-shadow: inset 0px 39px 0px -24px #e67a73;
  background-color: #e4685d;
  border-radius: 4px;
  border: 1px solid #ffffff;
  display: inline-block;
  cursor: pointer;
  color: #ffffff;
  font-family: Arial;
  font-size: 15px;
  padding: 6px 15px;
  text-decoration: none;
  text-shadow: 0px 1px 0px #b23e35;
}

.rebut:hover {
  background-color: #eb675e;
}

.rebut:active {
  position: relative;
  top: 1px;
}

/*=== progressBar CSS By David Porras ===*/
/*=== Add Order ===*/
.afrom input {
  padding: 5px;
  border-radius: 5px;
  border-color: azure;
}

/*=== Add Order ===*/
#ourorderstab .card-header {
  margin-bottom: 10px;
}


/*=== Profile ===*/
#kprofile table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#kprofile td,
th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}

#kprofile tr:nth-child(even) {
  background-color: #dddddd;
}

.pickupbutton {
  position: inherit;
  font-size: 1rem;
  float: right;
  /*padding: 10px;*/
  /*margin: 10px;*/
  border-radius: 5px;
  border: 1px solid #ddd;
  background-image: linear-gradient(to right top, #ffdb97, #ffc790, #ffb390, #ffa196, #f991a0);
}


.klorry {
  box-shadow: inset 0px 1px 0px 0px #97c4fe;
  background: linear-gradient(to bottom, #3d94f6 5%, #1e62d0 100%);
  background-color: #3d94f6;
  border-radius: 6px;
  display: inline-block;
  cursor: pointer;
  color: #ffffff;
  font-family: Arial;
  font-size: 15px;
  font-weight: bold;
  padding: 0px 15px;
  text-decoration: none;
  text-shadow: 0px 1px 0px #1570cd;
  transition: transform .7s ease-in-out;
  border-style: hidden;
}

.klorry:hover {
  transform: translate(15px, 0);

}

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}

.pagination>li {
  display: inline;
}

.pagination>li>a,
.pagination>li>span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.428571429;
  text-decoration: none;
  background-color: #ffffff;
  border: 1px solid #dddddd;
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
  background-color: #eeeeee;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
  z-index: 2;
  color: #ffffff;
  cursor: default;
  background-color: #428bca;
  border-color: #428bca;
}

.pagination>.disabled>span,
.pagination>.disabled>span:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus {
  color: #999999;
  cursor: not-allowed;
  background-color: #ffffff;
  border-color: #dddddd;
}

.pagination-lg>li>a,
.pagination-lg>li>span {
  padding: 10px 16px;
  font-size: 18px;
}

.pagination-lg>li:first-child>a,
.pagination-lg>li:first-child>span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}

.pagination-lg>li:last-child>a,
.pagination-lg>li:last-child>span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.pagination-sm>li>a,
.pagination-sm>li>span {
  padding: 5px 10px;
  font-size: 12px;
}

.pagination-sm>li:first-child>a,
.pagination-sm>li:first-child>span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

.pagination-sm>li:last-child>a,
.pagination-sm>li:last-child>span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.spacer {
  height: 10px;
  background-color: transparent;
}

.lo-spinner {
  font-size: 70px;
  margin: auto;
  text-align: center;
  width: 100%;
}

/*kb-btn-group*/
.kb-btn-group {
  width: 100px;
}

.kb-btn-group button {
  background-color: #04AA6D;
  /* Green background */
  border: 1px solid green;
  /* Green border */
  color: white;
  /* White text */
  padding: 2px 6px;
  /* Some padding */
  cursor: pointer;
  /* Pointer/hand icon */
  float: left;
  /* Float the buttons side by side */
}

/* Clear floats (clearfix hack) */
.kb-btn-group:after {
  content: "";
  clear: both;
  display: table;
}

.kb-btn-group button:not(:last-child) {
  border-right: none;
  /* Prevent double borders */
}

.kb-btn-group button:first-child {
  border-top-left-radius: 9px;
  border-bottom-left-radius: 9px;
}

.kb-btn-group button:last-child {
  border-top-right-radius: 9px;
  border-bottom-right-radius: 9px;
}


/* Add a background color on hover */
.kb-btn-group button:hover {
  background-color: #3e8e41;
}

/*ENDkb-btn-group*/

.kpodbg {
  background-image: url("../pod.png");
  background-repeat: no-repeat;
  width: 298px;
  height: 420px;
}

.kpod {
  border-collapse: collapse;
  border-spacing: 0;
  background-color: white;
  margin: 0px;
}

.kpod td {
  border-color: black;
  border-style: solid;
  border-width: 1px;
  font-family: Arial, sans-serif;
  font-size: 14px;
  overflow: hidden;
  padding: 10px 5px;
  word-break: normal;
}

.kpod th {
  border-color: black;
  border-style: solid;
  border-width: 1px;
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  overflow: hidden;
  padding: 10px 5px;
  word-break: normal;
}

.kpod .kpod-lqy6 {
  text-align: right;
  vertical-align: top
}

.kpod .kpod-rpqv {
  border-color: inherit;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 22px;
  text-align: center;
  vertical-align: top;
  font-weight: 700;
  font-style: normal
}

.kpod .kpod-0lax {
  text-align: left;
  vertical-align: top
}

.kpod .kpod-0pky {
  border-color: inherit;
  text-align: left;
  vertical-align: top;
  font-weight: 400;
  font-style: normal
}

.kpod .kpod-dvpl {
  border-color: inherit;
  text-align: right;
  vertical-align: top
}

.floatrightbtn {
  float: right;
  border-radius: 5px;
  padding: 3px 8px;
  margin: 5px;
}

/*=== -/Profile ===*/
table.GeneratedTable {
  width: 298px;
  background-color: rgba(0, 0, 0, 0);
  border-collapse: collapse;
  border-width: 0px;
  border-color: #000000;
  border-style: solid;
  color: #009900;
}

table.GeneratedTable td,
table.GeneratedTable th {
  border-width: 0px;
  border-color: #000000;
  border-style: solid;
  padding: 0px;
}

table.GeneratedTable thead {}

table.GeneratedTable:not(.has-background) th {
  background-color: rgba(0, 0, 0, 0);
}

table.GeneratedTable:not(.has-background) tbody td {
  background-color: rgba(0, 0, 0, 0);
}

table.GeneratedTable:not(.has-background) tbody tr:nth-child(2n) td,
fieldset,
fieldset legend {
  background-color: rgba(0, 0, 0, 0);
}

.floatrightbtn {
  float: right;
  border-radius: 5px;
  padding: 3px 8px;
  margin: 5px;
}

.ourorderstab {
  background-color: #235253;
}

.ourorderstab th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  color: #003a74;
}

.ourorderstab tr:nth-child(even) {
  background-color: #f2f2f2;
  color: #00275c;
}

.ourorderstab tr:nth-child(even) td {
  padding: 0.75rem;
}

.ourorderstab tbody tr:nth-child(2n) td,
fieldset,
fieldset legend {
  background-color: #814949;
}

table:not(.has-background) tbody tr:nth-child(2n) td,
fieldset,
fieldset legend {
  background-color: #f2f2f2;
}

/*.ourorderstab .tr-shadow tr:hover {background-color: #ddd;}*/

.ourorderstab .tr-shadow .table tbody td,
.table th {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}

.tbspacer {
  height: 2px;
  border-top: 2px solid #38424c
}

/*Loader*/
.loader {
  margin: auto;
  border: 5px solid #f3f3f3;
  border-radius: 50%;
  border-top: 5px solid #3498db;
  width: 40px;
  height: 40px;
  -webkit-animation: spin 2s linear infinite;
  /* Safari */
  animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/*End Loader*/

/* Add to your CSS file */
/*
.order-status.status-processing_koombiyo { background: #c6e1c6; color: #5b841b; }
.order-status.status-collected_by_koombiyo { background: #c6e1c6; color: #5b841b; }
.order-status.status-dispatch_destination { background: #c6e1c6; color: #5b841b; }
.order-status.status-received_destination { background: #c6e1c6; color: #5b841b; }
.order-status.status-out_for_delivery { background: #c6e1c6; color: #5b841b; }
.order-status.status-delivered_koombiyo { background: #c6e1c6; color: #5b841b; }
.order-status.status-rescheduled { background: #f8dda7; color: #94660c; }
.order-status.status-partially_delivered { background: #f8dda7; color: #94660c; }
.order-status.status-return_to_client { background: #eba3a3; color: #761919; }
.order-status.status-failed_delivery { background: #eba3a3; color: #761919; }
.order-status.status-return_to_ho { background: #eba3a3; color: #761919; }
.order-status.status-different_destination { background: #f8dda7; color: #94660c; }
.order-status.status-received_ho { background: #c6e1c6; color: #5b841b; }
.order-status.status-received_warehouse { background: #c6e1c6; color: #5b841b; }
.order-status.status-client_received { background: #c6e1c6; color: #5b841b; }
.order-status.status-purchase_koombiyo { background: #c6e1c6; color: #5b841b; }
.order-status.status-delivered_not_confirmed { background: #f8dda7; color: #94660c; }
.order-status.status-partially_delivered_not_confirmed { background: #f8dda7; color: #94660c; }
.order-status.status-confirmed_by_branch { background: #c6e1c6; color: #5b841b; }
.order-status.status-hold_koombiyo { background: #f8dda7; color: #94660c; }
.order-status.status-pending_diff_dest { background: #f8dda7; color: #94660c; }
.order-status.status-on_qc { background: #f8dda7; color: #94660c; }
.order-status.status-picked_koombiyo { background: #c6e1c6; color: #5b841b; }
.order-status.status-exchange_collected { background: #c6e1c6; color: #5b841b; }
.order-status.status-exchange_received { background: #c6e1c6; color: #5b841b; }
.order-status.status-shipped_to_koombiyo { background: #c6e1c6; color: #5b841b; }

*/