/* here you can put your own css to customize and override the theme */
.clean {


}

/* NUEVO */

div.dataTables_wrapper div.dataTables_processing {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 120%;
	margin: 0;
	padding: 14px 0 2px 0;
	border: 1px solid #ddd;
	text-align: center;
	opacity: 0.35;
	color: #000;
	z-index: 9;
	background-color: #000;
	background-image: url(../assets/img/ajax-loading.gif);
	background-repeat: no-repeat;
	background-position: center 25%;
}


/* Nuevo estilos para el select multiple*/

.multiselect {
  text-align: left;
}
.multiselect b.caret {
  position: absolute;
  top: 14px;
  right: 8px;
}
.multiselect-group {
  font-weight: bold;
  /*text-decoration: underline;*/
}

#center_total_chart {
  height: 559px;
  line-height: 300px;
  padding-top: 8px;
  position: absolute;
  text-align: center;
  top: 0;
  vertical-align: middle;
  width: 250px;
}

.legendLabel {

	/*font-weight: bold;*/
	font-size: 12px;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

/* admin > obras > grid*/
.grid-element {
	width:280px;
	min-height:300px;
	text-align: center;
	position:relative;
	padding-bottom: 20px; /*Padding para los botones de editar y eliminar*/
}

.grid-element .grid-element-buttons {
	bottom:1px;
	right:1px;
	position:absolute;
}


.mt-card-item .not-affect-right {
	margin-top: -2px;
	position: absolute;
	right: 0;
}

.grid-element-image {
	max-height: 150px;
	max-width:235px;
}

/*Las obras del grid se ajustan al container*/
table#works_table.grid tbody {
	display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
	display: -ms-flexbox;  /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
	display: -moz-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content: space-between;
}

table#works_table.grid tbody::after {
  content: "";
  flex: auto;
  flex-basis: 280px;
}

.table-striped > tbody > tr > td p {
	margin: 0;
	margin-left: 20px;
	text-align: left;
}

.table-striped > tbody > tr > td .artist-name {
	font-weight: bold;
	margin-top: 15px;
}

.table-striped > tbody > tr.odd > td {
	background-color: white;

}
.table-striped > tbody > tr.grid-tr {
	display: inline-block;
	background: none;
}

.table-striped > tbody > tr > td:hover {
	background-color: #f3f3f3;
}

.table-striped > tbody > tr > td:hover .show-when-hover {
	visibility: visible;
}

.show-when-hover {
	visibility: hidden;
}

.work-background-frame {
	height: 150px;
}

@media(min-width: 1805px) {
	.grid-element {
		width:20vw;
		min-height:350px;
	}
	.grid-element-image {
		max-height: 200px;
		max-width:17vw;
	}

	.work-background-frame {
		height: 200px;
	}

	table#works_table.grid tbody::after {
		flex-basis: 20vw;
	}
}

@media(max-width: 1804px) {
	.grid-element {
		width:19vw;
		min-height:350px;
	}
	.grid-element-image {
		max-height: 200px;
		max-width:16vw;
	}

	.work-background-frame {
		height: 200px;
	}

	table#works_table.grid tbody::after {
		flex-basis: 19vw;
	}
}

@media(max-width: 1500px) {
	.grid-element {
		width:22vw;
		min-height:360px;
	}
	.grid-element-image {
		max-height: 190px;
		max-width:18vw;
	}

	.work-background-frame {
		height: 190px;
	}

	table#works_table.grid tbody::after {
		flex-basis: 22vw;
	}
}

@media(max-width: 1250px) {
	.grid-element {
		width:29vw;
	}
	.grid-element-image {
		max-height: 190px;
		max-width:24vw;
	}

	.work-background-frame {
		height: 190px;
	}

	table#works_table.grid tbody::after {
		flex-basis: 29vw;
	}
}

@media(max-width: 991px) {
	.grid-element {
		width:27vw;
		min-height:350px;
	}
	.grid-element-image {
		max-height: 180px;
		max-width:22vw;
	}

	.work-background-frame {
		height: 180px;
	}

	table#works_table.grid tbody::after {
		flex-basis: 27vw;
		flex: none;
	}
}

@media(max-width: 875px) {
	.grid-element {
		width: 280px;
		min-height:360px;
	}
	.grid-element-image {
		max-height: 150px;
		max-width: 235px;
	}

	.work-background-frame {
		height: 200px;
	}

	table#works_table.grid tbody::after {
		flex-basis: 280px;
	}
}

@media(max-width: 648px) { /*Ya solo cabe una obra por fila (una columna)*/
	/*También remarcamos los bordes del elemento para que se vea bien
	qué botones cprresponden a cada uno*/
	.grid-element {
		width:280px;
		height: auto;
		padding: 10px;
		border: solid 1px #ddd;
	}
	.grid-element-image {
		max-height: 170px;
		max-width:235px;
	}
	
	.work-background-frame {
		height: 170px;
	}

	table#works_table.grid tbody {
		justify-content: space-around;
	}

	table#works_table.grid tbody::after {
		flex-basis: none;
	}
}

