.header:before, .header:after, .clearfix:before, .clearfix:after, .form-group:before, .form-group:after, .tab-pane:before, .tab-pane:after, .login-links:before, .login-links:after, .main-search form:before, .main-search form ul:after, .form-group:before, .form-group:after, .buttons-bar:before, .buttons-bar:after, .shopping-list-price:before, .shopping-list-price:after, .pagination-container:before, .pagination-container:after, .tabs-buttons-bar:before, .tabs-buttons-bar:after, .page-404:before, .page-404:after, .ul.total-prices li:before, ul.total-prices li:after,  .search-result-list:before, .search-result-list:after,  .book-details:before, .gl-details:before, .journal-details:before, .article-details:before, .chapter-details:before,  .book-details:after, .gl-details:after, .journal-details:after, .article-details:after, .chapter-details:after,  .table-with-actions:before, .table-with-actions:after, .tab-pane-footer:before, .tab-pane-footer:after, .author-quicksearch ul li:before, .author-quicksearch ul li:after, .btns-container:before, .btns-container:after, .contact-us-site:before, .contact-us-site:after, .message-with-icon:before, .message-with-icon:after {content:""; display:table}
.header:after, .clearfix:after, .form-group:after, .tab-pane:after, .login-links:after, .main-search form:after,  .form-group:after, .buttons-bar:after, .shopping-list-price:after, .pagination-container:after, .tabs-buttons-bar:after, .page-404:after, ul.total-prices li:after, .search-result-list:after, .book-details:after, .gl-details:after, .journal-details:after, .article-details:after, .chapter-details:after, .table-with-actions:after, .tab-pane-footer:after, .author-quicksearch ul li:after, .btns-container:after, .contact-us-site:after, .message-with-icon:after {clear:both}
.header, .clearfix, .form-group, .tab-pane, .login-links, .main-search form, .form-group, .buttons-bar, .shopping-list-price, .pagination-container, .tabs-buttons-bar, .page-404, ul.total-prices li, .search-result-list, .book-details, .gl-details, .journal-details, .article-details, .chapter-details, .table-with-actions, .tab-pane-footer, .author-quicksearch ul li, .btns-container, .contact-us-site, .message-with-icon {zoom:1}
.header-container:before, .header-container:after, .search-container:before, .search-container:after, .footer-container:before, .footer-container:after, .copyright-container:before, .copyright-container:after, .navigation-container:before, .navigation-container:after, .home-menu:before, .home-menu:after, ul.page-sidebar-menu > li > a:before, ul.page-sidebar-menu > li > a:after, .report-filter:before, .report-filter:after, .table-filter:before, .table-filter:after, .action-container h5:before, .action-container h5:after, .trial-account:before, .trial-account:after, .downloads-days:before, .downloads-days:after, .report-info:before, .report-info:after, .album-img:before, .album-img:after, .album-page-heading:before, .album-page-heading:after, .artists-container:before, .artists-container:after, .publisher-details:before, .publisher-details:after, .browse-by-pub-letters:before, .browse-by-pub-letters:after, .browse-by-pub-filter:before, .browse-by-pub-filter:after, .publisher-countries:before, .publisher-countries:after  {content:""; display:table}
.header-container:after, .search-container:after, .footer-container:after, .copyright-container:after, .navigation-container:after, .home-menu:after, ul.page-sidebar-menu > li > a:after, .report-filter:after, .table-filter:after, .action-container h5:after, .trial-account:after, .downloads-days:after, .report-info:after, .album-img:after, .album-page-heading:after, .artists-container:after, .publisher-details:after, .browse-by-pub-letters:after, .browse-by-pub-filter:after, .publisher-countries:after      {clear:both}
.header-container, .search-container, .footer-container, .copyright-container, .navigation-container, .home-menu, ul.page-sidebar-menu > li > a, .report-filter, .table-filter, .action-container h5, .trial-account, .downloads-days, .report-info, .album-img, .album-page-heading, .artists-container, .publisher-details, .browse-by-pub-letters, .browse-by-pub-filter, .publisher-countries {zoom:1}

 .t-nav li a, .btn-icon, .metadata-subject-selected ul li:hover, .browse-by-subjects ul a:hover, .browse-by-publishers ul > li > a:hover, .subjects-footer ul a:hover, .album-tabs li:hover, .artists li:hover, .related-content a:hover, .browse-by-pub-filter li:hover a, .btn-add-issue:hover, .btn-add-issue:hover .fa   {-webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -ms-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in}
 a.btn-advance-search,.btn.btn-search-icon,.secondary-menu h2 .btn-icon {-webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none}

.login-links {list-style:none; list-style-image:none;list-style-type: none}
.secondary-menu, .browse-by-subjects ul, .profile-of-interest ul, .browse-by-publishers ul, .subjects-footer ul, ul.total-prices, .action-container  ul, .author-quicksearch ul, .selected-contributors ul, .album-img, .album-tabs, .artists, .browse-by-pub-filter, .browse-by-pub-letters, .publisher-countries   {list-style:none; list-style-image:none;list-style-type: none; margin: 0; padding: 0}
.secondary-menu li a:hover, .secondary-menu li a:focus, .login-links li a:hover i, .login-links li a:focus i {text-decoration: none}

