@import url("https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,400,300,700");

.btn-group .btn-secondary:not(:disabled):not(.disabled).active {
    background-color:#e40950!important;
}

body {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 0.9em!important;
    background-color:#f6f6f6;
}

mark {
    padding: 0px!important;
    background-color: #fffc00;
}

.flag
{
    height:16px;
}

.input-group-text {
    width:40px!important;
}

#navbarSupportedContent .badge {
    border-radius:20px!important;
}

.link {
    cursor: pointer;
}

.link:hover {
    text-decoration: underline!important;
}

.pointer {
    cursor: pointer!important;
}

form .alert-control {
    display:none;
}

i.table-action {
    margin-left:5px;
    margin-right: 5px;
    cursor:pointer;
}

#sidebar{
    overflow: auto;
    height: 55rem;
    border-right: 2px solid #e9ecef;
}




#page_content {
    margin-top:10px;
}

.login-wrapper {
    max-width: 400px!important;
}

.login-wrapper .focus {
    color:#e9467d;
    font-weight:bold;
}

.login-wrapper .input-group-text {
    background-color: transparent!important;
}

.login-wrapper .checkbox label {
    font-size:0.8em;
    color:#666;
}


#userMenuDropdown i {
    font-size: 24px;
    margin-right: 10px;
}

.breadcrumb-item.return + .breadcrumb-item::before {
    content: "";
}


.blocks {
    margin: 0;
    padding: 0;
    width: 100%;
}

.blocks li {
    display: inline-block;
    width: 150px;
    height: 150px;
    padding: 10px;
    margin: 20px;
    position: relative;
    text-align: center;
    border: solid 1px #dddddd;
    transition: box-shadow 0.2s;
}

.blocks.big li {
    width: 200px !important;
    height: 200px !important;
}

.blocks li:hover {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    transition: box-shadow 0.2s;
}

.blocks li i {
    font-size: 60px;
    margin-top: 20px;
    color: #626262;
}

.blocks.big li i {
    font-size: 85px !important;
}

.blocks li a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: $primary;
}

.blocks li a span {
    position: absolute;
    bottom: 10px;
    left: 0;
    display: inline-block;
    width: 100%;
    text-align: center;
}

.dropdown-item {
    font-size: 0.8em!important;
}

#custom-modal #avatar-picture{
    display: inline-block;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    object-fit: cover;
}

#avatar-menu {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-right: 6px;
    margin-bottom: 1px;
    -webkit-font-smoothing: antialiased;
    border-radius: 50%;
    object-fit: cover;
}

#treeview {
    list-style:none!important;
    padding:0px;
    overflow-y:auto;
}

#treeview .fa{
    cursor: pointer;
}

#treeview .active > a {
    font-weight:bold;
}

#treeview ul {
    list-style:none!important;
}

#treeview span {
    cursor: pointer;
}

#treeview span:hover {
    text-decoration: underline;
}

#treeview li > ul {
    padding-left:20px!important;
}

#treeview .hitarea {
    margin-right:5px;
}

#treeview .expandable ul {
    display:none;
}

#treeview .collapsable > ul {
    display:block;
}

#treeview .collapsable > a {
    font-style:italic;
}

.border-5 {
    border-bottom-width:3px!important;
}

.gallery-books {
    display:inline-block;
    width:100%;
    height:190px;
    list-style:outside none none;
    padding:0;
    margin:0;
}

.gallery-book {
    display:inline-block;
    position:relative;
    width:150px;
    height:100%;
    margin:0 5px;
    text-align:center;
}

.gallery-book a {
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: auto;
    height: auto;
    cursor: pointer;
}

.gallery-book a .cover {
    position: relative;
    bottom: -15px;
    display: inline-block;
    height: 150px;
    vertical-align: bottom;
    box-shadow: 0 -2px 20px rgba(0, 0, 0, .25);
}

.gallery-book a .cover img {
    z-index: 1;
}

.cover-effect
{
    position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 0;

    border-top: 2px solid rgba(255,255,255,.25); border-bottom: 2px solid rgba(0,0,0,.25); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,.9)), color-stop(1%,rgba(0,0,0,.05)), color-stop(3%,rgba(0,0,0,.45)), color-stop(4%,rgba(0,0,0,.05)), color-stop(100%,rgba(0,0,0,0)));                                     /* Chrome,Safari4+ */background: -webkit-linear-gradient(left,  rgba(0,0,0,.9) 0%,rgba(0,0,0,.05) 1%,rgba(0,0,0,.45) 3%,rgba(0,0,0,.05) 4%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */background:         linear-gradient(to right,  rgba(0,0,0,.9) 0%,rgba(0,0,0,.05) 1%,rgba(0,0,0,.45) 3%,rgba(0,0,0,.05) 4%,rgba(0,0,0,0) 100%); /* W3C */

}


