span.step {
  background: #cccccc;
  border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  line-height: 1.6em;
  margin-right: 5px;
  text-align: center;
  width: 1.6em; 
}     
.navbar-rightbasket {
    float: right!important;
    margin-right: -15px;
}

.menuitembasket {
        color: #ff5200;
    
}


#toTopBtn {
    position: fixed;
    bottom: 26px;
    right: 39px;
    z-index: 98;
    padding: 21px;
    background-color: hsla(5, 76%, 62%, .8)
}

.js .cd-top--fade-out {
    opacity: .5
}

.js .cd-top--is-visible {
    visibility: visible;
    opacity: 1
}

.js .cd-top {
    visibility: hidden;
    opacity: 0;
    transition: opacity .3s, visibility .3s, background-color .3s
}

.cd-top {
    position: fixed;
    bottom: 20px;
    bottom: var(--cd-back-to-top-margin);
    right: 20px;
    right: var(--cd-back-to-top-margin);
    display: inline-block;
    height: 40px;
    height: var(--cd-back-to-top-size);
    width: 40px;
    width: var(--cd-back-to-top-size);
    box-shadow: 0 0 10px rgba(0, 0, 0, .05) !important;
    background: url(https://res.cloudinary.com/dxfq3iotg/image/upload/v1571057658/cd-top-arrow.svg) no-repeat center 50%;
    background-color: hsla(5, 76%, 62%, .8);
    background-color: hsla(var(--cd-color-3-h), var(--cd-color-3-s), var(--cd-color-3-l), 0.8)
}

.bg-pale { 
    
    background-color:#e6e6e6;
    
}

.paddingtop {padding-top:25px;}

.paddingbottom {padding-bottom:25px;}
     
       /* xs < 768 */
@media screen and (max-width: 767px) {
    body {
        font-size: 0.9em;
    }
       .nav>li>a.navicon  {
           
           padding-top: 5px;
          padding-bottom: 5px;
           
       }
         .nav>li>a.naviconb  {
           
           padding-top: 5px;
          padding-bottom: 5px;
          padding-left:0px;
           
       }
       
       .mobilebrand  {
           margin:0;
           padding:0;
            height:30px;
           
       }
         .colpadd {
          height:75px;
           }
           
                #bgblank2 {
         width: 100%;
    height: 60px;  
  
           
         background:none;  
       }
        .bespokebutton2>input ,  .bespokebutton3>input{
                      width: 50%;
           
                
       }
       
         .pdsplus {
       
       min-height:885px;
       
   }
   
   
     .iframelarge {
              
             width:95%; 
             min-height:885px;
             
              
              
          }
          
          
            .imagediv {
              
              
              min-height:317.95px;
              
          }
          
               .xstockitem-button , .favbox {
                       min-height: 360px;
              
          }
          
                 .modal-dialog  {
  float:center; 
 width:90%;
}


.giftcard {
    width:100%; background-color:rgb(0,64,255); color:white; font-size:1.5em; min-height:360px;  white-space: normal; float:right;      
          
}
    
    
    
}

/* sm */
@media screen and (min-width: 768px) {
    body {
        font-size: 1em;
    }
       .nav>li>a.navicon  {
           
           padding-top: 5px;
         
           
       }
         .nav>li>a.naviconb  {
           
           padding-top: 4px;
           padding-bottom: 5px;
           
       }
       .mobilebrand  {
           margin:0;
           padding:0;
            height:40px;
           
       }
         .colpadd {
          height:95px;
           }
           
                #bgblank2 {
         width: 100%;
    height: 100px;  
  
           
         background:none;  
       }
        .bespokebutton2>input , .bespokebutton3>input{
         
             width: 25%;
           
           
           
           
           
           
       }
         .pdsplus {
       
       min-height:885px;
       
   }
   
    .iframelarge {
              
             width:95%; 
             min-height:885px;
             
              
              
          }
          
            .imagediv {
              
              
              min-height:261.01px;
              
          }
          
               .xstockitem-button , .favbox {
                       min-height: 395px;
              
          }
          
                 .modal-dialog  {
  float:center; 
 width:800px;
}


.giftcard {
    width:100%; background-color:rgb(0,64,255); color:white; font-size:1.5em; min-height:450.0px;  white-space: normal; float:right;      
          
}
}

          /* md */
 
             
          
/* md */
@media screen and (min-width: 992px) {
    body {
        font-size: 1.2em;
    }
       .nav>li>a.navicon  {
           
           padding-top: 5px;
           padding-bottom: 5px;
           
       }
         .nav>li>a.naviconb  {
           
           padding-top: 4px;
           padding-bottom: 5px;
           
       }
          .mobilebrand  {
           margin:0;
           padding:0;
            height:40px;
           
       }
         .colpadd {
          height:110px;
           }
                #bgblank2 {
         width: 100%;
    height: 100px;  
  
           
         background:none;  
       }
        .bespokebutton2>input,  .bespokebutton3>input {
         
             width: 25%;
           
             }
             
             .stockdetail{
                 
                  font-size: 1.0em;
                  margin-bottom:0px;
                 
             }
             
             .responsiveorder {
                 padding-left:5px;
                 padding-right:5px;
                   font-size: 1.0em;
                 
             }
             
               .pdsplus {
       
       min-height:885px;
       
   }
   
    .iframelarge {
              
             width:95%; 
             min-height:885px;
             
              
              
          }
          
          
            .imagediv {
              
              
              min-height:203.51px;
              
          }
          
               .xstockitem-button , .favbox {
                       min-height: 360px;
              
          }
          
                 .modal-dialog  {
  float:center; 
 width:945px;
}

