/* ==========  Search to Center column =================== */

.row-centered {
    text-align: center;
}

.col-centered {
    display: inline-block;
    float: none;
    /* reset the text-align */
    text-align: left;
    /* inline-block space fix */
    margin-right: -4px;
    text-align: center;
    background-color: #ccc;
    border: 1px solid #ddd;
}

/* ==========  Button Area =================== */

.cellnum {
   width: 30px
}

.cartcell1 {
   text-align: left;
   /*border: 1px solid blue;*/
}

.cartcelltrash {
   text-align: center;
   width: 50px;
}

.cartcell2c {
   text-align: center;
   width: 75px;
}

.cartcell2 {
   text-align: right;
   width: 75px;
}

.cartcell3 {
   font-weight: 600;
   text-align: right;
}

.cartcell4 {
   text-align: center;
   width: 120px;
   /*border: 1px solid blue;*/
}

.cartcellctr {
   text-align: center;
}
.cartcellrht {
   text-align: right;
}

/* On screens that are 600px or less, set the background color to olive */
@media screen and (max-width: 600px) {

   .cartcell4 {
      width: 10px;
      display: none;
   }
}



.cellIngredientLeft {
   width: 100px;
}

.cellIngredientRht {
   text-align: left;
}

.txtIngredientTitle {
   font-weight: 600;
   text-align: left;
}

.ckoutcell1 {
   width: 180px;
   text-align: right;
   border: 0;
}

.cartcellrht {
   text-align: left;
}

.ckout2col {
   font-weight: 600;
   font-size: larger;
   text-align: center;
   color: white;
   background-color: #ace152; /*13e018*/
}

.ckoutShip {
   font-weight: 400;
   font-size: larger;
   text-align: center;
   color: white;
   background-color: #78CAD2;
}

input.infmt1 {
   padding: 4px;
}



select {
   padding: 4px;
}


.addtocartimg {
   width: 25px;
}

/*form input sunblue*/

.radio label::after {
   background-color: #78CAD2;
}

input.sunblue {
   padding: 4px;
   width: 100%;
   border: 1px solid #78CAD2;
   /*border-radius: 4px;*/
}

input.card {
   display: inline;
   margin-right: 8px;
}

h3.sunblue {
   font-size: 1.6em;
   font-weight: 500;
   color: #78CAD2; /*3a6ab9*/
   margin-bottom: 5px;
}

select.sunsel {
   width: 100%;
   border: 1px solid #78CAD2;
   padding: 6px;
   /*border-radius: 4px;*/
}


.form-sunblue {
   display: block;
   border-radius: 0;
   width: 100%;
   height: 36px;
   padding: 6px 12px;
   font-size: 14px;
   line-height: 1.4285;
   color: #555;
   background-color: #fff;
   background-image: none;
   border: 1px solid #ccc;
   border-radius: 4px;
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075);
   transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}


.btn-sunblue {
   color: #ffffff;
   background-color: #78CAD2;
   border-color: #78CAD2;
}

   .btn-sunblue:hover,
   .btn-sunblue:focus,
   .btn-sunblue:active,
   .btn-sunblue.active,
   .open .dropdown-toggle.btn-sunblue {
      color: #ffffff;
      background-color: #549093;
      border-color: #78CAD2;
   }

   .btn-sunblue:active,
   .btn-sunblue.active,
   .open .dropdown-toggle.btn-sunblue {
      background-image: none;
   }

   .btn-sunblue.disabled,
   .btn-sunblue[disabled],
   fieldset[disabled] .btn-sunblue,
   .btn-sunblue.disabled:hover,
   .btn-sunblue[disabled]:hover,
   fieldset[disabled] .btn-sunblue:hover,
   .btn-sunblue.disabled:focus,
   .btn-sunblue[disabled]:focus,
   fieldset[disabled] .btn-sunblue:focus,
   .btn-sunblue.disabled:active,
   .btn-sunblue[disabled]:active,
   fieldset[disabled] .btn-sunblue:active,
   .btn-sunblue.disabled.active,
   .btn-sunblue[disabled].active,
   fieldset[disabled] .btn-sunblue.active {
      background-color: #78CAD2;
      border-color: #78CAD2;
   }

   .btn-sunblue .badge {
      color: #78CAD2;
      background-color: #ffffff;
   }


.label-sunblue {
   background-color: #78CAD2;
   width: 67px;
   height: 32px;
}


.ec-box-header, .ec-box-footer {
   background-color: white;
}


   .ec-box-header a:link {
      color: #78CAD2;
   }

   .ec-box-header a:visited {
      color: #78CAD2;
   }

   .ec-box-header a:hover {
      color: #3a6ab9;
   }

   .ec-box-header a:active {
      color: #3a6ab9;
   }


.menucart {
   width: 350px;
   color: #78CAD2;
   background-color: white;
   font-weight: 500;
   font-size: 1.1em;
   max-height: 200px;
   overflow-y: auto;
}

   .menucart a:link {
      color: #78CAD2;
   }

   .menucart a:hover {
      color: #3a6ab9;
   }

.menucartlink a:link {
   color: #78CAD2;
}

.menucartlink a:hover {
   color: #3a6ab9;
}



