/*.all_of_pck{
  border-left: 1.2px solid #995f35;
  border-right: 1.2px solid #995f35;
}*/
.extra_pck{
	/*border: 1px solid lightgray;*/
}
/* Add a black background color to the top navigation */
.topnav_pck {
    /*background-color: lightgray;*/
  overflow: hidden;
}

/* Style the links inside the navigation bar */
.topnav_pck a {
  font-weight: bold;  
  /*width: 33.33%;*/
  color: rgb(255, 255, 255);
  margin-top: 8px;
  background-color: rgb(5, 81, 118);
  float: left;
  display: inline-block;
  /*color: gray;*/
  text-align: center;
  padding: 0.75em 0.25em;
  text-decoration: none;
  font-size: 14px;
  /*border-bottom: 1px solid #5a3914;*/
  border-bottom: 1px solid;
}

.topnav_pck a:hover {
  background-color: rgb(198, 213, 245);
  color: white;
  cursor: pointer;
}

/* Add an active class to highlight the current page */
.topnav_pck a.active {
  color: white;
  margin-top: 2px;
  padding: 10px;
  background-image: -webkit-linear-gradient(#c6d5f5 0%, #c6d5f5 100%);
  background-image: linear-gradient(#c6d5f5 0%, #c6d5f5 100%);
  text-shadow: 1px 1px 1px rgb(198, 213, 245);
  box-shadow: inset 0 2px 0 rgb(198, 213, 245), 0 2px 2px rgb(198, 213, 245);
  border-bottom: solid 4px #055176;
}

.topnav_pck{
	display: none;
}
.topnav_pck.ac{
	display: block;
  height: 50px;
}

.pck-box-item{
  margin-bottom: 0;
  position: static;
  clear:both;
  overflow:hidden;
  border-bottom: 1px solid #d4d4d4;
}
.allbtn{
  overflow: auto;
}
.all_pck_info{
  overflow: auto;
}
.pck_img img{
  width: 100%;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
}
.img_container{
}
.pck_name{
  color: #5a3914;
  font-weight: bold;
}
[name=total_pck_price] h4{
  color : black;
  float : right;
}
[name=total_pck_price] h4 label{
  color : #0e3b5f;
  font-weight: bold;
}
.pck_price{
  color: black;
}
.oldprice{
  text-decoration: line-through;
  color: red;
}
.pckprice{
  margin-top: 0;
}

button {
  float: right !important;
  border: 2px solid;
  padding: 0.5em 1em;
  text-align: center;
  text-decoration: none;
  font-size: 1em;
  font-weight: bold;
  margin-right: 0.75em;
  margin-bottom: 0.5em;
}
button.pck-cls-btn {
  background-color: white; 
  border: 2px solid;
}
button.pck-cls-btn:hover {
  border: 2px solid;
}
.pck_info div{
  font-size: 1em;
  margin-top: 0.5em;
  display: block;
}
.hidecontent div{
  margin-top: 0em;
}
.ui-datepicker-header{
  background-color: white;
}
.rmt-item,
.all_pck,
.pck-row-item,
.pck_box,
div.pck_name,
div.pck_desc,
div.pck_desc_full,
div.hidecontent,
div.pck-sel-btn,
button.pck-add-btn,
button.pck-cls-btn{
  display: none;
}
.rmt-item.active,
.all_pck.active,
.pck-row-item.active,
.pck_box.active,
div.pck_name.active,
div.pck_desc.active,
div.pck_desc_full.active,
div.hidecontent.active,
div.pck-sel-btn.active,
button.pck-add-btn.active,
button.pck-cls-btn.active{
  display: block;
}
div.pck_price{
  margin-top: 1em;
}

.pck_box{
  padding-left: 2em;
  padding-right: 2em;
}
.pck_box h5{
  font-weight: bold;
}
.add_pck{
  margin-top: 1em;
  padding-bottom: 0.5em;
  border-bottom: 1px solid lightgray;
}
.sethead{
  padding-top: 0.5em;
}
.del_pck:hover,
.plus_numb:hover,
.minus_numb:hover{
  cursor: pointer;
}
.numb_val:hover{
  cursor: context-menu;
}
.qicon + .tooltip > .tooltip-inner {
  max-width: 100%;
  width: 100%;
  border-radius: 5px;
  font-size: 0.9em;
  padding-top: 1em;
  padding-bottom: 0.5em;
}
.qicon + .tooltip > .tooltip-arrow {
  /*border-top-color:#0e3b5f;*/
}

div .pck_count {
  text-transform: capitalize;
}

.pck_desc_full{
  color : #5a3914;
  white-space: pre-wrap;
  padding-bottom: 1.5em;
}

.add_border{
  border-bottom: 1px solid;
}

.list-box .choose-pck {
  background-color: rgb(118, 71, 28);
  color: rgb(250, 218, 171);
  padding-left: 1.7em;
  padding-right: 1.7em;
  padding-top: 0.5em;
  margin: 30px 0 0 0;
  height: 2.5em;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.fa.fa-info-circle{
  cursor :pointer;
}

.pcksrv_modal{
  padding: 2em;
}
.pcksrv_modal p{
  white-space: pre-line;
}

.pckexinfo_wrapper{
  display: grid;
  grid-template-columns: repeat(4,4fr);
  grid-gap:0;
}

.nopadding{
  padding: 0;
}
.nopadding_l{
  padding-left: 0;
}
.width50{
  width: 50%;
  padding: 0 15px;
}
.setmrgn{
  margin : 0.25em;
}
.pck-box-list-item{
  padding-left: 15px;
  padding-right: 15px;
  margin-right: 15px;
  margin-left: 15px;
}
.pck-box-list-item:not(:last-child){
  border-bottom-width: 0.5px;
  border-bottom-style: solid;
}
.pck_desc{
  margin-bottom: 0.5em;
}
.pck_showmore,
.pck_showless{
  display: none;
  font-size: 0.75em;
  font-weight: bold;
  cursor: pointer;
}
.pck_showmore.active,
.pck_showless.active{
  display: block;
}
@keyframes placeHolderShimmer{
  0%{
      background-position: -468px 0
  }
  100%{
      background-position: 468px 0
  }
}
.linear-background {
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
  background: #f6f7f8;
  background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
  background-size: 1000px 104px;
  height: 250px;
  position: relative;
  overflow: hidden;
}
.bk-info-pck-img{
  padding:0px 15px
}
/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) 
@media screen and (max-width: 990px) {
  .topnav_pck {position: relative;}
  .pck-box-item{
    padding-top: 1em;
    padding-bottom: 1em;
  }
  .pckexinfo_wrapper{
    grid-template-columns: repeat(2,2fr);
  }
}
@media screen and (max-width: 400px) {
  .pckexinfo_wrapper{
    grid-template-columns: repeat(1,1fr);
  }
}

/*@media screen and (max-width: 650px) {
  .topnav {position: relative;}
}*/