.giftcard {
    width:100%; background-color:rgb(0,64,255); color:white; font-size:1.5em; min-height:360px;  white-space: normal; float:right; margin-bottom:15px;     
          
}
}

/* lg */
@media screen and (min-width: 1200px) {
    body {
      
        
    }
       .nav>li>a.navicon  {
           
           padding-top: 5px;
         
           
       }
   
 
       
            #bgblank2 {
         width: 100%;
    height: 100px;  
  
           
         background:none;  
       }
         .nav>li>a.naviconb  {
           
           padding-top: 4px;
         
           
       }
          .mobilebrand  {
           margin:0;
           padding:0;
           height:40px;
           
       }
       
         .colpadd {
          height:110px;
           }

     .bespokebutton2>input,  .bespokebutton3>input {
         
             width: 25%;
            }
            
            
              .pdsplus {
       
       min-height:885px;
       
   }
    .iframelarge {
              
             width:95%; 
             min-height:885px;
             
              
              
          }
          
          .imagediv {
              
              
              min-height:203.51px;
              
          }
          
               .xstockitem-button , .favbox {
                       min-height: 360px;
              
          }
          
                 .modal-dialog  {
  float:center; 
 width:945px;
}

.giftcard {
    width:100%;  color:white; font-size:1.5em; min-height:360px;  white-space: normal; float:right;      
          
}
      
}

 
.class-wait {
cursor: wait;
}


.addressblock {
    
    padding:0;
    
    
}

.addressinfo {
    
   background-color:white;
   vertical-align:top;
    
    
}


.message {
      color: #ff5200;
    font-size:0.9em;
    padding-bottom:10px;
    
    
}

.message>a:link {
      color: #ff5200;
    font-size:0.9em;
    padding-bottom:10px;
    
    
}