.bs-wizard {
   margin-top: 40px;
}

/*Form Wizard*/
.bs-wizard {
   border-bottom: solid 1px #e0e0e0;
   padding: 0 0 10px 0;
}

   .bs-wizard > .bs-wizard-step {
      padding: 0;
      position: relative;
   }

      .bs-wizard > .bs-wizard-step + .bs-wizard-step {
      }

      .bs-wizard > .bs-wizard-step .bs-wizard-stepnum {
         color: #595959;
         font-size: 1.4em;
         margin-bottom: 5px;
      }

      .bs-wizard > .bs-wizard-step .bs-wizard-info {
         color: #999;
         font-size: 14px;
      }

      .bs-wizard > .bs-wizard-step > .bs-wizard-dot {
         position: absolute;
         width: 30px;
         height: 30px;
         display: block;
         background: #78CAD2;
         top: 45px;
         left: 50%;
         margin-top: -15px;
         margin-left: -15px;
         border-radius: 50%;
      }

         .bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {
            content: ' ';
            width: 14px;
            height: 14px;
            background: #549093; /*  3a6ab9  */
            border-radius: 50px;
            position: absolute;
            top: 8px;
            left: 8px;
         }

      .bs-wizard > .bs-wizard-step > .progress {
         position: relative;
         border-radius: 0px;
         height: 8px;
         box-shadow: none;
         margin: 20px 0;
      }

         .bs-wizard > .bs-wizard-step > .progress > .progress-bar {
            width: 0px;
            box-shadow: none;
            background: #78CAD2;
         }

      .bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {
         width: 100%;
      }

      .bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {
         width: 50%;
      }

      .bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {
         width: 0%;
      }

      .bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {
         width: 100%;
      }

      .bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {
         background-color: #f5f5f5;
      }

         .bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {
            opacity: 0;
         }

      .bs-wizard > .bs-wizard-step:first-child > .progress {
         left: 50%;
         width: 50%;
      }

      .bs-wizard > .bs-wizard-step:last-child > .progress {
         width: 50%;
      }

      .bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot {
         pointer-events: none;
      }
/*END Form Wizard*/

/* Sunblue Panel  */

.panel-sunblue .panel-body {
   border: 1px solid #78CAD2;
}

.panel-sunblue .panel-heading {
   font-weight: 400;
   background-color: #78CAD2;
   color: white;
}

.panel-sunblue .panel-heading-link a:after {
   background-color: #78CAD2;
}

.panel-sunblue .panel-plus-link a,
.panel-sunblue .panel-heading-link a {
   color: #549093;
}

.panel .panel-sunblue .panel-heading a:hover {
   background-color: transparent !important;
}


.panel-sunblue table {
   border-collapse: collapse;
   width: 100%;
}

.panel-sunblue td {
   border: 0px solid red;
   padding-bottom: 10px;
   width: 50%;
}

.panel-sunblue .lft {
   text-align: left;
}

.panel-sunblue .rht {
   text-align: right;
}


.panel-sunblue td span {
   font-weight: 500;
   font-size: 1.3em;
}

.panel-sunblue td hr {
   background-color: #78CAD2;
   height: 4px;
   margin: 0;
   padding: 0;
}


.table-sunblue {
   border: 1px solid #78CAD2;
}

   .table-sunblue td {
      border: none !important;
      border-right: solid 0px #ccc !important;
   }

   .table-sunblue .radio label::after {
      background-color: #78CAD2;
   }


.table-footer1{

}
   .table-footer1 td {
      /*padding: 16px,20px,16px,20px;*/
      padding-bottom:6px;
      color: #ADADAD;
      font-size: 1.7rem;
      /*border: 2px solid yellow;*/
      text-decoration: none;
   }
   .table-footer1  a:link{
      
      color: #ADADAD;
      font-size: 1.7rem;
      text-decoration: none;
   }
   .table-footer1 a:hover {
      text-decoration: underline;
      color: #47bac1;
   }

.footer-email-feedback {
   color: red;
   font-size:1.5rem;
}

/*.radio label::after {

}*/
.g_mb_20 {
   margin-bottom: 20px;
}

.g_mt_20 {
   margin-top: 20px;
}

.g_pb_20 {
   padding-bottom: 20px;
}

.g_pt_20 {
   padding-top: 20px;
}

.g_txt_v1 {
   color: white;
   font-weight: 600;
   font-size: 1.5em;
}

.g_bg_sunblue {
   background-color: #78CAD2;
}


.alert-sunblue {
   background-color: #78CAD2;
   color: white;
   border: solid 1px #549093;
}

.cartnavbar {
   padding-top: 10px;
   padding-right: 20px;
}

@media (max-width: 991px) {
   .cartnavbar i {
      position: absolute;
      right: 0;
      top: 0;
      margin: 10px;
   }
}

.imgproductdetail {
   /* image on product detail page*/
   max-height: 400px;
}

.tdetail {
   overflow: hidden;
   /*border: 1px solid yellow;*/
   margin-bottom: 10px;
}

.proddetailcell {
   /*border: 1px solid blue;*/
   padding-right: 0;
   padding-left: 15px;
   padding-bottom: 5px;
}

.proddetailright {
   /*border: 1px solid blue;*/
}