font-face {
	font-family: "paperfly roman";
	src: url('fonts/Helvetica LT 55 Roman.ttf') format('truetype');
}

@font-face {
	font-family: "paperfly italic";
	src: url('fonts/Helvetica LT 56 Italic.ttf') format('truetype');
}

@font-face {
	font-family: "paperfly bold";
	src: url('fonts/Helvetica LT 75 Bold.ttf') format('truetype');
}

@font-face {
	font-family: "paperfly bold italic";
	src: url('fonts/Helvetica LT 76 Bold Italic.ttf') format('truetype');
}

.new_merchant_tbl > table{
  border-collapse: collapse;
    border-spacing: 0;
    width: 95%;
    border: 1px solid #ddd;
    margin-left: 2%;
    margin-right: 2%;
  }
  .new_merchant_tbl th, td{
      text-align: left;
      padding: 8px;
  }
  table .btn-edit{
      background-color: #006dcc;
      color: white;
      width: 100px; height: 30px; border-radius: 5%;
      border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
  }
  table .btn-dlt{
      background-color: #f44336;
      color: white;
      width: 90px; height: 35px; border-radius: 5%;
      border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
  }
  .tbl_title{
      background-color: #16469E;
      width: 97%;
      height: 25px;
      color: #fff;
      font-family: 15px 'paperfly roman';
      padding: 4px;
      margin-left: 1%;
      margin-right: 1%;
  }
  .tbl_header  th{
      background-color: #00aeef;
  
  }
