.secondary-color {
  background-color: #E65019 !important; }

.secondary-color-dark {
  background-color: #d64611 !important; }

.primary-color {
  background-color: #642382 !important; }

.primary-color-dark {
  background-color: #59287e !important; }

.shades.black {
  background-color: #000000 !important; }

.shades-text.text-black {
  color: #000000 !important; }

.shades.white {
  background-color: #FFFFFF !important; }

.shades-text.text-white {
  color: #FFFFFF !important; }

.shades.transparent {
  background-color: transparent !important; }

.shades-text.text-transparent {
  color: transparent !important; }

.black {
  background-color: #000000 !important; }

.black-text {
  color: #000000 !important; }

.white {
  background-color: #FFFFFF !important; }

.white-text {
  color: #FFFFFF !important; }

.transparent {
  background-color: transparent !important; }

.transparent-text {
  color: transparent !important; }

.danger-color {
  background-color: #ff4444 !important; }

.danger-color-dark {
  background-color: #CC0000 !important; }

.warning-color {
  background-color: #ffbb33 !important; }

.warning-color-dark {
  background-color: #FF8800 !important; }

.success-color {
  background-color: #00C851 !important; }

.success-color-dark {
  background-color: #007E33 !important; }

.info-color {
  background-color: #33b5e5 !important; }

.info-color-dark {
  background-color: #0099CC !important; }

.default-color {
  background-color: #2BBBAD !important; }

.default-color-dark {
  background-color: #00695c !important; }

.elegant-color {
  background-color: #2E2E2E !important; }

.elegant-color-dark {
  background-color: #212121 !important; }

.stylish-color {
  background-color: #4B515D !important; }

.stylish-color-dark {
  background-color: #3E4551 !important; }

.special-color {
  background-color: #37474F !important; }

.special-color-dark {
  background-color: #263238 !important; }

.unique-color {
  background-color: #3F729B !important; }

.unique-color-dark {
  background-color: #1C2331 !important; }

.md-color {
  background-color: #45526E !important; }

/*** Images ***/
/*** Fonts ***/
/*** Typography ***/
/*** Cards ***/
/*** Global ***/
/*** Forms ***/
/*** Buttons ***/
/*** Dropdown ***/
/*** Tabs ***/
/* Sticky footer styles
-------------------------------------------------- */
html,
body {
  min-height: 100%;
  background: rgba(100, 35, 130, 0.05);
  color: #464646;
  /* The html and body elements cannot have any padding or margin. */ }

/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto;
  /* Negative indent footer by its height */
  margin: 0 auto -40px;
  /* Pad bottom by footer height */
  padding: 0 0 40px; }

.pull-right {
  float: right; }

.pull-left {
  float: left; }

.z-depth-0 {
  box-shadow: none !important; }

.z-depth-1, .jumbotron,
.card,
.list-group,
.popover,
.navbar,
.dropdown-menu,
.pagination {
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.1), 1px 1px 5px 0px rgba(0, 0, 0, 0.1); }

.z-depth-1-half, .media img {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }

.z-depth-2 {
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }

.z-depth-3 {
  box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19); }

.z-depth-4 {
  box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21); }

.z-depth-5 {
  box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22); }

.hoverable {
  transition: box-shadow .55s;
  box-shadow: 0; }

.hoverable:hover {
  transition: box-shadow .45s;
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }

a {
  color: #9233be;
  text-decoration: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent; }
  a:hover, a:focus {
    text-decoration: none;
    color: #E65019; }

ul {
  padding: 0;
  list-style-type: none; }
  ul li {
    list-style-type: none; }

.jumbotron,
.card,
.label,
.alert,
.nav .nav-link,
.navbar-toggler,
.navbar,
.breadcrumb,
.page-item:last-child .page-link,
.page-item:first-child .page-link,
.pagination-lg .page-item:last-child .page-link,
.pagination-lg .page-item:first-child .page-link,
.pagination-sm .page-item:first-child .page-link,
.pagination-sm .page-item:last-child .page-link,
.list-group .list-group-item,
.modal-content,
.tooltip-inner,
.popover,
.dropdown-menu,
.input-group-addon,
.file-custom,
.card .card-header {
  border-radius: 0; }

.popover,
.input-group-addon,
.dropdown-menu {
  border: 0; }

.modal-footer .btn + .btn {
  margin-bottom: 6px; }

body.modal-open {
  overflow: inherit;
  padding-right: 0 !important; }

body {
  overflow: auto !important; }

.card-columns .card {
  margin: 7px 0; }

.parallax {
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  position: relative;
  padding-top: 3em;
  padding-bottom: 3em; }

.popover-title {
  background: #732896;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold; }

.filter-search-form {
  margin: 0px;
  padding: 0;
  display: inline-block;
  vertical-align: middle; }
  .filter-search-form .input {
    padding-right: 25px;
    padding-right: 26px \9;
    padding-left: 5px;
    padding-left: 4px \9;
    /* IE7-8 doesn't have border-radius, so don't indent the padding */
    margin: 0 0 0 2px;
    border-radius: 2px;
    -webkit-transition: width  0.2s ease-in-out;
    -moz-transition: width  0.2s ease-in-out;
    -o-transition: width  0.2s ease-in-out;
    transition: width  0.2s ease-in-out;
    width: 100px;
    height: 1.6rem;
    vertical-align: top;
    border: 1px solid white;
    background: #fff;
    float: left; }
    @media (max-width: 568px) {
      .filter-search-form .input {
        width: 255px; } }
  .filter-search-form button {
    border: 0;
    background: none;
    /** belows styles are working good */
    padding: 4px 0px 0;
    position: relative;
    /* IE7-8 doesn't have border-radius, so don't indent the padding */
    margin-bottom: 0;
    border-radius: 2px;
    margin-left: -26px; }
    .filter-search-form button .material-icons {
      font-size: 1.2rem;
      color: #c790e1; }
  .filter-search-form .input:focus + button {
    z-index: 3;
    color: #642382; }
  .filter-search-form .input:focus {
    width: 250px;
    box-shadow: none !important;
    border: 1px solid white !important; }

.nav-pills.horizontal-spy .nav-item .active {
  border-bottom: 2px solid #E65019;
  border-left: none; }
.nav-pills.horizontal-spy .nav-item:hover {
  background-color: transparent;
  color: #E65019;
  font-weight: 500;
  border-left: none; }

.nav-pills .nav-item.open .nav-link,
.nav-pills .nav-item.open .nav-link:focus,
.nav-pills .nav-item.open .nav-link:hover,
.nav-pills .nav-link.active,
.nav-pills .nav-link.active:focus,
.nav-pills .nav-link.active:hover {
  background-color: transparent;
  color: #000; }

.disabled {
  cursor: not-allowed !important; }

.video-fluid {
  height: auto;
  width: 100%; }

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.display-inline-block {
  display: inline-block; }

.filter-dropdown .dropdown-menu {
  padding: 12px; }

.c-input > input:checked ~ .c-indicator {
  background-color: #E65019; }

.c-select {
  border-color: #bd7cdc; }
  .c-select + .c-select {
    margin-left: 5px; }

.modal {
  height: 100%; }
  .modal .modal-header {
    padding: 10px 15px;
    border-bottom: 2px solid #b368d6; }
    .modal .modal-header .modal-title {
      font-weight: bold;
      font-size: 1.2rem; }
  .modal .close {
    margin: -20px -24px 0 0;
    background-color: #fff;
    opacity: 1;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    color: #642382;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); }
  .modal .modal-dialog {
    top: 50% !important;
    margin-top: 0;
    margin-bottom: 0; }
  .modal.fade .modal-dialog {
    -webkit-transform: scale3d(0.3, 0.3, 0.3) translateY(-100%) !important;
    transform: scale3d(0.3, 0.3, 0.3) translateY(-100%) !important;
    opacity: 0;
    visibility: hidden;
    transition-property: all;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }
  .modal.in .modal-dialog {
    transform: scale3d(1, 1, 1) translateY(-50%) !important;
    opacity: 1;
    visibility: visible; }
  .modal .modal-content {
    border-radius: 4px;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2); }

.breadcrumb {
  border-bottom: 1px solid white;
  padding: 5px 0;
  margin: 0 0 10px 0;
  font-size: 13px; }

.empty-section-msg {
  width: 80%;
  min-height: 450px;
  position: absolute; }
  .empty-section-msg h1 {
    font-size: 2rem;
    position: absolute;
    width: 400px;
    text-align: center;
    height: 200px;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto; }
    .empty-section-msg h1 span {
      font-size: 80px;
      font-weight: bold;
      display: block;
      clear: both; }
    @media (max-width: 560px) {
      .empty-section-msg h1 {
        width: 100%; } }

.viewInsideLink {
  position: absolute;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  display: block;
  width: 100%;
  text-align: center;
  font-size: 12px;
  color: #FFFFFF;
  padding: 3px; }
  .viewInsideLink:hover {
    background: rgba(230, 80, 25, 0.7);
    color: #FFFFFF; }

.ui-widget.ui-widget-content.ui-autocomplete {
  font-family: "Roboto", sans-serif;
  font-size: 13px;
  border: 0px;
  box-shadow: 0px 7px 10px rgba(100, 35, 130, 0.4);
  border-radius: 0px;
  padding: 0 15px 15px; }
  .ui-widget.ui-widget-content.ui-autocomplete .ui-autocomplete-category {
    padding: 7px;
    font-weight: bold;
    border-bottom: 1px solid rgba(100, 35, 130, 0.5); }
  .ui-widget.ui-widget-content.ui-autocomplete .ui-menu-item {
    padding: 5px 7px;
    border-bottom: 1px dotted rgba(100, 35, 130, 0.1); }
    .ui-widget.ui-widget-content.ui-autocomplete .ui-menu-item:hover {
      outline: none;
      background: #E65019; }
    .ui-widget.ui-widget-content.ui-autocomplete .ui-menu-item .ui-menu-item-wrapper.ui-state-active {
      outline: none;
      background: transparent;
      border: 0; }

.login-register .nav-tabs {
  border-bottom: 1px solid #eee;
  position: relative; }
  .login-register .nav-tabs .nav-link {
    border: 0;
    padding: 0.7rem 1.2rem;
    font-size: 0.85rem;
    font-weight: bold;
    text-transform: uppercase;
    color: #ee855e; }
    .login-register .nav-tabs .nav-link:hover {
      color: #642382; }
    .login-register .nav-tabs .nav-link.active {
      border-bottom: 2px solid #642382;
      color: #E65019; }
.login-register input {
  height: 1.2rem !important;
  padding-left: 7px;
  padding-right: -7px; }
.login-register .tab-pane {
  padding-top: 15px; }
  .login-register .tab-pane .md-form {
    margin: 0 1.5rem 1.5rem; }
    .login-register .tab-pane .md-form img {
      margin: 0px 0 -20px 80px; }
  .login-register .tab-pane .view-forgot-password {
    padding-top: 10px;
    display: inline-block;
    float: right; }
.login-register .forgot-password-form {
  display: none; }

.modal-stack-view-details {
  font-size: 13px; }
  .modal-stack-view-details .thumb-wrapper {
    float: left;
    margin: 0 1rem 0 0;
    position: relative; }
    @media (max-width: 568px) {
      .modal-stack-view-details .thumb-wrapper {
        display: none; } }
  .modal-stack-view-details .info-wrapper {
    width: 65%;
    margin-left: 35%; }
    @media (max-width: 568px) {
      .modal-stack-view-details .info-wrapper {
        width: 100%;
        margin: 0; } }
  .modal-stack-view-details .info img {
    float: left;
    margin: 0 25px 0 0; }
  .modal-stack-view-details .info .author-name {
    font-size: 12px; }
  .modal-stack-view-details .info .sub-title, .modal-stack-view-details .info .author-name, .modal-stack-view-details .info .format {
    display: block;
    padding: 3px 0; }
  .modal-stack-view-details hr {
    margin: 0.5rem 0; }
  .modal-stack-view-details .action-items a {
    color: #E65019;
    padding: 0 3px 0 3px;
    border-right: 1px solid #e6ccf1; }
    .modal-stack-view-details .action-items a:hover, .modal-stack-view-details .action-items a.active {
      color: #642382; }
    .modal-stack-view-details .action-items a.icon-link {
      padding: 2px 5px 0;
      margin: 0  2px;
      display: inline-block;
      color: #642382;
      border-right: 0; }
      .modal-stack-view-details .action-items a.icon-link:hover, .modal-stack-view-details .action-items a.icon-link.active {
        background: rgba(220, 184, 236, 0.3);
        border-radius: 2px;
        color: #E65019; }
      .modal-stack-view-details .action-items a.icon-link .viewDetails {
        vertical-align: top;
        display: inline-block;
        line-height: 25px; }
  .modal-stack-view-details .action-items .dropup {
    display: inline-block; }
    .modal-stack-view-details .action-items .dropup .share-dropdown {
      width: 185px;
      left: -85px;
      padding: 7px;
      box-shadow: 2px 2px 35px rgba(0, 0, 0, 0.5);
      border: 1px solid #d2a4e7; }
      .modal-stack-view-details .action-items .dropup .share-dropdown h3 {
        font-size: 14px;
        font-weight: bold;
        margin-bottom: 10px; }
      .modal-stack-view-details .action-items .dropup .share-dropdown .md-form {
        margin-bottom: 0px; }
        .modal-stack-view-details .action-items .dropup .share-dropdown .md-form label {
          font-size: 12px; }
        .modal-stack-view-details .action-items .dropup .share-dropdown .md-form .form-control {
          font-size: 12px;
          background: white;
          height: 20px; }
        .modal-stack-view-details .action-items .dropup .share-dropdown .md-form textarea.md-textarea {
          min-height: 1rem;
          background: white;
          padding: 5px 0;
          font-size: 12px; }

.error {
  color: red;
  font-size: 12px; }

.pincodeError {
  display: none; }

.load-more-books {
  width: 200px;
  margin: -20px auto 15px; }

.new-ribbon {
  position: absolute;
  left: -5px;
  top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px;
  height: 75px;
  text-align: right; }
  .new-ribbon span {
    font-size: 10px;
    font-weight: bold;
    color: #FFF;
    text-transform: uppercase;
    text-align: center;
    line-height: 20px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    width: 70px;
    display: block;
    background: #E65019;
    background: linear-gradient(#E65019 0%, #a13812 100%);
    box-shadow: 0 3px 10px -5px black;
    position: absolute;
    top: 7px;
    left: -17px; }
    .new-ribbon span::before {
      content: "";
      position: absolute;
      left: 0px;
      top: 100%;
      z-index: -1;
      border-left: 3px solid #a13812;
      border-right: 3px solid transparent;
      border-bottom: 3px solid transparent;
      border-top: 3px solid #8a300f; }
    .new-ribbon span::after {
      content: "";
      position: absolute;
      right: 0px;
      top: 100%;
      z-index: -1;
      border-left: 3px solid transparent;
      border-right: 3px solid #a13812;
      border-bottom: 3px solid transparent;
      border-top: 3px solid #8a300f; }

.remove-scroll {
  overflow: hidden !important; }

.order-confirmation-page .content-wrapper {
  background: #fff;
  padding: 15px;
  font-size: 0.9rem;
  margin: 15px 0 0;
  min-height: 550px; }
  .order-confirmation-page .content-wrapper h2 {
    font-size: 1.3rem;
    font-weight: 600;
    margin-bottom: 1.5rem; }
  .order-confirmation-page .content-wrapper h3 {
    font-size: 1rem;
    font-weight: 600; }
  .order-confirmation-page .content-wrapper hr {
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    margin: 2rem 0;
    clear: both; }
  .order-confirmation-page .content-wrapper .subscribe-newsletter {
    width: 40%;
    padding: 15px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1); }
    @media (max-width: 768px) {
      .order-confirmation-page .content-wrapper .subscribe-newsletter {
        width: 100%; } }
  .order-confirmation-page .content-wrapper .forgot-password-form {
    display: none; }
  .order-confirmation-page .content-wrapper .login-register-wrapper, .order-confirmation-page .content-wrapper .forgot-password-wrapper, .order-confirmation-page .content-wrapper .library-card-login-wrapper, .order-confirmation-page .content-wrapper .download-btn-wrapper, .order-confirmation-page .content-wrapper .pincode-wrapper {
    width: 100%;
    padding: 15px;
    margin: 0 auto; }
    @media (max-width: 768px) {
      .order-confirmation-page .content-wrapper .login-register-wrapper, .order-confirmation-page .content-wrapper .forgot-password-wrapper, .order-confirmation-page .content-wrapper .library-card-login-wrapper, .order-confirmation-page .content-wrapper .download-btn-wrapper, .order-confirmation-page .content-wrapper .pincode-wrapper {
        width: 100%; } }
    .order-confirmation-page .content-wrapper .login-register-wrapper .nav-link.active, .order-confirmation-page .content-wrapper .forgot-password-wrapper .nav-link.active, .order-confirmation-page .content-wrapper .library-card-login-wrapper .nav-link.active, .order-confirmation-page .content-wrapper .download-btn-wrapper .nav-link.active, .order-confirmation-page .content-wrapper .pincode-wrapper .nav-link.active {
      font-weight: bold;
      color: #E65019; }
    .order-confirmation-page .content-wrapper .login-register-wrapper .view-forgot-password, .order-confirmation-page .content-wrapper .forgot-password-wrapper .view-forgot-password, .order-confirmation-page .content-wrapper .library-card-login-wrapper .view-forgot-password, .order-confirmation-page .content-wrapper .download-btn-wrapper .view-forgot-password, .order-confirmation-page .content-wrapper .pincode-wrapper .view-forgot-password {
      padding-top: 10px;
      display: inline-block;
      float: right; }
  .order-confirmation-page .content-wrapper .download-btn-wrapper {
    width: 40%;
    padding: 15px;
    margin: 0 auto;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
    background: #fadcd1;
    text-align: center; }
    .order-confirmation-page .content-wrapper .download-btn-wrapper:hover {
      background: #eb7347; }
    @media (max-width: 768px) {
      .order-confirmation-page .content-wrapper .download-btn-wrapper {
        width: 100%; } }
    .order-confirmation-page .content-wrapper .download-btn-wrapper .download-btn {
      position: relative; }
      .order-confirmation-page .content-wrapper .download-btn-wrapper .download-btn .fa-download {
        position: absolute;
        right: 4px;
        top: -17px;
        color: deepskyblue;
        font-size: 18px; }
      .order-confirmation-page .content-wrapper .download-btn-wrapper .download-btn:hover .fa-download {
        color: #b84014; }
  .order-confirmation-page .content-wrapper .card {
    box-shadow: none; }
    .order-confirmation-page .content-wrapper .card .card-header {
      background: #fadcd1;
      padding: 5px 15px 0px; }
      .order-confirmation-page .content-wrapper .card .card-header h5 {
        margin: 0 0 8px 0; }
        .order-confirmation-page .content-wrapper .card .card-header h5 a {
          font-size: 0.9rem;
          color: #642382;
          font-weight: bold; }
          .order-confirmation-page .content-wrapper .card .card-header h5 a:hover {
            color: #E65019; }
    .order-confirmation-page .content-wrapper .card .card {
      box-shadow: none; }
      .order-confirmation-page .content-wrapper .card .card .card-header {
        background: #fbe3da;
        padding: 5px 15px 0px; }
        .order-confirmation-page .content-wrapper .card .card .card-header h5 {
          margin: 0 0 8px 0; }
          .order-confirmation-page .content-wrapper .card .card .card-header h5 a {
            font-size: 0.9rem;
            color: #E65019;
            font-weight: bold; }
            .order-confirmation-page .content-wrapper .card .card .card-header h5 a:hover {
              color: #642382; }

/*# sourceMappingURL=order-confirmation.css.map */