/*Estilos para el grid en resolución 480px*/
@media(max-width: 480px) {
	.table-striped > tbody > tr.grid-tr {
		display: block;
		width: 100%;
	}

	/*Estilos para la cabecera*/
	.table-striped > thead > tr.grid-tr {
		display: block !important;
		width: 100%;
		border-top: solid 1px #ddd;
		border-left: solid 1px #ddd;
		border-right: solid 1px #ddd;
		margin-bottom: 10px;
	}

	.table-striped > thead > tr.grid-tr > th {
		display: block;
		border-bottom: solid 1px #ddd;
	}

	.table-striped > thead > tr.grid-tr > th.hidden-480.sorting,
	 .table-striped > thead > tr.grid-tr > th.hidden-480.sorting_asc,
	 .table-striped > thead > tr.grid-tr > th.hidden-480.sorting_desc {
		display: block !important;
	}

	/*En móviles se muestra siempre porque no existe "hover"*/
	.show-when-hover {
		visibility: visible;
		margin: 10px;
	}
}
/*Fin estilos para 480px*/

#listview, #gridview {
	height: 34px;
	padding-top: 7px;
}

.table-striped > thead > tr > th.header-item {
	width: auto !important;
	padding-right: 50px;
}

.grid-delete-button {
	margin-right: 5px;
	background-color: #e5e5e5;
	color: #333;
}

.grid-delete-button:hover {
	background-color: #d8d8d8;
}

.works-red {
	background-color: #e02222;
	color: white;
}

.works-red:hover {
	background-color: #BC1B1B;
	color: white;
}

.works-red:active,
.works-red:focus{
	color: white;
}

@media(max-width: 480px){
	th, td {
		width: auto !important;
	}

	td.broken-words {
		word-break: break-word;
		min-width: 90px;
	}

	.table thead > tr > th.padding-for-arrow {
		padding-right: 15px;
	}

	div.dataTables_paginate {
		margin-top: 15px;
	}
}

/*Clases para las distintas resoluciones*/

@media (max-width: 480px) {
	.table thead > tr > th.padding-xs-480,
	.table tbody> tr > td.padding-xs-480 {
		padding: 1px;
	}

	/*Reducimos un poco la letra de la tabla para que quepa mejor el contenido*/
	.table thead tr:not(.grid-tr) th {
		font-size: 0.95em;
	}

	.table tbody tr {
		font-size: 0.9em;
	}
}

@media (max-width: 600px) {
	/*Las palabras se rompen para que textos como los emails quepan en columnas más pequeñas*/
	.broken-words {
		word-break: break-word;
		min-width: 90px;
	}

	.hidden-600 {
		display: none !important;
	}
}

@media (max-width: 700px){
	.hidden-700 {
		display: none !important;
	}
}

@media (max-width: 768px){
	.hidden-768 {
		display: none !important;
	}

	/*Estilos para la ventana modal de "enviar información por email"
	(y todas las que tengan la misma estructura)*/
	.modal-wide {
		width: 100% !important;
	}

	.nav-justified>li {
	    display: table-cell;
	    width: 1%;
	}

	/*Estilos para el apartado enviar de acciones en la administración de obras
	(y todos los que tengan la misma estructura)*/
	.form-horizontal .form-actions {
	    padding-left: 0;
	}
}

@media (max-width: 888px){
	.hidden-888 {
		display: none !important;
	}
}

@media (max-width: 992px){
	.hidden-992 {
		display: none !important;
	}

	/*Estilos para que los bloques de cambiar idioma de las fichas se puedan
	utilizar en resoluciones más bajas*/
	.details-below-language {
		margin-top: 50px;
	}
}

/*Nuevos estilos para que la tabla de obras sea responsive*/

@media (max-width: 1200px){
	.hidden-1200 {
		display: none !important;
	}
}

@media (max-width: 1400px){
	.hidden-1400 {
		display: none !important;
	}
}

/* Estilos para la página home del admin*/
/*Círculos representando los disitintos estados en bajas resoluciones*/
.status-icon {
	width: 19px;
	height: 19px;
	margin: 0 auto;
	border: solid 1px #111;
	border-radius: 25px !important;
}

/*Colores de los posibles estados*/
.status-icon.label-primary {background-color: #428bca;}
.status-icon.label-warning {background-color: #fcb322;}
.status-icon.label-success {background-color: #3cc051;}
.status-icon.label-danger {background-color: #ed4e2a;}
.status-icon.label-default {background-color: #999;}

#works_table .status-icon {
	display: none;
}
#works_table.grid .status-icon {
	display: block !important;
}

@media (max-width: 610px) {
	#works_table .status-icon {
		display: block;
	}

	#works_table .status-icon + span.label-mini {
		display: none;
	}
}



div.dataTables_length select {
	display: inline-block;
}

input.form-control.input-medium {
	display: inline-block;
	padding-left: 20px;
}

tr.item-selected span {
	background-position-x: -76px;
    background-position-y: -260px;
}

/*Reducimos lo que ocupa el menú lateral*/
@media (min-width: 992px){
	.page-sidebar {
	    width: 180px;
	}

	.page-content {
	    margin-left: 180px;
	}

	/*El margen izquierdo de la hamburguesa sólo se añade si no está cerrado
	el menú lateral*/
	body:not(.page-sidebar-closed) .page-sidebar .sidebar-toggler {
	    margin-left: 140px;
	}

}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}