.new_merchant_tbl> tbody > tr:nth-child(even){background-color: #f2f2f2}


 .form-content{
     padding: 40px;
 }

 .merchant_header{
  background-image: linear-gradient(to right, #f44336, #f44336);
  padding-top: 10px;
  padding-bottom: 10px;
 }
 .welcome_tag{
margin-left:30px;
 color: #344152; 
font-family: 15px 'paperfly roman';
font-weight: 900;
font-size: 1.5em;
 }
 .welcome_tag u{
  color: #fff; 
 }

 .welcome_tag:hover{
  margin-left:30px;
   color: #344152; 
  font-family: 15px 'paperfly roman';
  font-weight: 900;
  font-size: 1.5em;
  text-decoration: none;
   }
   .welcome_tag u:hover{
    color: #344152; 
   }
 .merchant_header_logo{
  padding-top: 0px;
  padding-bottom: 0px;
 }

 .merchant_menu{
  background-image: linear-gradient(to right, #df0006, #df0006);
     background-color: #df0006;
  border-color: none !important;
  border: none !important;
  min-height: 50px !important;
  margin-top: -5px !important;
 }

 
/*header styling */

.navbar-custom {
  background-color:#fff;
  color:#344152;
  border-color: #fff;
  border-radius:0;
}
.navbar-custom .navbar-nav > li > a {
  font-family: 14px 'paperfly roman';            
    color:#344152;
    text-shadow: none; 
}

.navbar-custom .navbar-nav > ul > a {
    color:#344152;
         text-shadow: none; 
}

.dropdown-menu > li > a {
  font-family: 13px 'paperfly roman';
    color:#344152;
}

.icon-bar {
 background-color:#16469E !important;
}            
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
color: #fff;
text-decoration: none;
background-color: #66CCFF;  /*change color of links in drop down here*/
}
div.combobox	{font: 15px 'paperfly roman'}
div.combobox	{position: relative;zoom: 1}
div.combobox	div.dropdownlist	{display: none; width: 200px;
  border: solid 1px #000;background-color: #fff;
  height: 200px;overflow: auto;position: absolute;
  top: 45px; left: 0px;}
div.combobox	.dropdownlist	a	{display: block;text-decoration: none;
  color: #000;padding: 1px;height: 1em;cursor: default}
div.combobox	.dropdownlist	a.light	{color: #fff;
  background-color: #16469E; height: 23px}
div.combobox	.dropdownlist, input {font: 15px 'paperfly roman';}
div.combobox	input {float: left;width: 182px;
  border: solid 1px #ccc;height: 25px}
div.combobox	span	{border: solid 1px #ccc;background: #eee;
  width: 16px;height: 25px;
  float: left;text-align: center;border-left: none;cursor: default}

 /*  dashboard styling  */

.search {
width: 100%;
position: relative
}

.searchTerm {
float: left;
width: 100%;
border: 3px solid #00B4CC !important;
padding: 5px !important;
height: 45px  !important;
border-radius: 0px  !important;
outline: none;
color: #9DBFAF;
}

.searchTerm:focus{
color: #00B4CC;
}

.searchButton {
position: absolute;  
right: 0px;
width: 45px;
height: 45px;
border: 1px solid #00B4CC;
background: #00B4CC;
text-align: center;
color: #fff;
border-radius: 5px;
cursor: pointer;
font-size: 20px;
}




/* dashboard styling*/

/* .row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -0.75rem;
margin-left: -0.75rem;
}
*/

/* .col-xl-3 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
} */





      .col-md-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
      }

      .mb-4,
    .my-4 {
      margin-bottom: 1.5rem !important;
    }


    .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 #e3e6f0;
  
    }

    .card > hr {
      margin-right: 0;
      margin-left: 0;
    }



    .card-body {
      -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      padding: 1.25rem;
    }

    .card-title {
      margin-bottom: 0.75rem;
    }

    .card-subtitle {
      margin-top: -0.375rem;
      margin-bottom: 0;
    }

    .card-text:last-child {
      margin-bottom: 0;
    }

    .card-link:hover {
      text-decoration: none;
    }

    .card-link + .card-link {
      margin-left: 1.25rem;
    }

    .card-header {
      padding: 0.75rem 1.25rem;
      margin-bottom: 0;
      color: inherit;
      background-color: #f8f9fc;
      border-bottom: 1px solid #e3e6f0;
    }

 

    .card-header + .list-group .list-group-item:first-child {
      border-top: 0;
    }

    .card-footer {
      padding: 0.2rem 0.2rem;
      background-color: #f8f9fc;
      border-top: 1px solid #e3e6f0;
      font-size: 0.75rem;
    }

 

    .card-header-tabs {
      margin-right: -0.625rem;
      margin-bottom: -0.75rem;
      margin-left: -0.625rem;
      border-bottom: 0;
    }

    .card-header-pills {
      margin-right: -0.625rem;
      margin-left: -0.625rem;
    }

    .card-img-overlay {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      padding: 1.25rem;
    }

   
 

    .card-deck {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
    }

    .card-deck .card {
      margin-bottom: 0.75rem;
    }



    .card-group {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
    }

    .card-group > .card {
      margin-bottom: 0.75rem;
    }



    .card-columns .card {
      margin-bottom: 0.75rem;
    }

    .accordion .card {
      overflow: hidden;
    }

    .accordion .card:not(:first-of-type) .card-header:first-child {
      border-radius: 0;
    }

    .accordion .card:not(:first-of-type):not(:last-of-type) {
      border-bottom: 0;
      border-radius: 0;
    }

    .accordion .card:first-of-type {
      border-bottom: 0;
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0;
    }

    .accordion .card:last-of-type {
      border-top-left-radius: 0;
      border-top-right-radius: 0;
    }

    .accordion .card .card-header {
      margin-bottom: -1px;
    }



    .card .card-header .dropdown {
      line-height: 1;
    }

    .card .card-header .dropdown .dropdown-menu {
      line-height: 1.5;
    }

    .card .card-header[data-toggle="collapse"] {
      text-decoration: none;
      position: relative;
      padding: 0.75rem 3.25rem 0.75rem 1.25rem;
    }

    .card .card-header[data-toggle="collapse"]::after {
      position: absolute;
      right: 0;
      top: 0;
      padding-right: 1.725rem;
      line-height: 51px;
      font-weight: 900;
      content: '\f107';
    

      color: #d1d3e2;
    }



    .card .card-header[data-toggle="collapse"].collapsed::after {
      content: '\f105';
    }


    .border-left-primary {
      border-left: 0.25rem solid #4e73df !important;
    }

    .border-left-success {
      border-left: 0.25rem solid #1cc88a !important;
    }
    .border-left-partial {
      border-left: 0.25rem solid #3e3a75 !important;
    }
    .border-left-otw {
      border-left: 0.25rem solid #3e3a75 !important;
    }


    .border-left-info {
      border-left: 0.25rem solid #36b9cc !important;
    }

    .border-left-warning {
      border-left: 0.25rem solid #f6c23e !important;
    }

    .border-left-danger {
      border-left: 0.25rem solid #e74a3b !important;
    }

    .border-bottom-primary {
      border-bottom: 0.25rem solid #4e73df !important;
    }

    .border-bottom-success {
      border-bottom: 0.25rem solid #1cc88a !important;
    }

    .border-bottom-info {
      border-bottom: 0.25rem solid #36b9cc !important;
    }

    .border-bottom-warning {
      border-bottom: 0.25rem solid #f6c23e !important;
    }

    .border-bottom-danger {
      border-bottom: 0.25rem solid #e74a3b !important;
    }


    .shadow {
      -webkit-box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important;
      box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important;
    }
    .h-100 {
      height: 100% !important;
    }

    .pt-2,
    .py-2 {
      padding-top: 0.5rem !important;
    }

    .pb-2,
    .py-2 {
      padding-bottom: 0.5rem !important;
    }


    .no-gutters {
      margin-right: 0;
      margin-left: 0;
    }

    .no-gutters > .col,
    .no-gutters > [class*="col-"] {
      padding-right: 0;
      padding-left: 0;
    }

    .align-items-center {
      -webkit-box-align: center !important;
      -ms-flex-align: center !important;
      align-items: center !important;
    }
    .mr-2,
    .mx-2 {
      margin-right: 0.5rem !important;
    }
    .text-xs {
      font-size: .7rem;
    }
    .font-weight-bold span{
      font-weight: 700 !important;
    }

    .text-primary {
      color: #4e73df !important;
    }
    .text-partial {
      color: #3e3a75 !important;
    }
    .text-otw {
      color: #3e3a75 !important;
    }

    a.text-primary:hover, a.text-primary:focus {
      color: #224abe !important;
    }
    .text-success {
      color: #0d9061 !important;
    }

    a.text-success:hover, a.text-success:focus {
      color: #33cf96 !important;
    }
    .text-info {
      color: #36b9cc !important;
    }

    a.text-info:hover, a.text-info:focus {
      color: #258391 !important;
    }
    .text-warning {
      color: #f6c23e !important;
    }

    a.text-warning:hover, a.text-warning:focus {
      color: #dda20a !important;
    }
    .text-uppercase, .dropdown .dropdown-menu .dropdown-header, .sidebar .sidebar-heading {
      text-transform: uppercase !important;
    }
    .mb-1,
    .my-1 {
      margin-bottom: 0.25rem !important;
      font-weight: 700;
    }

    .col-auto {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: auto;
      max-width: 100%;
    }
    h1, h2, h3, h4, h5, h6,
    .h1, .h2, .h3, .h4, .h5, .h6 {
      margin-bottom: 0.5rem;
      font-family: inherit;
      font-weight: 400;
      line-height: 1.2;
      color: inherit;
    }
    h5, .h5 {
      font-size: 1rem;
    }

    h1, h2, h3, h4, h5, h6 {
      margin-top: 0;
      margin-bottom: 0.5rem;
    }
    .mb-0,
    .my-0 {
      margin-bottom: 0 !important;
    }
    .mr-3,
    .mx-3 {
      margin-right: 1rem !important;
    }
    .text-gray-800 {
      color: #5a5c69 !important;
    }
    progress {
      vertical-align: baseline;
    }

    .progress {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      height: 1rem;
      overflow: hidden;
      font-size: 0.75rem;
      background-color: #eaecf4;

    }

    .progress-bar {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      color: #fff;
      text-align: center;
      white-space: nowrap;
      background-color: #4e73df;
      -webkit-transition: width 0.6s ease;
      transition: width 0.6s ease;
    }



    .progress-bar-striped {
      background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
      background-size: 1rem 1rem;
    }

    .progress-sm {
      height: .5rem;
    }
    .progress-sm {
      height: .5rem;
    }
    .mr-2,
    .mx-2 {
      margin-right: 0.5rem !important;
    }


    .bg-info {
      background-color: #36b9cc !important;
    }

    a.bg-info:hover, a.bg-info:focus,
    button.bg-info:hover,
    button.bg-info:focus {
      background-color: #2a96a5 !important;
    }
    .col-set{
      position: relative;
      width: 100%;
      padding-right: 0.75rem;
      padding-left: 0.75rem;
      -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .card-row{
        /* display: -webkit-box; */
  display: -ms-flexbox;
  /* display: flex; */
  margin-right: 1.25rem;
  margin-left: 2rem;
  float: left;
  width: 95%;

    }


@media screen and (prefers-reduced-motion: reduce) {
.progress-bar {
  -webkit-transition: none;
  transition: none;
}
}

@media (max-width: 768px){
  .card-row{
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-right: 1.255rem;
      margin-left: 1.25rem;
      position: relative;
      float: left;

      }

      
}
/*Resize the wrap to see the search bar change!*/
.wrap{
/* width: 30%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); */

width: 35%;
transform: translate(0%, -5%);
  float: left;
height: 70px;
}
.wrap-btns{
transform: translate(-13%, -8%);
float: right;
}

@media (max-width: 1024px) {
.wrap{
  /* width: 30%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); */

  width: 35%;
  transform: translate(3%, -5%);
    float: left;
  height: 70px;
}
.wrap-btns{
  transform: translate(-7%, -8%);
  float: right;
}


}

@media (min-width: 768px)and (max-width: 1000px){
.wrap {
  width: 35%;
  transform: translate(3%, -5%);
  float: left;
  height: 70px;
}
.wrap-btns {

  transform: translate(-5%, -9%);
  float: right;
}
}
@media (max-width: 767px){


.card-row{
    display: -webkit-box;
    display: -ms-flexbox;
    display: block;
    margin-right: 0.25rem;
    margin-left: 0.25rem;

    }
.col-set{
position: relative;
width: 100%;
padding-right: 0.75rem;
padding-left: 0.75rem;
-webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 100%;
}
body{
padding-left:0px;
padding-right:10px;
}
.wrap {
  width: 90%;
  transform: translate(-3%, -1%);
  float: right;
}
.wrap-btns {
width: 100%;
transform: translate(0%, -1%);
float: right;
}
.btn_order{
width: 165px;
}

.btn_order{
width: 95%;
}
.btn_order2{
width: 95%;
}
.container{
width:600px !important;
overflow-x: scroll;

}
#pagination_controls{
margin-left: 4%;
}
}
@media (min-width: 1440px) {
.wrap{
width: 35%;
transform: translate(0%, -5%);
float: left;
height: 70px;
}
.wrap-btns {
  transform: translate(-13%, -7%);
  float: right;
}
}
@media (min-width: 576px) {
.card-columns {
  -webkit-column-count: 3;
  column-count: 3;
  -webkit-column-gap: 1.25rem;
  column-gap: 1.25rem;
  orphans: 1;
  widows: 1;
}
.card-columns .card {
  display: inline-block;
  width: 100%;
}
}
@media (min-width: 576px) {
.card-group {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
.card-group > .card {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0%;
  flex: 1 0 0%;
  margin-bottom: 0;
}
.card-group > .card + .card {
  margin-left: 0;
  border-left: 0;
}
.card-group > .card:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.card-group > .card:first-child .card-img-top,
.card-group > .card:first-child .card-header {
  border-top-right-radius: 0;
}
.card-group > .card:first-child .card-img-bottom,
.card-group > .card:first-child .card-footer {
  border-bottom-right-radius: 0;
}
.card-group > .card:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.card-group > .card:last-child .card-img-top,
.card-group > .card:last-child .card-header {
  border-top-left-radius: 0;
}
.card-group > .card:last-child .card-img-bottom,
.card-group > .card:last-child .card-footer {
  border-bottom-left-radius: 0;
}

.card-group > .card:not(:first-child):not(:last-child):not(:only-child) {
  border-radius: 0;
}
.card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top,
.card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,
.card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header,
.card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer {
  border-radius: 0;
}
}
@media (min-width: 576px) {
.card-deck {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin-right: -0.75rem;
  margin-left: -0.75rem;
}
.card-deck .card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0%;
  flex: 1 0 0%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-right: 0.75rem;
  margin-bottom: 0;
  margin-left: 0.75rem;
}
}

@media only screen and (min-width:830px){
  
 .merchant_tbl th:first-child, .merchant_tbl td:first-child {
  width: 180px;
  }
  
  .merchant_tbl th:nth-child(2), .merchant_tbl td:nth-child(2) {
    width: 150px;
    }
    
}

@media only screen and (min-width:425px) and (max-width:768px){
  
  .merchant_tbl th:first-child, .merchant_tbl td:first-child {
   width: 120px;
   }
   
   .merchant_tbl th:nth-child(2), .merchant_tbl td:nth-child(2) {
     width: 120px;
     }
     
 }
 

.btn_order {
-moz-box-shadow:inset 0px 1px 0px 0px #00aeef ;
-webkit-box-shadow:inset 0px 1px 0px 0px #00aeef ;
box-shadow:inset 0px 1px 0px 0px #00aeef;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #00aeef), color-stop(1, #00aeef));
background:-moz-linear-gradient(top, #00aeef 5%, #00aeef 100%);
background:-webkit-linear-gradient(top, #00aeef 5%, #00aeef 100%);
background:-o-linear-gradient(top, #00aeef 5%, #00aeef 100%);
background:-ms-linear-gradient(top, #00aeef 5%, #00aeef 100%);
background:linear-gradient(to bottom, #00aeef 5%, #00aeef 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00aeef', endColorstr='#00aeef',GradientType=0);
background-color:#00aeef;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
display:inline-block;
cursor:pointer;
color:#ffffff;

font-size:14px;
padding:13px 24px;
text-decoration:none;
text-shadow:0px 0px 0px #00aeef;
}
.btn_order:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #00aeef), color-stop(1, #0084b5 ));
background:-moz-linear-gradient(top, #00aeef 5%, #0084b5  100%);
background:-webkit-linear-gradient(top, #00aeef 5%, #0084b5  100%);
background:-o-linear-gradient(top, #00aeef 5%, #0084b5  100%);
background:-ms-linear-gradient(top, #00aeef 5%, #0084b5  100%);
background:linear-gradient(to bottom, #00aeef 5%, #0084b5  100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00aeef', endColorstr='#0084b5 ',GradientType=0);
background-color:#00aeef;
text-decoration:none;
color:#ffffff;
}
.btn_order:active {
position:relative;
top:1px;
}

.btn_order2 {
-moz-box-shadow:inset 0px 1px 0px 0px #3e3a75;
-webkit-box-shadow:inset 0px 1px 0px 0px #3e3a75;
box-shadow:inset 0px 1px 0px 0px #3e3a75;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3e3a75), color-stop(1, #3e3a75));
background:-moz-linear-gradient(top, #3e3a75 5%, #3e3a75 100%);
background:-webkit-linear-gradient(top, #3e3a75 5%, #3e3a75 100%);
background:-o-linear-gradient(top, #3e3a75 5%, #3e3a75 100%);
background:-ms-linear-gradient(top, #3e3a75 5%, #3e3a75 100%);
background:linear-gradient(to bottom, #3e3a75 5%, #3e3a75 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e3a75', endColorstr='#3e3a75',GradientType=0);
background-color:#3e3a75;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
display:inline-block;
cursor:pointer;
color:#ffffff;

font-size:14px;
padding:13px 24px;
text-decoration:none;
text-shadow:0px 0px 0px #3e3a75;
}
.btn_order2:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3e3a75), color-stop(1, #1f169c));
background:-moz-linear-gradient(top, #3e3a75 5%, #1f169c 100%);
background:-webkit-linear-gradient(top, #3e3a75 5%, #1f169c 100%);
background:-o-linear-gradient(top, #3e3a75 5%, #1f169c 100%);
background:-ms-linear-gradient(top, #3e3a75 5%, #1f169c 100%);
background:linear-gradient(to bottom, #3e3a75 5%, #1f169c 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e3a75', endColorstr='#1f169c',GradientType=0);
background-color:#3e3a75;
text-decoration:none;
color:#ffffff;
}
.btn_order2:active {
position:relative;
top:1px;
}

ul#horizontal-list {

list-style: none;

}
ul#horizontal-list li {
  display: inline;
}

/*   .tracker-header{
  overflow-y: auto; 
}

.tracker-header table{
text-align: center;
 border-top: 1px solid #16469E;
  border-left: 1px solid #16469E;
   border-right: 1px solid #16469E; 
   border-bottom: 1px solid #16469E;
   width: 97%;
    margin: 1px;

}
.tracker_body{
overflow-y: auto; 
height:400px; 
margin: 1px;
border-bottom: 1px solid #16469E;
}


.tracker_body table{
text-align: center;
 border-top: 1px solid #16469E;
 border-left: 1px solid #16469E;
 border-right: 1px solid #16469E;
 border-bottom: 1px solid #16469E;
 width: 97%;
}
*/

.container {
box-sizing: border-box;
}


.tWrap__body table , .tWrap__head table {
border-collapse: collapse;
table-layout: fixed;
width: 100%;
background: white;
}

.merchant_tbl td {
border: 1px solid lightgray;
padding: 8px; 
text-align: center;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;

}




/*  .merchant_tbl th:last-child,.merchant_tbl td:last-child {
text-align: right;
width: 40px;
} */

.merchant_tbl th {
background: #00aeef;
color: black;
text-transform: uppercase;
font-weight: bold;
border: 1px solid lightgray;
  padding: 15px 10px 15px 10px; 
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

table .merchant_tbl tr:first-child td {
border-top: none;
}

.container {

width: 100%;
height: 400px;
margin-left: -1%;
margin-bottom: 20px;
}

.tWrap {
height: 100%;
overflow: hidden;
display: flex;
flex-direction: column;


}
.tWrap__head {
flex: 0 0 50px;
overflow-y: scroll;
}
.tWrap__body {
overflow-y: scroll;
}
/* Animation CSS*/
/* 
.background-stuff {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
background: #98c5e8; */
/* animation: wrapperIn 2s; */
/* }
.background-stuff .bg {
position: absolute;
top: 0%;
left: -100%;
width: 50%;
height: 100%;
background: #98c5e8;
background-image: linear-gradient(#e6f4ff, #98c5e8);
-webkit-animation: bgIn 4s 0s linear infinite;
-moz-animation: bgIn 4s 0s linear infinite;
-ms-animation: bgIn 4s 0s linear infinite;
-o-animation: bgIn 4s 0s linear infinite;
animation: bgIn 4s 0s linear infinite;
-webkit-transform: skewX(10deg);
-moz-transform: skewX(10deg);
-ms-transform: skewX(10deg);
-o-transform: skewX(10deg);
transform: skewX(10deg);
z-index: 1;
}
.background-stuff .bg-2 {
background: #98c5e8;
-webkit-animation: bgIn 4s 1s linear infinite;
-moz-animation: bgIn 4s 1s linear infinite;
-ms-animation: bgIn 4s 1s linear infinite;
-o-animation: bgIn 4s 1s linear infinite;
animation: bgIn 4s 1s linear infinite;
}
.background-stuff .bg-3 {
background: #98c5e8;
-webkit-animation: bgIn 4s 2s linear infinite;
-moz-animation: bgIn 4s 2s linear infinite;
-ms-animation: bgIn 4s 2s linear infinite;
-o-animation: bgIn 4s 2s linear infinite;
animation: bgIn 4s 2s linear infinite;
}
.background-stuff .ground {
position: absolute;
bottom: 0;
margin-bottom: -1.875em;
height: 50%;
width: 100%;
background: #b6b8bd;
z-index: 2;
}
*/
.container2{
height: 100%;
width: 30%;
display: table;
overflow: hidden;
}
.container2 .car-wrapper {
display: table-cell;
vertical-align: middle;
width: 100%;
}

.car {
width: 20em;
height: 12.5em;
position: relative;
opacity: 1;
margin-left: auto;
margin-right: auto;
z-index: 4;
-webkit-animation: carMove 0.3s infinite;
-moz-animation: carMove 0.3s infinite;
-ms-animation: carMove 0.3s infinite;
-o-animation: carMove 0.3s infinite;
animation: carMove 0.3s infinite;
}
.car .body {
position: absolute;
top: 0;
left: 0.875em;
width: 14.375em;
height: 10em;
background: #fff;
}
.car .body:before {
content: "";
position: absolute;
left: -0.875em;
border-radius: 10px 10px 0 0;
width: 15.875em;
z-index: 2;
height: 0.75em;
background: #3190dd;
}
.car .body div {
position: absolute;
background: #fff;
width: 18.125em;
height: 3.75em;
bottom: -0.625em;
border-radius: 0 0 10px 10px;
}
.car .body div:before {
content: "";
background: #fff;
position: absolute;
top: -1.8125em;
right: 0px;
width: 5em;
height: 2.5em;
z-index: 1;
border-radius: 0 14px 0 0;
-webkit-transform: rotate(17deg);
-moz-transform: rotate(17deg);
-ms-transform: rotate(17deg);
-o-transform: rotate(17deg);
transform: rotate(17deg);
}
.car .body div:after {
content: "";
background: #fff;
position: absolute;
top: -5.125em;
right: 1.0625em;
width: 5.625em;
height: 2.5em;
z-index: 1;
border-radius: 10px 0 0 0;
-webkit-transform: rotate(75deg);
-moz-transform: rotate(75deg);
-ms-transform: rotate(75deg);
-o-transform: rotate(75deg);
transform: rotate(75deg);
}
.car .wheel {
position: absolute;
width: 3.75em;
height: 3.75em;
background: #3c464c;
border-radius: 50%;
bottom: 0;
left: 3em;
z-index: 14;
-webkit-animation: carMove 0.3s 0.2s;
-moz-animation: carMove 0.3s 0.2s;
-ms-animation: carMove 0.3s 0.2s;
-o-animation: carMove 0.3s 0.2s;
animation: carMove 0.3s 0.2s;
}
.car .wheel:before {
content: "";
position: absolute;
left: 50%;
top: 50%;
background: #fff;
width: 1.5em;
height: 1.5em;
border-radius: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.car .wheel:nth-of-type(2) {
left: 13.125em;
}
.car .decos {
width: 18.125em;
height: 10.5em;
position: absolute;
z-index: 12;
top: 0;
left: 0.875em;
}
.car .line-bot {
position: absolute;
bottom: 0.5625em;
height: 3px;
width: 100%;
background: #e1e8ef;
}
.car .door {
position: absolute;
left: 7.5em;
bottom: 0;
width: 3.75em;
height: 8.8125em;
border-radius: 10px 10px 0 0;
border: 3px solid #e1e8ef;
border-bottom: 0;
background: #fff;
}
.car .door:after {
content: "";
position: absolute;
top: 0.375em;
left: 0.4375em;
width: 2.875em;
height: 2.5em;
border-radius: 4px;
background: #5bc2ef;
}
.car .door .handle {
position: absolute;
right: 0.625em;
top: 4.375em;
width: 0.625em;
height: 0.625em;
background: #e1e8ef;
border-radius: 50%;
}
.car .door .handle:after {
content: "";
width: 1.25em;
height: 0.25em;
border-radius: 10px;
background: #e1e8ef;
position: absolute;
top: 50%;
left: -0.3125em;
margin-top: -0.125em;
}
.car .door .bottom {
position: absolute;
bottom: 0.375em;
left: 0.6875em;
width: 2.375em;
height: 0.75em;
}
.car .door .bottom:before, .car .door .bottom:after {
content: "";
display: block;
width: 100%;
height: 0.1875em;
background: #e1e8ef;
height: 0.25em;
border-radius: 10px;
margin-bottom: 0.25em;
}
.car .window {
position: absolute;
top: 1.125em;
left: 12.5em;
width: 2em;
background: #5bc2ef;
height: 4.5em;
border-radius: 10px 10px 0 10px;
}
.car .window:before {
content: "";
width: 100%;
height: 1.25em;
background: #5bc2ef;
position: absolute;
bottom: 0;
left: 0;
width: 2.9375em;
border-radius: 0 10px 10px 10px;
}
.car .window:after {
content: "";
height: 1.25em;
background: #5bc2ef;
position: absolute;
top: 1.0625em;
left: -0.8125em;
width: 4.1875em;
transform-origin: bottom;
-webkit-transform: rotate(74deg);
-moz-transform: rotate(74deg);
-ms-transform: rotate(74deg);
-o-transform: rotate(74deg);
transform: rotate(74deg);
border-radius: 10px 10px 10px 10px;
}
.car .light {
position: absolute;
width: 0.625em;
height: 0.625em;
background: #ff8c40;
right: 3.75em;
bottom: 3.125em;
border-radius: 3px;
}
.car .light-front {
position: absolute;
width: 0.5em;
height: 0.5em;
background: #ff8c40;
right: -0.1875em;
bottom: 3.5625em;
border-radius: 3px;
}
.car .light-front:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
background: #ff8c40;
top: 100%;
height: 0.9375em;
border-radius: 3px;
margin-top: 2px;
}
.car .antenna {
position: absolute;
width: 1.625em;
height: 0.625em;
background: #fff;
bottom: 100%;
left: 1.0625em;
border-radius: 4px 4px 0 0;
}
.car .antenna:before {
content: "";
position: absolute;
width: 2.375em;
height: 0.25em;
background: #fff;
bottom: 0;
left: -1.375em;
-webkit-transform: rotate(55deg);
-moz-transform: rotate(55deg);
-ms-transform: rotate(55deg);
-o-transform: rotate(55deg);
transform: rotate(55deg);
-webkit-transform-origin: right;
-moz-transform-origin: right;
-ms-transform-origin: right;
-o-transform-origin: right;
transform-origin: right;
border-radius: 4px;
}
.car .ice-cream {
position: absolute;
left: 1.875em;
top: 1.875em;
width: 4.375em;
height: 4.375em;
border: 3px solid rgba(246, 200, 102, 0.31);
border-radius: 50%;
-webkit-transform: rotate(-30deg);
-moz-transform: rotate(-30deg);
-ms-transform: rotate(-30deg);
-o-transform: rotate(-30deg);
transform: rotate(-30deg);
}
.car .ice-cream .cone {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -20%);
-moz-transform: translate(-50%, -20%);
-ms-transform: translate(-50%, -20%);
-o-transform: translate(-50%, -20%);
transform: translate(-50%, -20%);
border-right: 1.125em solid transparent;
border-left: 1.125em solid transparent;
border-top: 2.5em solid #f4b224;
}
.car .ice-cream .cone:after {
content: "";
position: absolute;
width: 1.25em;
height: 1.25em;
background: #00c0a8;
border-radius: 50%;
top: -3.4375em;
left: 0px;
z-index: -1;
}
.car .ice-cream .cone:before {
content: "";
position: absolute;
width: 1.25em;
height: 1.25em;
background: #ffd132;
border-radius: 50%;
top: -3.4375em;
left: -1.25em;
z-index: -1;
box-shadow: 10px -5px 0px 0px #ff9a9a;
}

.wind {
position: absolute;
z-index: -1;
right: 100%;
height: 100%;
margin-right: -1.25em;
}
.wind .p {
position: absolute;
background: #fff;
border-radius: 0.625em;
height: 0.625em;
}
.wind .p1 {
width: 4.375em;
position: absolute;
right: 0;
top: 1.5625em;
animation: wind 1s -1s linear infinite;
}
.wind .p2 {
width: 6.25em;
right: 2.5em;
top: 3.75em;
animation: wind 1s -2s linear infinite;
}
.wind .p3 {
width: 3.125em;
right: 0;
top: 6.5625em;
animation: wind 1s -1s linear infinite;
}
.wind .p4 {
width: 3.75em;
right: 6.25em;
top: 8.4375em;
animation: wind 1s 1s linear infinite;
}
.wind .p5 {
width: 4.375em;
right: 1.875em;
top: 9.0625em;
animation: wind 1s -1.5s linear infinite;
}

.car-wrapper_inner {
position: relative;
z-index: 4;
}

@keyframes carMove {
0% {
  transform: translateY(0px);
}
50% {
  transform: translateY(-1px);
}
100% {
  transform: translateY(0px);
}
}
@keyframes wind {
0% {
  transform: translateX(100%);
  opacity: 1;
}
100% {
  transform: translateX(-400%);
  opacity: 0;
}
}
.car_outter {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
position: relative;
animation: carDrive 5s 1s cubic-bezier(0.88, 0.08, 0.16, 1.1) infinite;
}

@keyframes carDrive {
0% {
  transform: translateX(0%);
}
25% {
  transform: translateX(0%);
}
70% {
  transform: translateX(0%);
}
100% {
  transform: translateX(0%);
}
}
@keyframes bgIn {
0% {
  left: 100%;
}
100% {
  left: -100%;
}
}
@keyframes wrapperIn {
0% {
  transform: scale(0);
  opacity: 0;
}
100% {
  transform: scale(1);
  opacity: 1;
}
}
/*Animation CSS*/


.footer-note{
  width: 100%;
  height: 25px;
  background: #e8ebec;
  background-image: linear-gradient(to right, #e8ebec, #e8ebec);
  padding-right: 14px;
  padding-left: 6px;
  /* padding-top: 6px; */
  color: #1f169c;
}
.footer-note footer{
  text-align: center;
}



.merchant_tbl th label{
  font-weight: 700;
}

.pagination_btns button{
  background-color: #00aeef;
  border: 1px solid #eeeeee;
  color: #ffffff;
  font-weight: 800;
  margin-left: 5px;
  box-shadow: 0px 0px 0px 2px;
}

.divBanner{
  background-color: white;
  margin-bottom: 5px;
    padding-left: 20px;
    color: #3e3a75;
    margin-top: 30px;
}
.divBanner h3{
  font-weight: 700;
  color: #3e3a75;
}

.divBanner hr{
  margin-top: 10px !important;

}
.navbar .nav li.dropdown.open>.dropdown-toggle, .navbar .nav li.dropdown.active>.dropdown-toggle, .navbar .nav li.dropdown.open.active>.dropdown-toggle{
  color: #fff !important;
  background-color: #df0006 !important;
}
.container-fluid {
  padding-right: 20px;
  padding-left: 20px;
  margin-bottom: 15px;
}

.pg_title h4{
  background-color: #16469E;
  padding: 8px 45px;
  color: white;
}

tbody > tr:nth-child(even){background-color: #fff}


.form-content{
 padding: 40px;
}


.prod_info_show_tbl {
border: 1px solid #ddd;
display: inline-block;
max-width: 60%;
margin-bottom: -340px;
margin-top: -120px;
margin-right: 5%;
margin-left: 50%;
z-index: 0;
}


.prod_info_tbl_one{
 width: 35%;
 border: 1px solid white;

}
.search_merchant{
  width: 50%;
  border: 1px solid white;
  margin-left: 1.5%;
 
 }

.prod_info_tbl_two{
width: 35%;
}
.merchantOrders{
  width: 90%;
  }

.prod_info_tbl_one table,tbody{
background-color: white !important;

}

.search_merchant table,tbody{
  background-color: white !important;
  
  }

.prod_info_tbl_two table,.prod_info_tbl_two tbody{
background-color: white !important;
float: left;
}

.merchantOrders table,.merchantOrders tbody{
  background-color: white !important;
  float: left;
  }
.prod_info_show_tbl table{
width: 100%;   

}
.prod_info_tbl_one  tbody > tr:nth-child(even){background-color: #fff !important}
.search_merchant  tbody > tr:nth-child(even){background-color: #fff !important}
.prod_info_show_tbl  tbody > tr:nth-child(even){background-color: #fff !important}
#submitBarcode, #submitMeasurements{
width: 100px;
height: 30px;
border-radius: 5%;
color: #fff;
background-color: #006dcc;
background: #006dcc;
text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
}

.barcodeForm_label{
color: #16469E;
font-stretch: condensed;
font-family: monospace;
font-weight: bold;

}

.pkgForm_label{
  color: #16469E;
  
  }

@media only screen and (max-width: 800px) {
.prod_info_show_tbl {
  border: 1px solid #fff;
  float: left;
  max-width: 65%;   
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
 }
 .prod_info_show_tbl table{
     width: 100%;
 }
}

.prod_info_show_tbl table tr {
border-bottom:1pt solid #ddd;
}
/*   .prod_info_tbl_two table tr {
border-bottom:1pt solid #ddd;
} */


input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

 .scanCount{
  color: green !important;
}

 .remainingCount{
  color: red !important;
}

.prod_records_modal{
  margin-left: 0px;
}

.modal-barcodeCount{
  width: 25% !important;
  text-align: center !important;
  border: none !important;

}
.modal-pkgCount{
  width: 25% !important;
  text-align: center !important;
  border: none !important; 
}
.modal-body-p_barcode{
  padding: 15px !important;
}
.modal-body-p_pkg{
  padding: 15px !important;
}
@media (min-width: 768px)and (max-width: 1024px){

  .modal-barcodeCount{
    width: 25% !important;
    text-align: center !important;
    border: none !important;
  
  }
  .modal-pkgCount{
    width: 25% !important;
    text-align: center !important;
    border: none !important;
  }
  
  .modal-body-p_barcode{
    padding: 15px !important;
  }

  .modal-body-p_pkg{
    padding: 15px !important;
  }
}

@media (min-width: 320px)and (max-width: 425px){
  .modal-barcodeCount{
    min-width: 320px !important;
    max-width: 350px !important;
  }

  .modal-pkgCount{
    min-width: 320px !important;
    max-width: 350px !important;
  }
}

.editdlt-tbl{
  margin-left:16px !important;
  width: 97%;
}


.pkg_ord_tbl_div{
  width: 90%;
  margin-left: 4%;
}

.packagingTable thead{
  background-color: #00aeef;
}

.packagingTable{
  border: 1px solid lightgrey;
}

.np-tr-color{
  background-color: #00B4CC;
}


.btn-print.active,
.btn-print.focus,
.btn-print:active,
.btn-print:focus,
.btn-print:hover,
.open>.dropdown-toggle.btn-print {
    color: #fff;
    background-color: #3e3a75;
    border-color: #3d3882;
}

.btn-print.active,
.btn-print:active,
.open>.dropdown-toggle.btn-print {
    background-image: none
}

.btn-print.disabled,
.btn-print.disabled.active,
.btn-print.disabled.focus,
.btn-print.disabled:active,
.btn-print.disabled:focus,
.btn-print.disabled:hover,
.btn-print[disabled],
.btn-print[disabled].active,
.btn-print[disabled].focus,
.btn-print[disabled]:active,
.btn-print[disabled]:focus,
.btn-print[disabled]:hover,
fieldset[disabled] .btn-print,
fieldset[disabled] .btn-print.active,
fieldset[disabled] .btn-print.focus,
fieldset[disabled] .btn-print:active,
fieldset[disabled] .btn-print:focus,
fieldset[disabled] .btn-print:hover {
    background-color: #3e3a75;
    border-color: #3d3882
}

.btn-print .badge {
    color: #3e3a75;
    background-color: #fff
}
.btn-print {
  color: #fff;
  background-color: #3e3a75;
  border-color: #3e3a75;
}
.btn-print {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
  background-color: #3e3a75;
  *background-color: #3e3a75;
  background-image: -moz-linear-gradient(top,#3e3a75,#201c5d);
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#3e3a75),to(#201c5d));
  background-image: -webkit-linear-gradient(top,#3e3a75,#201c5d);
  background-image: -o-linear-gradient(top,#3e3a75,#201c5d);
  background-image: linear-gradient(to bottom,#3e3a75,#201c5d);
  background-repeat: repeat-x;
  border-color: #201c5d #201c5d #201c5d;
  border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e3a75',endColorstr='#201c5d',GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  background-position: center !important;
}


@media only screen and (min-width : 300px) and (max-width : 425px){
  .welcome_tag {
    margin-left: 0px;
  }
}