/*Overrides for Tailwind CSS */

/*Form fields*/
.container{
    width:98%!important;
    /* margin:auto!important; */
}
.dataTables_wrapper select,
.dataTables_wrapper .dataTables_filter input {
    color: #4a5568; 			/*text-gray-700*/
    padding-left: 1rem; 		/*pl-4*/
    padding-right: 1rem; 		/*pl-4*/
    padding-top: .5rem; 		/*pl-2*/
    padding-bottom: .5rem; 		/*pl-2*/
    line-height: 1.25; 			/*leading-tight*/
    border-width: 1px; 			/*border-2*/
    border-radius: .55rem; 		
    /* border-color: #7d7e81; 		border-gray-200 */
    background-color: #edf2f7; 	/*bg-gray-200*/
    margin-top: .75em;
    margin-bottom: .75em;
    border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity));
}

/*Row Hover*/
table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
background-color: #9fdbf3;	/*bg-indigo-100*/
}

/*Pagination Buttons*/
.dataTables_wrapper .dataTables_paginate .paginate_button		{
font-weight: 700;				/*font-bold*/
border-radius: .20rem;			/*rounded*/
border: 1px solid transparent;	/*border border-transparent*/
font-size: .75em;
}

/*Pagination Buttons - Current selected */
.dataTables_wrapper .dataTables_paginate .paginate_button.current	{
color: #fff !important;				/*text-white*/
box-shadow: 0 1px 3px 0 rgba(0,0,0,.1), 0 1px 2px 0 rgba(0,0,0,.06); 	/*shadow*/
font-weight: 700;					/*font-bold*/
border-radius: .25rem;				/*rounded*/
background: #667eea !important;		/*bg-indigo-500*/
border: 1px solid transparent;		/*border border-transparent*/
}

/*Pagination Buttons - Hover */
.dataTables_wrapper .dataTables_paginate .paginate_button:hover		{
color: #fff !important;				/*text-white*/
box-shadow: 0 1px 3px 0 rgba(0,0,0,.1), 0 1px 2px 0 rgba(0,0,0,.06);	 /*shadow*/
font-weight: 700;					/*font-bold*/
border-radius: .25rem;				/*rounded*/
background: #667eea !important;		/*bg-indigo-500*/
border: 1px solid transparent;		/*border border-transparent*/
}

/*Add padding to bottom border */
table.dataTable.no-footer {
border-bottom: 1px solid #e2e8f0;	/*border-b-1 border-gray-300*/
margin-top: 0.75em;
margin-bottom: 0.75em;
}

/*Change colour of responsive icon*/
table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before {
background-color: #667eea !important; /*bg-indigo-500*/
}


.modal {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 1; /* Sit on top */
padding-top: 100px; /* Location of the box */
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 */
}
/* -------------------------------- 

FLOATING BUTTON

-------------------------------- */
.fab-container{
    position:fixed;
    bottom:25px;
    right:25px;
    cursor:pointer;
    z-index: 9;
}
.iconbutton{
    width:25px;
    height:25px;
    border-radius: 100%;
    background: #55ff4f;
}
.button-cart{
    width:60px;
    height:60px;
    background:#16a11d;
}

.iconbutton svg{
    display:flex;
    align-items:center;
    justify-content:center;
    height: 100%;
    color:white;
}
/* -------------------------------- 

CART

-------------------------------- */