/*Cursor para las imágenes que usan el plugin lightGallery*/
.lightgallery-item {
	cursor: pointer;
}

/*Los links que se usen en las descripciones del slider de obras de lightGallery son blancos y subrayados por defecto*/
.lg-sub-html a {
	color: white;
	text-decoration: underline;
}


/*Clase para poner las letras en mayúsculas*/
.uppercase {
	text-transform: uppercase;
}

/*Clase para poner las letras en minúsculas*/
.lowercase {
	text-transform: lowercase;
}

/*Clase para poner las letras en cursiva*/
.italic {
	font-style: italic;
}

.lang-switch > .lang-option {
	display: none
}

.lang-switch > .lang-option.active {
	display: block
}

.edit button > span:not(.active) {
	display: none
}

/*Para que el selector de idoma se pegue a arriba cuando acompaña a un textarea*/
.edit .input-group-btn {
	vertical-align: top;
}

.edit .dropdown-menu {
	top: auto;
}

.edit button.dropdown-toggle.language-input-button + .dropdown-menu {
	top: 100%;
}

.edit .dropdown-toggle {
	background-color: white;
	border: 1px solid #e5e5e5;
	padding: 6px 12px;
}

.edit .dropdown-toggle.language-input-button {
	background-color: transparent;
	border: none;
}

.edit .dropdown-toggle.language-input-button {
	border: none;
	position: absolute;
	margin-left: 1px;
}

.edit .input-group-btn + .tab-content .tab-pane input {
	padding-left: 50px;
} 

.edit .dropdown-toggle.language-textarea-button {
	border-left: none;
}

.edit .dropdown-toggle.button-focus {
	border-color: #999999;
}

/*Separación del selector de idiomas*/
#container_additional_data_language_selector {
	margin-bottom: 50px;
}

/*Estilos para que los anchos de las columnas no cambien*/
table#economic_data tr > td:first-child,
table#insurance_data_table tr > td:first-child,
table#other-data tr > td:first-child, 
table#book_details tr > td:first-child 
{
	width: 200px;
}

@media(max-width: 480px) {
	/*Ancho de las columnas reducido en dispositivos móviles*/
	table#economic_data tr > td:first-child,
	table#insurance_data_table tr > td:first-child,
	table#other-data tr > td:first-child {
		width: 100px !important;
		min-width: 90px !important;
	}

	/*Los tamaños de los inputs y textareas se tienen que reducir para las versiones móviles*/
	.edit .input-large {
		width: 200px !important;
	}

	/*Ponemos el selector de idioma del campo debajo*/
	
	.edit.input-group.input-large {
		display: block;
	}
	.edit.input-group.input-large .dropdown-toggle.language-textarea-button {
		border-left: solid 1px #e5e5e5;
	}
}

@media(max-width: 991px) {
	/*El selector de idioma se quedaba por detrás del form en anchos menores a 992px así que cambiamos el z-index*/
	#container_additional_data_language_selector {
		margin-bottom: 0;
	}
	#container_additional_data_language_selector .select2-container.select2 {
		margin-bottom: 20px;
		z-index: 2;
	}
}

/*En tamaños grandes las fotos de una obra o de una exposición se ajustan a un máximo de 200x400px*/
@media (min-width: 768px){
	.mix-inner > img.img-responsive {
		max-height: 200px;
		margin: 0 auto;
	}
}

/*Añadido cuando se estraban implementando las showrooms*/
.see-pass {
	cursor: pointer;
	display: inline-block;
	vertical-align: top;
}

.see-pass i {
	text-decoration:none;
	margin-right: 0.25em;
}

/*Márgenes sólo para el show pass de edit*/
.see-pass.form-pass {
	padding-top: 7px;
	padding-left: 7px;
}

.password-text-toggle {
	padding-right: 7px;
}

.capitalize {
	text-transform: capitalize;
}

/*Vista detalle de la showroom*/
.showroom_data {
	text-align: justify;
}

.showroom_data a span {
	color: #0d638f;
}

/* Resaltado de submenus */
ul.page-sidebar-menu ul.sub-menu > li.active > a,  ul.page-sidebar-menu ul.sub-menu > li.active > a i{
	background: #28b779 !important;
	color: #fff !important;
}

.dimension-block .dimension-field .measurement_tag_input {
	display: inline-block;
} 

/*
.dimension-block span > div,
.dimension-block a,
.price-block .price-currency div,
.price-block .price-currency span {
	vertical-align: top
}

.price-block .price-currency{
	vertical-align: top;
}
*/

/* tmp2 

.price-block .price-currency,
.price-block .price-amount {
	display: inline-block;
}

.price-block .price-currency > *,
.price-block .price-amount {
	vertical-align: top;
}

*/

