.bookshelf {
            width: 100%;
            height: 100%;
            margin: 0 auto;
            border: 10px #A87328 solid;
            overflow: hidden;
            background-image: -webkit-linear-gradient(#241909, #2c1e0b 220px, #b87e2c 220px, #b87e2c 222px, #A87328 222px, #A87328 228px, #986824 228px, #986824 230px);
            background-image: linear-gradient(#241909, #2c1e0b 220px, #b87e2c 220px, #b87e2c 222px, #A87328 222px, #A87328 228px, #986824 228px, #986824 230px);
            background-size: 10px 230px;
            box-shadow: 0px 1000px 0px 400px #7A7668;
        }
        .book {
            height: 200px;
            width: 105px;
            float: left;
            color: white;
            font-size: 0.75em;
            font-family: Verdana, sans-serif;
            margin-bottom: 10px;
            margin-top: 20px;
            -webkit-transition: -webkit-transform 0.4s ease;
            transition: -webkit-transform 0.4s ease;
            transition: transform 0.4s ease;
            transition: transform 0.4s ease, -webkit-transform 0.4s ease;
        }

        .book-tilted {
            float: left;
            width: 74px;
        }

            .book-tilted > .book {
                -webkit-transform: translateY(-3px) translateX(15px) rotate(9deg);
                transform: translateY(-3px) translateX(15px) rotate(9deg);
            }

        .book:hover {
            -webkit-transform: scale(1.05);
            transform: scale(1.05);
        }

        .book-green {
            background-color: darkgreen;
            border-left: 2px solid #007800;
            border-right: 2px solid #005000;
        }

        .book-blue {
            background-color: #0C347D;
            border-left: 2px solid #0e3c90;
            border-right: 2px solid #0a2c6a;
        }

        .book-umber {
            background-color: #54290C;
            border-left: 2px solid #66320f;
            border-right: 2px solid #422009;
        }

        .book-springer {
            background-color: #EDED80;
            border-left: 2px solid #f0f092;
            border-right: 2px solid #eaea6e;
            color: black;
        }

        .book-red {
            background-color: darkred;
            border-left: 2px solid #890404;
            border-right: 2px solid #650000;
        }

        .book-black {
            background-color: #524e4e;
            border-left: 2px solid #413f3f;
            border-right: 2px solid #494747;
        }

        .book h2 {
            padding: 0;
            font-size: 1.7em;
            margin-top: 8px;
            margin-bottom: 10px;
        }

        .book h3 {
            padding: 0;
            font-size: 1.2em;
        }


        body.tour-open .animated {
          animation-fill-mode: initial;
        }

        .animated.modal.fade .modal-dialog {
          -webkit-transform: none;
          -ms-transform: none;
          -o-transform: none;
          transform: none;
        }


        .fullscreen-ibox-mode .animated {
          animation: none;
        }

        body.modal-open .animated {
          animation-fill-mode: initial;
          z-index: inherit;
        }

        .fullscreen-video .animated {
          animation: none;
        }

        .file-box {
          float: left;
          width: 220px;
        }

        body.rtls .file-box {
          float: right;
        }

       .file {
          border: 1px solid #e7eaec;
          padding: 0;
          background-color: #ffffff;
          position: relative;
          margin-bottom: 20px;
          margin-right: 20px;
        }


        .file-control {
          color: inherit;
          font-size: 11px;
          margin-right: 10px;
        }
        .file-control.active {
          text-decoration: underline;
        }
        .file .icon i {
          font-size: 70px;
          color: #dadada;
        }
        .file .file-name {
          padding: 10px;
          background-color: #f8f8f8;
          border-top: 1px solid #e7eaec;
        }
        .file-name small {
          color: #676a6c;
        }

        .md-skin .file {
          border: none;
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
        }

        .corner {
          position: absolute;
          display: inline-block;
          width: 0;
          height: 0;
          line-height: 0;
          border: 0.6em solid transparent;
          border-right: 0.6em solid #f1f1f1;
          border-bottom: 0.6em solid #f1f1f1;
          right: 0em;
          bottom: 0em;
        }
        .file .icon,
        .file .image {
          height: 100px;
          overflow: hidden;
        }

        .img-responsive,
        .thumbnail > img,
        .thumbnail a > img,
        .carousel-inner > .item > img,
        .carousel-inner > .item > a > img {
          display: block;
          max-width: 100%;
          height: auto;
        }

        /* MODAL */
        .modal-content {
          background-clip: padding-box;
          background-color: #FFFFFF;
          border: 1px solid rgba(0, 0, 0, 0);
          border-radius: 4px;
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
          outline: 0 none;
          position: relative;
        }
        .modal-dialog {
          z-index: 2200;
        }
        .modal-body {
          padding: 20px 30px 30px 30px;
        }
        .inmodal .modal-body {
          background: #f8fafb;
        }
        .inmodal .modal-header {
          padding: 30px 15px;
          text-align: center;
        }
        .animated.modal.fade .modal-dialog {
          -webkit-transform: none;
          -ms-transform: none;
          -o-transform: none;
          transform: none;
        }
        .inmodal .modal-title {
          font-size: 26px;
        }
        .inmodal .modal-icon {
          font-size: 84px;
          color: #e2e3e3;
        }
        .modal-footer {
          margin-top: 0;
        }
        .modal-backdrop {
          z-index: 2040 !important;
        }
        .modal {
          z-index: 2050 !important;
        }

        body.modal-open {
          padding-right: inherit !important;
        }
        body.modal-open .animated {
          animation-fill-mode: initial;
          z-index: inherit;
        }
        a.close-canvas-menu {
          position: absolute;
          top: 10px;
          right: 15px;
          z-index: 1011;
          color: #a7b1c2;
        }
        a.close-canvas-menu:hover {
          color: #fff;
        }
        .close-canvas-menu {
          display: none;
        }
        .canvas-menu .close-canvas-menu {
          display: block;
        }
        body.rtls .toast-close-button {
          float: left;
        }
        .md-skin a.close-canvas-menu {
          color: #ffffff;
        }