.gallery-book a .name {
    font-size: 10px;
    position: absolute;
    z-index: 3;
    bottom: 0;
    left: 0;
    display: inline-block;
    overflow: hidden;
    width: 100%;
    height: 16px;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-shadow: 0 0 1px rgba(0,0,0,.3);
}

.order-book-versions td img{
    max-height:100px;
    max-width:100px;
}

.shipping-detail img {
    max-height:70px;
    max-width:70px;
}

.order #books-result {
    max-height:400px;
    overflow: scroll;
}

.book-version-thumb {
    max-width: 130px;
    max-height: 150px;
}

.book-version-mini {
    max-width: 50px;
    max-height: 50px;
}

.book-thumb-big {
    max-width: 400px;
    max-height: 400px;
}

.page-button {
    margin-top:-10px;
}

.bg-disable {
    background-color:#dadada;
}

.book_file .upload-area {
    height:350px;
    border-style: dashed;
    border-color:#CCC;
    cursor:pointer;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}


.book_file .upload-area.hover {
    background: lawngreen;
}

.book_file .progress {
    height:38px
}

.upload-button {
    position:relative;
}

.fileupload {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 35px;
    margin: 0;
    cursor: pointer;
    opacity: 0;
    direction: ltr;
}

.book-file-preview {
    max-width: 250px;
    max-height: 250px;
}

.page-selector input {
    width:50px;
    font-size:10px;
    text-align:center;
    margin-left:10px;
    margin-right:5px;
}

.page-selector label {
    margin-top:2px;
}

.page-list {
    max-height:45em;
    overflow: scroll;
}

.page-list ul {
    list-style:none;
    padding:10px;
    width:100%;
    position:relative;
    display: table;
}

.page-list ul li {
    width:70px;
    height:100px;
    float:left;
    margin-top:0px!important;
    margin-bottom:30px;
    position:relative;
    cursor:pointer;
    page-break-inside:avoid;
    page-break-after:auto;
    page-break-before:auto;
}

.page-list ul li.odd {
    margin-right:10px;
}

.page-list ul li.first_page {
    margin-right:100%
}

.page-list ul li img {
    width:100%;
    height:100%;
}

.page-list ul li .folio	{
    width:100%;
    position:absolute;
    bottom:-20px;
    font-size:12px;
    text-align:center;
    left:0px;
}

.page-list .display_more
{
    display:inline-block!important;
    clear:both;
    width:100%!important;
    height:auto!important;
}

.preview-container {
    width:400px;
    position: relative;
    margin: auto;

}

.preview-container img {
    max-width:100%;
    max-height:100%;
}

.preview-container #printer-data {
    border:dashed #000 1px;
    background:#FFF;
    position:absolute;
    top:0px;
    left:0px;
    cursor:move;
}

.replace-select .dropdown {
    width:200px!important;
}

.cover-thumb img {
    width:100%;
    height:100%;
    position: absolute;
    left:0px;
    top:0px
}

.cover-thumb .crop-marks {
    position:absolute;
    border: dashed 0.5px #000;
    background-color:#FFF;
}

.cover-thumb .courtesy {
    border-color:#ffee7b;
    background-color:#000;
}

.cover-thumb .qrcode {
    position:absolute;
    cursor: pointer;
    width:32px;
    height: 32px;
    border:solid 1px #F0F;
    background-image: url("../img/qrcode.png");
    z-index: 200;
}

.cover-overlay {
    position: absolute;
    left:0px;
    top:0px;
    width: 100%;
    height: 100%;
    z-index: 100;
    background-image: url("../img/cover-overlay.png");
}

.dashboard-block {
    height:400px;
    overflow-y:scroll;
}

.delivey-detail {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.delivey-detail li {
    display:inline-block;
    margin-right: 30px;
}

.delivey-detail img {
    max-width:30px;
    max-height:50px;
}

.delivey-detail.big img {
    max-width:70px;
    max-height:100px;
}

.remove-order {
    font-size:12px;
}

.remove-order:hover {
    text-decoration: underline;
}