/*Los radios tienen margin left negativo que no queda bien (exportar a pdf desde obras)*/
#modal_export_pdf .radio-list > .radio-inline input {
	margin-left: 0;
}

/*Precios exportar PDF*/

#currency_options {
	border: solid 1px #E0DFDF;
    margin: -16px 15px 0;
    padding: 15px;
}

#currency_options .price_tags,
#currency_options input.tax_text {
    margin-left: 15px;
    margin-right: 15px;
}

#currency_tabs {
	margin: 0 15px;
}

@media (max-width: 380px){
	#currency_options .currency_option .input-medium {
		width: 200px !important;
	}
}

/*Reducimos el espacio entre los form-group que sólo tienen radio-buttons
(los que tienen inputs sí lo necesitan para que se vean bien)*/
#form_modal_export_pdf #group_show_series.form-group, 
#form_modal_export_pdf #group_show_total_available_series.form-group,
#form_modal_export_pdf #group_show_all_series.form-group,
#form_modal_export_pdf #group_show_available_series.form-group,
#form_modal_export_pdf #selected_series_check.form-group {
	margin-bottom: 5px;
}

hr + .export-pdf-secction-info {
	background-color: #E0DFDF;
	clear: both;
	display: block;
	margin-top: -21px;
	margin-bottom: 15px;
	padding: 5px;
	width: fit-content;	
}

.input-extra-large {
	width: 580px;
}


div.export-pdf-word-common .group_tax_values .input-icon, 
div.export-pdf-word-common .group_tax_values select {
	display: inline-block;
}

div.export-pdf-word-common .group_tax_values select {
	margin-top: -3px;
}

#group_tax_values > div > div {
	display: inline-block;
}

div.export-pdf-word-common #currency_options .tax_value.input-small,
div.export-pdf-word-common #group_measurement_unit .measurement_unit_selector.input-small,
div#modal_authenticity_certificate #group_measurement_unit .measurement_unit_selector.input-small,
div#modal_delivery_note #group_measurement_unit .measurement_unit_selector.input-small,
div#modal_consignment_document #group_measurement_unit .measurement_unit_selector.input-small,
div.export-pdf-word-common #tax_value.input-small,
#form_send_via_email #tax_value.input-small,
#from_create_showroom #tax_value.input-small,
#modal_consignment_document #tax_value.input-small,
#form_send_via_email .measurement_unit_selector.input-small,
#form_send_offer .measurement_unit_selector.input-small,
#form_send_offer #offer_global_discount.input-small,
#form_send_offer #offer_tax.input-small,
#modal_print_labels .measurement_unit_selector.input-small,
#from_add_work_serie #work_serie_discount.input-small {
	width: 116px !important;
}

@media (max-width: 1199px){
	#from_add_work_serie select#price_selected {
		width: 185px !important;
	}
	#from_add_work_serie #work_serie_discount.input-small {
		width: 61px !important;
	}
}

.lg-actions .lg-next, .lg-actions .lg-prev {
	z-index: 1081;
}

@media (max-height: 680px) and (min-width: 780px) {
	.lg-video > .lg-object {
		-webkit-transform: scale3d(0.92, 0.92, 0.92) !important;
		transform: scale3d(0.92, 0.92, 0.92) !important;
	}
}

@media (max-width: 991px){
	#from_add_work_serie select#price_selected {
		width: 240px !important;
	}
	#from_add_work_serie #work_serie_discount.input-small {
		width: 116px !important;
	}
}

/*Columnas personalizadas*/
@media (min-width: 610px) {
	.col-xsm-1, .col-xsm-2, .col-xsm-3, .col-xsm-4, .col-xsm-5, .col-xsm-6, .col-xsm-7, .col-xsm-8, .col-xsm-9, .col-xsm-10, .col-xsm-11, .col-xsm-12 {
    	position: relative;
    	min-height: 1px;
    	padding-right: 15px;
		padding-left: 15px;
		float: left;
	}

	.col-xsm-1 { width: 8.333333333333332%;}
	.col-xsm-2 { width: 16.666666666666664%;}
	.col-xsm-3 { width: 25%;}
	.col-xsm-4 { width: 33.33333333333333%;}
	.col-xsm-5 { width: 41.66666666666667%;}
	.col-xsm-6 { width: 50%;}
	.col-xsm-7 { width: 58.333333333333336%;}
	.col-xsm-8 { width: 66.66666666666666%;}
	.col-xsm-9 { width: 75%;}
	.col-xsm-10 { width: 83.33333333333334%;}
	.col-xsm-11 {width: 91.66666666666666%;}
	.col-xsm-12 { width: 100%;}
}

.flex-toolbar {
	display: flex;
	justify-content: space-between;
}

.flex-toolbar .flex-right {
	text-align: right;
	display: flex;
	flex-wrap: wrap-reverse;
	justify-content: flex-end;
}

.flex-toolbar .flex-left {
	display: flex;
    flex-wrap: wrap;
}