.addressinfo>td {
    border-bottom: 1px solid #ddd;
       background-color:white;
}

       
        .fa-heart  {
              color:red;
          }
          
          .fa-heart-o  {
              color:lightgrey;
          }
          
          .fa-heart-o:hover {
              color:red;
          }
          
            .fa-sign-out:hover  {
              color:rgb(233,83,14);
          }
          
             .fa-question:hover  {
              color:rgb(233,83,14);
          }
          
          
          
       
      .fa-sign-out   {
              color:rgb(233,83,14);
                -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
          }
       
       
       .nav>li>a>img.navimg {
           
              min-width: 20px ;
          
            min-height:20px;
             max-width: 20px ;
                      max-height:20px;
            
           -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
           
       }
       
          .nav>li>a>img.navimg_bigger {
           
              min-width: 20px ;
                      min-height:20px;
                          max-width: 30px ;
                      max-height:30px;
                      
              -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
         
           
       }
       
        .nav>li>a>img.navimg:hover {
           
        
           -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
           
       }
       
          .nav>li>a>img.navimg_bigger:hover {
           
            
              -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
         
           
       }
       
       .navicon.active .navimg {
           -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%); 
           
       }
       
        .naviconb.active .navimg_bigger {
           -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%); 
           
       }
       
        .menuitem.active .sunselect>.sselectx>.select {
           -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%); 
           
       }
       
     .navbar-default .navbar-brand:hover {
           color: #ff5200;
           
           
       }
       
       
        #brand.active .navbar-brand {
           color: #ff5200;
           
           
       }
       
          
           .navsearch {
           
              width: 100% ;
          
           
         
           
       }
          
          .navsearchcontainer{
               position: absolute;
    top: 10px;
             width: 100% ;  
              height:100%;
              
          }
          
       
       .navbar-default {
         
           min-height: 30px;
           
       }
       
       .row {
           padding-bottom: 2px;
           
           
       }
        
       body {
           font-family: "Open Sans";  
      
           letter-spacing: 0.06em;
           
       }  
       
       
       
       
       iframe {
           
           border:0;
           height:100vh;;
           
           
       }
       
      h1, .bespokebutton>label {
           font-size: 1.0em;
           color:#6d6e71;
       
           
       }
       
        h2 {
           font-size: 14px;
           color: #ff5200;
            font-variant-caps:normal;
       }
       
       .GroupName {
           font-size: 14px;
           color: #ff5200;
            font-variant-caps:normal;
       }
       
       .line {
           
           height:20px;
          border-style: solid;
    border-width: 0px 0px 4px 0px;
              border-color: rgba(233,83,14,0.95);
           margin-bottom:20px;
           margin-left:15px;
           margin-right:30px;
       }
       
       .Addgrp {
           width:50% !important;
           
       }
       
       h2.biggertext {
           font-size: 20px;
           margin-top:5px;
           margin-bottom:5px;
           
       }
       
       
       
        h3 {
           font-size: 11px;
             color:#6d6e71;
             margin-top: 10px;
           
       }
       
        h3.mediumtext {
          letter-spacing: 0.06em;
           line-height: 1.2em;
       }
       
       p, label { font-size: 1em;
           color:#6d6e71;
           padding-bottom: 10px;
           font-weight: 300;
             }
             
               .bespokebutton2>label,  .bespokebutton3>label {  
           padding-bottom: 2px;
         margin-bottom:1px;
         margin-top:1px;
         text-transform: uppercase;
             }
             
             .proofbox {
                  border-style: solid;
    border-width: 1px 1px 4px 1px;
              border-color:  rgba(231,232,232,1);
                  margin-bottom:10px;
             }
       
          .rectangleold {
              width:110%;
             border-style: solid;
    border-width: 1px 1px 4px 1px;
              border-color:  rgba(231,232,232,1);
                  height: 100px;
              margin:-15px;
              margin-top:0;
              margin-bottom:5px;
              color: #6d6e71;
              padding-bottom:20px; 
            
              
          }
          
          .myapproval {
              
              
              padding:7.5px;
          }
          
          .approvedetail {
              
              padding:0;
              font-size:11px;
                 font-weight: 400;
              
          }
           .approvedetailheader {
              
              padding:0;
              font-size:12px;
                 font-weight: bold;
                 border-bottom: 2px solid;
              
          }
          
             
          .booking {
              
             color: rgb(233,83,14);
                border-bottom: 1px solid black ;
          }
          
          .cal {
              
               border-bottom: 1px solid  ;
          }
       
          
          .rectangle {
             background-image: url("<?php echo base_url('assets/img/blank_3.png') ?>");
               background-repeat: no-repeat;
              padding-right: 0;
             
          }
          
           .rectangleouter {
                  padding-right: 0;
             
          }
          
          
           
          
          .rectangleimageouter {
             vertical-align: top;
              
          }
          
           .rectangle>.button {
            padding-top: 75px;
               text-transform: uppercase;
               text-align: left;
            width:100%;
               font-size: 14px;
              
          }
           .rectangle>p {
            padding-top: 75px;
               text-transform: uppercase;
               text-align: left;
            width:100%;
               font-size: 14px;
              
          }
          
          .rectangle2up {
              width:104%;
             border-style: solid;
    border-width: 1px 1px 4px 1px;
              border-color:  rgba(233,83,14,0.95);
                  height: 100px;
              margin:-15px;
              margin-top:0px;
              color: #ff5200;
              padding-bottom:20px; 
               margin-bottom:10px;
            
              
          }
          
           .rectangle1up {
              width:100%;
             border-style: solid;
    border-width: 1px 1px 4px 1px;
              border-color:  rgba(233,83,14,0.95);
                  height: 100px;
              margin:0px;
              margin-top:0px;
              color: #ff5200;
              padding-bottom:20px; 
               margin-bottom:10px;
            
              
          }
          
       
       table {
    table-layout: fixed;
    word-wrap: break-word;
           width:100%;
}
       
       .navbar-brand {
           
           font-weight:700 ;
           padding-left: 0;
           
           
       }
        
       
        .navbespoke {
    background : none;
              border:none;
           box-shadow: none;
         
            margin-bottom: 2px;
            
} 
       
       .navbarbespoke-grey{
       
            box-shadow: none;
           border-color:black;
           background-image    :  url('<?php echo base_url('assets/img/dashblock.png') ?>');
           border-radius: 0;
           border: 10px;
           max-height:40px;
       }
       
       
       .custlogo {
           text-align: right;
           padding-top:25px;
           
           
       }
       
       .form-search {
           
           background:none;
           border:none;
             box-shadow: none;
           align-content: right;
           text-align: right;
       }
       
        .unselect {
           
           height:auto;
            width:100%;
            opacity:0;
          
            
           
           
           
       }
       
       .stockdetail, .basketdetail, .w2pbasketdetail  {
           margin-top:0;
           margin-bottom:5px;
               
       }
          .basketdetail, .w2pbasketdetail {
              
              padding:0px;
              margin-left:0;
          }
       
       .select {
           
           height:auto;
            width:100%;
           
         opacity:1;
           
           
       }
          
          
             .sunselect>.sselectx>.select {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}
          
          
           
        .colpadd:hover  .sunselect>.sselectx>.select {
             -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
          
       }
       
    
      
          .go  {
                background-color: #ff5200; 
            color:white;
             width:75px;
            text-align: center;
            
             margin-left:25px;
             height:31px;
            border-bottom-color: white;
            border-radius: 10px;
              
              
          }
          
           
          .go, .gofilter {
                background-color: #ff5200; 
            color:white;
             width:85%;
            text-align: center;
            
            
             height:31px;
            border-bottom-color: white;
            border-radius: 10px;
              
              
          }
       
       
           .resize {
          max-height: 200px;
            max-width:200px;
             /*position: absolute;*/
             /*  bottom:10px;*/
             /*  right:1px;*/
           
           
       }
          
           .resizebasket {
          max-height: 95%;
            max-width:95%;
             position: absolute;
               top:5px;
               right:5px;
           
           
       }
          
          .updateinfo input {
        
        align-content: center;
     height:20px;
        margin-bottom: 1px;
        padding: 5px;
        background:none;
       box-shadow: none;
      border-style: solid;
            border-width: 1px;
        border-color: black;
        text-align: left;
      width: 50%;
            
    }       
          .updateinfo2 input {
        
       background-color: #ff5200; 
            color:white;
             width:60%;
            text-align: center;
            padding-left:0px;
            border-color: white;
            border-radius: 10px;
            height:30px;
    } 
    
    
         .upload  {
        
       background-color: #ff5200; 
            color:white;
             width:60%;
            text-align: center;
            padding-left:0px;
            border-color: white;
            border-radius: 10px;
            height:20px;
    } 
      .uploadpw {
        
        align-content: center;
     height:20px;
        margin-bottom: 1px;
         margin-left: 10px;
        padding: 5px;
        background:none;
       box-shadow: none;
      border-style: solid;
            border-width: 1px;
        border-color: black;
        text-align: left;
      width: 50%;
            
    }  
    
       .approve input {
        
      background-color: #ff5200; 
            color:white;
             width:100%;
            text-align: center;
            padding-left:0px;
            border-bottom-color: white;
            border-radius: 10px;
            white-space: normal;
            
    }   
    
       .addressblock input {
        
       background-color: #ff5200; 
            color:white;
             width:30%;
            text-align: center;
            padding-left:0px;
            border-bottom-color: white;
            border-radius: 10px;
            margin: 10px;
    } 
       
    
       
