/* Required height of parents of the Full Page Carousel for proper displaying carousel itself */

.show-for-developer {
    
    
    display: none;
    
}

html,
body,
.view {
  height: 100%; }

/* Full Page Carousel itself*/
.carousel {
  height: 100%; }
  .carousel .carousel-inner {
    height: 100%; }
    .carousel .carousel-inner .carousel-item,
    .carousel .carousel-inner .active {
      height: 100%; }

/* Navbar animation */
.navbar {
  background-color: rgba(0, 0, 0, 0.2); }

.top-nav-collapse {
  background-color: #1C2331; }

/* Adding color to the Navbar on mobile */
@media only screen and (max-width: 768px) {
  .navbar {
    background-color: #1C2331; } }

/* Footer color for sake of consistency with Navbar */
.page-footer {
  background-color: #1C2331; }


div.sticky {
            position: fixed;
            top: 0;
            z-index: 2;
            background-color: white;
        } 
        
        .boxShadow {
            box-shadow: -2px 1px 22px -6px rgba(0,0,0,0.3);
-webkit-box-shadow: -2px 1px 22px -6px rgba(0,0,0,0.3);
-moz-box-shadow: -2px 1px 22px -6px rgba(0,0,0,0.3);
        }

        
.col-circle
{
    width: 15px; 
    height: 15px; 
    border: thin; 
    border-style: solid; 
    border-color: grey; 
    border-radius: 10px; 
    display: inline-block; 
    cursor: pointer; 
}



.rupSym {
            top: -0.75em;
            font-size: 15px;
            position: relative;
            color: #0F1111;
            line-height: normal;
            font-weight: 400!important;
            font-style: normal!important;
            text-transform: none!important;
        }
        
        .sp {
            font-size: 30px;
            color: #0f1111;
            line-height: normal;
            font-weight: 400!important;
            font-style: normal!important;
            text-transform: none!important;
            cursor: pointer;
        }
        
        .mrp {
            color: white!important;
            font-size: 14px!important;
            font-style: normal!important;
            text-transform: none!important;
            cursor: pointer;
        }
        
        .mrp-box {
            background-color: #DC143C;
            border-radius: 3px;
            line-height: 15px;
            padding: 3px;
            margin-top: 3px
        }
        
        .mrp_p {
            font-size: 13px;
            color: white;
            font-style: normal!important;
            text-transform: none!important;
            cursor: pointer;
            text-decoration: line-through;
        }

.bookName {
            font-size: 20px!important;
            line-height: 36px!important;
            color: #0F1111!important;
            font-weight: 400!important;
            font-style: normal!important;
            text-transform: none!important;
        }
        
        
        
        .sign_cart{
            font-size: 1.1vw;
        }
        
        @media (max-width: 479px)
        {
            .sign_cart
            {
            font-size: 4vw;
            }
        }
        
        .pillbutton {
  
  border: 1px solid gray;
  
  padding: 5px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  border-radius: 16px;
  background-color: white;
}


.s2text{
            font-size: 13px;
        }