.flex-toolbar .flex-right .inline-group .btn-group {
	text-align: left;
}

.flex-toolbar .inline-group {
	display: inline-block;
	margin-bottom: 5px;
}

.flex-toolbar .flex-right .inline-group #export-btn {
    margin-left: 5px;
}

/**/
.input-unit-tag {
	width: 92px !important;
}
.fix-select2-center {
	vertical-align: top;
}

.price-tags div.select2-container.price_tag {
	margin-right: 4px; 
	margin-left: 3px; 
	vertical-align: top;
}
.price-block .price-currency {
	vertical-align: top;
}

#dimensions div.select2-container.measurement_tag_input {
	vertical-align: top;
}

.price-block > div > div.price-amount,
.price-block > div > div.price-currency,
.price-block > div > div.price-tags {
	display: inline-block;
}

@media (max-width: 480px) {
	.price-block .price-amount .input-medium {
		width: 170px !important;
	}
}

.price-block > div > div.price-amount {
	vertical-align: top;
}

.price-block > div > div.price-amount > * {
	/*width: 121px;*/
}

.radio-list.radio-new-showroom {
	margin-left: 20px;
}

textarea.text-area-inline {
	display: inline-block;
}

textarea.text-area-inline + label {
	vertical-align: top;
	margin-left: 15px;
}

div.mailing-input {
	display: inline-block;
} 

div.mailing-input + div {
	display: inline-block;
	margin-left: 15px;
} 

div.contact-name {
	display: inline-block;
}
div.contact-name + div {
	display: inline-block;
	margin-left: 15px;
}

/**/
.input-unit-tag {
	width: 92px !important;
}
.fix-select2-center {
	vertical-align: top;
}

#form_work .modify_dimensions_check, #form_work .modify_prices_check {
	margin-top: 5px;
	display: inline-block;
}

@media (max-width: 991px) {
	textarea.text-area-inline {
		display: block;
	}
	
	textarea.text-area-inline + label {
		margin-left: 0;
		margin-top: 10px;
	}

	div.mailing-input {
		display: block;
	} 

	div.mailing-input + div {
		display: block;
		margin-left: 0;
	} 

	div.contact-name {
		display: block;
	}
	div.contact-name + div {
		display: block;
		margin-left: 0;
		margin-top: 10px;
	}

}

/* Estilos para el botón de cambiar color de fondo de lightgallery */
/* Se cambia la line-height porque si no no se alinea bien el texto "BG", es posible que si se utiliza un icono esto no sea necesario */
#lg-change-background-color {
	font-size: 22px;
	width: 20px;
	height: 20px;
	background: url(../assets/img/bg_change_color_icon.svg) no-repeat center;
	background-size: cover;
	margin: 14px 12px 0 12px;
}

/* Estilos para el botón ver en pared */
#lg-view-on-wall {
	margin-top: -2px;
}
#lg-view-on-wall i {
	font-size: 22px;
	width: 20px;
	height: 20px;
}

.lg-outer.white-bg {
    background-color: white;
}

.lg-outer.white-bg .lg-toolbar {
	background-color: rgba(0, 0, 0, 0.45) !important;
}

.lg-outer.white-bg .lg-actions .lg-prev,
.lg-outer.white-bg .lg-actions .lg-next,
.lg-outer.white-bg .lg-toolbar .lg-icon,
.lg-outer.white-bg .lg-toolbar #lg-counter {
	color: #ddd;
}

.lg-outer.white-bg .lg-actions .lg-prev:hover,
.lg-outer.white-bg .lg-actions .lg-next:hover,
.lg-outer.white-bg .lg-toolbar .lg-icon:hover,
.lg-outer.white-bg .lg-toolbar #lg-counter:hover {
	color: white;
}

.lg-outer.white-bg .lg-sub-html {
	color: black !important;
	background-color: rgba(255, 255, 255, 0.45);
}

.lg-outer.white-bg .lg-sub-html a {
	color: black !important;
}

.lg-outer.white-bg .lg-thumb-outer {
    background-color: #ddd !important;
}

.lg-outer.white-bg .lg-thumb-outer .lg-toogle-thumb {
	background-color: #ddd !important;
}
.hidden-no-minimal{
	display:none !important;
}
div.dataTables_wrapper div.dataTables_filter {
    text-align: left;
}
div.dataTables_wrapper div.dataTables_length label {
    padding-top: 3px;
}

/*Estilos botón de ventas*/
#btn_add_work_serie_sale {
	margin: 0 20px
}

/*Clase para colocar un elemento en una nueva línea ignorando los atributos floats de otros*/
.clear-element {
	clear: left;
}

/* Unificación de estilos de las modales */
/* Corrección alineamiento radios */

div#modal_consignment_document .radio-list > label.radio-inline:first-child {
	padding-left: 20px;
}

/*Las tablas de listado ya no se salen del marco*/
div.filter-minimal + div.row:not(.works-grid-container) {
	overflow-y: auto;
	margin: 0;
}