/*         .modal-body  {*/
  
/*  overflow: hidden;*/
/*             float:left; */
/*             display: inline-block;*/
/*             position:relative;*/
/*}*/
          
    

/*.bootbox>.modal-header, .bootbox>.modal-body, .bootbox>.modal-footer {*/
/*    width:945px;*/
/*    margin:auto;*/
/*    color:white;*/
/*    float:center; */
    
/*}*/

        .modal-dialogfull  {
  float:center; 
 width:100%;
}
        
        
      #tooltip-bottom > .tooltip-inner {
  background-color:#ff5200;
  color: #000;
  border: 1px solid #ff5200;
   text-align: left;
   width:500px;
   max-width:500px !important;
} 
 


#tooltip-bottom > .tooltip-arrow {
  border-top: 5px solid #ff5200;
}

.tooltip-inner {background-color:  #ff5200 !important;  text-align: left;  max-width:500px !important;}
.pds-tooltip + .tooltip > .tooltip-arrow { border-bottom-color: #ff5200 !important; }




       #tooltip-right > .tooltip-inner {
  background-color:#ff5200;
  color: #000;
  border: 1px solid #ff5200;
   text-align: left;
   width:100px;
   max-width:100px !important;
}      
       
         .largepreview {
             float: left;
           height: auto;
            width:90%;
             position:relative;
              text-align: center;
           
           
       }
       
       
        .stockgrp {
           
           height:auto;
            width:100%;
          position: relative;
           
           
           
           
       }
       
       
       .favgrps > th {
           
           padding:0;
           font-size:0.9em;
           
       }
       
       .favdd1,   .favdd2{
           
           width:100%;
           
           
       }
       
        .stockgrp-img {
           
           height:auto;
            width:60%;
            position: absolute;
  top: 20px;
  right: 1px;
           
           
           
           
       }
       
       
       .wrapword {
    white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    white-space: pre-wrap;       /* css-3 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
    white-space: -webkit-pre-wrap; /* Newer versions of Chrome/Safari*/
    /*word-break: break-all;*/
    white-space: normal;
    text-align:center;
}
       
      
        .sunselect {
           
        /* position: absolute; */
            display:inline-block;
            float:left;
           
       }
       
       
          .sunselectx {
           position:absolute;
         
           
       }
       
         .sselectx {
           position:absolute;
         
           
       }
       
        .sselect {
         
         /* position: absolute; */
            
            display:inline-block;
             float:left;
          
           
       }
       
        /* .select:hover   {
         
         position: absolute;
              opacity:100;
           
       } */
       
       #look {
           width: 20px;
           height: 20px;
           background-image:   url('<?php echo base_url('assets/img/look.png') ?>');
           background-size: 100%;
           background-color: transparent;
           border-color: transparent;
           border : 10px  ;
       }
      
    
            
            
          .colpadd2 {
              height :auto; 
   /* padding-left:0px; */
              padding-bottom: 1px;
              float:left;
               display:inline-block;
              
       }  
       
        .colpadd2-1 {
            
            display:inline-block;
     /* padding-left:0px; */
                padding-bottom: 1px;
              
            
            overflow:hidden;
       }  
       
        .colpad3 {
              min-height :200px;    }  
       
       .colpadd9 {
              height :110px;    }  
       
      
       
       .list-group {
           
            position: absolute;
            left:5px;
           bottom:5px;
           border:none;
           opacity: 0;
          
       }
       
         a.list-group-item {
           
         background: none;
           font-size: 12px;
           padding: 2px 2px 2px 2px;
             color: white;
              border:none;
             box-shadow: none;
           
       }
       
         a.list-group-item:hover {
           
       
           font-size: 12px;
            padding: 2px 2px 2px 2px;
             color: white;
            background:none;
             border:none;
                box-shadow: none;
             
           
       }
       
        
          .colpadd9:hover .sunselect>.sunselectx >.unselect {
            opacity: 0;
          
       }
        .colpadd9:hover  .sunselect>.sselectx>.select {
            opacity: 1;
          
       }
       
       .colpadd9:hover  .sunselect>.sselectx>.list-group {
            opacity: 1;
          
       }
      
      
       
              .newrow {
                  
                  
                 clear:both;
                  
              }
       
       
         .stockgroup-name {
           
            position: absolute;
            left:10px;
           bottom:10px;
           border:none;
             color:#ff5200;
             text-transform: uppercase;
             font-size: 18px;
          }
          
          .rexelgrid {
              
              
              padding-right:0;
              padding-bottom:15px;
          }
          
    
          
          
          .stockgrpimg {
              
               opacity: 0.95;
              height:auto;
              width:100%;
          }
          
           .rstockimg {
              
               opacity: 0.95;
               min-height:163.13px;
              height:auto;
              width:100%;
              max-height:210px;
          }
          
          
          .center {
    /*position: absolute;*/
    
     text-align: center;
      height:24px;
                background-color:#066cb6;
               
                 color:white;
                  align-content: center; 
            
               
             font-size: 14px;
   
}