/* #cd-cart-trigger {
    position: absolute;
    top: 0;
    height: 100%;
  }
  #cd-cart-trigger a {
    width: 60px;
    height: 100%;
  } */
  
  /* #cd-cart-trigger {
    right: 0;
  } */
  /* @media only screen and (min-width: 1200px) {
    #cd-cart-trigger {
      right: 0;
    }
    #cd-cart-trigger a {
      position: relative;
      width: 100px;
      border-left: none;
      background-color: #26292f;
    }
  } */
  
  #main-nav, #cd-cart {
    position: fixed;
    top: 0;
    height: 100%;
    /* width: 80%; */
    /* header height */
    padding-top: 50px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    z-index: 3;
  }
  @media only screen and (min-width: 640px) {
    #main-nav, #cd-cart {
      width: 100%;
    }
  }
  @media only screen and (min-width: 768px) {
    #main-nav, #cd-cart {
      width: 80%;
    }
  }
  @media only screen and (min-width: 1024px) {
    #main-nav, #cd-cart {
      width: 60%;
    }
  }
  @media only screen and (min-width: 1280px) {
    #main-nav, #cd-cart {
      width: 50%;
    }
  }
  @media only screen and (min-width: 1536px) {
    #main-nav, #cd-cart {
      width: 40%;
    }
  }
  
  #main-nav {
    left: -100%;
    background: #FFF;
    -webkit-transition: left 0.3s;
    -moz-transition: left 0.3s;
    transition: left 0.3s;
  }
  #main-nav.speed-in {
    left: 0;
  }
  #main-nav ul a {
    display: block;
    height: 50px;
    line-height: 50px;
    padding: 0 1em;
    border-bottom: 1px solid #e0e6ef;
  }
  #main-nav ul .current {
    box-shadow: inset 3px 0 #435779;
  }
  @media only screen and (min-width: 1280px) {
    #main-nav {
      /* reset main nav style */
      position: absolute;
      height: auto;
      width: auto;
      left: auto;
      right: 8em;
      padding-top: 0;
      top: 0;
      background: transparent;
      box-shadow: none;
      /* header height */
      line-height: 80px;
      z-index: 4;
    }
    #main-nav li {
      display: inline-block;
      margin-left: 1em;
    }
    #main-nav ul a {
      display: inline-block;
      height: auto;
      line-height: 1;
      padding: 1em 1.4em;
      border-bottom: none;
      color: rgba(255, 255, 255, 0.8);
      border-radius: 0.25em;
    }
    #main-nav ul a.current {
      box-shadow: none;
      background: #435779;
      color: #FFF;
    }
    .no-touch #main-nav ul a:hover {
      background: #435779;
      color: #FFF;
    }
  }
  .no-js #main-nav {
    position: fixed;
  }
  
  #cd-cart {
    right: -100%;
    background: #FFF;
    -webkit-transition: right 0.3s;
    -moz-transition: right 0.3s;
    transition: right 0.3s;
  }
  #cd-cart.speed-in {
    right: 0;
  }
  #cd-cart > * {
    padding: 0 1em;
  }
  #cd-cart .cd-cart-items {
    padding: 0;
  }
  #cd-cart .cd-cart-items li {
    position: relative;
    padding: 1em;
    border-top: 1px solid #e0e6ef;
  }
  #cd-cart .cd-cart-items li:last-child {
    border-bottom: 1px solid #e0e6ef;
  }
  .no-touch #cd-cart .cd-item-remove:hover {
    background-color: #e0e6ef;
  }
  @media only screen and (min-width: 1280px) {
    #cd-cart > * {
      padding: 0 2em;
    }
    #cd-cart .cd-cart-items li {
      padding: 1em 2em;
    }
    #cd-cart .cd-item-remove {
      right: 2em;
    }
  }

/* -------------------------------- 

xgallery 

-------------------------------- */
  main {
    position: relative;
    min-height: 100%;
    background: #eeeff7;
    padding-top: 70px;
    z-index: 1;
  }
  @media only screen and (min-width: 768px) {
    main {
      padding-top: 90px;
    }
  }
  @media only screen and (min-width: 1280px) {
    main {
      padding-top: 120px;
    }
  }
  
  #cd-gallery-items li {
    margin-bottom: 1.5em;
  }
  #cd-gallery-items li img {
    width: 100%;
    display: block;
    border-radius: 0.25em;
  }
  @media only screen and (min-width: 768px) {
    #cd-gallery-items li {
      width: 48%;
      float: left;
      margin-bottom: 2em;
      margin-right: 4%;
    }
    #cd-gallery-items li:nth-child(2n) {
      margin-right: 0;
    }
  }
  @media only screen and (min-width: 1280px) {
    #cd-gallery-items li {
      width: 31%;
      float: left;
      margin-bottom: 2.5em;
      margin-right: 3.5%;
    }
    #cd-gallery-items li:nth-child(2n) {
      margin-right: 3.5%;
    }
    #cd-gallery-items li:nth-child(3n) {
      margin-right: 0;
    }
  }
  #cd-shadow-layer {
    position: fixed;
    min-height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    cursor: pointer;
    z-index: 2;
    display: none;
  }
  #cd-shadow-layer.is-visible {
    display: block;
    -webkit-animation: cd-fade-in 0.3s;
    -moz-animation: cd-fade-in 0.3s;
    animation: cd-fade-in 0.3s;
  }


/* -- quantity box -- */
.quantity {
  display: flex;
  flex-flow: row;
  margin: 0x;
}
 
 .quantity .input-text.qty {
  flex-grow: 1;
  width: 100%;
  height: 40px;
  text-align: center;
  align-items: center;
  background-color: transparent;
  border: 1px solid #efefef;
 }
 
 .quantity.buttons_added {
  text-align: left;
  position: relative;
  white-space: nowrap;
  vertical-align: top; }
 
 .quantity.buttons_added input {
  display: inline-block;
  margin: 0;
  vertical-align: top;
  box-shadow: none;
 }
 
 .quantity.buttons_added .minus,
 .quantity.buttons_added .plus {
  font-weight: 700;
  padding: 7px 10px 8px;
  height: 41px;
  background-color: #d3d2d2;
  border: 1px solid #dad8d8;
  cursor:pointer;}
 
 .quantity.buttons_added .minus {
  border-right: 0; }
 
 .quantity.buttons_added .plus {
  border-left: 0; }
 
 .quantity.buttons_added .minus:hover,
 .quantity.buttons_added .plus:hover {
  background: #eeeeee; }
 
 .quantity input::-webkit-outer-spin-button,
 .quantity input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  margin: 0; }
  
  .quantity.buttons_added .minus:focus,
 .quantity.buttons_added .plus:focus {
  outline: none; }
 
 /* -- quantity box -- */