div.filter-minimal + div.row:not(.works-grid-container) > div.col-sm-12 {
	padding-left: 0;
	padding-right: 0;
}

/*Ponemos máximo a la columna nombre de contactos y que se parta el contenido si no cabe*/
@media (max-width: 1199px){
	.name-column {
		max-width: 150px !important; /*No parece estar funcionando, tampoco usando width, pero lo dejamos porque el word-break sí*/
		min-width: 70px !important; /*Para que no se rompa la palabra nombre de la cabecera*/
		word-break: break-word;
	}
}

/* Clases para colocar mejor los elementos de las tablas */

.table-search, .table-pagination {
	display: inline-block;
}
.table-search{
	margin-right: 10px;
}
.table-pagination{
}

.table-buttons-group {
	display: inline-block;
}

.table-buttons-group .btn-group {
	margin-left: 10vw;
}

#only_selected_group {
	display: block;
}

#only_selected_group .checker + label {
	display: inline;
}

#only_selected_group .checker {
	margin-left: -2px;
}

.table-buttons-group .btn + .btn {
	margin-left: 5px;
}

@media(max-width: 1100px) {
	.table-buttons-group .btn-group {
		margin-left: 10px;
	}
	.table-buttons-group {
		float: right;
	}
}

@media (max-width: 830px) {
	.table-buttons-group .btn-group .btn {
		font-size: 11px;;
	}
}

@media(max-width: 767px) {
	.table-buttons-group {
		float: none;
		padding-left: 2px;
	}

	#only_selected_group .checker {
		padding-top: 2px;
	}

	.table-buttons-group .btn-group {
		margin-left: 0;
	}

	.page-content-body .dataTables_wrapper .filter-minimal {
		display: flex;
		flex-flow: row wrap;  
		justify-content: space-around;
		align-items: baseline;
	}

	.page-content-body .dataTables_wrapper .filter-minimal #only_selected_group {
		flex: 1 100%;
		display: flex;
		justify-content: center;
	}

	.table-buttons-group > div{
		flex: 1;
		display: flex;
		flex-wrap: nowrap;
		justify-content: center;
	}

	.page-content-body .dataTables_wrapper .filter-minimal.with-selected-minimal {
		padding-bottom: 10px !important;
	}
}

@media(max-width: 505px) {
	.hidden-505 {
		display: none !important;
	}
}

.notifications .notification.not_readed span {
	font-weight: bold;
}

.notifications .notification .mark_notification_as_readed_button {
	cursor: pointer;
	float:right;
	width: 2%;
	margin-top: -8px;
}
.notifications .notification .notification_title {
	display: inline-block;
	width: 90%;
}
.dropdown-menu.notifications.extended {
    max-height: 500px;
    overflow-y: scroll;
}
.notifications .notification span.no_notifications {
	padding: 7px 0px 5px 0px;
    line-height: 25px;
    font-size: 12px;
    margin-left: 10px;
}

@media(max-width: 480px) {
	.table-delete-selection .btn {
		width: 100%;
		margin: 5px 0;
	}

	#export-btn + ul.dropdown-menu.pull-left {
		right: 0;
    	left: auto;
	}

	.table-buttons-group {
		flex: 1 100%;
	}

	.page-content-body .dataTables_wrapper .filter-minimal {
		padding-bottom: 0 !important;
	}

}

/* Estilos para las notificaciones */
.dropdown-menu.notifications li.notifications-title {
	padding: 10px;
	padding-bottom: 0;
}
/* Clase cuyos estilos estaban en línea */
.msg_selected_serie {
	display: none;
	color:#b94a48; 
}

.mark_as_readed_button {
	display: none;
}

.notification.not_readed .mark_as_readed_button {
	display: inline-block;
}

.notification .mark_notification_as_readed_button {
	display: none;
}

.notification.not_readed .mark_notification_as_readed_button {
	display: inline-block;
}

.mark_notification_as_readed_button i {
	font-size: 0.95em;
	color: #444;
}

.dropdown-menu.extended li .mark_notification_as_readed_button i {
	margin-right: 0;
}

.notifications .mark_all_as_readed_button,
.notifications .show_all {
	text-align: center;
}

.dropdown-menu.extended.notifications li a.mark_all_as_readed_button,
.dropdown-menu.extended.notifications li.show_all a {
	padding: 5px !important;
}

.dropdown-menu.extended.notifications li:first-child a.mark_all_as_readed_button {
	border-bottom: solid 2px lightgrey !important;
}
.notifications .show_all {
	border-top: solid 2px lightgrey;
}

.notifications span.notification_date {
	display: inline-block;
	text-align: right;
	font-style: italic;
	font-size: 0.85em;
	color: #666;
}

.control-label.notify-ckeck-label {
	padding-top: 7px;
}

div.notify-block {
	display: inline-block;
}

div.notify-block div.checker {
	margin-left: 15px;
}

div.date_with_notification {
	float: left;
}