.submit {
    
    width:50%;
     background-color:#066cb6;
               border-radius: 1px;
               color:white;
    
}

.button {
    
    
     background-color:#066cb6;
               border-radius: 1px;
               color:white;
               border-color:#066cb6;
}
 
 
       .split3 {
              
              padding:0;
              width:25%;
              
          }
          
          .addbutton {
               border-radius: 5px;
               white-space: normal;
word-wrap: break-word;
  width:40%;
          }
          
           .xstockgroup-button ,     .favbox {
           
            
           
           /*height:23vw;*/
              min-height: 320px;
          
           border: 2px solid;
           border-bottom: 4px solid;
               border-color: #066cb6; ;
    border-radius: 1px;
             color:#066cb6;
           font-size:11px;
             
           background-color: white ;
                
               padding:5px;
  /*     display: inline-flex; */
  /*align-items: center; */
               align-content: center; 
               text-align: center; 
              margin-bottom: 15px;
          }
               .xstockitem-button   {
           
            
           
    
            
          
           border: 2px solid;
           border-bottom: 4px solid;
               border-color: #066cb6; ;
    border-radius: 1px;
             color:#066cb6;
           font-size:11px;
             
           background-color: white ;
                
               padding:5px;
  /*     display: inline-flex; */
  /*align-items: center; */
               align-content: center; 
               text-align: center; 
              margin-bottom: 15px;
          }
      
              
                
          
          .favbox {
              
              min-height:100px;
              
          }
          
          
    /*       .stockgroup-button:hover ,    .stockitem-button:hover {*/
            /*   -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    /*filter: grayscale(0%);*/
    /*       }*/
           
           .stockitem-button {
           
              text-transform: none;
           
           height:20vw;
           }
           
           .block {
               
               height:40px;
                background-color:#066cb6;
                margin-bottom:10px;
                  padding-top:10px;
             
                 color:white;
                  align-content: center; 
               text-align: center; 
                 font-weight: bold;
                    text-transform: uppercase;
             font-size: 18px;
           }
           
           @media screen and (max-width: 767px) {
                 .block {
               
             
             font-size: 8px;
           }
               
           }
          
          
          .centerspan {
  display: inline-block;
  vertical-align: middle;
  height:100%;
  
}



.heart-shape{
  position: relative;
  width: 100px;
  height: 100px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  background-color: rgba(250,184,66, 1);
}
.heart-shape:before,
.heart-shape:after{
  position: absolute;
  width: 100px;
  height: 100px;
  content: '';
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background-color: rgba(250,184,66, 1);
}
.heart-shape:before{
  bottom: 0px;
  left: -50px;
}
.heart-shape:after{
  top: -50px;
  right: 0px;
}



          
       
       input {
           
             border:none;
           background:none;
           
       }
          
         .basketdetail>input {
           border:solid;
            border-color: rgba(231,232,232,0.8);
             
           background-color:rgba(231,232,232,0.4);
             width:30%; 
           
       }  
       
       
       .w2pbasketdetail>input {
             border:solid;
            border-color: rgba(231,232,232,0.8);
             
           background-color:rgba(231,232,232,0.4);
             width:90%; 
           
           
       }
          
          .error>p {
              color: red;
              font-weight: 400;
              padding-bottom: 0;
              margin-bottom: 0;
          }
          
       
     
       
       .colpadd3 {
            padding-left: 0px;
           text-overflow: ellipsis;

  /* Required for text-overflow to do anything */
  white-space: nowrap;
  overflow: hidden;
           
       }
       
          .colpadd3:HOVER {
          
  overflow: visible;
   white-space:normal;
   height:auto;
            
       }
       
         .workinprogress {
            padding-left: 0px;
           text-overflow: ellipsis;

  /* Required for text-overflow to do anything */
  white-space: nowrap;
  overflow: hidden;
  font-size: 0.95em;
           color: #ff5200;
           
       }
       
          .workinprogress:HOVER {
          
  overflow: visible;
   white-space:normal;
   height:auto;
            
       }
       
       .workinprogresslist {
           
           padding-top:5px;
           padding-bottom:5px;
           
           
       }
       
       .viewworkinprogress input {
             background-color: white; 
            color:#ff5200;
             
            text-align: center;
            padding-left:2px;
            padding-right:2px;
             padding-bottom:2px;
            border-color: #ff5200;
            border-radius: 10px;
            height:18px;
            border-style:solid;
            border-width:2px;
           font-size:0.8em;
           
           
       }
       
         .viewworkinprogress   {
          
            padding:0px;
            
           
           
           
       }
       
          .viewworksearch   {
          
           border-color: rgb(169, 169, 169);
            /*border-radius: 10px;*/
            /*height:18px;*/
            border-style:solid;
            border-width:0.95px;
            
           
           
           
       }
       
       
              .colpaddtitle {
            padding-left: 0px;
          
           
       }
       
        .colpadd4 {
            padding-left: 0px;
           
       }
       
       .overlap {
           
            display:block;
          height:auto;
           width: 100%;
           padding:1px;
   
  position: relative;
           margin-bottom:10px;
          display: inline-block;
           
       }
       
      #replaced,
