/* ---------------------------------------------- /*
* sytle.css override
/* ---------------------------------------------- */
body{
  overflow-y: scroll;
}

body::-webkit-scrollbar { 
  display: none; 
}

#mak-navbar{
  visibility: visible;
}
/* ---------------------------------------------- /*
* Loading Screen
/* ---------------------------------------------- */
.loading-wrapper{
  position:  static;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.loading-bounce1,
.loading-bounce2 {
    background-color: #505cfd;
    border-radius: 50%;
    opacity: .5;
    height: 150px;
    width: 150px;
    -webkit-animation: bounce 2s infinite ease-in-out;
            animation: bounce 2s infinite ease-in-out;
}

.loading-bounce2 {
  position: relative;
  top: -150px;
    -webkit-animation-delay: -1s;
            animation-delay: -1s;
}

@-webkit-keyframes bounce {
    0%,
    100% {
        -webkit-transform: scale(0);
    }

    50% {
        -webkit-transform: scale(1);
    }
}

@keyframes bounce {
    0%,
    100% {
        -webkit-transform: scale(0);
                transform: scale(0);
    }

    50% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}

/* ---------------------------------------------- /*
* Massage only CSS
/* ---------------------------------------------- */

.modal-title-wrapper{
  height: 100px;
  text-align: center;
  color: #323333;
  font-family: 'Poppins', san-serif;
  position: absolute;
  top:-35px;right:0;left:0;bottom:0;
}
.modal-title{
  display: block;
}
.modal-verticle-line-column{
  padding-bottom: 20px;

}
.modal-verticle-line{
  border-left:1px solid #323333;
  height:50vh;
  display:inline-block;
}
.review-column{
  padding-right:0;
  padding-bottom: 10px;
}
.close-button-spacer{
  height:80px;
  display: inline-block;
}
.book-review-wrapper{
  font-weight: 500;
  margin: 50px 0 30px 0;
  max-height: 400px;
  overflow-y: auto;
}
.book-review-wrapper::-webkit-scrollbar {
    width: 10px;
}

/* Track */
.book-review-wrapper::-webkit-scrollbar-track {
    background: #f1f1f1; 
}
 
/* Handle */
.book-review-wrapper::-webkit-scrollbar-thumb {
    background: #888; 
}

/* Handle on hover */
.book-review-wrapper::-webkit-scrollbar-thumb:hover {
    background: #555; 
}
.book-image{
  min-width: 100px;
  -webkit-box-shadow: 0px 6px 41px -2px rgba(0,0,0,0.39);
	-moz-box-shadow: 0px 6px 41px -2px rgba(0,0,0,0.39);
	box-shadow: 0px 6px 41px -2px rgba(0,0,0,0.39);
}

.button-color{
  color: white;
}


.collapse,.collapsing{
  max-height: 81vh;
}
.accordion-button{
  padding: 0 35vw;
  margin: 0 auto;
}

.card-header{
  height: 6.333vh;
  border:  0;
  background-color: rgba(149, 111, 176, 0.5);
  text-align: center;
  padding: 0;
  -webkit-box-shadow: 0px 6px 41px -2px rgba(0,0,0,0.39);
  -moz-box-shadow: 0px 6px 41px -2px rgba(0,0,0,0.39);
  box-shadow: 0px 6px 41px -2px rgba(0,0,0,0.39);
}
.card{
  border: 0;
  font-family: Quicksand-Light;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#956fb0+0,ffffff+100 */
background: rgb(149,111,176); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(149,111,176,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(149,111,176,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(149,111,176,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#956fb0', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.card-body{
  padding: 0 20px;
  overflow-y: hidden;
  overflow-x: hidden;
  height: 81vh;
}


/*------------------------------------
--- massage specific body stuff-------
-------------------------------------*/


#category-btn-wrp{
  font-family: 'Poppins', sans-serif;
  padding: 30px 10px;
  padding-right: 0;
  height: 81vh;
}
#massage-books-list-wrapper{
  height: 74vh;
  margin: 15px 0;
  overflow-y: auto;
  font-family: 'Quicksand-Light', sans-serif;
  font-weight: 700;
  color: black;
}

          #massage-books-list-wrapper::-webkit-scrollbar {
              width: 25px;
          }

          /* Track */
          #massage-books-list-wrapper::-webkit-scrollbar-track {
            padding: 100px 0;
            background: #f1f1f1; 
          }
           
          /* Handle */
          #massage-books-list-wrapper::-webkit-scrollbar-thumb {
              background: #888; 
          }

          /* Handle on hover */
          #massage-books-list-wrapper::-webkit-scrollbar-thumb:hover {
              background: #555; 
          }
#inline-book-buttons{
  display: inline-block;
  margin: auto auto;
  text-align: center;
}
#massage-books-list{
  text-align: center;
  height: 81vh;
  padding: 15px 15px;
  margin-top: 50px;
}
#education-books{
  display: inline-block;
  margin: auto 0;
}
#history-books, #selfHelp-books, #other-books{
  display: none;
}
.massage-books-list{
  display: inline-block;
}
.book-category-btn{
  width: 20vw;
  min-width: 150px;
  position: relative;
  background-color: white;
  color: #956FB0;
  -webkit-box-shadow: 0px 6px 41px -2px rgba(0,0,0,0.39);
  -moz-box-shadow: 0px 6px 41px -2px rgba(0,0,0,0.39);
  box-shadow: 0px 6px 41px -2px rgba(0,0,0,0.39);
}
.book-category-btn:hover{
  background-color: #B28FC2;
  color: black;
}
.book-category-btn:active{
  right: -4px;
  top: -3px;
  box-shadow: none;
}
.book-category-btn:focus{
  border: 0;
  background-color: #cbb1f7;
  color: black;
  -webkit-box-shadow: 0px 6px 41px -2px rgba(0,0,0,0.39);
  -moz-box-shadow: 0px 6px 41px -2px rgba(0,0,0,0.39);
  box-shadow: 0px 6px 41px -2px rgba(0,0,0,0.39);
}
.focus{
  background-color: #cbb1f7;
  color: black;
  box-shadow: 0px 6px 41px -2px rgba(0,0,0,0.39) !important;
}
.massage-books-list a{
  font-size: 16px;
  color: #323333;
}
.massage-books-list p{
  margin: 5px 0; /*Line Spacing*/
}
.massage-books-list a:hover{
  color: white;
  text-decoration: none;
}
.massage-books-list a:focus{
  outline: none;
}
.bullet{
  font-size: 30px;
}

/* ---------------------------------------------- /*
* Carousel Stuff
/* ---------------------------------------------- */

.mark-carousel-item{
    background:#ccc;
    width:90%;
    margin:0 auto;
    text-align:center;
  }

.owl-theme{
  padding-top: 30px;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
  background: #323333;
}
.owl-theme .owl-dots .owl-dot span{
  background: white;
}






/*--depreceated stuff for massage--*/
.massage-book{
  max-height: 36vh;
  min-width: 300px;
}
.tooltip > .tooltip-inner {
    background-color: #323333; 
    color: #FFFFFF; 
}





/* ---------------------------------------------- /*
* Bootstrap Override
/* ---------------------------------------------- */
.modal-header .close{
  float: right;
}
.modal-header{
  border-bottom:0;
}
.modal-open{
  padding: 0 !important;
}

@media (min-width: 576px){
  .modal-dialog {
    max-width: 850px;
  }
}