.catalog-modal {
	position: fixed;left:0;top:0;right:0;bottom:0;display: flex;align-items: center;justify-content: center;
	background: rgba(0,0,0,.25);z-index: 1000000;
}
.catalog-modal .panel {display: flex;flex-direction: column;}
.catalog-modal .panel-body {flex-grow: 3;overflow: auto;}
.catalog-modal .panel-footer {display: flex;justify-content: flex-end;}
.catalog-modal .panel-footer > button {margin-left:1rem;}
.catalog_tabs {
	--vz-nav-link-padding-x: 1rem;
    --vz-nav-link-padding-y: 0.5rem;
    --vz-nav-link-color: var(--vz-link-color);
    --vz-nav-link-hover-color: var(--vz-link-hover-color);
    --vz-nav-link-disabled-color: #878a99;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;

    --vz-nav-tabs-border-width: 1px;
    --vz-nav-tabs-border-color: var(--vz-gray-300);
    --vz-nav-tabs-border-radius: 0.25rem;
    --vz-nav-tabs-link-hover-border-color: var(--vz-gray-300) var(--vz-gray-300) var(--vz-gray-300);
    --vz-nav-tabs-link-active-color: #495057;
    --vz-nav-tabs-link-active-bg: var(--vz-nav-tabs-link-active-bg);
    --vz-nav-tabs-link-active-border-color: var(--vz-gray-300) var(--vz-gray-300) var(--vz-nav-tabs-link-active-bg);
    border-bottom: var(--vz-nav-tabs-border-width) solid var(--vz-nav-tabs-border-color);

    margin-bottom: 1rem!important;

    border-bottom: 1px solid #e9ebec;

	--vz-nav-tabs-link-active-bg: #f2f2f7;
}
.catalog_tabs > div {
	-ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center;

    position: relative;
}
.catalog_tabs > div > a {
	outline: 0!important;
    position: relative;

	display: block;
    padding: var(--vz-nav-link-padding-y) var(--vz-nav-link-padding-x);
    font-size: var(--vz-nav-link-font-size);
    font-weight: var(--vz-nav-link-font-weight);
    color: var(--vz-nav-link-color);
    text-decoration: none;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;

    margin-bottom: calc(-1 * var(--vz-nav-tabs-border-width));
    background: 0 0;
    border: var(--vz-nav-tabs-border-width) solid transparent;
    border-top-left-radius: var(--vz-nav-tabs-border-radius);
    border-top-right-radius: var(--vz-nav-tabs-border-radius);

    width: 100%;

    border: none;
    font-weight: 500;
}
.catalog_tabs > div > a::after {
    content: "";
    background: #4b38b3;
    height: 1px;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    -webkit-transition: all 250ms ease 0s;
    transition: all 250ms ease 0s;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.catalog_tabs > div > a.selected {
	color: var(--vz-nav-tabs-link-active-color);
    background-color: var(--vz-nav-tabs-link-active-bg);
    border-color: var(--vz-nav-tabs-link-active-border-color);

    color: #428bca;
    background-color: var(--vz-card-bg-custom);
}
.catalog_tabs > div > a.selected::after {
	-webkit-transform: scale(1);
    transform: scale(1);
	background-color: #428bca;
}

#marcSearchSimple [data-state="not_searching"],
#marcSearchExtended [data-state="not_searching"]{
	display: inline-block;
}
#marcSearchSimple.searching [data-state="not_searching"],
#marcSearchExtended.searching [data-state="not_searching"]{
	display: none;
}
#marcSearchSimple [data-state="searching"],
#marcSearchExtended [data-state="searching"]{
	display: none;
}
#marcSearchSimple.searching [data-state="searching"],
#marcSearchExtended.searching [data-state="searching"]{
	display: inline-block;
}
.catalog_extra_filters {
	margin-top:1rem;
	display: grid;
	grid-template-columns: 50% 50%;
}
.catalog_extra_filters p {
	text-indent:0;
}

.catalog-list {

}
.catalog-list-page {
	display: none;
}
.catalog-list-page.show {
	display: block;
}
.catalog-list-row {
	display: grid;
	grid-template-columns: 150px minmax(0,1fr);
}
.catalog-list-row--image {
	width:150px;
	height:220px;
	background: #3f8bca;
    background: -moz-linear-gradient(top,rgba(63,139,202,1) 0,rgba(63,87,154,1) 100%);
    background: -webkit-linear-gradient(top,rgba(63,139,202,1) 0,rgba(63,87,154,1) 100%);
    background: linear-gradient(to bottom,rgba(63,139,202,1) 0,rgba(63,87,154,1) 100%);
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.catalog-list-row--image:before {
	content:'';
	position: absolute;
	left:0.5rem;top:0.5rem;right:0.5rem;bottom:0.5rem;
	border:1px solid rgba(255,255,255,.5);
}
.catalog-list-row--image-info {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	color:white;
	font-size:1rem;
}
.catalog-list-row--image-info > div {text-align: center;}
.catalog-list-row--image-block {position: absolute;left:0;top:0;right:0;bottom:0;--bg-url:none;background: var(--bg-url) no-repeat center / cover;}
.catalog-list-row--content {
	padding:1rem;
    grid-column-start: 2;
}
.catalog-list-row--actions {
	padding:1rem;
	display: flex;
    grid-row-start: 2;
    grid-column-start: 1;
    grid-column-end: 4;
}
.btn.btn-with-icon {
	display: flex;
    padding: 0px;
}
.btn.btn-with-icon > span:nth-child(1) {
	padding: 6px 6px 6px 12px;
}
.btn.btn-with-icon > span:nth-child(2) {
	padding: 6px 12px 6px 6px;
}

/* ribbons */
.ribbon-box {
    position: relative;
}
.ribbon-box.ribbon-fill {
    overflow: hidden;
}
.ribbon-box.ribbon-fill .ribbon {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 93px;
    height: 52px;
    left: -36px;
    top: -16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.ribbon-box .ribbon {
    padding: 5px 12px;
    -webkit-box-shadow: 2px 5px 10px rgba(33,37,41,.15);
    box-shadow: 2px 5px 10px rgba(33,37,41,.15);
    color: #fff;
    font-size: 1.25rem;
    font-weight: 600;
    position: absolute;
    left: -1px;
    top: 5px;
}
.ribbon-box .ribbon-primary {
    background: #4b38b3;
}

/* ORDER BOOK */
.catalog_orderBookSigla {display: flex;align-items: center;}
.catalog_orderBookSigla > div:nth-child(2) {flex-grow:3;}
.catalog_orderBookSigla > div:nth-child(1) {min-width: 24px;text-align: center;}

/* Dropdowns */
.catalogSearchField {position: relative;}
.catalog-dropdown {
    display: none;
    position: absolute;
    right:0;top:34px;width:60%;z-index: 1000;
    background: white;
    border: 1px solid rgba(0,0,0,.15);
    border-top:0;
    border-radius: 4px;
    padding: 5px 0;
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.catalog-dropdown.show {display: block;}
.catalog-dropdown .catalog-dropdown-loading,
.catalog-dropdown > .catalog-dropdown-item {
    display: block;
    padding: 3px 12px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    cursor: pointer;
    text-overflow: ellipsis;
    overflow: hidden;
}
.catalog-dropdown > .catalog-dropdown-item:hover, .catalog-dropdown > .catalog-dropdown-item:focus {
    background-image: -webkit-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);
    background-image: linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#ffe8e8e8',GradientType=0);
    background-color: #e8e8e8;
}
.catalog-dropdown .catalog-dropdown-loading {
    opacity:0.5;
}