#replace {
     width: 100%;
   
 
  top: 0;
  left: 0;
   
       display:inline-block;
     /* padding-left:0px; */
                padding-bottom: 1px;
              
            
            overflow:hidden;
    
}
       
       #tocover, #tobecovered {
           
           
           
       }
       
#replace {
  z-index: 10;
}
       
       .clear{
           clear:both;
            display:block;
       }
          
            tr:nth-child(odd) {
    background-color: white;
           
           
}
         
       
       
     tr:first-child  { background-color: white; 
       text-transform: none; text-align: left; 
       padding-left: 0;
         white-space: normal;
       }
       
          td.sorting_1 { background-color: #e7e8e8; 
       text-transform: none; text-align: left; 
       padding-left: 0;
         white-space: normal;
       }
          
         
       
       .tablerow {
           padding-bottom: 5px;
           height:32px;
           border-bottom-color: white;
       }
           
        td.colpadd4>input {
            background-color: #ff5200; 
            color:white;
             width:90%;
            text-align: center;
            padding-left:0px;
            border-bottom-color: white;
            border-radius: 10px;
       }
          
            tr{   color:#6d6e71;  
           font-size: 12px;   }
       
          tr:nth-child(even) {
    background-color: rgba(233,83,14,0.25);
            background-color: white;
           
}
          
          .tablerowcontent:hover {
               background-color: rgba(233,83,14,0.25);
              cursor: pointer; cursor: hand;
          }
          
          
          .nav>li {
              display:inline-block;
          }
       
       
          .bespokebutton {
              padding:5px;
              vertical-align: bottom;
             /* position:relative; */
          }
          
           .bespokebutton2 {
              padding:5px 0px 5px 0px;
             
              vertical-align: bottom;
             /* position:relative; */
          }
          
            .bespokebutton3 {
              padding:0px 0px 0px 0px;
             
              vertical-align: bottom;
             /* position:relative; */
          }
          
           .pagination > li > a    { color: #ff5200;   }
           .pagination > li > a:hover    { color:#fff;cursor:default;background-color:#ff5200;border-color:#ff5200;  }
        
         .pagination>.active>a{z-index:3;color:#fff;cursor:default;background-color:#ff5200;border-color:#ff5200;}
             .pagination>.active>a:hover{z-index:3;color:#fff;cursor:default;background-color:#ff5200;border-color:#ff5200;}
          
          
   
       
       .stockname,  .bespokebutton>label   {
         margin-top:2px;
           margin-bottom:5px;
              text-transform: uppercase;
       }
       
       .bespokebutton>input, .bespokebutton>button {
         background-color: #ff5200; 
            color:white;
             border:none;
            text-align: center;
            padding-left:0px;
           font-size: 10px;
           border:none;
            margin-top:20px;
           margin-bottom:5px;
           height: 40px;
            width: 30%;
              border-radius: 10px;
           padding:10px;
           position: relative          ;
 

       }
          
           .bespokebutton2>input ,  .bespokebutton3>input {
         background-color: #ff5200; 
            color:white;
             border:none;
            text-align: center;
            padding-left:0px;
           font-size:0.9em;
           
           
           height: 20px;
          
              border-radius: 10px;
          }
          
          
             .bespokebutton2>a>input   {
         background-color: #ff5200; 
            color:white;
             border:none;
            text-align: center;
            padding-left:7px;
              padding-right:7px;
           font-size:0.9em;
           min-width:165px;
           text-align:center;
           height: 20px;
          
              border-radius: 10px;
          }
              .bespokebutton2>button,  .bespokebutton3>button {
         background-color: #ff5200; 
            color:white;
             border:none;
            text-align: center;
            padding-left:0px;
           font-size:0.9em;
           
           
           height: 20px;
           
              border-radius: 10px;
         
     
 

       }
          
          
          
          
         
       
       .bespokebutton>input[type="text"] {
        background-color: rgba(233,83,14,0.1);
            color:#6d6e71;
             width: 25%;
            text-align: center;
            padding-left:0px;
           
           
           
           
           
       }
           .bespokebutton2>input[type="text"] , .bespokebutton3>input[type="text"]{
        background-color: rgba(233,83,14,0.1);
            color:#6d6e71;
             width: 25%;
            text-align: center;
            padding-left:0px;
           
           
           
           
           
       }
          
       
       #orderscreenold {
           
           box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
           background-color: white;
           border: 0.5px solid rgba(233,83,14,0.5);
            height:100%;
            width:100%;
             border-bottom:2px solid rgba(233,83,14,1);
          
       }
          
            #orderscreen {
                    width:100%;
   
             padding:5px;  
              overflow: hidden;
             float:left; 
             display: inline-block;
             position:relative;
          
          
       }
          
          
          #orderviewscreen {
           
      
          background-image: url('assets/img/boximg.png')  ;
        
            height:180px; /* nned to code for diff screens */
            width:100%;
     /*       padding: 16.6%; */
             padding:3%;
              overflow: hidden;
             float:left; 
             display: inline-block;
             position:relative;
              background-size: 100% 100%;
           
          
       }
          
          .orderviewcontents {  
          
              float: left;
         
           padding-left: 5px;
              padding-right: 5px;
             position:relative;
              text-align: left;
          
          }
       
            #cart {
			padding: 4px;  width: 100%; float: center;
			border: none; background-color: rgba(233,83,14,0.05);
			-moz-border-radius: 0px; -webkit-border-radius: 0px;
		}
        
        #checkoutbutton { text-align: right;}
     
       #cart table {
			width: 100%; border-collapse: collapse;
			text-align: left;
		}
		#cart th {
			border-bottom: 1px solid #e7e8e8;			
		}
		#cart caption {
			font-size: 15px; height: 30px; text-align: left;
		}
		#cart .total {
			height: 40px;
		}
		#cart .remove a {
			color: red;
		} 
       
       .checkoutinput    {
           
        border: 0.5px solid rgba(233,83,14,0.5);
           border-radius: 0;
           width:100%;  /*$format2 */
           padding-left:2px;
                  
           
       }
       
        .checkqty    {
           
        border: 0.5px solid #066cb6;
           border-radius: 0;
       padding-left:10px;
                  
           
       }
          
           .checkoutdd, .checkoutcountry     {
           
        border: 0.5px solid rgba(233,83,14,0.5);
           border-radius: 0;
           width:100%;  /*$format2 */
                  
           
       }
          
          .postcode {
              
                border: 0.5px solid rgba(233,83,14,0.5);
           border-radius: 0;
              width = 30%;
              
          }
          
          .addresssearch {
           
        border: 0.5px solid rgba(233,83,14,0.5);
           border-radius: 0;
           width:100%;
           
           
           
       }
          
          .baskettable{
              
              padding-left:0px;
              
          }
       
       #tobecovered {
           height:100%;
       }
       
       #bgblank {
         width: 100%;
    height: 95px;
 /*   padding-top: 77.64%;  (img-height / img-width * container-width) */
                /* (853 / 1280 * 100) */
           
         background:none;  
       }
          
          .hiddenqinput {
              
              visibility: hidden;
              
                        
          }
          
      
       
       .alignleft {
	text-align: left;
}
.alignright {
	text-align: right;
}
     .approvaltablex  {
        
        border: solid 2px rgb(255,82,0); 
        padding:0px;
        
        
    } 
    
      .approvalrow  {
         border:0;
        border-bottom: solid 2px rgb(255,82,0); 
      padding:20px;
        
        
    } 


    
              
              .approvaltable     tr  {
    background-color:rgba(255,82,0,0.3);
            text-align: left; 
       padding-left: 0;
       height:50px;
           
}
         
       
       
  .approvaltable   tr:first-child { background-color: rgba(255,82,0,0.3);
     text-align: left; 
      text-transform: none; 
       padding-left: 0;
        white-space: normal;
       }
              
          
          
          
          
