body{
overflow-x: hidden !important;
color: #555;
}

body.bg-light
{
background: url('/images/bid/namdhari/9.png') #ffe6f5  !important;
background-size: 150px !important;
}


label.error {
    color: #f56857;
    font-size: 14px;
    font-weight: normal;
    border: none;
    position: relative;
    text-transform: none;
    letter-spacing: normal;;
}

.error {
    color: #f56857;
    border: 2px solid #ffbdb6;
    padding: 0.5rem 1rem;
    border-radius: 10px;
}

strong, b
{
  color: #444;
}

.plist strong, .plist b
{
  color: #46146b;
  font-weight:500;
}

#ttitle h2
{
  font-size: 1.2rem !important;
}

.btnstock
{
 border-radius: 0.55rem;
 padding: 0.45rem 0.85rem;
}

.form-control
{
font-family: arial;
}


.input-spinner input.form-control {
    text-align: center;
    max-width: 46px;
    -ms-flex-preferred-size: 46px;
    flex-basis: 30px;
    border-color: #e4e4e4;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    height: 30px;
    font-size: 11px;
    padding: 0px;
}

.cartblock .btn
{
  padding:3px 10px !important;
}

.input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.plist
{
}

.plist .card-body
{
padding: 13px 0px ;
}

.plist .media-body
{
  line-height: 1.3rem;
}

/* The customcheck */
.customcheck {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.customcheck input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 30px;
    width: 30px;
    background-color: #FFF;
    border-radius: 50px;
    border:2px solid #54AF5D;
    margin-top: -3px;
}

/* On mouse-over, add a grey background color */
.customcheck:hover input ~ .checkmark {
    background-color: #FFF;
}