body {color: #000; font-size:12px;direction: ltr;padding: 0;font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;overflow-x: hidden}
html, body {height: 100%}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family: inherit}
div, input, select, textarea, span, img, table, td, th, p, a, button, ul,code,pre, li, .btn {-webkit-border-radius: 0 !important;-moz-border-radius: 0 !important ;border-radius: 0  !important}
.btn {color:#fff; background-color: #F3794E;border: none;border-width: 0;padding: 7px 14px; font-size: 13px; outline: none}
.btn:hover, .btn:focus {background-color: #dd6d45; color:#fff}
.btn:visited {color: #fff}
a:focus {outline: none}
.btn-help, .btn.btn-help:focus {background-color: #F4C81A}
.btn-showmore {background-color: #fff;border: 1px solid #ccc;color: #333;margin: 10px auto 0 auto;display: block;font-size: 11px; padding: 3px 9px 3px 9px}
.btn-showmore:hover {background-color: #FEE5DB;color: #333}
.btn-fullwidth {width: 100%;margin-bottom: 10px}
.btn-addFiles {min-width: 140px}
img[alt] {font-size: 10px;color: #ccc}

section, article {position: relative}
header {background-color: #F0F0F0; width: 100%}
nav {background-color: #555555;width: 100%;z-index: 3}
nav div[class*="col-"] {min-height: 0}
.form-control {height: 24px;padding: 1px 5px; font-size: 13px}
div.form-control, div.form-control.disabled { white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.login-links {float: right;padding:0;margin: 0}
.login-links li {display: block;float: left;border-right: 1px solid #ccc}
.login-links li:first-child  {border-left: 1px solid #ccc}
.login-links li:first-child a {min-width: 100px}
.user-nav li:first-child a {border-left: none}
.login-links li a {color: #444444;display: block; padding: 13px 26px 8px 26px;position: relative;text-align: center;min-height: 69px}
.login-links li a i {color: #b0aeae;display: block; font-size: 30px}
.login-links li a strong {display: block;font-weight: normal;font-size: 12px; text-transform: uppercase}
.login-links li a span.badge {display: block;position: absolute;top: 7px;left: 45%; border-radius: 50%  !important;background-color: #00cc66;color: #fff;font-size: 10px;padding: 2px 4px;min-height: 14px;min-width: 14px}
.login-links li a:hover, .login-links li a:active, .login-links li a:focus  {text-decoration: none;color: #ffffff; background-color:#d6d4d4}
.login-links li a:hover i, .login-links li a:active i {color:#f3794e}
.login-links li a.logged-user {padding-bottom: 6px}
.login-links li a.logged-user strong {font-size: 10px;font-weight: bold;min-height: 10px;max-width: 200px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.login-links li a.logged-user span {display: block;font-size: 9px;line-height: .6em}
.login-links li a.logged-user[href=""] {cursor: default}
.login-links li a.logged-user[href=""]:hover, .login-links li a.logged-user[href=""]:active, .login-links li a.logged-user[href=""]:focus  {color: #444444; background-color: transparent}
.login-links li a.logged-user[href=""]:hover i, .login-links li a.logged-user[href=""]:active i, .login-links li a.logged-user[href=""]:focus i {color: #b0aeae;}
.logo {display: block; float: left}
.logo:hover, .logo:focus {text-decoration: none}
.logo img {max-height: 50px;vertical-align: bottom;display: inline-block; margin: 10px 0 8px 0}
.btn-search-icon {font-size: 20px;line-height: 0.9em}
.btn.btn-search-icon .fa {margin-right: 0}
.btn.btn-search-icon {background-color: #c41010;height: 34px;width: 34px;padding-left: 0;padding-right: 0;float: left;margin-left: 4px}
.btn.btn-search-icon:focus, .btn.search-icon:hover {background-color: #a90e0e; color: #fff}
.btn-advance-search:focus, .btn-advance-search:hover {background-color: #000; color: #fff}
.main-search {background-color: #ed8a65;width: 100%;padding-top: 38px;padding-bottom: 38px}
.main-search a {display: inline-block}
.main-search-input, .main-search-option {border: none}
.main-search-input, .main-search-option, .main-search a {float: left; margin-left: 4px}
.btn-advance-search, a.btn-advance-search {background-color: #313B49;padding: 7px 18px;margin-left: 69px;font-size: 14px;font-weight: 700;}
.btn-advance-search:hover, a.btn-advance-search:hover {background-color: #c41010}
.main-search-input {width: 655px; margin-left: 195px}
.main-search-option {line-height: 30px;width: 110px}
.main-search .form-control.main-search-option {padding: 6px 3px 6px 3px;}
button:focus {outline: none}
.search-container {position: relative}
.main-search .form-control {height: 34px;padding: 6px 0px 6px 12px}
.main-search form span {position: absolute; top: -25px;left: 450px;display: block}
.main-search form.search-error span:before {content: "The search filed can not be empty!";display: block; padding: 2px 6px;width: 180px;text-align: center; background-color: #000;color: #fff;font-size: 10px; box-shadow: 0 0 7px rgba(0,0,0,.4)}
.main-search form.search-error span:after {content: '';display: block;width: 0;height: 0;border: 7px solid transparent;border-top: 7px solid #000;position: absolute;bottom: -14px;right: 50%; margin-left: -5px}
@-webkit-keyframes fadeInUp {0% {opacity: 0;-webkit-transform: translateY(20px);transform: translateY(20px);}100% {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}}
@keyframes fadeInUp {0% {opacity: 0;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);}100% {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}}
.main-search form.search-error span {-webkit-animation-name: fadeInUp;animation-name: fadeInUp;  -webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}

.main-content {margin-top: 20px;margin-bottom: 20px; position: relative}
footer {background-color: #313B49;font-size: 13px;padding: 10px 0 10px 0;color: #868c95;width: 100%; line-height: 1.2em}
footer h3 {color: #fff;font-size: 14px; margin-bottom: 20px}
footer a, .copyright p a, footer a:hover, footer a:visited  {color: #F3794E; text-decoration: none}
.subjects-footer ul a {line-height: 1.39em;color: #868c95; font-size: 12px}
footer p {font-size: 12px}
footer img {height: 37px}
footer address {margin-bottom: 0px;line-height: 1.39em; font-size: 12px}
footer a.ceeol-phone {color: #868c95}
.form-subscribe {width: 80%}
.copyright {color: #dee4eb;font-size: 12px;padding: 5px 0;background-color: #242b35; width: 100%}
.terms-links, .developed-by-link {color: #868c95;margin-top: 7px;margin-bottom: 7px; float: left}
.terms-links a, .developed-by-link a {color: #F3794E}
.terms-links a:hover, .developed-by-link a:hover {text-decoration: none}
.developed-by-link {float: right}
.social-links {margin: 4px 0;list-style: none;padding: 0;}
.social-links li {margin-bottom: 20px;display: block}
.social-links li a { display: block; color: #868c95}
.social-links li i {color: #868c95;font-size: 24px;display: inline-block;margin-right: 5px;position: relative; top:3px}
.social-links li a:hover, .social-links li a:hover i {color: #F3794E;text-decoration: none}
.social-links li a:hover i {transform: scale(1.1)}
.about-menu a {color: #999}
.in-preorder-list {background-color: #f3794e !important}
.subjects-footer, .institutional-subscription, .about-us, .contact-us {float: left; padding-left: 20px}
.about-us {padding-left: 0}
.subjects-footer {width: 16.666666666666664%; padding-left: 0}
.institutional-subscription {width: 33.33333333333333%}
.about-us {width: 50%}
.contact-us {width: 25%}
.connect-us { width: 22%;float:right}
.contact-us-site div {float: left;font-size: 12px}
.contact-us-site img {float: right}
.logo-footer {float: right}

.secondary-menu {width: 270px; float: left}
.secondary-menu h2 {color: #fff;background-color: #f3794e;margin: 0;padding: 8px 22px;font-size: 14px;text-transform: uppercase; position: relative}
.secondary-menu ul {background-color: #f0f0f0;padding: 6px 0px}
.secondary-menu ul li {display: block}
.secondary-menu ul li a {display: block;color: #3a6484;padding: 6px 20px;font-size: 14px;border-top: 1px solid #E2E2E2; position: relative}
.secondary-menu ul li:first-child a {border-top: none}
.secondary-menu ul li.active a,.secondary-menu ul li.active a:hover  {background-color: #99cccc;color: #fff; cursor: default}
.secondary-menu.secondary-menu-librarians ul li.active a,.secondary-menu.secondary-menu-librarians ul li.active a:hover  {background-color: #70a5cd;color: #fff; cursor: default}
.secondary-menu ul li.active a:after {content: "";position: absolute;z-index: 1; right: -13px;top: 0; width: 0;height: 0;border-top: 16px solid transparent;border-left: 13px solid #99cccc;border-bottom: 16px solid transparent}
.secondary-menu.secondary-menu-librarians ul li.active a:after {content: "";position: absolute;z-index: 1; right: -13px;top: 0; width: 0;height: 0;border-top: 16px solid transparent;border-left: 13px solid #70a5cd;border-bottom: 16px solid transparent}
.secondary-menu ul li a:hover {background-color: #DBDBDB}
.secondary-menu h2 .btn-icon {color: #fff;position: absolute;right: 11px;top: 9px;padding: 0; opacity: .7}
.secondary-menu h2 .btn-icon:hover {color: #fff; opacity: 1}
.collapsed .secondary-menu {width: 35px;position: absolute;top: 0;left: 10px; z-index: 3}
.collapsed .secondary-menu ul {display: none}
.collapsed .secondary-menu h2 {padding: 0;width: 35px;height: 31px}
.collapsed .secondary-menu h2 span {display: none}
.collapsed .section {width: 100%;float: none;padding-left: 50px}
.section {float: right; width: 78%; width: expression(100% - 295px);width: calc(100% - 295px)}

.browse-by-subjects ul a {color: #000}
.browse-by-subjects ul a:hover {color: #f3794e }
.browse-by-subjects ul a:hover, .browse-by-subjects ul a:focus,.browse-by-publishers ul > li > a:hover,.browse-by-publishers ul > li > a:focus {text-decoration: none}
.browse-by-subjects ul > li {display: block;margin: 20px 0;background-color: #E7E7E7;border-bottom: 5px solid #F7F7F7; }
.browse-by-subjects ul > li > ul > li {margin: 0;background-color: #F7F7F7;padding: 0;border-bottom: none;}
.browse-by-subjects ul > li > ul:first-of-type > li {border-top: 5px solid #F7F7F7}
.browse-by-subjects ul > li > ul > li a {padding: 2px 5px 2px 25px}
.browse-by-subjects ul > li > ul > li > ul > li {border-top: none}
.browse-by-subjects ul > li > ul:first-of-type > li > ul > li, .browse-by-subjects ul > li > ul > li > ul:first-of-type > li {border-top: none}
.browse-by-subjects ul > li > ul > li > ul > li  a {padding: 2px 5px 2px 45px;font-size: 11px;color: #626262}
.browse-by-subjects ul > li > ul > li > ul > li:last-child {border-bottom: 5px solid #F7F7F7}
.browse-by-subjects ul > li > a {display: block;padding: 5px 10px; font-size: 16px;color: #000;position: relative; font-weight: 600;}
.browse-by-subjects ul > li > ul > li > a {font-size: 13px;font-weight: normal}

.browse-by-publishers ul { margin-bottom: 20px;background-color: #F7F7F7; padding: 5px 0 }
.browse-by-publishers ul > li > a {color: #000;display: block;padding: 0px 10px; line-height: 1.2em}
.browse-by-publishers ul > li > a:hover {color: #f3794e}
.browse-by-publishers h4 {margin-top:0;margin-bottom: 0;padding: 5px 10px 5px 10px;background-color: #E7E7E7; font-size: 20px;font-weight: 600;}
.browse-by-publishers ul > li > a.publisher-title-org {font-size: 13px}
.browse-by-publishers ul > li > a.publisher-title-en { font-size: 11px;color: #8A8A8A; padding-bottom: 12px}

.nav-tabs {border: none}
.nav-tabs > li > a:hover {border-color : transparent}
.tab-content {padding: 0;border: none;background-color: #f0f0f0;border-top: 2px solid #f3794e;border-bottom: 2px solid #f3794e}
.tab-content>.tab-pane {padding: 15px;min-height: 80px}
.tab-pane-footer {background-color: #f0f0f0;padding: 15px 15px 5px 15px}
.tab-pane-footer p {padding-top: 7px;float: left;margin-bottom: 0}
.tab-pane-footer-btns {float: right;text-align: left}
.tab-pane-footer-btns .btn {margin: 0 0 10px 10px}
.nav-tabs > li > a {background-color: #dddddd;color: #757575;border: none;border-top: 3px solid #dddddd;font-size: 13px}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { background-color: #f3794e;color: #fff;border: none; border-top: 3px solid #f3794e}
.btn-icon {background-color: transparent;border: none;color: #313B49}
.btn-icon:hover {color: #F3794E; text-decoration: none}
.btn .fa {margin-right: 10px}
.btn-small {padding: 3px 7px}
.btn-grey, .btn-gray {background-color: #ccc}
.btn-dark-blue {background-color: #313B49}
.scrollup {width: 35px;	height: 35px; opacity: 0.6;display: none; position: fixed; bottom: 20%; right: 0;text-align: center;font-size: 20px;background-color: #ed8a65 !important;color: #fff !important;line-height: 1.6em; display: block; z-index: 3}
.scrollup:focus {outline: none}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {padding-left: 10px;padding-right: 10px}
.row {margin-left: -10px;margin-right: -10px}
.container, .header-container, .search-container, .footer-container, .copyright-container, .navigation-container {padding-left: 10px;padding-right: 10px;margin-right: auto;margin-left: auto}
.tab-content-notbas {background-color: #f0f0f0;padding: 15px}

.login-links li a:hover span.badge {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: bounce;animation-name: bounce}
@-webkit-keyframes bounce {0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);transform: translateY(0);}40% {-webkit-transform: translateY(-20px);transform: translateY(-20px);}60% {-webkit-transform: translateY(-15px);transform: translateY(-15px);}}
@keyframes bounce {0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}40% {-webkit-transform: translateY(-20px);-ms-transform: translateY(-20px);transform: translateY(-20px);}60% {-webkit-transform: translateY(-15px);-ms-transform: translateY(-15px);transform: translateY(-15px);}}
.modal-header {background-color: #f3794e;border-bottom: none; color: #fff}
.modal-footer {background-color: #F5F5F5;border-top: none;margin-top: 0}
.modal-header .close {color: #fff}
.modal-lg {width: 900px}
.modal-md {width: 600px}
.modal-sm, .modal-dialog.modal-gallery {width: 550px}
.modal-xs {width: 400px}
.login-dlg {width: 650px}
.login-dlg.login-publisher-dlg {width: 400px}
.login-dlg a {color: #f3794e}
.login-dlg a:hover, .login-dlg a:focus { color: #dd6d45;text-decoration: none}
.sm-input {width: 100px}
.md-input {width: 200px}
.xs-input {width: 60px}
.login-dlg .modal-body .tab-pane {min-height: 150px}
.login-dlg .modal-body .btn {float: right}
.login-dlg .modal-body .row > div:first-child {border-left: none}
.login-dlg .modal-body h4 { text-transform: uppercase; font-size: 16px}
.login-shibbolet, .login-link-user, .user-mail {display: none}
.register-dlg {width: 500px}
.register-container h3 {border-bottom: 1px solid #ccc; padding-bottom: 10px}
.register-container h2 {padding: 20px 10px}
.register-container {background-color: #F0F0F0}
.register-container .buttons-bar {padding: 0 10px}
.tabs-buttons-bar {width: 100%;padding-top: 15px;background-color: #E5E5E5;padding-right: 15px;padding-top: 15px;border-top: 1px solid #ccc}
.buttons-bar {width: 100%;padding-top: 10px;border-top: 1px solid #ccc;margin-top: 15px}
.buttons-bar .btn, .tabs-buttons-bar .btn {float: right;margin-left: 15px; margin-bottom: 15px}
.btns-container {margin-top: 15px}
.btns-container .btn {float: right;margin-left: 10px;margin-bottom: 10px}
.btns-container .btn:first-child {margin-left: 0}
.login-pub-lib {float: left}
.login-pub-lib a {display: inline-block; margin-right: 20px}
.login-publisher, .login-librarian {display: none}
.login-dlg .modal-body .row {min-height: 130px}
.field-validation-error {color: red}
.control-label {margin-bottom: 0;margin-top: 5px;font-size: 11px}
.form-recaptcha-img {margin-bottom: 10px;clear: both;border: 1px solid #e5e5e5;padding: 5px}
.form-recaptcha {margin-top: 10px}
.modal-body { background-color: #fff; position: relative}

.input-group-addon.popovers {background-color: #fef3d7;padding: 4px 6px 3px 6px}
.input-group-addon.popovers .fa-question-circle {cursor: help}
.input-group-addon {border: none;border-color: #FEF3D7;background: #FEF3D7;min-width: 30px;padding: 5px 9px}
.input-group.add-file .input-group-addon { background-color: transparent;border: none; padding: 0}
.input-group.add-file .input-group-addon .fa {margin-right: 0}
.readonly-text {padding: 3px 5px;background-color: #F4F4F4;border: 1px solid #E5E5E5;min-height: 24px;color: #979797}
.popover {z-index: 10060 !important;background-color: #fef3d7; border-color:#fef3d7}
.popover.right .arrow::after {border-right-color: #fef3d7}
.popover.left .arrow:after {border-left-color: #fef3d7}
.auxlist, .title-lower-row {display: table;width: 100%}
.auxlist > div, .title-lower-row > div {display: table-cell;vertical-align: middle}
.auxlist > div:first-child {padding-top: 14px;width: 170px;padding-right: 5px}
.ie9 .auxlist > div:first-child {padding-top: 16px}
.auxlist label,  .auxlist .radio-list {white-space:nowrap}
.auxlist .radio-inline {margin-left:10px;padding-left: 0;font-weight: bold}
.auxlist > div:first-child .radio-list .radio-inline:first-child {margin-left: 0}
.input-icon {position:relative}
.input-icon input {padding-left:33px !important}
.input-icon i {color:#ccc;display:block;position:absolute;margin:5px 2px 0 6px;width:16px;height:16px;font-size:16px;text-align: center;z-index: 3}
.input-icon.right input {padding-left:8px !important;padding-right:22px !important}
.input-icon.right i {right:4px;float:right}
.has-success .input-icon>i, .has-success i {color:#468847}
.has-warning .input-icon>i, .has-warning  i {color:#c09853}
.has-error .input-icon>i,.has-error i {color:#b94a48}
.ng-hide {display: none !important}
.alert {border: none;padding: 10px;margin-bottom: 5px}
.close {font-size: 20px}
div[data-ng-model] {min-height: 24px}
.row-spacer, .control-label.row-spacer {margin-top: 42px}
.row-smalspacer {margin-top: 5px}
.row.row-form  {margin-left: -20px;margin-right: -20px}
.row-form > div[class*=col-] { padding-left: 20px; padding-right: 20px}
.page-heading, .profile-of-interest h3, .page-title h3 {font-size: 22px;color: #F3794E;margin-top: 0;margin-bottom: 10px;line-height: 0.9em;  min-height: 20px;}
.page-title small {font-size: 14px;letter-spacing: 0;font-weight: 300;color: #F3794E}
.page-heading > small {color: #F3794E}
.page-heading > small.filter { color: #737373;font-size: 14px;}
.page-heading > small.filter em {font-style: normal} 
.page-heading > small.filter span {display: inline-block;font-weight: normal; padding: 1px 4px 2px 4px;border: 1px solid #E7E7E7;margin-right: 3px;margin-bottom: -3px}
.page-heading > small.filter .fa { color: #B5B5B5; font-size: 13px} 
.page-heading > small.filter .fa:hover {color: #F3794E} 
.page-heading > .fa {font-size: 75%;color: #999;margin: 0 5px 0 10px}
.page-heading > a {cursor: pointer}
.page-heading > a, .page-heading > a small {color: #F3794E}
.page-heading > a:hover, .page-heading > a:focus, .page-heading > a:visited  {color: #F3794E; text-decoration: none}
.modal-dialog .page-heading {font-size: 22px;color: #F3794E;margin-top: 0;margin-bottom: 10px}
.photo-gallery .page-heading a small {font-size: 100%;}
.journals-edit article {float: left;margin: 0 20px 20px 0; position: relative}
.journals-edit h3 {font-size: 14px; text-align: center}
.journals-edit .journal-cover {display: block;margin: 0 auto;}
.journals-edit .journal-issues {opacity: 0;position: absolute;top: 0;right: -100px;width: 100px;height: 100%}
.journal-issues {padding: 10px;background-color: #e5e5e5}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {background-color: #fff; padding: 5px; border-right: 2px solid #fff;border-top: 1px solid #fff;line-height: 1.2}
.table>thead>tr>th:last-child, .table>tbody>tr>th:last-child, .table>tfoot>tr>th:last-child, .table>thead>tr>td:last-child, .table>tbody>tr>td:last-child, .table>tfoot>tr>td:last-child {border-right: none} 
.ebook-edit.tiles > a {display: block; float: left;margin: 0 20px 20px 0;color: #000;background-color: #fff;border: 1px solid #fff;padding: 10px;width: expression(15% - 20px);width: calc(15% - 20px)}
.ebook-edit.tiles > a:hover {color: #000;text-decoration: none;border: 1px solid #ccc}
.ebook-edit.tiles > a img {display: block;margin: 0 auto;width: 100px; border: 1px solid #dddddd}
.ebook-edit.tiles > a strong {display: block;text-align: center;font-size: 14px;font-weight: normal;margin-bottom: 10px; min-height: 40px}
.form-recaptcha .input-group-btn > .btn {padding: 2px 10px}
.form-recaptcha .input-group-btn > .btn .fa {margin-right: 0}
.modal-dialog .form-recaptcha {width: 349px;margin-top: 20px}
.login-link-shibbolet, .login-link-user {background-color: #70a5cd}
.form-horizontal .control-label {padding-top: 4px;line-height: 1em}
.buttons-bar .btn-keyboard {float: left;margin-left: 0;font-size: 40px;color: #555; line-height: .6em}
.buttons-bar .btn-keyboard:hover, .buttons-bar .btn-keyboard:focus, #modalNewContributor .btn-keyboard:hover, #modalNewContributor .btn-keyboard:focus,  #TabAuthorsData .btn-keyboard:hover, #TabAuthorsData .btn-keyboard:focus {text-decoration: none !important; color:#F3794E}
#modalNewContributor .btn-keyboard, #TabAuthorsData .btn-keyboard {font-size: 30px;color: #555;}
.icon-book, .icon-chapter, .icon-paid, .icon-open-access, .icon-journal, .icon-article, .icon-issue, .icon-gray-literature, .icon-package-empty, .icon-check-list, .icon-mastercard, .icon-visacard, .icon-cash {width: 20px;height: 20px;display: block;background-position: center center; background-repeat: no-repeat}
.icon-book-small, .icon-chapter-small, .icon-paid-small, .icon-open-access-small, .icon-journal-small, .icon-article-small, .icon-issue-small, .icon-gray-literature-small, .icon-package-empty-small, .icon-check-list-small {width: 14px;height: 14px;display: block;background-position: center center; background-repeat: no-repeat}
.icon-book {background-image: url("../images/icons/eb_20x20.png")}
.icon-book-small {background-image: url("../images/icons/eb_14x14.png")}
.icon-chapter {background-image: url("../images/icons/ebch_20x20.png")}
.icon-chapter-small {background-image: url("../images/icons/ebch_14x14.png")}
.icon-paid {background-image: url("../images/icons/euro_20x20.png")}
.icon-paid-small {background-image: url("../images/icons/euro_14x14.png")}
.icon-open-access {background-image: url("../images/icons/oa_20x20.png")}
.icon-open-access-small {background-image: url("../images/icons/oa_14x14.png")}
.icon-journal {background-image: url("../images/icons/j_20x20.png")}
.icon-journal-small {background-image: url("../images/icons/j_14x14.png")}
.icon-article {background-image: url("../images/icons/ja_20x20.png")}
.icon-article-small {background-image: url("../images/icons/ja_14x14.png")}
.icon-issue {background-image: url("../images/icons/ji_20x20.png")}
.icon-issue-small {background-image: url("../images/icons/ji_14x14.png")}
.icon-gray-literature {background-image: url("../images/icons/gl_20x20.png")}
.icon-gray-literature-small {background-image: url("../images/icons/gl_14x14.png")}
.icon-package-empty {background-image: url("../images/icons/icon-package-empty.png")}
.icon-special-offer {background-image: url("../images/icons/icon_special_offer_14x14.png")}
.icon-package-empty-small {background-image: url("../images/icons/icon-package-empty_14x14.png")}
.icon-check-list {background-image: url("../images/icons/icon-check-list.png");width: 16px; display: inline-block}
.icon-check-list-small {background-image: url("../images/icons/icon-check-list_14x14.png");width: 16px; display: inline-block}
.icon-mastercard {background-image: url("../images/icons/icon-mastercard.png");width: 30px; height: 20px}
.icon-visacard {background-image: url("../images/icons/icon-visacard.png");width: 30px; height: 20px}
.icon-cash {background-image: url("../images/icons/icon-cash.png");width: 30px; height: 20px}
.icon-paypal {background-image: url("../images/icons/icon-paypal.png");width: 30px; height: 20px}
td.book-type .icon-check-list {margin-left: -2px}
td.book-type .icon-package-empty {cursor: pointer}
.table-filter {background-color: #ccc;padding: 4px;margin-bottom: 10px}
.table-filter .date-picker {width: 120px}
.table-filter .form-control {border: 1px solid #BDBDBD}
.action-container {background-color: #EFEFEF}
.action-container h5 {margin: 0;padding: 6px 3px 6px 10px;font-size: 12px;text-transform: uppercase;color: #3a6484;background-color: #E5E5E5}
.action-container ul {padding: 5px 0}
.action-container ul li { display: block;position: relative}
.action-container ul li.action-title {padding: 10px 3px 5px 13px;border-bottom: 1px solid #cccccc;font-size: 12px;text-transform: uppercase;color: #8E8E8E;margin-bottom: 5px}
.action-container ul li button, .action-container ul li a, .action-container ul li strong {display: block; padding: 5px 2px 5px 10px;background: transparent;border: none;color: #3a6484;text-align: left;line-height: 1.2em;position: relative; cursor: pointer}
.action-container ul li strong { font-weight: normal}
.action-container ul li button.remove, .action-container ul li strong.remove { padding-right: 20px;  width: 100%;white-space: nowrap;text-overflow: ellipsis; overflow: hidden}
.action-container ul li.active button, .action-container ul li.active a, .action-container ul li.active strong {background-color: #E2E2E2}
.action-container ul li button:hover, .action-container ul li a:hover,  .action-container ul li strong:hover { color: #F3794E; text-decoration: none}
.action-container ul li button .fa, .action-container ul li a .fa, .action-container ul li strong .fa {min-width: 16px}
.action-container ul li button.remove em, .action-container ul li a.remove em, .action-container ul li strong.remove em {display: block; color: #ccc;position: absolute;top: 6px;right: 2px;font-size: 10px;z-index: 10;width: 15px;height: 15px;text-align: center;} 
.action-container ul li button.remove em:hover, .action-container ul li a.remove em:hover, .action-container ul li strong.remove em:hover {color: #F3794E} 
.add-ip-range .btn-small {margin-top: 19px}
.buttons-coll {width: 30px}
.my-ebooks-img {width: 50px}
.my-ebooks-img > img, .my-ebooks-img > a > img {width: 100%}
.my-ebooks-img > a { display: block;width: 40px;height: 40px;overflow: hidden;position: relative}
.table th.text-nowrap > div {white-space: nowrap}
.no-data:before, .no-data-special-offers:before {content: "No data found";display: block;text-align: center;color: #ccc;font-size: 16px;padding-top: 13px;   -webkit-animation-name: fadeIn;animation-name: fadeIn; -webkit-animation-duration: 4s;animation-duration: 4s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.no-data .table, .no-data .check-all, .no-data-special-offers .table,  .no-data-special-offers .check-all {display: none}
.no-data-special-offers:before { content: "Special Offers are offers created by the Central and Eastern European Online Library based upon the profile of interest you defined in your library account data. If you wish to get an individual offer for your institution, please email us to subscriber.support@ceeol.com."; color: #6F6F6F; font-size: 14px;}
.btn-date .btn {background-color: #E2E2E2}
.btn .fa.fa-calendar {margin-right: 0}
.btn-date .btn i {color: #000}
.input-group-btn.btn-date .btn {padding: 2px 8px}
.pagination>li>a, .pagination>li>span {color: #F3794E;padding: 4px 8px}
tr.in-preorder-list> td, .table>tbody>.active>td,.table-striped>tbody>tr.active:nth-child(odd)>td, .table-striped>tbody>tr.active:nth-child(odd)>th {background-color: #fee5db}
.table>tbody>.unsubscribe>td, .table-striped>tbody>tr.unsubscribe:nth-child(odd)>td, .table-striped>tbody>tr.unsubscribe:nth-child(odd)>th {background-color: #FB8A8A}
.table>tbody>tr.warning-po>td,.table>tbody>tr>td.warning-po, .table .table>tbody>tr.warning-po>td {color: #cf0000}
.pagination {margin: 3px 0;display: block}
.table {margin-bottom: 10px;width: 99%}
.table-iprange tbody tr td:nth-child(1)  {width: 250px}
.metadata-subject, .metadata-subject-selected {padding: 3px;border: 1px solid #ccc;background-color: #fff;height: 300px;min-height: 250px;overflow: auto}
.metadata-subject ul, .metadata-subject-selected ul {list-style: none;list-style-image: none;list-style-type: none;padding: 0}
.metadata-subject-selected ul li {display: block;color: #000;font-size: 11px;padding: 3px 5px;line-height: 1em}
.metadata-subject-selected ul li:hover, .selected-contributors ul li:hover  {background-color: #fee5db}
.metadata-subject-selected ul li a, .selected-contributors ul li a  { color: #000; font-size: 12px}
.metadata-subject-selected ul li a:hover, .metadata-subject-selected ul li a:focus, .selected-contributors ul li a:hover, .selected-contributors ul li a:focus { color: #F3794E; text-decoration: none}
.metadata-subject ul > li > label {margin-bottom: 0;padding-left: 5px; font-weight: normal}
.metadata-subject ul > li > label > input[type="checkbox"] {position: relative;top: 2px;margin: 2px 0 0}
.modal-icon {float: left;width: 50px;height: 50px;margin-right: 10px}
.modal-icon i {color: #d8d8d8;font-size: 50px !important;line-height: 50px !important}
.modal-icon.blue i {color: #87CCFD}
.modal-icon.yellow i {color: #F4DB7C}
.modal-icon.green i, .dlg-register .dlg-message .modal-icon {color: #87C555}
.check-all {position:absolute;top:2px;left:6px}
.pagination.ng-table-pagination > li > a,  .pagination.ng-table-pagination > li.disabled > a,.pagination.ng-table-pagination > li.disabled > a:hover {padding: 0px 3px; border-color: transparent;background-color: transparent}
.pagination.ng-table-pagination > li > a {color: #999}
.pagination.ng-table-pagination > li.disabled > a {color: #F3794E}
.nav-tabs>li {margin-bottom: 0}
.nav>li>a {padding: 7px 15px}
.profile-of-interest {position: relative; margin-bottom: 20px}
.profile-of-interest h3 {padding-bottom: 5px;border-bottom: 1px solid #ccc;font-size: 18px;margin-bottom: 5px}
.profile-of-interest .btn {position: absolute;right: 0; top: 35px}
.profile-of-interest ul {padding-right: 60px; min-height: 35px}
.profile-of-interest ul li {display: inline-block; margin-right: 5px}
.profile-of-interest ul li:after {content: "; "; display: inline-block}
.profile-of-interest ul li:last-child:after {display: none}
.label-subinfo {font-weight: normal; font-size: 10px}
.table-responsive.loader:after, .loader:after {content: "";display: block;width: 60px;height: 20px;opacity: .3; background-image: url(../images/preloader-small.gif);background-repeat: no-repeat;position: absolute; z-index: 10;top: 50%;left: 50%;margin-top: -10px;margin-left: -30px;   -webkit-animation-name: fadeInHalf;animation-name: fadeInHalf; -webkit-animation-duration: 3s;animation-duration: 3s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.loader:before { content: "";display: block;z-index: 9;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: rgba(255,255,255,.93)}
.table-responsive {min-height: 100px;position: relative;width: 100%;margin-bottom: 15px;overflow-x: auto;overflow-y: hidden}
@-webkit-keyframes fadeIn {0% {opacity: 0;}100% {opacity: 1;}}
@keyframes fadeIn {0% {opacity: 0;}100% {opacity: 1;}}
@-webkit-keyframes fadeInHalf {0% {opacity: 0;}100% {opacity: .3;}}
@keyframes fadeInHalf {0% {opacity: 0;}100% {opacity: .3;}}
@-webkit-keyframes fadeOut {0% {opacity: 1;}100% {opacity: 0;}}
@keyframes fadeOut {0% {opacity: 1;}100% {opacity: 0;}}
.search-result-list, .book-details, .gl-details, .journal-details, .article-details, .chapter-details  {float: left; width:75%; width: expression(100% - 330px);width: calc(100% - 330px); margin-bottom: 20px}
.search-result-filter, .related-content {width: 310px; float: right}
.book-detail-description, .gl-detail-description, .journal-detail-description, .article-detail-description, .chapter-detail-description {float: right;width: 80%;  width: expression(100% - 200px);width: calc(100% - 200px)}
.table-with-actions .table-responsive {float: left;width: 84%; width: expression(100% - 160px);width: calc(100% - 160px)}
.table-with-actions .action-container {float: right;width: 150px; margin-bottom: 20px}
.cover, .book-cover, .gl-cover, .journal-cover, .article-cover, .chapter-cover  {float: left;width: 180px;margin-bottom: 20px; position: relative}
.publisher-cover {float: left;width: 120px;margin-bottom: 20px;position: relative;margin-right: 20px}
.publisher-cover img {width: 100%;min-width: 120px;min-height: 100px;border: 1px solid #E5E5E5;}
.publisher-description .page-heading { margin: 0;font-size: 18px;margin-bottom: 5px;color: #313B49;line-height: 1.2em;}
.publisher-description .page-heading small {color: #999;}
.photo-gallery .page-heading small {color: #ed8a65;font-size: 100%}
.publisher-issues h3 { color: #ed8a65; font-size: 20px;margin-bottom: 3px;margin-left: 5px;margin-top: 25px}
.publisher-issues .btn-icon {padding: 0}
.dlg-active {padding: 8px 10px;margin-bottom: 10px;background-color: #F3F3F3;display: block;cursor: pointer}
.dlg-active.active {background-color: #e6efe4}
.dlg-active input[type="checkbox"] {margin: 0 5px 0 0;position: relative;top: 2px}
.dlg-active label {margin: 0; font-weight: normal}
.dlg-active.dlg-primary.active {background-color: #E1E9F4}
.items-per-list {width: 60px}
.modal-open { overflow-y: auto !important}
.modal {position: absolute}
.alert-sm {padding: 9px}
#modalIPRange .alert-sm {margin-top: 0; margin-bottom: 10px}
.readonly-text {padding: 3px 5px;background-color: #F4F4F4;border: 1px solid #E5E5E5;min-height: 24px;color: #979797;   width: 100%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap}
.table-hover>tbody>tr:hover>td {background-color: #e1e1e1}
.table-hover>tbody>tr>td:first-child {border-left: 1px solid #fff;}
.table-hover>tbody>tr>td:last-child {border-right: 1px solid #fff;}
.table-hover > tbody > tr:hover > td  { border-top: 1px solid #D7D7D7 ;border-bottom: 1px solid #D7D7D7;}
.table-hover > tbody > tr:hover > td:first-child {border-left: 1px solid #D7D7D7;}
.table-hover > tbody > tr:last-child > td {border-bottom: 1px solid #fff}
.table-hover > tbody > tr:hover > td:last-child {border-right: 1px solid #D7D7D7;border-bottom: 1px solid #D7D7D7;border-top: 1px solid #D7D7D7;}

.radio-inline, .checkbox-inline, .radio label, .checkbox label { font-weight: bold; font-size: 11px}
input[type="radio"], input[type="checkbox"] {margin: 2px 0 0}
.dlg-aside {background-color: #E6E6E6;padding: 10px}
.img-cover-container {background-color: #e2e2e2;margin-left: 0px;padding: 0 10px 10px 10px;min-height: 370px}
.img-cover-action {text-align: center !important;margin-top: 20px}
.img-cover {width: 200px;height: 200px;overflow: hidden;margin: 10px auto 30px auto;background-color: #B6B6B6;padding: 5px;display: block; position: relative}
.img-cover img {display: block;max-height: 100%;  max-width: 100%; width: auto;height: auto;transform: scale(.95); position: absolute; top: 0;  bottom: 0; left: 0;  right: 0;  margin: auto}
.img-cover-btns {text-align: center}
.img-cover-btns a, .img-cover-btns button {margin-right: 5px;margin-bottom: 10px;padding: 4px 8px;font-size: 11px;display: inline-block; background-color: #313B49 }
.help-container {display: none; margin-top: 20px}
.typeahead.dropdown-menu {z-index: 1051}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {background-color: #F3794E}
.author-quicksearch {padding: 3px;border: 1px solid #ccc;background-color: #fff;min-height: 200px;max-height: 420px;overflow: auto;margin-top: 10px}
.author-quicksearch ul li {display: block;padding: 3px 5px;font-size: 11px;cursor: pointer;line-height: 1.2em}
.author-quicksearch ul li span {display: inline-block;float: left;width: 63%;width: expression(70% - 30px);width: calc(70% - 30px)}
.author-quicksearch ul li span:first-child {width: 30%;margin-right: 30px;font-weight: bold}
.author-quicksearch ul li:nth-child(even) {background-color: #f9f9f9}
.author-quicksearch ul li:hover, .author-quicksearch ul li.active {background-color: #FEE5DB}
.selected-contributors {border: 1px solid #ccc;background-color: #fff;padding: 5px;min-height: 234px}
.selected-contributors > div {min-height: 100px}
.selected-contributors h5 {font-size: 12px;font-weight: 700;margin: 0 0 5px 0;padding: 5px;border-bottom: 1px solid #ccc}
.selected-contributors ul li {display: block;padding: 1px 5px;font-size: 11px}
.form-heads {padding: 0;margin-bottom: 5px;margin-top: 15px;font-size: 15px;font-weight: 700;line-height: inherit;color: #333;border-bottom: 1px solid #ccc}
textarea.form-control { font-size: 12px;line-height: 1.2em; resize: vertical}

.page-404 > div {float: left;width: 33%; width: expression(100% / 3);width: calc(100% / 3);min-height: 200px;padding: 45px 5px}
.page-404 > div.fa {text-align: center;font-size: 100px;color: #fff; background-color: #fff}
.page-404 > div.number {text-align: center;font-size: 200px;color: #ccc;line-height: .5em}
.page-404 > div.details {text-align: center}
.page-404 > div.details h3 {font-size: 36px; margin-top: 0}
.page-404 > div:nth-child(odd) {background-color: rgba(243,121,78,.15)}
.page-404 > div:nth-child(even) {background-color: #F0F0F0}
.download-limit-error, .access-denied-error, .not-logged-error {text-align: center; margin-bottom: 20px}
.download-limit-error hr {text-align: center}
.limit-exceeded-icon, .access-denied-icon, .not-logged-icon {font-size: 100px;margin: 20px auto 20px auto;width: 200px;height: 200px;border-radius: 50% !important;background-color: #F0F0F0; position: relative}
.limit-exceeded-icon > div, .access-denied-error > div, .not-logged-icon > div, .obsolete-link div  {display: block;color: #717F91}
.limit-exceeded-icon .fa-long-arrow-down {color: #45b6af;font-size: 60px;position: relative;bottom: -20px;  -webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both; -webkit-animation-name: fadeInDownArrow;animation-name: fadeInDownArrow;  -webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;}
@-webkit-keyframes fadeInDownArrow {0% {opacity: 0;-webkit-transform: translateY(-20px);transform: translateY(-20px);}100% {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}}
@keyframes fadeInDownArrow {0% {opacity: 0;-webkit-transform: translateY(-20px);-ms-transform: translateY(-20px);transform: translateY(-20px);}100% {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}}
.access-denied-error .fa-book {display: block;position: absolute;top: 30px;left: 40px;font-size: 140px}
.access-denied-error .fa-ban, .obsolete-link div[class*="clock"] {position: absolute;display: block;bottom: 25px;right: 30px;font-size: 80px;color: #CB2C2C;z-index: 1;text-shadow: 0 0 5px rgba(0,0,0,.3)}
.obsolete-link div[class*="chain"] {display: block;position: absolute;top: 30px;left: 33px;font-size: 150px}
.not-logged-icon .fa-user {display: block;position: absolute;top: 13px;left: 40px;font-size: 160px}
.not-logged-icon .fa-exclamation-triangle {position: absolute;display: block;top: 109px;left: 83px;font-size: 40px;color: #fff;z-index: 1;text-shadow: 0 0 5px rgba(0,0,0,.3)}
.obsolete-link p a {color: #F3794E}
.obsolete-link p a:hover, .obsolete-link p a:focus {color: #dd6d45;}
.access-denied-error .page-heading, .not-logged-icon .page-heading, .obsolete-link .page-heading {margin-top: 10px;margin-bottom: 30px;}
.obsolete-directlink { margin: 10px 0 40px 0; font-size: 16px}

.table>tfoot.total-prices>tr>td {border: none}
.table>tfoot.total-prices > tr > td {text-align: right;line-height: 1.3em;padding: 3px 3px;background-color: #fff}
.table>tfoot.total-prices > tr.subtotal-offer > td {padding: 5px 3px 0 3px;color: #000}
.table>tfoot.total-prices > tr.total-offer > td,  table>tfoot.total-prices > tr.total-preorder > td{font-size: 14px;font-weight: bold;color: #000}
table>tfoot.total-prices > tr.total-preorder > td {border-top: 1px solid #E7E7E7}
table>tfoot.total-prices > tr.total-preorder > td.price-regular {font-weight: normal}
table>tfoot.total-prices > tr.total-preorder > td.price-factor {font-weight: normal; font-size: 12px}
table>tfoot.total-prices > tr.price-discount > td, table>tfoot.total-prices > tr.subtotal-offer > td {border-bottom: 10px solid #fff}
table>tfoot.total-prices > tr.subtotal-offer > td {border-top: 10px solid #fff}
table>tfoot.total-prices > tr.price-discount > td {background-color: #DFEFDF;color: #000}
.table >tbody > tr > td.text-left, .table>tfoot.total-prices > tr > td.text-left {text-align: left}
.tbl-package-subjects {width: 120px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;cursor: default}
.text-nowrap {white-space: nowrap}
.table tr > td input[type="checkbox"] {margin: 0;position: relative;top:1px}
.modal-body .table-responsive {margin-bottom: 0}
.table>tbody>tr>td.tbl-cell-icons {white-space: nowrap;line-height: .6em}
.tbl-cell-icons div[class*="icon"] {display: inline-block; margin-right: 5px}
.check-icon .fa-check, .check-icon .fa-square {color: #e9e9e9;font-size: 14px; cursor: default}
.check-icon .fa-check.active, .check-icon .fa-check-square { color: #63d063; cursor: default}
.check-icon [class*="hourglass"], .check-icon [class*="hourglass"].active { color: #FFD709; cursor: default}

.table>tfoot.cpo-total > tr > td {text-align: right;background-color: #fff;border-top: 1px solid #DBDBDB;color: #000;font-weight: bold;font-size: 14px;padding: 5px 3px;}
.table>tfoot.cpo-total > tr > td > span { display: inline-block;}
.table>tfoot.cpo-total > tr > td > strong {display: inline-block;font-weight: bold}
.table.total>tbody>tr:last-child>td {border-bottom: 1px solid #DBDBDB;}
.table.total.dashed>tbody>tr:last-child>td {border-bottom:1px dashed #DBDBDB;}
.table>tfoot.cpo-total > tr.dashed > td {border-top: 1px dashed #DBDBDB;font-size: 12px}
.cpo-total-container h4 { margin-bottom: 5px;font-weight: 600; font-size: 17px;}
.table>tbody>tr.excluded>td {text-decoration: line-through}
.cpo-total-container .sp-offer-total {border-bottom: 2px solid #DBDBDB;margin: 30px 0 5px 0;padding-bottom: 5px;font-size: 22px;padding-right: 240px;}
.cpo-total-container .annual-coll,.cpo-total-container .table-advance thead tr th.header.annual-coll,.cpo-total-container .table thead tr th.annual-coll  {width: 79px}
.cpo-total-container ul.total-prices li { padding-right: 95px !important;}
.cpo-total-container ul.total-prices  { margin-right: 0}
.cpo-total-container ul.total-prices li strong  {min-width: 150px;}

.license-coll {width:115px} 
.regular-price-coll {width: 95px}
.disconut-coll {width: 70px}
.price-coll {width: 70px}
.order-coll {width: 50px}
.annual-coll {width: 100px}
ul.total-prices {float: right;text-align: right; margin-right: 75px}
ul.total-prices li {display: block; padding: 2px 10px}
ul.total-prices li span, ul.total-prices li strong  {text-align: right; display: inline-block}
ul.total-prices li strong  {min-width: 80px;padding-left: 20px;font-weight: normal;white-space: nowrap}
ul.total-prices.annual-prices li strong  {min-width: 148px}
ul.total-prices li strong.annual-price  {min-width: 80px}
ul.total-prices li.total-offer {font-weight: bold;font-size: 14px;padding: 5px 10px} 
ul.total-prices li.total-offer, ul.total-prices li.subtotal-archived, ul.total-prices li.subtotal-annual {background-color: #E2EAF0}
ul.total-prices li.total-offer  strong {font-weight: bold}
ul.total-prices li.price-discount {background-color: #EFEFEF;margin-bottom: 2px;color: #000; padding-bottom: 5px}
ul.total-prices li.price-factor {background-color: #EFEFEF}
ul.total-prices li.subtotal-offer {background-color: #EFEFEF;padding-top: 5px;font-size: 13px}
ul.total-prices li.subtotal-annual {padding-top: 5px}
ul.total-prices li.subtotal-archived {border-bottom: 1px dashed #fff}
.display-hide {display: none}

.portlet {clear: both;margin-top: 0;margin-bottom: 25px;padding: 0}
.portlet.box {padding: 0 !important}
.btn-blue-green, .btn-blue-green:focus {background-color: #45b6af}
.portlet.btn-blue-green {border: 1px solid #45b6af}
.portlet.box>.portlet-title {margin-bottom: 0;padding: 2px 10px 2px 10px;border-bottom: 1px solid #eee;color: #fff !important}
.portlet>.portlet-title>.caption {display: inline-block;font-size: 14px;line-height: 22px;font-weight: 400;margin: 0;padding: 0;margin-bottom: 0}
.portlet.box>.portlet-body {clear: both;background-color: #fff;padding: 10px}
.panel-title {font-size: 13px}
.panel-title>a:hover { text-decoration: none; color: #F3794E}
.panel.ui-draggable-dragging .panel-heading {background-color: #fee5db}
.panel-heading {padding: 5px 10px}
.panel-group {margin-bottom: 20px}
.modules-preview {padding: 10px;border: 1px solid #ccc;background-color: #fff;overflow: auto;max-height: 440px; min-height: 100px}
.available-modules {padding: 10px;border: 1px solid #ccc;background-color: #fff;min-height: 100px}
.dlg-message h4, .message-with-icon h4 {font-weight: normal;font-size: 16px;margin-bottom: 5px;margin-top: 5px;padding-bottom: 5px}
.dlg-register .dlg-message {width: auto}
.message-icon {position: absolute;top: 15px;left: 15px; width: 40px;height: 40px;margin-right: 10px;text-align: center;border-radius: 50% !important; background-color: #d8d8d8}
.message-icon i {color: #fff;font-size: 25px !important;line-height: 40px !important}
.message-with-icon {padding: 10px 10px 10px 70px;margin-bottom: 10px; position: relative}
.message-with-icon.blue {background-color: #EBF7FF;border-left: 2px solid #87CCFD;}
.message-with-icon.yellow {background-color: #FFFDEB;border-left: 2px solid #F4DB7C;}
.message-with-icon.green {background-color: #EEFFF0;border-left: 2px solid #87C555;}
.message-with-icon.blue .message-icon  {background-color: #87CCFD}
.message-with-icon.yellow .message-icon  {background-color: #F4DB7C}
.message-with-icon.green .message-icon  {background-color: #87C555}
.modal-content {border: none;border-radius: 0;-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.3);box-shadow: 0 3px 9px rgba(0,0,0,.3);}

.fileupload-conteiner { text-align: center; position: relative}
.fileupload-conteiner  .image-upload, .fileupload-conteiner .pdf-upload {background-color: #e2e2e2;padding: 10px 5px;position: relative;min-height: 135px;margin-bottom: 20px}
.fileupload-conteiner  .image-upload {min-height: 290px}
.fileupload-conteiner .pdf-upload {padding-right: 85px;float: left;margin-left: 20px;width: 43%; width: expression(50% - 20px);width: calc(50% - 20px)}
.ie10 .fileupload-conteiner .pdf-upload, .ie9 .fileupload-conteiner .pdf-upload {height: 135px}
.fileupload-conteiner .active {background-color: #fee5db}
.fileupload-conteiner .active .pdf-icon {cursor: pointer}
.fileupload-conteiner .active .pdf-icon > img {opacity: 1;filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");-webkit-filter: grayscale(0%);}
.fileupload-conteiner .pdf-icon, .fileupload-conteiner .img-cover {margin: 10px auto;display: block;min-height: 70px; position: relative}
.fileupload-conteiner .pdf-icon {margin: 6px auto 5px auto;cursor: default}
.fileupload-conteiner .pdf-icon > img {width: 100%;opacity: .2;  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");filter: gray;-webkit-filter: grayscale(100%);}
.fileupload-conteiner .pdf-icon.loader > img,  .fileupload-conteiner .pdf-icon.invalid-file  img, .fileupload-conteiner .img-cover.invalid-file  img, .fileupload-conteiner .img-cover.loader  img{opacity: 0}
.invalid-file:before {content: "Invalid file type!";display: block;text-align: center;font-size: 12px;color: #ccc; position: absolute;z-index: 10;top: 50%;left: 50%;margin-top: -10px;margin-left: -44px;-webkit-animation-name: fadeIn;animation-name: fadeIn;-webkit-animation-duration: 2s;animation-duration: 2s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.invalid-file:hover:before {text-decoration: none}
.fileupload-conteiner .pdf-icon.invalid-file:before, .fileupload-conteiner .img-cover.invalid-file:before {color: #ed0202} 
.fileupload-conteiner .img-cover {width: 200px;height: 200px}
.fileupload-conteiner .img-cover > img, .fileupload-conteiner .pdf-icon > img  {max-height: 100%;  max-width: 100%; width: auto;height: auto;transform: scale(.95); position: absolute; top: 0;  bottom: 0; left: 0;  right: 0;  margin: auto}
.fileupload-conteiner .active .img-cover:hover > img, .fileupload-conteiner .active .pdf-icon:hover > img, .img-cover:hover > img {transform: scale(1);text-decoration: none}
.fileupload-conteiner .pdf-upload-btns, .fileupload-conteiner .img-cover-btns {text-align: center}
.fileupload-conteiner .pdf-upload-btns {position: absolute;top: 0;right: 0; width: 85px;height: 100%; background-color: #a8a8a8}
.fileupload-conteiner .pdf-upload-btns .btn {display: block;background-color: transparent;margin: 0;width: 100%;text-align: left;text-shadow: 0 0 2px rgba(0, 0, 0, .3) !important;padding: 4px 8px; font-size: 12px}
.fileupload-conteiner .pdf-upload-btns .btn:hover {background-color: transparent;color: #F3794E;cursor: pointer}
.fileupload-conteiner .pdf-upload-btns .btn:hover .fa {background-color: transparent;cursor: pointer}
.fileupload-conteiner .pdf-upload-btns .btn .fa {margin-right: 7px}
.fileupload-conteiner .img-cover-action {margin-top: 0}
.fileupload-conteiner .control-label {padding: 0;font-size: 12px;white-space: nowrap;width: 100%;text-align: center;overflow: hidden;text-overflow: ellipsis;}
.fileupload-conteiner .btn-icon {position: absolute;top: 5px;right: 5px; color: #ccc}
.fileupload-conteiner .btn-icon:hover {color: #F3794E}
.fileupload-conteiner .file-size {display: block;font-size: 10px;color: #ccc;min-height: 17px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;}
.fileupload-conteiner .pdf-upload.active .file-size {color: #717171}
.pdf-action-icon { background: url("../images/icons/icon-pointer.png") no-repeat center center rgba(0, 0, 0, .1);width: 22px;height: 22px;margin: 10px 5px 5px 10px;}
.no-click {position: relative;cursor: default}
.no-click:after {content: "";display: block;z-index: 11;position: absolute;top: 0;left: 0;width: 100%;height: 100%;cursor: default;background:#fff;opacity: 0;pointer-events: none;filter:Alpha(opacity=0)}
.btn.no-click:hover {background-color: #313B49}
.btn.no-click:hover .fa, .fileupload-conteiner .pdf-upload-btns .btn.no-click:hover .fa {cursor: default}
.btn.no-click:active { box-shadow: none; outline: none}
.fileupload-conteiner .pdf-upload-btns .btn.no-click {opacity: .5}
.fileupload-conteiner .pdf-upload-btns .btn.no-click:hover {cursor: default; color: #fff}
.pdf-icon.loader:before, .img-cover.loader:before {display: none}
.fileupload-conteiner .img-cover.loader:after {-webkit-animation-name: fadeIn;animation-name: fadeIn;opacity: 1;background-color: rgba(255,255,255,.5);}
.row-small {margin-left: -5px; margin-right: -5px}
.row-small [class*="col-"] {padding-left: 5px; padding-right: 5px}
.hidden-overflow {overflow: hidden}
.equal-height {margin-bottom: -600px;padding-bottom: 600px}
.form-readonly .form-control, .form-readonly .readonly-text {background-color: transparent;border: none;padding: 1px 0;box-shadow: none;text-align: left;height: auto;min-height: 24px; color: #000}
.form-readonly .control-label span {font-weight: normal}
.form-readonly .radio-inline, .form-readonly .checkbox-inline {padding-left: 0;padding-right: 20px; cursor: default}
.form-readonly .radio-inline input[type="radio"], .form-readonly .checkbox-inline input[type="checkbox"]{display: none}
.form-readonly .input-icon.right input.form-control {padding: 1px 0 !important}
.form-readonly .input-group .input-group-addon,  .form-readonly .input-group .input-icon i, .form-readonly .input-icon i, .form-readonly .input-group .input-group-btn {display: none}
.form-readonly .form-control:focus {box-shadow:none !important}
.ie10 .scrollup {right: 17px}
.form-control.disabled {cursor: not-allowed;background-color: #f4f4f4 ; color: #979797;  padding: 1px 5px;  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);}
.btn-add-issue {padding-right: 85px;padding: 10px 5px;background-color: rgba(255,255,255,.9);color: #B3B3B3;text-align: center;font-size: 16px;border: none; border: 1px solid #ECECEC; float: left;margin: 0 0 20px 20px;min-height: 138px;height: auto;width: 43%; width: expression(50% - 20px);width: calc(50% - 20px); font-size: 13px; line-height: 1.2em;}
.btn-add-issue .fa { font-size: 60px;display: block;margin: 10px auto; line-height: 1em; color: #E2E2E2;}
.btn-add-issue:hover {border: 1px solid #ED8A65;}
.btn-add-issue:hover .fa {color: #a8a8a8 }

.temp-content-1, .temp-content-2, .temp-content-3,.temp-content-4, .temp-content-5, .temp-content-6, .temp-content-7, .temp-content-8, .temp-content-9 {background-color: #f8f8f8; min-height: 60px; padding: 10px; margin-bottom: 10px}
.temp-content-2 {background-color: #f0f0f0}
.temp-content-3 {background-color: #e8e8e8}
.temp-content-4 {background-color: #e0e0e0}
.temp-content-5 {background-color: #d8d8d8}
.temp-content-6 {background-color: #d0d0d0}
.temp-content-7 {background-color: #c8c8c8}
.temp-content-8 {background-color: #c0c0c0}
.temp-content-9 {background-color: #b8b8b8}
.indicate-loading {opacity: 0}
.text-2-col { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2;min-height: initial}
.text-3-col { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3;min-height: initial}
.text-4-col { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4;min-height: initial}
.input-group-btn .btn .fa {margin: 0}
.input-group-btn .btn {position: relative;padding: 2px 6px; background-color: #ccc;color: #000; border: 1px solid #ccc}
div.form-control { white-space: nowrap;text-overflow: ellipsis;overflow: hidden}
.input-group div.form-control {white-space: normal}
.input-group div.form-control div {width:200px; height: 20px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden}
.panel.ui-draggable {cursor: s-resize}
.small-label {white-space: nowrap;overflow: hidden;text-overflow: ellipsis; width: 100%}
.gallery { padding-top: 20px; padding-bottom: 20px}

body.publisher, body.librarian, body.photo-gallery,  html {height: 100%}
.wrapper {min-height: 100%;position: relative; padding-bottom: 40px}
.publisher .copyright, .librarian .copyright, .photo-gallery .copyright {position: absolute; width: 100%;bottom: 0;}
.publisher .logo span, .librarian .logo span, .photo-gallery .logo span { display: inline-block;color: #99cccc; font-size: 18px; font-style: italic;padding-bottom: 6px;font-weight: 600;margin-left: 10px}
.home-menu {margin:0px auto 10px auto; padding-left:0; list-style:none; list-style-image:none; list-style-type:none}
.home-menu li {float:left;display:block;margin: 0 20px 20px 0;border:1px solid #D8D8D8; width:300px; height:260px;background-color: #ececec;position: relative;padding: 0 0 10px 0;}
.home-menu li hr {border: 0;border-top: 1px solid #D8D8D8;  margin: 5px 40px 5px 43px;}
.home-menu li h3 {margin-top: 0;background-color: #f3794e;padding: 0px}
.home-menu li h3 a {color:#fff;display: block;font-size: 16px;line-height: .9em; padding: 10px 0 10px 10px}
.home-menu li h3 a .fa {font-size: 18px;color: #fff;position: relative;top: 1px;margin-right: 5px;}
.home-menu li > a {display: block; color:#333333;padding: 4px 2px 4px 43px;font-size: 14px}
.home-menu li a:hover, .home-menu li a:focus {text-decoration:none}
.home-menu li > a:hover {background: rgb(234,167,143);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhYTc4ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZDhhNjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  rgb(234,167,143) 0%, rgb(237,138,101) 100%);background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgb(234,167,143)), color-stop(100%,rgb(237,138,101)));
background: -webkit-linear-gradient(left,  rgb(234,167,143) 0%,rgb(237,138,101) 100%);background: -o-linear-gradient(left,  rgb(234,167,143) 0%,rgb(237,138,101) 100%);
background: -ms-linear-gradient(left,  rgb(234,167,143) 0%,rgb(237,138,101) 100%);background: linear-gradient(to right,  rgb(234,167,143) 0%,rgb(237,138,101) 100%)}
.home-menu li > a.first {padding-top: 10px}
.home-menu li:hover {background-color: #f3794e}
.home-menu li:hover h3 a, .home-menu li:hover a {color:#fff; opacity:1}
.page-sidebar-menu {list-style: none;margin: 0;padding: 0;min-height:600px}
.page-sidebar-menu>li {display: block;margin: 0;padding: 0;border: 0;}
.page-sidebar-menu>li>a {display: block;position: relative;margin: 0;border: 0;padding: 8px 3px 8px 10px;text-decoration: none;font-size: 14px;font-weight: 300;}
ul.page-sidebar-menu > li > a {border-top: 1px solid #777777 !important;color: #ffffff !important;}
ul.page-sidebar-menu > li > a .fa {margin-right: 3px}
.page-sidebar-menu>li.start>a {border-top-color: transparent !important;}
ul.page-sidebar-menu > li a i {color: #969696;}
.page-sidebar { background-color: #555;width: 270px;float: left;  position: absolute;min-height: 100%;}
.librarian .page-sidebar, .photo-gallery .page-sidebar {position: relative}
.page-sidebar-menu .sub-menu {padding: 0;}
.page-sidebar-menu>li>ul.sub-menu {display: none;list-style: none;clear: both;margin: 0 0 20px 0;background-color: #555}
.page-sidebar-menu>li.open>ul.sub-menu {display: block}
.page-sidebar-menu>li>ul.sub-menu>li {background: 0;margin: 0;padding: 0;margin-top: 0px !important}
.page-sidebar-menu>li>ul.sub-menu>li>a {display: block;margin: 0;padding: 3px 0;padding-left: 28px !important;text-decoration: none;font-size: 14px;font-weight: 300;background: 0}
.page-sidebar-menu>li>ul.sub-menu>li>a:hover { font-weight: 600; color: #fff}
ul.page-sidebar-menu li > ul.sub-menu > li > a {color: #CDCDCD;}
ul.page-sidebar-menu > li > ul.sub-menu > li:first-child > a {border-top: 0px !important;}
.page-sidebar-menu>li.active>a {border: 0;text-shadow: none;}
ul.page-sidebar-menu > li.active > a {background: #ED8A65 !important;border-top-color: transparent !important;color: #ffffff;}
.homepage { float: left;margin-left: 55px}
.librarian .logo span {color: #70a5cd}
.photo-gallery .logo span {color: #F3794E}
.page-sidebar-menu>li>ul.sub-menu>li.active a {color: #fff;font-weight: bold; background-color: transparent}
ul.page-sidebar-menu > li > a.active { color: #fff;background-color: #f3794e;  border-top-color: transparent !important;}
ul.page-sidebar-menu > li.active.open > a .arrow:before  {color: #fff !important}
.page-sidebar-menu>li.active>ul.sub-menu {display: block}
ul.page-sidebar-menu > li > a .arrow { display: inline-block;float: right;}
.page-sidebar ul>li>a>.arrow:before {cursor: pointer; margin-top: 0;margin-right: 5px;display: inline;font-size: 16px;font-family: FontAwesome;height: auto;content: "\f104";font-weight: 300;text-shadow: none}
.page-sidebar ul > li > a > .arrow:before {width: 15px;height: 15px;display: inline-block;text-align: center;line-height: 1em;border-radius: 50%;text-indent: -1px}
ul.page-sidebar-menu > li > a .arrow:before, ul.page-sidebar-menu > li > a .arrow.open:before {color: #7d7d7d !important}
.page-sidebar ul > li > a > .arrow:hover:before {background-color: #999}
.page-sidebar-menu>li>a>.arrow.open:before {float: right;margin-top: 0;margin-right: 3px;display: inline;font-family: FontAwesome;height: auto;font-size: 16px;content: "\f107";font-weight: 300;text-shadow: none}
ul.page-sidebar-menu > li > a > .arrow.open:before {color: #8a8a8a !important}
.clear {clear: both}
.table-filter  .clear {margin: 10px 0}
.table-filter .spacer {margin-bottom: 15px}
.table-filter .checkbox-inline {margin-top: 5px}

.file-icons .icon-excel:before, .file-icons .icon-pdf:before, .file-icons .icon-xml:before {content: "excel";display: inline-block; height: 16px;padding: 0 2px 0 2px;text-align: center;background-color: #549f3b;border: 2px solid #488a32;color: rgba(255,255,255,.7);text-transform: uppercase;font-weight: 600;font-size: 8px;box-shadow: 0 0 3px rgba(0,0,0,.2);}
.file-icons .icon-pdf:before { content: "pdf"; background-color: #da251c;border: 2px solid #c52018;}
.file-icons .icon-xml:before {content: "xml"; background-color: #f57900;border: 2px solid #df6f03;}
.report-filter { margin: 20px 0;text-align: center}
.report-filter h3 { margin-top: 10px; margin-bottom: 30px;color: #fff;width: 100%;white-space: nowrap;overflow: hidden; text-overflow: ellipsis}
.five .report-filter .library, .five  .report-filter .period, .five  .report-filter .generate, .five  .report-filter .format, .five  .report-filter .section {width: 20%; width: expression(100% / 5);width: calc(100% / 5)}
.report-filter .library, .report-filter .period, .report-filter .generate, .report-filter .format, .report-filter .section { background-color: #e5e5e5;padding: 20px;float: left;margin-right:0;width: 33.3333333%;height: 140px; position: relative }
.four .report-filter .library, .four .report-filter .period, .four .report-filter .generate, .four .report-filter .format, .four .report-filter .section {width: 25%}
.tree .report-filter .period, .book.four .report-filter .section  {padding-left: 20px}
.report-filter .library:after, .report-filter .period:after, .report-filter .format:after, .report-filter .section:after { content: "";display: block;position: absolute;top: 0;right: -40px;z-index: 1; width: 0;height: 0;border-top: 70px solid transparent;border-left:40px solid #e5e5e5;border-bottom: 70px solid transparent;}
.report-filter .period, .report-filter .generate, .report-filter .format, .report-filter .section  {padding-left: 60px}
.report-filter .period {background-color: #D8D8D8}
.report-filter .library:after {border-left-color: #e5e5e5}
.report-filter .generate {background-color: #C7C7C7;margin-right: 0}
.report-filter .period:after {border-left-color: #D8D8D8}
.report-filter .section {background-color: #DFDFDF}
.report-filter .section:after {border-left-color: #DFDFDF}
.report-filter .format {background-color: #D2D2D2}
.report-filter .format:after {border-left-color: #D2D2D2}
.report-filter .period .dropdown-toggle.btn {width: 100%}
.report-filter .generate .btn { width: 100%; box-shadow: 0 0 5px rgba(0,0,0,.4)!important}
.report-filter .library select {display: none}
.report-filter .period .dropdown-menu {width:460px}
.journal .report-filter .library {background-color: #6c9fcc}
.journal .report-filter .library:after {border-left-color: #6c9fcc}
.journal .report-filter .period {background-color: #578ebe}
.journal .report-filter .period:after {border-left-color: #578ebe}
.journal .report-filter .format {background-color: #3d7db5}
.journal .report-filter .format:after {border-left-color: #3d7db5}
.journal .report-filter .section {background-color: #6099CB}
.journal .report-filter .section:after {border-left-color: #6099CB}
.journal .report-filter .generate {background-color: #336c9d}
.book .report-filter .library {background-color: #4cccc3}
.book .report-filter .library:after {border-left-color: #4cccc3}
.book .report-filter .period {background-color: #44b6ae}
.book .report-filter .period:after {border-left-color: #44b6ae}
.book .report-filter .format {background-color: #3ea7a0}
.book .report-filter .format:after {border-left-color: #3ea7a0}
.book .report-filter .section {background-color: #4AC0B8}
.book .report-filter .section:after {border-left-color: #4AC0B8}
.book .report-filter .generate {background-color: #358c86}
.database .report-filter .library {background-color: #9485b0}
.database .report-filter .library:after {border-left-color: #9485b0}
.database .report-filter .period {background-color: #8775a7}
.database .report-filter .period:after {border-left-color: #8775a7}
.database .report-filter .format {background-color: #7c699f}
.database .report-filter .format:after {border-left-color: #7c699f}
.database .report-filter .section {background-color: #917EB3}
.database .report-filter .section:after {border-left-color: #917EB3}
.database .report-filter .generate {background-color: #705c94}
.platform .report-filter .library {background-color: #e9bf88}
.platform .report-filter .library:after {border-left-color: #e9bf88}
.platform .report-filter .period {background-color: #e2b375}
.platform .report-filter .period:after {border-left-color: #e2b375}
.platform .report-filter .format {background-color: #daae73}
.platform .report-filter .format:after {border-left-color: #daae73}
.platform .report-filter .section {background-color: #F2BA6F}
.platform .report-filter .section:after {border-left-color: #F2BA6F}
.platform .report-filter .generate {background-color: #cfa164}
.title .report-filter .library {background-color: #72e0ee}
.title .report-filter .library:after {border-left-color: #72e0ee}
.title .report-filter .period {background-color: #5ad7e7}
.title .report-filter .period:after {border-left-color: #5ad7e7}
.title .report-filter .format {background-color: #56c9d8}
.title .report-filter .format:after {border-left-color: #56c9d8}
.title .report-filter .section {background-color: #72DCEA}
.title .report-filter .section:after {border-left-color: #72DCEA}
.title .report-filter .generate {background-color: #4bbbca}
.report-filter .period .dropdown-toggle, .report-filter .format select { text-align: left;padding: 6px 20px 6px 10px;height: auto;position: relative;height: 31px;  white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.report-filter .period .dropdown-toggle:hover {text-decoration: none}
.report-filter .period .dropdown-toggle:after  {display: block; width: 16px;height: 16px;position: absolute;right: 5px;bottom: 5px;cursor: pointer; font-size: 14px;text-align: center; content: "\f073";  font: normal normal normal 14px/1 FontAwesome;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}  
.report-filter .period .dropdown [date-picker*="end"] {margin-left: 70px}
.report-info img {float: left;margin-right: 20px; width: 55%}
.report-info { padding: 15px; background-color: #fffad9}
.report-info h3 {margin-top: 0}
.report-filter .section  select {display: none}
.report-filter .library div[class*="fa-"] { color: rgba(255, 255, 255, .4);font-size: 160px;position: absolute;top: -25px;left: -10px;  line-height: normal;}
.report-filter .dropdown-toggle { background-color: #fff;color: #333;width: 100%;text-align: left;  border: 1px solid #e5e5e5;  padding-right: 10px;}
.report-filter .dropdown-toggle:hover, .report-filter .dropdown-toggle:focus, .report-filter .dropdown-toggle:active, .report-filter .open>.dropdown-toggle.btn-default { background-color: #fff;    border-color: #999;outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);}
.report-filter .btn-group { display: block; width: 100%}
.report-filter .dropdown-toggle .caret { position: absolute;top: 13px;right: 6px}
.report-filter .multiselect-container { background-color: #fff;top: 30px;width: 99.5%; border: 1px solid #1e90ff; padding: 5px;text-align:left;font-weight: normal;max-height: 400px;overflow-y: auto;}
.report-filter .multiselect-container li>a { background-color: #fff;  padding: 2px 0 2px 5px}
.report-filter .multiselect-container li.active >a { background-color: #fee5db;color: #333;}
.report-filter .multiselect-container li a .checkbox, .report-filter .multiselect-container li a .radio {  min-height: initial;margin-top: 0;margin-bottom: 0;   font-size: 12px;}
.report-filter .multiselect-container li a .checkbox input[type="checkbox"], .report-filter .multiselect-container li a .checkbox input[type="radio"]  { position: relative;margin-left: 0; margin-right: 2px}
.report-filter .multiselect-container li>a:hover {background-color: #1e90ff;color: #fff}
.report-filter .multiselect-container li label {font-weight:normal;padding-left: 0; white-space: nowrap;width: 100%;overflow: hidden;text-overflow: ellipsis;}
.report-filter .multiselect.dropdown-toggle {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.report-filter .multiselect-container li .multiselect-search {margin-bottom: 5px}

.filter-info { margin: 10px 0 30px 0;  min-height: 21px;}
.filter-info h5 { margin: 0 0 5px 0;font-size: 14px}
.filter-info h5 span {font-size: 13px}
.filter-info span {display: inline-block;  font-weight: normal;font-size: 11px;padding: 1px 4px 2px 4px;border: 1px solid #E7E7E7;margin-right: 3px;margin-bottom: 1px;}
.filter-info em {font-style: normal}
.filter-info span a {color: #B5B5B5;margin-left: 3px;text-transform: uppercase;font-size: 10px;cursor: pointer}
.filter-info span a:hover {color: #ED8A65;text-decoration: none}
.form-wizard .progress{ margin-bottom: 20px;  height: 10px}
.form-wizard .steps{padding:5px 0;margin-bottom: 10px;background-color:#fff;background-image:none;filter:none;border:0;box-shadow:none}
.form-wizard .steps li a{background-color:#fff;background-image:none;filter:none;border:0;box-shadow: none;padding: 2px 2px;}
.form-wizard .steps li a:hover, .form-wizard .steps li a:focus {background:none}
.form-wizard .step:hover{text-decoration:none}
.form-wizard .step .number{background-color:#eee;display:inline-block;text-align:center !important;  color: #333;font-size:16px;font-weight:600;padding:6px 10px 13px 10px;margin-right:3px;height:35px;width:35px;-webkit-border-radius:50% !important;-moz-border-radius:50% !important;border-radius:50% !important}
.form-wizard .step .desc{display:inline-block;font-size:11px;font-weight: 600;  color: #333;}
.form-wizard .active .step .number{background-color:#ED8A65;color:#fff}
.form-wizard .active .step .desc{color:#333}
.form-wizard .step i{display:none}
.form-wizard .done .step .number{background-color:#f2ae43;color:#fff}
.form-wizard .done .step .desc{font-weight:400}
.form-wizard .done .step i{font-size:12px;font-weight:normal;color:#999;display:inline-block}
.progress>.progress-bar-default {background-color: #ED8A65}
.form-wizard .progress>.progress-bar-default {background-color: #4EBA3D}
.progress {border-radius: 10px !important}
.form-wizard .author-quicksearch ul li span {width: 15%;width: expression(20% - 30px);width: calc(20% - 30px)}
.form-wizard .author-quicksearch ul li span:first-child {width: 30%}
.form-wizard .author-quicksearch ul li span:last-child {width: 50%}
.form-wizard .author-quicksearch  { height: 300px; max-height: inherit}
.form-wizard .selected-contributors  { height: 334px; max-height: inherit}
.filter-help { font-size: 11px;padding: 5px 5px 5px 10px;font-style: italic;color: #ccc; line-height: 1.2em}
.lib-filter { display: table;width: 100%;}
.lib-publiher, .lib-title, .lib-issn, .lib-date, .lib-count, .lib-my { display: table-cell;padding-left: 10px;padding-right: 10px; vertical-align: top}
.lib-publiher {padding-left: 0; }
.lib-count {padding-right: 0}
.lib-count .items-per-list {float: right}
.lib-filter .lib-date .date-picker {float: left}
.lib-filter .lib-date .date-picker:first-child {margin-right: 10px}
.lib-my label {white-space: nowrap}
.lib-date {width: 270px}
.table-filter .btn-date .btn {background-color: #B8B8B8;}
.saved-filter-icon {display: none }
.toggle-actions { color: #3a6484; float: right}
.table-with-actions.collapsed .action-container span, .table-with-actions.collapsed .action-container em, .table-with-actions.collapsed .action-container .action-title span {display: none}
.table-with-actions.collapsed .action-container {width: 29px}
.table-with-actions.collapsed .action-container .saved-filter-icon {display: inline-block}
.table-with-actions.collapsed .table-responsive {width: 96%;width: expression(100% - 40px);width: calc(100% - 40px)}
.table-with-actions.collapsed .filter-help {display: none !important}
.flatrate {color: #fff;position: relative;text-align: center;}
.flatrate button {background-color: #8bc53f;color: #fff;display: block;border: none;text-transform: uppercase; padding: 26px 30px;z-index: 11;position: relative}
.flatrate.ceelect button { text-transform: none;font-size: 14px; padding: 26px 36px;}
.flatrate .flatrate-info {display: none;background-color: #8bc53f;position: absolute;top: 69px;left: 0;width: 165px;z-index: 10; box-shadow: 0 6px 12px rgba(0,0,0,.175);line-height: 1.3em;padding: 3px 3px 10px 3px;}
.flatrate .flatrate-info strong {display: block;font-size: 30px;font-weight: 400; margin-top: 20px;line-height: 1em;}
.flatrate .flatrate-info strong:first-of-type {margin-top: 0;}
.flatrate .flatrate-info a {background-color: #313B49;color: #fff;display: block;padding: 7px 10px;min-height: inherit;margin-top: 20px;}
.flatrate .flatrate-info a:hover, .flatrate .flatrate-info a:focus {background-color: #dd6d45;text-decoration: none}
.flatrate.red button, .flatrate.red .flatrate-info  {background-color: #e80000}
.flatrate.animated button {  -webkit-animation-name: flash;animation-name: flash;-webkit-animation-duration: 2s;animation-duration: 2s;-webkit-animation-fill-mode: both;animation-fill-mode: both;  -webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;}
@-webkit-keyframes flash {0%, 100% {opacity: 1;}50% {opacity: .6;}}
@keyframes flash {0%, 100% {opacity: 1;}50% {opacity: .6;}}
.flatrate.subscriptions a { background-color: #F3794E;padding: 17px 23px;color: #fff;display: block;border: none;text-transform: uppercase;z-index: 11;position: relative}
.flatrate.subscriptions a:hover {background-color: #dd6d45}
.flatrate.librarian  .flatrate-info {padding: 10px 5px 15px 5px;width: 184px;}
.trial-account { background-color: #a5d6a7;margin: 0 0 10px 0;color: #fff;padding: 0}
.trial-account h4, .trial-account .period, .trial-account .downloads { text-align: center;display: inline-block;padding: 10px 15px;border-right: 1px solid #fff;vertical-align: middle; float: left}
.trial-account h4 {font-size: 28px;padding: 33px 10px;margin: 0;width: 20%; background-color: #66bb6a}
.trial-account .period { width: 30%; background-color: #81c683}
.trial-account .downloads  { width: 49%; border-right: 0}
.trial-account .period, .trial-account .downloads  {font-size: 16px}
.trial-account .period strong, .trial-account .downloads strong { font-size: 20px; font-weight: 600}
.downloads-days > div {float: right}
.downloads-days > div:first-child {float: left}
.trial-account .progress { margin-bottom: 0;height: 15px;}
.trial-account .progress-bar {background-color: #ED8A65 }
.trial-account .period span { display: block;margin-bottom: 5px; font-size: 20px}
.trial-account .downloads .period-days, .trial-account .downloads .period-days strong {font-size: 20px}
.trial-account .downloads .period-days {margin-bottom: 5px}
.progress-striped .progress-bar, .progress-bar-striped {background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size: 40px 40px;background-size: 40px 40px;}
.progress.active .progress-bar, .progress-bar.active {-webkit-animation: progress-bar-stripes 2s linear infinite;-o-animation: progress-bar-stripes 2s linear infinite;animation: progress-bar-stripes 2s linear infinite;}
.trial-account.red {background-color: #e53935}
.trial-account.red h4 {background-color: #c62827}
.trial-account.red .period {background-color: #d32f2e}
.trial-account.red .progress-bar {background-color: #676566}
.cookie-text {background-color: #dddddd;text-align: center; padding: 5px 20px}
.cookie-text a {color: #dd6d45}
.cookie-text button {background-color: #929292;color: #fff;padding: 3px 9px;font-size: 11px;margin-left: 20px}
.heading-help {color: #FFE200 !important}
body.publisher .main-content, body.librarian  .main-content {min-height: 700px}
.page-subtitle {margin-bottom: 30px}
.form-heading { font-weight: 600;font-size: 16px;margin-top: 20px}
.explanation-text {margin: 10px 0 20px 0;font-size: 11px; color: #909090; background-color: #F5F5F5; padding: 5px 10px 5px 40px;position: relative}
.explanation-text i { position: absolute;top: 50%;left: 10px;margin-top: -12px; font-size: 24px; color: #D4D2D2}
.media h4 {margin-top:20px}
.librarian.modal-open .modal-body, .publisher.modal-open .modal-body {max-height: 700px; overflow:auto}
.photo-gallery .img-cover-container { padding: 5px 10px 10px 10px;min-height: 330px;}
.tbl-lib-journal .purchased, .tbl-lib-journal .on-pre-order {width: 29px}
.tbl-lib-journal .price { text-align: right;white-space: nowrap; width: 70px}
.tbl-lib-journal th.price { text-align: center}
.table tbody>tr.nested-table>td { padding: 0;}
.nested-table .table { margin-bottom: 0;width: 100%; }
.table tr.nested-table>td .table, .table tr.nested-table>td .table>tbody>tr>td  {background-color: transparent}
.table tr.nested-table>td .table>tbody>tr>td {border-top: 0px}
.table>tbody>.active:hover>td, .table-striped>tbody>tr.active:nth-child(odd):hover>td {background-color: #e8e8e8}
.table .table {background-color: transparent; margin-bottom: 0; width: 100%;}
.table .table>tbody>tr>td {background-color: transparent}
.table>tbody>tr>td.cell-with-table {padding: 0}
.table .table>tbody>tr:first-child>td { border-top: none}
.table .table>tbody>tr>td:last-child { border-right: none}
.issn {width: 80px;white-space: nowrap;text-align: center}
.annual-sub {width: 230px}
.publisher-cell {width: 220px}
.table>tfoot.total-prices > tr.total-offer.pre-order-subtotal-offer > td, .table>tfoot.total-prices > tr.total-offer.pre-order-price-factor > td{ font-weight: 300; font-size: 13px}
.table>tfoot.total-prices > tr.total-offer.pre-order-subtotal-offer > td {border-top: 1px solid #E7E7E7;font-size: 14px}


.album {padding-top: 20px}
.album-img { margin-top: 30px;}
.album-img li {display: block;float: left;cursor: pointer; width: 16.5%; width: expression(100% / 6);width: calc(100% / 6)}
.album-img li span, .album-img li a {display: block;background-color: #eee;border: 1px solid #fff;height: 230px;position: relative;overflow: hidden}
.album-img li span img, .album-img li a img { display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin:auto;max-height: 90%;max-width: 90%;}
.album-img li a em {height: 0;overflow: hidden; display: block;font-style: normal;position: absolute;left: 0;bottom: -6px;width: 100%;background-color: rgba(255,255,255,.8);padding: 3px 8px;color: #000; font-size: 11px}
.album-img li:hover a em {bottom: 0; height: 52px; -webkit-transition: height .1s ease-in-out; -moz-transition: height .1s ease-in-out;-o-transition: height .1s ease-in-out;transition: height .1s ease-in-out;}
.album-img li a .status {display: none; overflow: hidden;  position: absolute;top: 0;right: 0;background-color: rgba(255,255,255,.8);color: #000;padding: 2px 6px;font-size: 8px;text-transform: uppercase; font-style: normal }
.album-img li:hover a .status {display: block}
.modal-album img {width: 100%}
.modal-album .modal-body {padding: 20px 20px 10px 20px}
.modal-dialog.modal-album {width: 60%}
.modal-album-title { padding: 10px 0 0 0;}
.modal-close {color: #000; text-shadow: 0 1px 0 #fff;opacity: .5;position: absolute;top: 5px;right: 5px;font-size: 26px;padding: 0;background-color: transparent;border: none;line-height: .5em}
.album-page-heading h3 {font-size: 22px; color: #000;margin-top: 0;margin-bottom: 10px;line-height: 0.9em;min-height: 20px}
.album-page-heading h3  a {color: #F3794E;}
.album-page-heading h3  a:hover {text-decoration: none}
.album-tabs {}
.album-tabs li { display: inline-block;vertical-align: middle;padding: 4px 10px;margin: 5px 5px 0 0;border: 1px solid #a1a1a1;color: #333;font-size: 14px; background-color: #fff}
.album-tabs li.active, .album-tabs li:hover {border: 1px solid #F3794E; color: #F3794E}
.album-tabs li:hover { cursor: pointer; box-shadow: 0 0 5px rgba(0,0,0,.2)}
.album-tabs li.active:hover { cursor: default;box-shadow:none}
.related-content h3 { font-size: 18px;margin: 0 0 20px 0; color: #F3794E }
.related-content a { display: block;color: #000;font-weight: 500;font-size: 15px;position: relative;margin-bottom: 5px;padding: 0 5px 5px 30px; border: 1px solid #E5E5E5; }
.related-content a:hover, .related-content a:hover span {text-decoration: none;}
.related-content a:hover  {background-color: #fee5db}
.related-content a i { display: inline-block;margin-right: 5px;position: absolute;top: 3px; left: 3px}
.related-content a span {color: #999;display: block;font-size: 12px;line-height: 1.3em; margin-bottom: 4px;}
.related-content a strong { display: block;font-weight: 400;margin-bottom: 5px; line-height: 1.3em;font-size: 14px; margin-top: 5px;}
.related-content a em { display: block;font-weight: 400;font-size: 12px; font-style: normal}
.sp-offer-total { text-align: right;font-weight: 600;padding-right: 73px;margin: 0 0 10px 0;font-size: 20px;padding-top: 10px;}
.lib-packages .sp-offer-total {border-bottom: 2px solid #DBDBDB;margin: 30px 0 5px 0;padding-bottom: 5px;font-size: 22px;padding-right: 172px;}
.lib-packages h4 { margin-bottom: 5px;font-weight: 600;font-size: 17px; margin-top: 30px;border-bottom: 1px solid #FFD2C2; padding-bottom: 5px;width: 99%}
.lib-packages ul.total-prices {margin-right: 0}
.lib-packages ul.total-prices li { padding: 2px 90px 2px 10px;}
.lib-packages ul.total-prices li.subtotal-offer {padding-top: 5px;}
.lib-packages .buttons-bar { clear: both; margin-top: 20px}

.modal-arrow { position: absolute;top: 46%;color: #fff;opacity: .8;font-size: 30px; cursor: pointer}
.modal-arrow.left {left: -30px}
.modal-arrow.right {right: -30px}
.modal-arrow:hover {opacity: 1}
.filter-album { float: right;width: 22.2%;margin-top: 5px;}
.artists {margin-bottom: 10px}
.artists li { display: inline-block;padding: 2px 6px;border: 1px solid #C3C3C3;color: #6B6B6B;background-color: #fff;font-size: 10px;margin: 0 3px 3px 0; cursor: pointer}
.artists li.active, .artists li:hover {border: 1px solid #F3794E;color: #dd6d45;background-color: #fff;}
.artists li.active {cursor: default}
.artists li:hover {box-shadow: 0 0 5px rgba(0,0,0,.2)}
.artists-container { padding-top: 10px;border-top:1px solid #E8E8E8}
.artists-container .artists { float: right; margin-top: 5px}
.artists-container .album-tabs {float: left}
.album-item-per-page {float: right;  margin-left: 15px;display: inline-block;width: 155px;margin-top: 2px;margin-bottom: 5px;text-align: right}
.album-item-per-page select {display: inline-block; margin-left: 3px;width: 55px;}
.album-item-per-page span {display: inline-block;padding-top: 5px; font-size: 11px}
.album .buttons-bar {border-top-color: #E8E8E8;margin-top: 30px}
.ng-table-pager.album {padding-top: 30px; padding-bottom: 10px;}
.browse-by-pub-letters { text-align: left;float: left;width: 70%; width: calc(100% - 310px)}
.browse-by-pub-letters li { display: inline-block; float: left}
.browse-by-pub-letters li a {display: inline-block;vertical-align: middle;text-align: center;float: left; padding: 6px 9px;margin: 0 4px 4px 0;border: 1px solid #CCCCCC;color: #333;font-size: 14px;background-color: #fff;min-width: 37px; text-transform: uppercase}
.browse-by-pub-letters li.active a, .browse-by-pub-letters li:hover a {border: 1px solid #F3794E;color: #F3794E;text-decoration: none}
.browse-by-pub-letters li:hover a {box-shadow: 0 0 3px rgba(0,0,0,.3)}
.browse-by-pub-letters li.active:hover a { box-shadow: none;cursor: default}
.browse-by-pub-filter {margin-bottom: 20px;margin-top: 20px;}
.browse-by-pub-btn { float: left; width: 200px}
.browse-by-pub-btn .btn {padding: 24px 24px;font-size: 16px}
.publisher-countries {margin-top: 10px}
.publisher-countries li {display: block;  float: left;width: 33.333333%;width: calc(100% / 3);padding: 0 5px;font-size: 14px;vertical-align: middle;}
.publisher-countries li span { display: block;cursor: pointer;padding: 0 5px 0 7px;border: 1px solid #CCCCCC;color: #333;font-size: 13px; font-weight: 600;background-color: #fff;vertical-align: middle; margin-bottom: 10px}
.publisher-countries li span:hover {border: 1px solid #F3794E;color: #F3794E;text-decoration: none;box-shadow: 0 0 3px rgba(0,0,0,.3)}
.publisher-countries li span img { display: inline-block;width: 26px;margin-right: 5px }
.btn.btn-lg {font-size: 18px; padding: 14px 26px;}
#listSpecialOfferItems h4 { margin-bottom: 0;margin-top: 0;}
#listSpecialOfferItems table caption { margin-bottom: 0;margin-top: 0; font-size: 18px;text-align: left;color: #F3794E; font-weight: 600;}
#listSpecialOfferItems .table-responsive {margin-bottom: 50px;}
.bootstrap-select .dropdown-menu li.selected a { background-color: #F3794E; color: #fff}
.bootstrap-select .dropdown-menu li a span, .bootstrap-select .btn span { display: inline-block;width: 20px;height: 20px; margin-right: 3px;position: relative;}
.bootstrap-select .dropdown-menu li a span:before { content: "No Img";display: block;position: absolute;width: 20px;height: 14px;text-align: center;background-color: #ECECEC;padding-top: 2px;color: #7D7D7D;font-size: 5px; }
.bootstrap-select .dropdown-menu li a span img, .bootstrap-select .btn span img { width: 100%;position: relative; top: -2px}
.bootstrap-select .dropdown-menu>li>a { padding: 3px 5px;font-size: 13px;}
.bootstrap-select .dropdown-menu li a span img { position: relative; top: -2px}
.bootstrap-select .btn{height: 24px;display: block;width: 100%;padding: 1px 5px;font-size: 13px;line-height: 1.428571429;color: #555;vertical-align: middle;background-color: #fff;background-image: none;border: 1px solid #ccc;}
.bootstrap-select .btn:focus{border-color: #66afe9;outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);}
.bootstrap-select.btn-group .btn .filter-option { left: 5px;}
.browse-by-pub-filter .bootstrap-select { float: left;margin-right: 20px; margin-top: 5px;}
input[type="radio"][disabled], input[type="checkbox"][disabled], .radio[disabled], .radio-inline[disabled], .checkbox[disabled], .checkbox-inline[disabled] {opacity: .8;}
td.disabled {color: #6D6D6D}



.manuals {margin: 0;padding: 0;text-align: center; }
.manuals li {display: inline-block;margin: 20px 10px 20px 10px;line-height: 0;vertical-align: middle}
.manuals li a {display: block; text-align: center;width: 200px;height: 200px;line-height: 1.3em; background-color: #FAFAFA;border: 1px solid #ddd;padding: 20px 20px 100px 20px;color: #333;font-weight: 700;position: relative; font-size: 13px}
.manuals li a:hover {background-color: #fee5db;text-decoration: none;transform: scale(1.03); box-shadow: 0 0 7px rgba(0,0,0,.1)}
.manuals li a img { position: absolute;display: block;margin: 0 auto;left: 0;right: 0; bottom: 20px }
.virtual-keybord-dlg {width: 900px !important}


.archive-chapter-table tr td{
    font-size: 10px;
    padding: 0 5px;
}

.archive-chapter-table tr td .pdf-download {
    display:block;
    width:100px;
    height:16px;
    float:right;
}
.archive-pdf-download {
    margin-bottom:50px;
    overflow:visible;
}

.archive-chapter-table tr td .pdf-download i {
        padding:2px 3px;
}

@media screen and (min-width: 768px) {
    .modal-dialog {width: 800px}
    .dlg-message {width: 500px}
}
@media (max-width: 767px) {
    .container,.header-container, .search-container, .footer-container, .copyright-container, .navigation-container {width: 480px}
    .main-search-input {width: 170px; margin-left: 0}
    a.btn-advance-search {padding: 7px 5px; margin-left: 15px}
    .main-search-option {width: 100px}
    .shopping-list .book-description {width: 100%;float: left;margin-top: 10px;text-align: left; padding-right: 0}
    .section, .secondary-menu, .search-result-filter, .search-result-list {float: none; width: 100%}
    .copyright .social-links {margin-top: 10px}
    .items-per-list {width: 100%}
    .table-filter {margin-bottom: 20px}
    .table-filter div[class*=col-], .modal-body .form-control {margin-bottom: 5px}
    .collapsed .secondary-menu {width: auto;position: relative;left: 0;margin-bottom: 20px}
    .collapsed .secondary-menu h2 {padding: 8px 22px;width: auto;height: auto}
    .collapsed .secondary-menu h2 span {display: block}
    .collapsed .section  {padding-left: 0}
    .page-404 > div {float: none;width: 100%; display: none}
    .page-404 > div.number, .page-404 > div.details {display: block}
    .developed-by-link, .terms-links  {margin-left: 0;float: none; text-align:center}
    .book-details,.gl-details, .journal-details, .article-details, .chapter-details, .related-content, .book-detail-description, .gl-detail-description, .journal-detail-description, .article-detail-description, .chapter-detail-description, .book-cover, .gl-cover, .journal-cover, .article-cover, .chapter-cover, .table-with-actions .table-responsive, .table-with-actions .action-container  {float: none; width:100%}
    .nav-tabs>li {float: none}
    .nav-tabs > li > a {border-bottom: 1px solid #fff;margin-right: 0;font-size: 14px}
    .nav-tabs > li > a, .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {border-top: none;border-bottom: 1px solid #fff}
    .subjects-footer, .institutional-subscription, .about-us, .contact-us, .connect-us {width: 100%;float: none;padding-left: 0; margin-bottom: 40px}
    .modal-dialog.login-dlg {width: auto}
    .fileupload-conteiner .pdf-upload, .btn-add-issue   {width: 100%;margin-left: 0}
    .equal-height {margin-top: 20px;margin-bottom: 10px;padding-bottom: 10px}
    .img-cover-container {margin-top: 20px}
    .ie10 .fileupload-conteiner .pdf-upload, .ie9 .fileupload-conteiner .pdf-upload {height: auto}
    .main-search form span {left: 10px}
    .text-2-col, .text-3-col, .text-4-col  { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1;}
    .tab-pane-footer p { margin-bottom: 10px;}
    .archive-pdf-download {overflow-x:auto;overflow-y:hidden;}
    .homepage { float: none;margin-left: 0;}
    .home-menu {width: auto}
    .home-menu li {float: none;margin: 0 15px 15px 15px; width: auto; min-height:100px;text-align: left; height: auto}
    .page-sidebar {width: auto;float: none;  position: relative;min-height: inherit;min-height: 100%; margin-bottom: 20px}
    .page-sidebar-menu {min-height: 100%; }
    .wrapper {padding-bottom: 95px}
    .report-filter .library, .report-filter .period, .report-filter .generate,.report-filter .section, .report-filter .format, .five .report-filter .library, .five  .report-filter .period, .five  .report-filter .generate, .five  .report-filter .format, .five  .report-filter .section, .four .report-filter .library, .four .report-filter .period, .four .report-filter .generate, .four .report-filter .format, .four .report-filter .section { float: none;padding: 20px;margin-bottom: 20px;width: 100%}
    .report-filter .library:after, .report-filter .period:after, .report-filter .section:after,.report-filter .format:after {display: none}
    .report-info img { float: none;margin: 0 0 20px 0; width: 100%}
    .form-wizard .steps>li>a{text-align:left}
    .form-wizard .author-quicksearch, .form-wizard .selected-contributors  {height: auto}
    .lib-filter {display: block}
    .lib-publiher, .lib-title, .lib-issn, .lib-date, .lib-count, .lib-my { display: block;padding: 0;margin-bottom: 5px}
    .lib-date {width: 100%}
    .lib-date:before,  .lib-date:after, .lib-filter:before,  .lib-filter:after {content:""; display:table}
    .lib-date:after, .lib-filter:after {clear:both}
    .lib-date, .lib-filter {zoom:1}
    .lib-count, .lib-my { width: 40%; float: left}
    .lib-count {float: right}
    .lib-count .items-per-list { float: right; width: auto}
    .modal-open {overflow-y: hidden !important}
    .logo {width: 60px;overflow: hidden;}
    .logo img {width: auto; max-height: 36px;}
    .album-page-heading h3 { width: 100%;margin-bottom: 15px; float: none}
    .filter-album { width: 100%;float: none; margin-top: 10px}
    .album-tabs { margin-left: 0; width: 100%;float: none}
    .album-img li {width: 100%;float: none}
    .login-links li:first-child a {min-width: 84px}
    .login-links li a { padding: 8px 15px 8px 15px; min-height: 54px;}
    .login-links li a i {font-size: 24px;}
    .login-links li a strong { font-size: 10px;}
    .publisher-countries li {float: none;width: 100%;}
    .browse-by-pub-letters { float: none; width: 100%}
    .browse-by-pub-filter .bootstrap-select {margin-right: 100%;margin-bottom: 25px;}
     .virtual-keybord-dlg {width: 90% !important}
}
@media (max-width: 500px) {
    .container,.header-container, .search-container, .footer-container, .copyright-container, .navigation-container {width: 100%}
    .main-search-input {width: 100%;margin-bottom: 10px}
    .main-search-option {margin-left: 0}
    .btn-advance-search, a.btn-advance-search {float: right;width: auto;padding: 7px 17px;margin-left: 0}
    .login-links li a {padding: 13px 15px 8px 15px}
}
@media (min-width: 768px) and (max-width: 991px) {
    .virtual-keybord-dlg {width: 90% !important}
    .container {width: 100%}
    .main-search-input {width: 340px; margin-left: 0}
    .section, .secondary-menu, .search-result-filter, .search-result-list {float: none; width: 100%}
    .copyright .social-links {margin-top: 10px}
    .collapsed .secondary-menu {width: auto;position: relative;left: 0;margin-bottom: 20px}
    .collapsed .secondary-menu h2 {padding: 8px 22px;width: auto;height: auto}
    .collapsed .secondary-menu h2 span {display: block}
    .collapsed .section  {padding-left: 0}
    .page-404 > div.number {font-size: 100px}
    .page-404 > div.details h3 {font-size: 20px; margin-top: 0}
    .developed-by-link, .terms-links {margin-left: 0;float: none;text-align: center}
    .book-details, .gl-details, .journal-details, .article-details, .chapter-details, .related-content {float: none; width:100%}
    .subjects-footer, .institutional-subscription, .connect-us, .contact-us {width: 50%}
    .contact-us {padding-left: 0}
    .about-us  {width: 100%}
    .fileupload-conteiner .img-cover-btns .btn {text-align: center}
    .fileupload-conteiner .img-cover-btns .btn span {display: none}
    .fileupload-conteiner .img-cover-btns .btn i {margin-right: 0}
    .fileupload-conteiner .pdf-upload-btns .btn {text-align: center}
    .fileupload-conteiner .pdf-upload-btns .btn span {display: none}
    .fileupload-conteiner .pdf-upload-btns .btn .fa {margin-right: 0}
    .fileupload-conteiner .pdf-upload-btns {width: 40px}
    .fileupload-conteiner .pdf-upload {padding-right: 45px}
    .ie10 .fileupload-conteiner .pdf-upload, .ie9 .fileupload-conteiner .pdf-upload {height: auto}
    .table-with-actions .table-responsive {width: 75%; width: expression(100% - 160px);width: calc(100% - 160px)}
    .main-search form span {left: 100px}
    .text-2-col, .text-3-col, .text-4-col  { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1;}
    .archive-pdf-download {overflow-x:auto;overflow-y:hidden;}
    .page-sidebar {width: auto;float: none;  position: relative;min-height: inherit;min-height: 100%; margin-bottom: 20px}
    .page-sidebar-menu {min-height: 100%; }
    .home-menu li {width: 220px; height:210px}
    .home-menu li h3 {padding-top: 5px; padding-bottom: 5px}
    .home-menu li h3 a {font-size: 15px; padding: 5px 0 5px 5px}
    .home-menu li h3 a .fa { font-size: 18px; top:0px}
    .home-menu li > a {padding: 4px 2px 4px 30px;font-size: 12px}
    .home-menu li > a.first {padding-top: 0}
    .wrapper {padding-bottom: 95px}
    .report-filter .library, .report-filter .period, .report-filter .generate, .report-filter .section,.report-filter .format, .five .report-filter .library, .five  .report-filter .period, .five  .report-filter .generate, .five  .report-filter .format, .five  .report-filter .section, .four .report-filter .library, .four .report-filter .period, .four .report-filter .generate, .four .report-filter .format, .four .report-filter .section { float: none;padding: 20px;margin-bottom: 20px;width: 100%}
    .report-filter .library:after, .report-filter .period:after, .report-filter .section:after,.report-filter .format:after  {display: none}
    .report-info img { float: none;margin: 0 0 20px 0; width: 100%}
    .form-wizard .step .desc{margin-top:10px;display:block}
    .modal-open {overflow-y: hidden !important}
    .librarian .logo span, .publisher .logo span, .photo-gallery .logo span {font-size: 13px}
    .album-page-heading h3 { width: 100%;margin-bottom: 15px; float: none}
    .filter-album { width: 100%;float: none; margin-top: 10px}
    .album-tabs { margin-left: 0; width: 100%;float: none}
    .album-img li {width: 24.5%;width: expression(100% / 4);width: calc(100% / 4);}
    .logo {width: 45%;}
    .logo img {width: 100%}
    .browse-by-pub-letters { float: none; width: 100%}
    .browse-by-pub-filter .bootstrap-select {margin-right: 100%;margin-bottom: 25px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .container,.header-container, .search-container, .footer-container, .copyright-container, .navigation-container {width: 960px}
    .main-search-input {width: 470px;margin-left: 50px}
    a.btn-advance-search {margin-left: 20px; padding: 7px 10px}
    .main-search-input { margin-left: 120px; width: 460px}
    .secondary-menu {width: 240px}
    .section {width:71%; width: expression(100% - 265px);width: calc(100% - 265px)}
    .search-result-filter {width: 260px}
    .search-result-list {width:69%; width: expression(100% - 280px);width: calc(100% - 280px)}
    .row.row-form {margin-left: -10px;margin-right: -10px}
    .row-form > div[class*=col-] {padding-left: 10px; padding-right: 10px}
    .page-404 > div.number {font-size: 140px}
    .developed-by-link {margin-left: 90px}
    .book-details, .gl-details, .journal-details, .article-details, .chapter-details, .related-content {float: none; width:100%} 
    .subjects-footer, .institutional-subscription, .contact-us {width: 25%}
    .fileupload-conteiner .img-cover-btns .btn {text-align: center}
    .fileupload-conteiner .img-cover-btns .btn span {display: none}
    .fileupload-conteiner .img-cover-btns .btn i {margin-right: 0}
    .fileupload-conteiner .pdf-upload-btns .btn {text-align: center}
    .fileupload-conteiner .pdf-upload-btns .btn span {display: none}
    .fileupload-conteiner .pdf-upload-btns .btn .fa {margin-right: 0}
    .fileupload-conteiner .pdf-upload-btns {width: 40px}
    .fileupload-conteiner .pdf-upload {padding-right: 45px}
    .book-detail-description, .gl-detail-description, .journal-detail-description, .article-detail-description, .chapter-detail-description {width: 78%;  width: expression(100% - 200px);width: calc(100% - 200px)}
    .table-with-actions .table-responsive {width: 75%; width: expression(100% - 160px);width: calc(100% - 160px)}
    .main-search form span {left: 300px}

    .home-menu li {width: 220px; height:210px}
    .home-menu li h3 {padding-top: 5px; padding-bottom: 5px}
    .home-menu li h3 a {font-size: 15px; padding: 5px 0 5px 5px}
    .home-menu li h3 a .fa { font-size: 18px; top:0px}
    .home-menu li > a {padding: 4px 2px 4px 30px;font-size: 12px}
    .home-menu li > a.first {padding-top: 0}
    .page-sidebar { width: 240px; margin-bottom: 20px}
    .report-filter .library, .report-filter .period, .report-filter .generate, .report-filter .section,.report-filter .format, .five .report-filter .library, .five  .report-filter .period, .five  .report-filter .generate, .five  .report-filter .format, .five  .report-filter .section, .four .report-filter .library, .four .report-filter .period, .four .report-filter .generate, .four .report-filter .format, .four .report-filter .section { float: none;padding: 20px;margin-bottom: 20px;width: 100%}
    .report-filter .library:after, .report-filter .period:after, .report-filter .section:after,.report-filter .format:after  {display: none}
    .report-info img { float: none;margin: 0 0 20px 0; width: 100%}
    .form-wizard .step .desc{margin-top:10px;display:block}
    .modal-open {overflow-y: hidden !important}
    .librarian .logo span, .publisher .logo span, .photo-gallery .logo span {font-size: 13px}
}
@media (min-width: 768px) and (max-width: 1400px) {
    .small-label {white-space: nowrap;overflow: hidden;text-overflow: ellipsis; width: 100%}
    .input-group div.form-control div {width:150px}
    .tab-pane-footer p { margin-bottom: 10px; width: 200px;  padding-top: 0}
}
@media (min-width: 1200px) and (max-width: 1499px) {
    .container,.header-container, .search-container, .footer-container, .copyright-container, .navigation-container {width: 960px}
    .main-search-input {width: 470px;margin-left: 50px}
    a.btn-advance-search {margin-left: 20px; padding: 7px 10px}
    .main-search-input { margin-left: 120px; width: 460px}
    .secondary-menu {width: 240px}
    .section {width:71%; width: expression(100% - 265px);width: calc(100% - 265px)}
    .search-result-filter {width: 260px}
    .search-result-list {width: expression(100% - 280px);width: calc(100% - 280px)}
    .row.row-form {margin-left: -10px;margin-right: -10px}
    .row-form > div[class*=col-] {padding-left: 10px; padding-right: 10px}
    .page-404 > div.number {font-size: 140px}
    .developed-by-link {margin-left: 90px}
    .modal-packages {width: 960px}
    .book-details, .gl-details, .journal-details, .article-details, .chapter-details,  .related-content  {float: none; width:100%}
    .fileupload-conteiner .img-cover-btns .btn {text-align: center}
    .fileupload-conteiner .img-cover-btns .btn span {display: none}
    .fileupload-conteiner .img-cover-btns .btn i {margin-right: 0}
    .fileupload-conteiner .pdf-upload-btns .btn {text-align: center}
    .fileupload-conteiner .pdf-upload-btns .btn span {display: none}
    .fileupload-conteiner .pdf-upload-btns .btn .fa {margin-right: 0}
    .fileupload-conteiner .pdf-upload-btns {width: 40px}
    .fileupload-conteiner .pdf-upload {padding-right: 45px}
    .search-result-list {width:69%; width: expression(100% - 280px);width: calc(100% - 280px);}
    .book-detail-description, .gl-detail-description, .journal-detail-description, .article-detail-description, .chapter-detail-description {width: 78%;  width: expression(100% - 200px);width: calc(100% - 200px)}
    .table-with-actions .table-responsive {width: 75%; width: expression(100% - 160px);width: calc(100% - 160px)}
    .main-search form span {left: 300px}
    .report-filter .library, .report-filter .period, .report-filter .generate, .report-filter .section,.report-filter .format, .five .report-filter .library, .five  .report-filter .period, .five  .report-filter .generate, .five  .report-filter .format, .five  .report-filter .section, .four .report-filter .library, .four .report-filter .period, .four .report-filter .generate, .four .report-filter .format, .four .report-filter .section { float: none;padding: 20px;margin-bottom: 20px;width: 100%}
    .report-filter .library:after, .report-filter .period:after, .report-filter .section:after,.report-filter .format:after  {display: none}

    .home-menu li {width: 220px; height:210px}
    .home-menu li h3 {padding-top: 5px; padding-bottom: 5px}
    .home-menu li h3 a {font-size: 15px; padding: 5px 0 5px 5px}
    .home-menu li h3 a .fa { font-size: 18px; top:0px}
    .home-menu li > a {padding: 4px 2px 4px 30px;font-size: 12px}
    .home-menu li > a.first {padding-top: 0}
    .page-sidebar {width: 240px}
    .librarian .logo span, .publisher .logo span, .photo-gallery .logo span {font-size: 13px}
}
@media (min-width: 992px) and (max-width: 1499px) {
    .lib-filter {display: block}
    .lib-publiher, .lib-title, .lib-issn, .lib-date, .lib-count, .lib-my { display: block;padding: 0;margin-bottom: 5px;float: left; width: 28.3%}
    .lib-publiher, .lib-title {margin-right: 20px}
    .lib-publiher {width:  37.3%;}
    .lib-issn {float: right}
    .lib-date { width: 40%;float: left; margin-bottom: 0}
    .lib-date:before,  .lib-date:after, .lib-filter:before,  .lib-filter:after {content:""; display:table}
    .lib-date:after, .lib-filter:after {clear:both}
    .lib-date, .lib-filter {zoom:1}
    .lib-count, .lib-my {width: 25%;float: left; margin-bottom: 0}
    .lib-count {float: right}
    .lib-count .items-per-list {float: right}
    .album-page-heading h3 { width: 100%; margin-bottom: 15px}
    .filter-album {width: 20%}
    .album-tabs {margin-left: 0}
    .album-img li {width: 24.5%;width: expression(100% / 4);width: calc(100% / 4);}
}
@media (min-width: 1500px) {
    .container,.header-container, .search-container, .footer-container, .copyright-container, .navigation-container {width: 1400px}
    .modal-packages {width: 960px}
}