.aligncenter {
	text-align:center;
}
       
       .divbutton {
           
           background-color: #ff5200; 
            color:white;
           height:50px;
           width:100%;
           
           
       }
       
       
       
       
       
       .colpaddleftnav {
           
           padding:0;
           
       }
       
       
        .mybasket {
           
           padding:0;
            width:100%;
            height:auto;
           
       }
          
          
          .navbespoke>.nav>.basketnumber>a,  .navbespoke>.navbar-collapse>.nav>.basketnumber>a {
             
              font-weight: 200;
              font-size:  0.6em;
                 
          } 
          
          .basketnumber {
              display: inline-block;
          }
          
          .basketnumberspan {
              
              color: white;
                font-weight: 400;
              font-size: 1em;
              display:block  	;
             position: absolute;
             left: 28px;
  top: 1px;
	 
          }
          
          
             .approvalnumberspan {
              
              color: white;
                font-weight: 400;
              font-size: 1em;
              display:block  	;
             position: absolute;
             left: 34px;
             
  top: 1px;
	 
          }
          
          
          
          
       
       .service-list {
           margin-left:10px;
           margin-top:0px;
           
           
           
       }
           .DeleteButton  {
          
         
              padding:0px;
              margin-top:2px;
              margin-left:0;
           
       }
       
       
       .DeleteButton>input {
            border:solid;
           border-radius: 10px;
             width:60%; 
           border-color:rgba(233,83,14,0.75);
           background-color:rgba(233,83,14,0.75);
              padding:0px;
              margin-left:0;
                 color: white;
                font-weight: 400;
              font-size: 1em;
           
       }
       
       .enquire {
           
           padding-top:10px;
           padding-bottom:10px;
           
           
       }
       
       
          #Any_1_0 {
              
              max-width:90%; 
              margin-top:-20px;
              
              vertical-align:top;
             
              max-height: 220px;
            
              
          }
          
          #passwordpolicy-status, #validate-status {
             
              
              color:rgb(233,83,14); 
              
              
          }
          
          

             
             .responsiveorder {
                 padding-left:5px;
                 padding-right:5px;
                   font-size: 1.0em;
                 
             }
             
         .bootbox {
             margin:auto;
                width:945px;
         }    
         .bootbox>.modal-header, .bootbox>.modal-body, .bootbox>.modal-footer {
    width:945px;
    margin:auto;
     background-color:white;
    float:none; 
     opacity:0.9;
     
    
}
  .bootbox>.modal-body    {
    width:945px;
    margin:auto;
    background-color:white;
    float:none; 
     opacity:0.9;
    
}

