.ContentPane {
    position: relative;
}
.not-authorized-message-container{
    width:100% !important;
    border: none !important;
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    margin-bottom: 0px !important;
}
.not-authorized-message {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    padding: 15px;
    border-radius: 5px;
    margin-left: 0;
    font-weight: bold;
    font-size: 0.9rem !important;
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 50%;
}
.filter-link {
    display: inline-block;
    color: #414751 !important;
    font-size: 13px;
    font-weight: bold;
}
.filter-link:not(:last-of-type)::after {
    content: "/";
    color: #414751 !important;
    font-size: 13px;
    font-weight: bold;
    display: inline-block;
    margin: 0 5px;
}
.dx-treeview-toggle-item-visibility::before {
    color: #414751 !important;
}
.danger-color {
    color: #b61f29 !important
}

.expandable {
	width: 24px;
	overflow: hidden;
	display: inline-flex !important;
	background: transparent !important;
	-ms-transition-property: width;
	-o-transition-property: width;
	transition-property: width;
	-ms-transition-duration: .3s;
	-o-transition-duration: .3s;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}
.expandable:hover {
	width: 99%;
	-ms-transition-property: width;
	-o-transition-property: width;
	transition-property: width;
	-ms-transition-duration: .3s;
	-o-transition-duration: .3s;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}