.unit_selector_with_tag input.input-small{
	width: 118px !important;
}
.unit_selector_with_tag,
.tag_selector_with_unit {
	display: inline-block;
	vertical-align: top;
}
.unit_selector_with_tag a,
.tag_selector_with_unit a,
.select_all_button {
	font-size: 0.8em;
}
.unit_selector_with_tag.correction .input-small{
	width: 115px !important;
	margin-right: 2px;
}

.unit_selector_line.input-small {
	width: 86px !important;
}

.unit_tags_inline {
	vertical-align: top;
}

.unit_selector_with_tag_inline, .group_inline_block {
	display: inline-block;
}

.textarea_dinamic_modal {
	width: 90%;
}

.popover {
	max-width: 450px;
	max-height: 200px;
	overflow-y: scroll;
}

table.editions_info {
	width: 350px;

}

/*Pestaña obras de interés del contacto*/
@media(min-width: 768px) {
	#table_interest_works_filter {
		text-align: right;
	}
}

.vertical-align-top {vertical-align: top;}

/*Pestaña de costes de producción*/
@media(min-width: 768px) {
	#production_costs_table_filter, #work_editions_insurance_data_table_filter {
		text-align: right;
	}
}

.justify {
	text-align: justify;
}

.info-text {
	color: grey;
	font-size: 0.9em;
}

.text-right {
	text-align: right;
}

table.total_costs_table > tbody > tr:first-child,
table.total_costs_table > tbody > tr:first-child > td {
	border-top: none;
}

.total_costs_table + p.info-text {
	margin-top: -12px;
}

.work-config-section {
	margin-top: 25px;
}
.work-config-section h3 {
	margin-left: 20px;
}

#modal_merge_contacts .modal-dialog{
	width: 1500px !important;
}

#merge_contacts_form {
	display: flex;
	flex-flow: row wrap;
	width: 100%;
}
#merge_contacts_form .contact_data {
	flex-grow: 1;
	margin: 0 20px;
	order: 2;
}
#merge_contacts_form .main {
	order: 1;
}
#merge_contacts_form .main .main_contact_button {
	display: none;
}

#merge_contacts_form .main_contact_title {
	display: none;
}
#merge_contacts_form .main .main_contact_title {
	display: block;
}

.quick-bar-filter {
	display: flex;
	justify-content: space-evenly;
}

.quick-search-bar {
	margin-top: 4px;
	margin-left: 5px;
	margin-right: 15px;
}

/*Expos grid*/
.grid-tr-expos {
	background: none;
	display: inline-block;
}

.grid-td {
	border-top: "0";
}

.grid-tbody {
	border: none !important;
}

.grid-no-display,
.grid-row:not(.grid-display) {
	display: none !important;
}

.grid-name {
	padding-top: 15px;
}
.expos-grid-date {
	padding-top: 5px;
	padding-bottom: 30px;
}

/*Quitar borde de la tabla en grid de expos y artistas*/
.table tbody > tr.grid-tr > td {
	border-top: none;
} 

/*Contacts grid*/
#contacts_table .grid-element {
	min-height:350px;
	padding-bottom: 40px; /*Padding para los botones de editar y eliminar*/
}

/*Deceased overlay image*/
.image-overlay-container {
	position: relative;
	max-width: 300px;
}

.image-overlay-container .overlay-image {
	position: absolute; 
	width: 35px;
}
.image-overlay-container .top {
	top:0;
}
.image-overlay-container .right {
	right:0;
}

/*Consignment modal styles*/
div.modal-dialog.modal-wide.two-columns {
	width: 950px !important;
}

div.modal-dialog input.consig-input-correction {
	width: 115px !important;
	display: inline-block;
}

#consignment-view-works > .form-group > .row {
	max-width: 1050px;
}
.location-status-check-container {
	text-align: right;
	padding-right: 15px;
}
.location-status-check-container > label + div {
	display: inline-block;
	margin-left: 15px;
}
.location-status-input {
	width: 193px;
}

@media (max-width:450px) {
	#work_edition_selector_panel .row .col-sm-12 {
		overflow-x: scroll;
	}

	div.modal-dialog.modal-wide.two-columns .panel-body .input-medium.mobile-correction,
	#consignment-view-works .input-medium.mobile-correction {
		width: 240px !important;
	}
}

@media (max-width:767px) {
	#consignment_list #consignments_table_wrapper .row .col-sm-12 {
		overflow-x: scroll;
	}
}

@media (max-width:991px) {
	div.modal-dialog.modal-wide.two-columns .panel-body .input-medium,
	#consignment-view-works .input-medium {
		width: 320px !important;
	}

	div.modal-dialog.modal-wide.two-columns {
		width: 100% !important;
	}

	#work_edition_selector .add-edition-button,
	#consignment-view-works .add-edition-button {
		margin: 15px;
	}

	.location-status-check-container {
		text-align: left;
		margin-left: 0 !important;
	}
}

@media (max-width:1199px) {
	div.form-group.consignment-textarea-correction{
	    padding-right: 30px;
	}

	.location-status-check-container {
		padding-right: 5px;
	}
	.location-status-input {
		width: 203px;
	}
}