.input-block-level {
     
       
            color:#ff5200;
             width:60%;
            text-align: left;
            padding-left:2px;
            border-color: #ff5200;
            border-style:solid;
            border-radius: 1px;
            height:30px;
 
 
     
    
}

.urllink {
    
    
     color:#ff5200;
    
} 

.strikethrough {
    
    
     background: linear-gradient(to left top, transparent 47.75%, currentColor 49.5%, currentColor 50.5%, transparent 52.25%);
}


.containergrp {
    position: relative;
    text-align: center;
    color: white;
}

/* Bottom left text */
.bottom-left {
    position: absolute;
    bottom: 8px;
    left: 16px;
}

/* Top left text */
.top-left {
    position: absolute;
    top: 8px;
    left: 16px;
}

/* Top right text */
.top-right {
    position: absolute;
    top: 8px;
    right: 16px;
}

/* Bottom right text */
.bottom-right {
    position: absolute;
    bottom: 8px;
    right: 16px;
}

/* Centered text */
.centeredgrp {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size:1.5em;
 
 
 
}


.pds-responsive { 
    
    max-height:100%;
    width:auto;
    display: block;
    
}

#linkShowAddress:hover, #linkShow:hover {
    
    cursor: hand;
    cursor: pointer;
    
}
    
           .imagegallery {   height: 40vw;
    }
    .ithumb {
        
        max-height: 25vw;
        
    }
    
    .dropzone {
  border: 2px dashed #dedede;
  border-radius: 5px;
  background: #f5f5f5;
}

.dropzone i{
  font-size: 5rem;
}

.dropzone .dz-message {
  color: rgba(0,0,0,.54);
  font-weight: 500;
  font-size: initial;
  text-transform: uppercase;
}


body {
  background: white;
}

.banner {
  background: #a770ef;
  background: -webkit-linear-gradient(to right, #a770ef, #cf8bf3, #fdb99b);
  background: linear-gradient(to right, #a770ef, #cf8bf3, #fdb99b);
  
}

.pageactive { 
    
    font-weight:bold;
    
    
}

.minheight {
    
    min-height:80vh;
}

   .btn-group-options{
top:110px;
position:fixed;
right:100px;
z-index: 1000;
/*transform: rotate(-90deg);*/
background-color: #edeefc;
padding:20px ;
 border-radius:7px;
 
color:white;
}
.popup-btn a:hover{
text-decoration: none;
color:#fff;
}
.h650 {height:650px; overflow:auto;}
.h400 {height:400px; overflow:auto;}
.h200 {height:200px; overflow:auto;}
.h60 { height:60px; overflow:auto;}
.h80 { height:80px; overflow:auto;}
.h100 { height:100px; overflow:auto;}
.h120 { height:120px; overflow:auto;}
.hide {
  display: none;
}

.info {
      display: block;
  color: darkgray;
   position: absolute;
    top: 15%;
    right: 8%;
  z-index: 10;
    
}
    
  .hide .resetinfo{
  display: block;
  color: darkgray;
   position: absolute;
    top: 12%;
    left: 8%;
  z-index: 10;
}

.w90 {width:90%;}
.w10 {width:10%;}

.text-small {font-size:0.8rem;}

          .imagegallery {   height: 40vw;
    }
    .ithumb {
        
        max-height: 25vw;
        
    }
    
    .imgcontainer {
  position: relative;
  text-align: center;
  color: white;
}
    
    .bottom-right {
  position: absolute;
  bottom: 14px;
  right: 16px;
  opacity:0.8;
} 
.top-left {
  position: absolute;
  top: 14px;
  left: 16px;
  opacity:0.8;
}
.centered {
  position: absolute;
  top: 20%;
  left: 45%;
  opacity:0.8;
}

 #customFile .custom-file-control:lang(en)::after {
  content: "Select file...";
}

#customFile .custom-file-control:lang(en)::before {
  content: "Click me";
}

/*when a value is selected, this class removes the content */
.custom-file-control.selected:lang(en)::after {
  content: "" !important;
}

.custom-file {
  overflow: hidden;
}
.custom-file-control {
  white-space: nowrap;
}

 #activityIndicator 
 {
   height: 132px;
   width: 132px;
   -webkit-background-size: 132px 132px;
   -o-background-size: 132px 132px;
   -moz-background-size: 132px 132px;
   background-size: 132px 132px;
   margin: 0px auto;
 
    position: fixed; /* or absolute */
  top: 50%;
  left: 50%;
   z-index:9999;
  /* background-color: transparent; */
}  


.datepicker-days {width:400px;}