.expandable input {
	background: transparent !important;
}
.expandable,
.expandable * {
	font-size: inherit !important;
	padding: 0 !important;
	margin: 0 !important;
	min-height: 0 !important;
}
.expandable:before,
.expandable:after {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.card-header .btn[aria-expanded=true],
.card-header a[aria-expanded=true] {
	color: #fff;
	background-color: #5a616b;
}
.form-control {
	padding: 0.375rem 0.75rem;
	-ms-border-radius: 0;
	border-radius: 0;
}
.form-control:valid,
.form-control:valid:focus,
.form-control:invalid,
.form-control:invalid:focus,
.is-valid,
.is-valid:focus,
.is-invalid,
.is-invalid:focus {
	background-image: none !important;
	border: 1px solid #ced4da;
	padding: 0.375rem 0.75rem;
}
.btn {
	white-space: nowrap;
}

/*.form-control:focus {
	box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25) !important;
}*/
.modal-content {
	padding: 40px;
}
.label-margin{
    margin-left:33px;
}
.v-select .dropdown-toggle {
    width:170px;
}
.advanced-tap .v-select .dropdown-toggle {
    width: 300px !important;
}
.company-section .v-select .dropdown-toggle {
    width: 520px !important;
}
.custom-select:focus {
/*    outline: 0;
    box-shadow: none !important;
    border: none !important;
    border-bottom: 2px solid #57ab31 !important;*/
}
.btn-danger:focus, .btn-danger.focus {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130;
    box-shadow:none;
}
.bootstrap-select .dropdown-toggle:focus, .bootstrap-select > select.mobile-device:focus + .dropdown-toggle {
    outline: none !important;
    outline: none !important;
    outline-offset: -2px;
}
.collapse .form-inline .input-group, .form-inline .custom-select {
    margin-left: 50px !important;
    margin-top: 28px !important;
}
.collapse .form-inline .input-group span{
    width:30%;
}
.collapse .form-inline .input-group span:first-child {
    margin-right: 1%;
}
.collapse .form-inline .input-group span input {
    width: 100%;
}
.collapse .form-inline .input-group button[type="submit"] {
    height: 34px;
    margin-left: 0px;
}
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active:active {
    color: #fff !important;
    background-color: #57ab31;
    border-color: #57ab31;
}
.datepicker table tr td.active.active.focus,
.datepicker table tr td.active.active:focus,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active.highlighted.active.focus,
.datepicker table tr td.active.highlighted.active:focus,
.datepicker table tr td.active.highlighted.active:hover,
.datepicker table tr td.active.highlighted:active.focus,
.datepicker table tr td.active.highlighted:active:focus,
.datepicker table tr td.active.highlighted:active:hover,
.datepicker table tr td.active:active.focus,
.datepicker table tr td.active:active:focus,
.datepicker table tr td.active:active:hover {
    color: #fff !important;
    background-color: #57ab31;
    border-color: #57ab31;
}
.modal-footer > *{
    margin:0;
}
.panel-title a{
    text-decoration:none
}
.panel-title a::after {
    content: "";
    border-top: 5px solid #414751;
    border-right: 5px solid #57ab3100;
    border-bottom: 5px solid #57ab3100;
    border-left: 5px solid #57ab3100;
    margin-left: 6px;
    display: inline-block;
    line-height: 22px !important;
    position: relative;
    top: 3px;
}
.panel-title a:hover::after  {
    content: "";
    border-top: 5px solid #57ab31;
    border-right: 5px solid #57ab3100;
    border-bottom: 5px solid #57ab3100;
    border-left: 5px solid #57ab3100;
}
/* LoanManagement */
.select-box-block .v-select .dropdown-toggle {
    border-radius: 0px;
    width: 100%;
    height: 38px;
}
.select-box-block .v-select .dropdown-toggle .vs__selected-options{
    height:36px;
}
.custom-select-box .dropdown-toggle{
    width:100%;
    border-radius:0;
}
.modal-xl .modal-content {
    background-color: white;
    width: auto;
    color: #414751;
    top: 5% !important;
    height: auto !important;
    padding: 0px !important;
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
}

/*User Product tables hightlight*/
.UserProductsModule .application--wrap .masterGrid table thead tr th:focus,
.UserProductsModule .application--wrap .masterGrid table tbody tr:focus {
    outline: 1px solid #57ab31;
}
body .mx-datepicker-body .mx-calendar-header button.mx-btn {
    position: relative !important;
    top: .8rem !important;
}
body .mx-datepicker-body .mx-calendar-header button.mx-btn:focus {
    outline: none !important;
}

/*User Product tables hightlight*/

p[data-v-47a7031d] {
    margin: 0 !important;
}
.validation-error[data-v-47a7031d] {
     color: #dc3545;
}


.Main_Title {
    font-size: 18px;
    color: #414751;
    font-weight: bold;
    line-height: 22px;
}
.ElasticData_ID {
    font-size: 14px;
}
.ElasticData_Publisher {
    font-size: 15px;
}
.ElasticData_Author {
    color: #414751 !important;
    font-size: 13px;
    font-weight: bold;
}
.ElasticData_Price {
    color: #cb060b;
    font-size: 18px;
    font-style: normal;
    font-weight: bold;
}
.card {
    border: none !important;
    border-bottom: 1px solid #e5e5e5 !important;
}
p.card-text {
    margin-bottom: 0.5rem !important;
}
.cart-img {
    width: 30px;
    position: relative;
    top: -2px
}
.cart-loader {
    width: 32px;
}

/* Green Circle */
.Available {
    height: 12px;
    width: 12px;
    background-color: #90c153;
    border-radius: 50%;
    display: inline-block;
    margin-left: 95px;
    margin-top: 5px;
    float: right;
}

/* Red Circle */
.NotAvailable {
    height: 12px;
    width: 12px;
    background-color: #f52d00;
    border-radius: 50%;
    display: inline-block;
    margin-left: 95px;
    margin-top: 5px;
    float: right;
}

/* Orange Circle */
.WillBeOrderable {
    height: 12px;
    width: 12px;
    background-color: #fcb23f;
    border-radius: 50%;
    display: inline-block;
    margin-left: 95px;
    margin-top: 5px;
    margin-bottom: 10px;
    float: right;
}
.imageModal {
    width: 100vw !important;
    height: 100% !important;
}
.close {
    padding: 10px 24px;
}
.pdf-icon {
    font-size: 25px;
    cursor: pointer !important;
}
.dx-icon-check {
    font-size: 21px;
    background-color: #57ab31;
    color: #fff;
    padding: 9px;
    border-radius: 50%;
    margin-right: 10px;
}
.dx-icon-remove {
    font-size: 21px;
    background-color: #B61F29;
    color: #fff;
    padding: 9px;
    border-radius: 50%;
    margin-right: 10px;
}
.price-type-discount, span.price-amount-discount {
    text-decoration: line-through;
    opacity: 0.6;
}
.price-discount-text {
    font-family: 'Open Sans', sans-serif;
    color: #727777;
    font-weight: bold;
    font-size: 14px;
}


p[data-v-72ec1276] {
	margin: 0 !important;
}




.expander {
    cursor: pointer;
    text-decoration: underline !important;
}
.expander:hover {
        color: #cb060b !important;
}
.tab-header {
    background-color: #eee !important;
    border: 1px solid rgba(0, 0, 0, 0.125);
    color: #414751 !important;
}
.tab-header:hover {
        background-color: #eee !important;
        border: 1px solid rgba(0, 0, 0, 0.125);
        color: #cb060b !important;
}
.tab-header:focus {
        background: #5a616b !important;
        border: 1px solid rgba(0, 0, 0, 0.125);
        color: #fff !important;
}
.card-area-body {
    border: hidden !important;
    background-color: #fff !important;
    border-bottom: hidden !important;
    border-top: hidden !important;
    padding: 0px;
}
.p-1 {
    border: hidden !important;
    background-color: #fff !important;
}
.relatedProduct {
    font-size: 12px;
    font-weight: bold;
    margin-left: 20px;
    cursor: pointer;
    text-decoration: underline !important;
}

/*        .relatedProduct:hover {
        color: #cb060b !important;
        text-decoration: underline !important;
    }*/
.PdfLinks {
    cursor: pointer;
    text-decoration: underline !important;
}
.PdfLinks:hover {
        text-decoration: underline !important;
}
.biographicalTableLable {
    text-align: left;
    font-weight: bold;
    width: 12%;
    padding-bottom: 15px;
    vertical-align: top;
}
.biographicalTableLable span:after {
        content: ":";
}
.biographicalTableValue {
    text-align: left;
    vertical-align: top;
    padding-bottom: 15px;
}
.keywordTableLable {
    text-align: left;
    font-weight: bold;
    width: 12%;
    padding-bottom: 15px;
    vertical-align: top;
}
.keywordTableLable-tr {
    padding-bottom: 1px !important;
    padding-left: 30px;
}
.keywordTableLable-tr-key {
    font-weight: bold;
}
.keywordTableValue {
    text-align: left;
    vertical-align: top;
    padding-bottom: 15px;
}
.custom-split:not(:last-of-type)::after {
    content: ', ';
}
.biographicalTableValue p {
    margin-bottom: 0px !important;
}
.card-details-table table {
    width: 100% !important;
}
.contributor-section {
    width: 100%;
    display: inline-flex;
    flex-direction: row;
    align-items: flex-start;
}
.person-identifier-link {
    text-decoration: underline;
}
.person-identifier-link:hover {
        text-decoration: underline;
}


.user-detail-btn[data-v-c2efe092] {
    border-radius: 0 !important;
}
#gridContainer[data-v-c2efe092] {
    margin-top: 40px !important;
}