/* When the checkbox is checked, add a blue background */
.customcheck input:checked ~ .checkmark {
    background-color: #54AF5D;
    border-radius: 50px;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.customcheck input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.customcheck .checkmark:after {
    left: 10px;
    top: 3px;
    width: 8px;
    height: 16px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


.btn-ico
{
padding: 1rem;
}


.plist .btn-ico
{
padding: 0;
}

.pcheck, .hasv
{
margin-top: 5px;
width: 1.7rem !important;
height: 1.7rem !important;
touch-action: manipulation;
border-radius: 3px !important;
background: #EEE;
}


.pminus
{
margin-top: 5px;
border:2px solid #f39a9e;
width: 1.7rem !important;
height: 1.7rem !important;
padding-top:2px !important;
touch-action: manipulation;
border-radius: 3px !important;
}

.pview
{
margin-top: 5px;
border:2px solid #f39a9e;
width: 1.7rem !important;
height: 1.7rem !important;
padding-top:2px !important;
touch-action: manipulation;
border-radius: 3px !important;
}


.faddb .pview
{
margin-top: -8px;
margin-left: 6px !important;
}


.pview1
{
margin-top: -10px;
border:2px solid #FFF;
width: 1.7rem !important;
height: 1.7rem !important;
padding-top:4px !important;
touch-action: manipulation;
}

.plist btn:hover, .plist .btn-link
{
border-bottom: none;
text-decoration: none;
}

.menui
{
  border: 1px solid #EEE;
    border-radius: 10px;
    padding: 10px 10px;
    margin-left: 10px;
    font-size: 12px;
}

.bgcross
{
  background: url('/images/crosscriss.png');
}


/* --------- description list --------*/
dl[class="row"] {
  margin-bottom: 0; }

[class*="dlist-"] {
  margin-bottom: 5px; }
  [class*="dlist-"] dd {
    margin-bottom: 0; }

.dlist-inline dt, .dlist-inline dd {
  display: inline-block; }

.dlist-align {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .dlist-align dt {
    width: 120px;
    word-wrap: break-word;
    font-weight: normal; }
  .dlist-align dd {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }


            .funkyradio div {
              clear: both;
              overflow: hidden;
            }

            .funkyradio label {
              width: 100%;
              border-radius: 10px;
              letter-spacing: 0px;
              border: 1px solid #DDD;
              font-weight: normal;
              text-transform: none;
              font-size: 14px;
              box-shadow: 0px 1px 4px #EEE;
              color: #777;
            }

            .funkyradio input[type="radio"]:empty,
            .funkyradio input[type="checkbox"]:empty {
              display: none;
            }

            .funkyradio input[type="radio"]:empty ~ label,
            .funkyradio input[type="checkbox"]:empty ~ label {
              position: relative;
              padding: 15px 20px;
              margin-top: 5px;
              cursor: pointer;
              -webkit-user-select: none;
                 -moz-user-select: none;
                  -ms-user-select: none;
                      user-select: none;
            }

            .funkyradio input[type="radio"]:empty ~ label:before,
            .funkyradio input[type="checkbox"]:empty ~ label:before {
              position: absolute;
              display: block;
              top: 0;
              bottom: 0;
              left: 0;
              content: '';
              border-radius: 3px 0 0 3px;
            }

            .funkyradio input[type="radio"]:hover:not(:checked) ~ label,
            .funkyradio input[type="checkbox"]:hover:not(:checked) ~ label {
              color: #888;
            }

            .funkyradio input[type="radio"]:hover:not(:checked) ~ label:before,
            .funkyradio input[type="checkbox"]:hover:not(:checked) ~ label:before {
              text-indent: 0;
              color: #C2C2C2;
            }

            .funkyradio input[type="radio"]:checked ~ label,
            .funkyradio input[type="checkbox"]:checked ~ label {
              color: #777;
            }

            .funkyradio input[type="radio"]:checked ~ label:before,
            .funkyradio input[type="checkbox"]:checked ~ label:before {
              text-indent: 0;
              color: #333;
              background-color: #ccc;
            }

            .funkyradio input[type="radio"]:focus ~ label:before,
            .funkyradio input[type="checkbox"]:focus ~ label:before {
              box-shadow: 0 0 0 3px #999;
            }

            .funkyradio-success input[type="radio"]:checked ~ label:before,
            .funkyradio-success input[type="checkbox"]:checked ~ label:before {
              color: #fff;
            }


            .funkyradio-success input[type="radio"]:checked ~ label,
            .funkyradio-success input[type="checkbox"]:checked ~ label {
              color: #000;
              background-color: #FFF;
              border: 2px solid #28e1a5;
            }

.phead
{
  margin-top: 60px;
  color:#c82b83;
  letter-spacing: 0px;
  letter-spacing: -0.02rem;
}

.btn-success
{
  background: #5FC581;
}

.countflash
{
  color: #f78c00;
}

.razorpay-container
{
margin-top: 0px!important;
}

.featimg
{
border-radius: 6px;
}

.otag {
position: absolute;
    right: 0px;
    background: #e60023;
    color: #FFF;
    font-weight: 600;
    font-size: 11px;
    padding: 2px 8px;
    border-radius: 20px 0px 0px 20px;
    top: 20px;}

.tile-header
{
display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 2.9rem 0px;
    bottom:55px;
    top:initial;
    background: rgba(0, 0, 0, .85);
}

.tile-footer
{
  bottom:-40px;
}

.feattitle {
    padding: 10px 50px 10px 40px;
    font-size: 1.3rem;
    position: absolute;
    color: #FFF;
    left:0px;
    width: 100%;
}

.feattitle .itemname
{
  font-weight: 400 !important;
}

.tile .tile-content::before
{
background: none;
}

.faddb .pcheck, .faddb .hasv, .faddb .pview, .faddb .pminus
{
box-shadow: 0px 1px 3px #333;
margin-top: -3px;
}


#hlogo img {
    padding: 5px 10px;
    max-height: 60px;
}

.btn-primary, .btn-primary:hover
{
  background: #c82b84;
  border: none;
}


.mf img
{
  width:12px;
  height: 12px;
  margin-right: 5px;
}


#dmodal6 .modal-header
{
  padding: 0px;
}

.fs-14
{
}

.price-wrap
{
  font-size: 0.9rem;
}


.feattitle
{
  font-size: 1rem;
}

header .row
{
  background: #e2e2e2;
}



#cmodal .modal-header
{
  padding: 0px;
}

#loadingdiv
{
  background: #FFF;
  opacity: 0.8;
  top:0px;
  right: 0px;
  bottom:0px;
  left: 0px;
  z-index: 9999;
  width: 100%;
  position: fixed;
  text-align: center;;
}

#loadgif
{
z-index: 1201;
margin: 30px auto;
top:40%;
}

.unavail
{
    float: right;
    font-size: 9px;
    color: #777;
    line-height: 0.75rem;
    width: 80px;
    border: 1px solid #DDD;
    padding: 2px 5px;
    text-align: center;
    font-weight: 500;
    letter-spacing: 0.02rem;
    border-radius: 4px;
}

.psubhead
{
  font-size: 11px;
  margin-top: 3px;
  color:#888;
  line-height: 12px;
}


#dnowadd {
    padding: 25px;
    border-radius: 0px 0px 20px 20px;
    box-shadow: 0px 1px 10px rgba(0,0,0,.15);
    margin-top: -10px;
    margin: -10px 10px 30px 10px;
}

.primg
{
    height: 80px;
    width: 80px;
    border: 1px solid #DDD;
    border-radius: 100px;
    margin-left: 15px;
    margin-right:10px;
}

.prcnt
{
color: #000;
padding: 3px;
padding-top: 8px;
}

.pnamecheck
{
  margin-top:8px;
}


#dmodal .modal-header
{
  padding: 0px;
}

.plist .col-1 a
{
  display: table-caption;
}