@media (max-width:991px) {
	.location-status-input {
		width: 240px;
	}
}

@media (min-width:1200px) {
	div.modal-dialog.modal-wide.two-columns .panel-body .input-medium,
	#consignment-view-works .input-medium {
		width: 320px !important;
	}

	div.modal-dialog.modal-wide.two-columns {
		width: 1180px !important;
	}

	div.form-group.consignment-textarea-correction{
		margin-left: -62px;
		margin-right: 41px;
		
	}
}

.media.has-icon a i {
	margin-top: 2px;
}

.price-block .price-amount {
	margin-right: -5px;
}

.price-error.help-block {
	color: #b94a48;
}

.correction-radio-margin {
	margin-left: 20px
}

/*Years range advanced search*/
#years_range_block input {
	display: inline-block;
	width: 118px !important;
	margin-right: 1px;
}
#years_range_block a,
#specific_year_block a {
	color: #2a6496;
    text-decoration: underline;
}

/*Purchases corrections*/
.input-group-addon.cost_currency_iso_code {
	width: auto;
}

.add-edition-button-block {
	text-align: right;
}


#form_modal_edit_purchases .currency_group > * {margin-left: 15px;}

#purchase_form_body div.additional_cost div {
	margin-top: 5px;
}
#purchase_form_body div.additional_cost input.additional_cost_quantity {
	width: 90px;
}

.input-medium.purchase-work-selector {
	width: 300px !important;
}
.purchase-edition-selector {
	width: 160px;
}
input.work_serie_cost {
	width: 110px;
}
.input-medium-w-addon.subtotal {width: 192px !important;}
.input-medium-w-addon.total {width: 188px !important;}
.inline-div {display: inline-block; vertical-align: top;}


@media (max-width: 1199px){
	.input-medium.purchase-work-selector {
		width: 200px !important;
	}
	.inline-div.add-edition-button-block {
		margin-top: 15px;
		vertical-align: bottom;
	    margin-top: 12px;
	}
}

@media (max-width: 450px){
	.purchase-edition-selector {
		width: 240px !important;
	}
}

@media (min-width: 481px){
	.hidden-bigger-480 {
		display: none !important;
	}
}

@media (max-width: 480px){
	.inline-div.add-edition-button-block {
		display: block;
		text-align: left;
	}
}

/*Showroom icon*/
.icon-showrooms:before {
  content: "\f06e"; }

/*Showroom icon*/
.icon-eye-open-white:before {
  content: "\f06e"; }

.dropdown-menu.correction-margin-right li a {
	padding-right: 10px;
	cursor: pointer;
}

/*Los radios tienen margin left negativo que no queda bien (imprimir forms A y B desde obras)*/
#modal_print_form_a .radio-list > .radio-inline input,
#modal_print_form_b .radio-list > .radio-inline input {
	margin-left: 0;
}
#form_work #origin,
#form_work #set_origin_by_contact {
	margin-bottom: 5px;
}

div#set_origin_by_contact + .checker {
	margin-left: -2px;
}

/*La cantidad de obras en el listado de sets la ponemos centrada*/
.sets-list-n-works-column {
	text-align: center;
}

.select2-drop{
	z-index:99999;
}

/*Error multilanguage*/
.default-language-error {
	color: grey;
}
.has-error .default-language-error {
	color: #b94a48;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

#qr-btn-wrapper {
	margin-top: 20px;
}

.qr-loading-icon-wrapper {
	display: block;
  margin-left: auto;
  margin-right: auto;
  width: 35%;
}

.qr-loading-icon-wrapper img {
	max-width: 100%;
    max-height:100%;
    display: block;
    margin: 0 auto;
    vertical-align: middle;
}

#basic_editions_config label, 
#basic_editions_config input {
	display: inline-block; 
	margin-right: 5px;
}

#advanced_editions_config {
	display: flex;
	flex-wrap: wrap;
}

#advanced_editions_config_table {
	overflow-x: auto;
	display: table;         
	border-spacing: 5px; /* cellspacing:poor IE support for  this */
	flex: 1;
	min-width: 520px;
	max-width: 520px;
}

.advanced_editions_option {
	display: table-row;
	width: auto;
	clear: both;
}

.advanced_editions_option .edition_type_selector, 
.advanced_editions_option .edition_type_units, 
#advanced_editions_config_table .advanced_editions_config_header > * {
	float: left; /* fix for  buggy browsers */
	display: table-column;         
	width: 245px;         
}

.advanced_editions_option .edition_type_units {
	max-width: 125px;
}

#advanced_editions_config_table .advanced_editions_option .delete_editions_config_btn {
	border: none;
}

#available_editions_selector {
	flex:1;
	max-width: 550px;
	min-width: 370px;
	align-self: stretch;
	position: relative;
	min-height: 150px;
}
#available_editions_selector_box {
    height: 128px;
    overflow-y: scroll;
    border: solid 1px lightgrey;
    padding: 5px;
    position: relative;
	float: left;
    width: 70%;
}

#available_editions_toggle_selection_btn {
	position: relative;
	float: left;
}