.user-detail-btn[data-v-73a1b338] {
    border-radius: 0 !important;
}
#gridContainer[data-v-73a1b338] {
    margin-top: 40px !important;
}


.alert-danger[data-v-cff49e86] {
    font-size: 16px;
    display: flex;
    flex-direction: column;
    text-align: center;
}
.alert-success[data-v-cff49e86] {
    font-size: 16px;
    display: flex;
    flex-direction: column;
    text-align: center;
}


body {
        margin: 0;
        padding: 0;
}
    /*#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  padding: 20px;
  background-color: #fff;
}*/
.library-inventory-header {
        margin-bottom: 10px;
}
.inventory-departments-popup .dx-toolbar-button:nth-child(2) {
        display: none;
}
.inventory-departments-popup .dx-popup-content .dx-button {
        margin: 1rem 0rem;
        width: 100%;
}
.inventory-departments-popup .dx-popup-content .dx-field-value {
        width: 100% !important;
}
.library-inventory {
        height: 100vh;
        width: 100%;
}
.library-inventory .search-by-isbn {
            text-align: left;
}
.library-inventory .search-by-isbn label {
                margin-bottom: 0.8rem;
                display: block;
                font-size: 12px;
                font-weight: bold;
}
.library-inventory .isbn-search-box {
            margin-bottom: 1rem;
}
.library-inventory .dx-texteditor.dx-state-readonly {
            border-style: solid !important;
}
.library-inventory .search-button {
            margin-bottom: 0.8rem;
            width: 200px;
}
.library-inventory .resume-all {
            width: 200px;
            float: right;
            margin-top: 1.5rem;
}
.notFoundList {
        display: flex;
        flex-wrap: wrap;
}
.notFoundList .isbn-item:not(:last-of-type)::after {
            content: ',';
}


.metaSearch-content {
    font-family: "Avenir", Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #2c3e50;
    padding: 30px;
}
.metaSearch-content .content-row {
        display: flex;
        justify-content: flex-start;
        position: relative;
        min-height: 400px;
}
.metaSearch-content .content-row .metaSearch-results {
            flex-grow: 1;
}
.metaSearch-content .content-row .content-row-loader {
            position: absolute;
            left: 50%;
            transform: translateX(-50%) translateY(-50%);
            top: 50%;
            z-index: 9999;
}

/* Meta Searchbox & results list */
.product-card {
    flex-wrap: nowrap;
}
.product-card img {
        width: 80px;
        align-self: flex-start;
        padding-right: 10px;
        padding-top: 5px;
}
.product-card .card-body {
        padding: 0 10px 10px 10px;
}
.product-card .card-body h6 {
            font-size: 14px;
            font-weight: bold;
            color: #999;
}
.product-card .card-body h5 {
            font-size: 16px;
            font-weight: bold;
            margin-bottom: 16px;
}
/* Meta Search content list */
.metaSearch-content .content .metaSearch-list {
    width: 200px;
    margin-top: 96px;
    min-width: 200px;
}
.metaSearch-content .content .metaSearch-list .metaSearch-list-item {
        color: #fff;
        text-align: center;
        margin-bottom: 5px;
        border-radius: 4px;
        font-size: 12px;
        font-weight: bold;
        position: relative;
        cursor: pointer;
}
.metaSearch-content
        .content
        .metaSearch-list
        .metaSearch-list-item:not(.activeProvider):hover {
            background-color: #414751;
}
.list-icon .b-icon {
    padding: 0px !important;
}
.logo {
    width: 30% !important;
}
.search {
    width: 60% !important;
    display: flex;
    justify-content: center;
}
.meta-search-bar {
    width: 100% !important;
    display: flex;
    justify-content: center;
}
.meta-search-bar input:focus {
        background-color: #fff !important;
}
.meta-form-input {
    width: 400px !important;
    margin-right: -6px !important;
    border-radius: 0;
    height: 35px !important;
}
.form-input:focus {
    border: 1px solid rgba(204, 204, 204, 0.966) !important;
    box-shadow: none !important;
    background-color: #fff !important;
}
.meta-form-input::placeholder {
    color: #bebebe;
}
.form-input:focus, .btn:focus {
    box-shadow: none !important;
}
.list-icon {
    width: 20%;
}
.products {
    margin-top: 32px;
    margin-bottom: 50px;
    min-width: 600px;
    transition: opacity 0.3s linear 2s;
}
.products h5 {
        color: #5b5a5a;
}
.products .card {
        border-radius: 0;
        border-bottom: none;
}
.products .card:last-of-type {
            border-bottom: 1px solid rgba(0, 0, 0, 0.125) !important;
}
.product-card {
    margin: 10px 20px;
}
.icons {
    color: #5b5a5a !important;
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: flex-end;
    margin: 10px 0px 0px -5px;
}
.icons .b-icon {
        padding: 17px !important;
}
.products .pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: 0.25rem;
    justify-content: flex-end;
    max-width: 30%;
    margin-top: 1rem;
    margin-left: auto;
}
.products .page-link {
    color: #5b5a5a;
}
.products .page-link:focus,
    button:focus {
        box-shadow: none !important;
}
.meta-form-input.form-input.form-control:focus {
    box-shadow: none !important
}
.product-card img {
    min-width: 87px !important;
    max-width: 87px !important;
}


.moduleAssignment-content {
    margin: 45px;
    border: none !important;
    display: flex !important;
    justify-content: center !important;
    flex-direction: column;
}
.grid-top {
    min-height: 400px !important;
    display: block;
}
.column-header {
    font-size: 14px;
    font-weight: bold;
}
.module-header {
    margin-bottom: .5rem;
    color: rgb(175, 1, 1);
}
.module-body-header {
    margin-bottom: 2rem;
    font-size: 16px;
}
.assign-button {
    background-color: rgb(175, 1, 1);
    padding: 8px !important;
    border: hidden;
    color: #fff;
}
.grid-top td {
    padding: 10px !important;
}
.grid-top td {
    color: rgb(102, 102, 102) !important;
}
.grid-loader {
    display: flex;
    justify-content: center;
}
.dx-header-row > td > .dx-datagrid-text-content {
    font-weight: 600 !important;
}
.list-body {
    width: 100% !important;
    padding: 40px;
    height: 450px;
    border-color: rgb(177, 177, 177) !important;
}
.msl-searchable-list__items {
    border: 1px solid #9e9e9e !important;
}
.msl-searchable-list__item {
    border-bottom: 1px solid #9e9e9e !important;
}
.custom-input-class {
    height: 30px !important;
    padding: 10px;
    border: 1px solid #9e9e9e !important;
}
.list-body a {
    color: #414751 !important;
    font-size: 17px !important;
}
.list-body a:hover {
        color: rgb(175, 1, 1) !important;
}
svg.multi-select__action-icon {
    display: none !important;
}
.msl-searchable-list__item:hover {
    background-color: #585858 !important;
    color: #ffffff;
}
.msl-searchable-list__item {
    padding: 12px;
}
.company-lists-area {
    display: flex;
    flex-direction: row;
}
.company-lists-area .dx-scrollable-wrapper {
        border: 1px solid rgb(221, 221, 221);
        border-radius: 4px;
}
.company-lists-area .company-list-area-col:first-child {
        flex-grow: 1;
        min-width: calc(55% - 100px);
}
.company-lists-area .company-list-area-col:last-child {
        flex-grow: 1;
        min-width: calc(55% - 100px);
}
.company-lists-area .company-list-area-col:nth-child(2) {
        min-width: 100px;
        display: flex;
        align-self: center;
        justify-content: center;
        flex-direction: column;
}
.company-lists-area .company-list-area-col .switcher {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
}
.company-lists-area .company-list-area-col .switcher .swithcer-assign {
            margin: 1rem 0;
}
.dx-template-wrapper.dx-item-content.dx-list-item-content div {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}


/*# sourceMappingURL=common.css.map*/