/**
 * Action: index
 **/

.index-body{ overflow-y: auto; padding-top: 0em; }
.index-body{ background: url(/img/bg.jpg) no-repeat center center / cover; }
.index-section{ display: flex; align-items: center; justify-content: center; }
.index-logo-icon{ display: none; }

.index-view{ text-align: center; padding: 0em 2em; width: 100%; }
.index-view-row{ display: table; margin: auto; border-collapse: separate; border-spacing: 1em; width: 50em; }
.index-view-row>*{ display: table-cell; vertical-align: middle; text-align: center; padding: 2em; width: 50%; }
.index-view-row>*{ font-size: 1.25em; background: #fff; box-shadow: 0px 0px 3px #aaa; }
.index-view-logo{ height: 11em; margin: auto; margin-bottom: 1em; }
.index-view-connect-title{ font-size: 1.25em; margin-bottom: 1em; }
.index-view-connect-button{ width: 12em; }
.index-view-subscribe-title{ font-size: 1.25em; margin-bottom: 1em; }
.index-view-subscribe-button{ width: 12em; }

@media (max-width: 900px){
	.index-view-row{ display: block; width: 100%; }
	.index-view-row>*{ display: block; width: 100%; margin: 1em 0em; }
}

/**
 * Action: welcome
 **/

.welcome-body{ overflow-y: auto; padding-top: 0em; }
.welcome-body{ background: url(/img/bg.jpg) no-repeat center center / cover; }
.welcome-section{ display: flex; align-items: center; justify-content: center; }
.welcome-logo-icon{ display: none; }

.welcome-view{ text-align: center; padding: 0em 2em; }
.welcome-view-logo{ height: 11em; margin: auto; margin-bottom: 2em; }
.welcome-view-row{ display: flex; flex-direction: column; padding: 3em; }
.welcome-view-row{ font-size: 1.25em; background: #fff; box-shadow: 0px 0px 3px #aaa; }
.welcome-view-title{ margin-bottom: .5em; }
.welcome-view-user-label{ margin-bottom: .5em; }
.welcome-view-user-name{ font-weight: bold; margin-bottom: .125em; }
.welcome-view-user-email{ font-weight: bold; }
.welcome-view-connect-title{ color: #fff; text-shadow: 0px 0px 3px #222; font-weight: normal; font-size: 1.25em; margin-bottom: 1em; }
.welcome-view-connect-button{ width: 12em; }
.welcome-view-subscribe-title{ color: #fff; text-shadow: 0px 0px 3px #222; font-weight: normal; font-size: 1.25em; margin-bottom: 1em; }
.welcome-view-subscribe-button{ width: 12em; }

@media (max-width: 900px){
	.welcome-view{ padding: 2em; width: 100%; }
	.welcome-view-row{ width: 100%; padding: 1.5em; }
}


/**
 * Action: advert/item
 **/
 
.advert-item{ margin: 1em; position: relative; overflow: hidden; }
.advert-item{ background: #fff; outline: 1px solid #dcdcdc; box-shadow: 3px 3px 6px #aaa; }
.advert-item-content{ display: flex; flex-direction: column; height: 100%; width: 100%; }
.advert-item-image{ height: 25em; width: 100%; }
.advert-item-image{ background: url(/core/img/none/image.png) no-repeat center center / cover; }
.advert-item-text{ line-height: 1em; padding: 1em; flex-grow: 1; }
.advert-item-text{ border-top: 1px solid #dcdcdc; }
.advert-item-title{ font-weight: bold; font-size: 1.25em; line-height: 1em; }
.advert-item-at{ font-size: 1.125em; line-height: 1em; margin-top: .5em; }
.advert-item-comment{ margin-top: 1em; }
.advert-item-icons{ display: flex; align-items: center; justify-content: center; }
.advert-item-icons{ padding: .5em; border-top: 1px dashed #dcdcdc; }
.advert-item-icon{ height: 2em; width: 2em; flex: 0 0 2em; margin-right: .5em; }
.advert-item-icon:last-child{ margin-right: 0em; }

.advert-none{ outline: 1px dashed #dcdcdc; box-shadow: none; }

.advert-list-view .advert-item{ min-height: 31em; }
.advert-list-view .advert-item-title{ }
.advert-list-view .advert-item-comment{ display: none; }

.advert-like-items .advert-item{ min-height: 10em; }
.advert-like-items .advert-item-content{ flex-direction: row; padding: 1em; }
.advert-like-items .advert-item-title{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.advert-like-items .advert-item-image{ flex: 0 0 15em; width: auto; height: auto; }
.advert-like-items .advert-item-text{ padding: 2em; background: #f2f2f2; border-top: none; }
.advert-like-items .advert-item-icons{ position: absolute; right: 0em; top: 0em; background: #fff; }
.advert-like-items .advert-item-icons{ border-top: none; border-left: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; }

@media (max-width: 900px){
	.advert-item{ box-shadow: none; outline: none; }
	.advert-list-items .advert-item{ margin: 3px; min-height: calc(50vw + 7em); }
	.advert-list-items .advert-item-image{ height: calc(50vw - 8px); }
	.advert-like-items .advert-item{ min-height: 25em; }
	.advert-like-items .advert-item-content{ flex-direction: column; }
}

/**
 * Action: advert/list
 **/

.advert-list-section{ position: relative; }
.advert-list-view{ width: 60em; min-height: 100%; margin: auto; padding: 3em 2em 2em 2em; }

.advert-list-paging .mi-paging-input{ display: none; margin-top: 2em; }
.advert-list-paging .mi-paging-prev{ margin-right: 1em; }

.advert-list-items{ display: grid; grid-template-columns: 50% 50%; }

.advert-list-tags{ top: 1em; left: 6em; position: fixed; z-index: 40; height: 4em; width: 4em; border-radius: 50%; }
.advert-list-tags{ cursor: pointer; background-size: 2em 2em; }
.advert-list-tags{ background-color: #fff; box-shadow: 0px 0px 3px #aaa; }
.advert-list-tags:hover, .advert-list-tags:focus{ filter: none; }

.advert-list-filters-toggle{ top: 1em; left: 1em; position: fixed; z-index: 40; height: 4em; width: 4em; border-radius: 50%; }
.advert-list-filters-toggle{ cursor: pointer; background-size: 2em 2em; }
.advert-list-filters-toggle{ background-color: #fff; box-shadow: 0px 0px 3px #aaa; transition: all .5s; }
.advert-list-filters-toggle[aria-expanded="true"]{ transform: rotate(90deg); }
.advert-list-filters-toggle:hover, .advert-list-filters-toggle:focus{ filter: none; }
.advert-list-filters-side{ top: 0em; left: 0em; position: fixed;  z-index: 30; height: 100%; width: 25em; }
.advert-list-filters-side{ padding: 7em 2em 2em 2em; overflow-y: auto; background: #ececec; }
.advert-list-filters-row{ margin-bottom: 1em; padding: 1em; position: relative; }
.advert-list-filters-row{ background: #fff; box-shadow: 0px 0px 3px #aaa; }
.advert-list-filters-row:last-child{ margin-bottom: 0em; }
.advert-list-filters-label{ display: block; margin-bottom: .75em; font-weight: bold; text-align: center; }

.advert-list-filters-what{ padding: 0em; }
.advert-list-filters-what-row{ display: flex; align-items: center; padding: 1em; }
.advert-list-filters-what-row[checked]{ background: #bed736; font-weight: bold; }
.advert-list-filters-what-input{ margin-right: 1em; }
.advert-list-filters-search-wrap{ position: relative; }
.advert-list-filters-search-input{ width: 100%; }
.advert-list-filters-search-icon{ height: 1.25em; width: 1.25em; position: absolute; right: .5em; top: .5em; }
.advert-list-filters-location-input{ width: 100%; margin-bottom: .5em; }
.advert-list-filters-radius-input{ width: 100%; }
.advert-list-filters-colors-select{ cursor: pointer; position: absolute; right: .75em; top: .75em; height: 1.5em; width: 1.5em; }
.advert-list-filters-colors-select{ cursor: pointer; background: url(/img/add.png) no-repeat center center / contain; }
.advert-list-filters-colors-list{ min-height: 1em; }
.advert-list-filters-tags-select{ position: absolute; right: .75em; top: .75em; height: 1.5em; width: 1.5em; }
.advert-list-filters-tags-list{ min-height: 4em; background: #f2f2f2; border: 1px solid #dcdcdc; padding: 1em; }
.advert-list-filters-tags-item{ display: block; margin-bottom: .5em; }
.advert-list-filters-tags-item:last-child{ margin-bottom: 0em; }

.advert-list-filters-alert-label{ font-weight: normal; font-size: 1em; }
.advert-list-filters-alert-button{ width: 100%; }

.advert-list-paging{ position: fixed; right: 2em; bottom: 6em; }

@media (max-width: 900px){
	.advert-list-view{ width: 100%; padding: 0em; background: #ececec; }
	.advert-list-items{ padding: 2px; }
	.advert-list-filters-toggle{ top: .5em; left: .5em; border-radius: 0; }
	.advert-list-filters-toggle{ box-shadow: none; background-color: transparent; background-size: 3em 3em; }
	.advert-list-filters-toggle.on{ left: 1em; }
	.advert-list-tags{ top: .5em; left: 4.5em; border-radius: 0; }
	.advert-list-tags{ box-shadow: none; background-color: transparent; background-size: 3em 3em; }
	.advert-list-tags.on{ left: 5em; }
	.advert-list-filters-side{ padding: 2em; width: calc(100% - 7em); }
	.advert-list-filters-side{ border-top: 5em solid #fff; box-shadow: 0px 0px 10px #aaa; }
	.advert-list-paging{ bottom: 7.5em; }
}

/**
 * Action: advert/like
 **/

.advert-like-section{ position: relative; }
.advert-like-view{ max-width: 60em; height: 100%; margin: auto; padding: 3em 2em 2em 2em; }
.advert-like-view{ display: flex; flex-direction: column; align-items: center; justify-content: center; }

.advert-like-items{ width: 100%; max-height: 100%; overflow-y: auto; }
.advert-like-none{ width: 100%; font-size: 1.25em; text-align: center; padding: 1em; }
.advert-like-none{ background: #fff; box-shadow: 0px 0px 3px #aaa; }

@media (max-width: 900px){
	.advert-like-view{ padding: 0em; background: #ececec; }
}

/**
 * Action: advert/edit
 **/
 
.advert-edit-view{ max-width: 50em; min-height: 100%; margin: auto; padding: 3em 2em 2em 2em; }
.advert-edit-view{ background: #fff; }
.advert-edit-view em{ font-weight: bold; font-style: normal; color: #f24405; }
.advert-edit-title{ font-size: 1.5em; margin-bottom: 1em; text-align: center; }
.advert-edit-row{ margin-bottom: 1em; }
.advert-edit-row:last-child{ margin-bottom: 0em; }
.advert-edit-label{ display: block; margin-bottom: .5em; font-weight: bold; }
.advert-edit-submit{ margin-top: 1.5em; text-align: center; }
.advert-edit-button{ margin: auto; }

.advert-edit-title-input{ width: 100%; }
.advert-edit-comment-input{ height: 20em; }
.advert-edit-location-input{ width: 100%; display: flex; align-items: center; cursor: pointer; }
.advert-edit-location-input{ padding: .25em; border: 1px solid #dcdcdc; }
.advert-edit-location-input[disabled]{ background: #ececec; }
.advert-edit-location-text{ flex-grow: 1; padding: 0em .5em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.advert-edit-location-text>*{ display: inline-block; vertical-align: middle; margin-right: .25em; }
.advert-edit-location-name{ font-weight: bold; }
.advert-edit-location-edit{ height: 1.75em; width: 1.75em; }
.advert-edit-tags-input{ min-height: 6.5em; padding: .25em; position: relative; overflow: hidden; }
.advert-edit-tags-input{ background: #f2f2f2; border: 1px solid #dcdcdc; }
.advert-edit-tags-add{ position: absolute; top: 0em; right: 0em; height: 2.5em; width: 2.5em; padding: .25em; }
.advert-edit-tags-add{ cursor: pointer; background-color: #fff; box-shadow: 0px 0px 3px #aaa; }
.advert-edit-tags-ul{ padding: .25em; }
.advert-edit-tags-li{ display: inline-flex; vertical-align: middle; align-items: center; margin: .25em; }
.advert-edit-tags-li{ padding: .5em .75em; background: #fff; box-shadow: 0px 0px 3px #aaa; }
.advert-edit-tags-li:focus{ outline: 3px dashed #1cbdba; }
.advert-edit-tags-name{ margin-right: .25em; white-space: nowrap; }
.advert-edit-tags-remove{ height: 1.5em; width: 1.5em; }
.advert-edit-images-input .mi-files-list{ min-height: 6em; height: auto; overflow: auto; }
.advert-edit-link-input{ width: 100%; }

@media (max-width: 900px){
	
}

/**
 * Action: advert/show
 **/
 
.advert-show-view{ width: 55em; margin: auto; padding: 3em 2em 2em 2em; background: #fff; }
.advert-show-prefix{ font-size: 2em; margin-bottom: .125em; text-align: center; }
.advert-show-title{ text-align: center; font-size: 1.5em; }
.advert-show-rows{ margin-top: 2em; }
.advert-show-row{ margin-bottom: 1em; }
.advert-show-sep{ content: ""; display: block; margin: auto; width: 10em; margin: 2em auto; border-bottom: 5px dotted #1cbdba; }
.advert-show-row:last-child{ margin-bottom: 0em; }
.advert-show-submit{ margin-top: 2em; text-align: center; }
.advert-show-submit{ display: flex; justify-content: center; align-items: center; }
.advert-show-submit>*{ margin-right: 1em; font-size: 1.125em; }
.advert-show-submit>*:last-child{ margin-right: 0em; }
.advert-show-label{ font-size: 1.25em; font-weight: bold; text-align: center; margin-bottom: 1em; }
.advert-show-value{ padding: 1em; background: #ececec; }

.advert-show-galery-row{ height: 32em; display: flex; align-items: center; }
.advert-show-galery-zoom{ height: 100%; flex-grow: 1; }
.advert-show-galery-zoom{ background-repeat: no-repeat; background-size: contain; background-position: center center; }
.advert-show-galery-zoom{ border: 5px solid #000; }
.advert-show-galery-list{ height: 100%; display: flex; flex-direction: column; height: 100%; margin-left: 2em; padding: 1em; }
.advert-show-galery-list{ overflow-y: auto; background: #ececec; }
.advert-show-galery-item{ height: 10em; width: 10em; margin-bottom: 1em; background-color: #fff; }
.advert-show-galery-item{ background-repeat: no-repeat; background-size: contain; background-position: center center; }
.advert-show-galery-item{ box-shadow: 0px 0px 3px #222; }
.advert-show-galery-item:last-child{ margin-bottom: 0em; }

.mi-zoom .advert-show-galery-zoom{ height: 100%; width: 100%; background-size: contain; border: none; }

.advert-show-colors-value{ border: none; }
.advert-show-colors-value .mi-colors-li{ margin: 0em .5em; outline: none; border: 3px solid #fff; }
.advert-show-colors-value .mi-colors-li:not(.selected){ display: none; }
.advert-show-tags-values{ text-align: center; }
.advert-show-tags-value{ display: inline-block; vertical-align: middle; padding: .5em 1em; }
.advert-show-tags-value{ box-shadow: 0px 0px 3px #aaa; background: #fff; }

.advert-show-comment-value *{ background: none !important; font-size: 1em !important; }

.advert-show-dialog-window{ max-width: 60em; }
.advert-show-dialog-window .advert-show-view{ padding: 2em; }
.advert-show-dialog-window .advert-show-submit-sep{ display: none; }
.advert-show-dialog-window .advert-show-submit{ display: none; }

@media (max-width: 900px){
	.advert-show-view{ width: 100%; }
	.advert-show-view{ background: url(/img/bg.light.jpg) no-repeat fixed center center / cover; }
	.advert-show-value{ background: rgba(255,255,255,.625); }
	.advert-show-galery-row{ flex-direction: column; height: auto; }
	.advert-show-galery-zoom{ width: 100%; height: calc(100vw - 4em); }
	.advert-show-galery-zoom{ background-color: rgba(255,255,255,.625); }
	.advert-show-galery-list{ flex-direction: row; height: auto; width: 100%; margin-left: 0em; margin-top: 1em; }
	.advert-show-galery-list{ background: rgba(255,255,255,.625); }
	.advert-show-galery-list{ overflow-y: hidden; overflow-x: scroll; }
	.advert-show-galery-item{ margin-bottom: 0em; margin-right: 1em; }
	.advert-show-galery-item:last-child{ margin-right: 0em; }
}

/**
 * Action: advert/poster
 **/

.advert-poster-page{ background: url(/img/bg.poster.jpg) no-repeat center center / cover !important; }
.advert-poster-body{ padding: 11em 8em 13em 8em; }
.advert-poster-block{ height: calc(100% - 1px); width: 100%; display: flex; flex-direction: column; justify-content: center; }
.advert-poster-title{ font-size: 2.5em; text-align: center; text-decoration: underline; font-weight: bold; padding-bottom: 1em; }
.advert-poster-subtitle{ font-size: 2em; text-transform: uppercase; text-align: center; font-weight: bold; }

.advert-poster-lender{ width: 100%; text-align: center; padding-bottom: 4em; }
.advert-poster-lender-logo{ max-height: 10em; margin-bottom: .5em; }
.advert-poster-lender-logo-img{ height: 100%; max-height: 100%; max-width: 100%; width: auto; object-fit: contain; }
.advert-poster-lender-title{ font-size: 2.5em; }
.advert-poster-lender-name{ font-size: 2.5em; font-weight: bold; }
.advert-poster-lender-street{ font-size: 1.625em; }
.advert-poster-lender-city{ font-size: 1.625em; }

.advert-poster-qrcode{ width: 100%; flex-grow: 1; display: flex; flex-direction: column; }
.advert-poster-qrcode-frame{ flex-grow: 1; }
.advert-poster-qrcode-image{ height: 100%; max-height: 100%; max-width: 100%; margin: auto; object-fit: contain; }

/** 
 * Action: advert/alert/list
 **/
 
.alert-list-view{ height: 100%; max-width: 60em; padding: 3em 1em 2em 1em; }
.alert-list-view{ display: flex; margin: auto; flex-direction: column; overflow: hidden; }
.alert-list-title{ font-size: 1.5em; text-align: center; }
.alert-list-filters{ display: flex; align-items: center; justify-content: center; padding: 1em; }
.alert-list-filters>*{ margin-right: 1em; }
.alert-list-filters>*:last-child{ margin-right: 0em; }
.alert-list-search{ position: relative; }
.alert-list-search-input{ width: 12em; padding-right: 2.25em; }
.alert-list-search-icon{ position: absolute; height: 1.5em; width: 1.5em; top: .375em; right: .375em; }
.alert-list-body{ flex-grow: 1; display: flex; flex-direction: column; align-items: center; }
.alert-list-body{ overflow: hidden; }
.alert-list-items{ flex-grow: 1; overflow-y: auto; padding: 3px 1em; width: 100%; }
.alert-list-item{ margin-bottom: 1em; }
.alert-list-item{ background: #fff; box-shadow: 0px 0px 3px #aaa; }
.alert-list-item:last-child{ margin-bottom: 0em; }
.alert-list-item-content{ width: 100%; min-height: 6em; padding: 1em; display: flex; align-items: center; }
.alert-list-item:focus{ outline: 3px dashed #1cbdba; }
.alert-list-none{ min-height: 6em; outline: 1px dashed #dcdcdc; box-shadow: none; }
.alert-list-item-data{ flex-grow: 1; }
.alert-list-item-name{ font-weight: bold; font-size: 1.25em; }
.alert-list-item-filters{ display: flex; margin-top: .5em; }
.alert-list-item-filters>*{ display: flex; align-items: center; margin-right: 1em; }
.alert-list-item-filters>*{ background: #ececec; padding: .5em 1em; }
.alert-list-item-filters>*:last-child{ margin-right: 0em; }
.alert-list-item-prop{ margin-right: .5em; }
.alert-list-item-colors .mi-colors{ padding: 0em; background: none; border: none; }
.alert-list-item-colors .mi-colors-ul{ margin-right: -1em; }
.alert-list-item-colors .mi-colors-li{ display: none; margin: 0; margin-right: 1em; height: 1.5em; width: 1.5em; }
.alert-list-item-colors .mi-colors-li{ outline: none !important; box-shadow: none !important; border: none !important; }
.alert-list-item-colors .mi-colors-li.selected{ display: inline-block; }
.alert-list-item-location .alert-list-item-location-value{ padding: 0em; height: auto; border: none; background: none; }
.alert-list-item-icons{ display: flex; align-items: center; margin-left: 1em; }
.alert-list-item-icon{ margin-right: .5em; }
.alert-list-item-icon:last-child{ margin-right: 0em; }

.alert-list-dialog-window{ max-width: 50em; height: 75vh; }
.alert-list-dialog-window .alert-list-view{ padding: 0em; }
.alert-list-dialog-window .alert-list-title{ display: none; }

.alert-name-view{ padding: 1em; }
.alert-name-label{ display: block; margin-bottom: .25em; }
.alert-name-input{ display: block; width: 100%; }
.alert-name-submit{ margin-top: .5em; text-align: center; }

.alert-name-dialog-window{ max-width: 20em; }

@media (max-width: 900px){
	.alert-list-view{ padding: 1em; }
}

/** 
 * Action: advert/alert/edit
 **/

.alert-edit-view{ display: flex; flex-direction: column; overflow: hidden; }

.alert-edit-rows{ width: 100%; flex-grow: 1; overflow-y: auto; max-height: 25em; }	
.alert-edit-row{ padding: 1em; position: relative; }
.alert-edit-row{ border-bottom: 1px dashed #dcdcdc; }
.alert-edit-label{ display: block; margin-bottom: .75em; font-weight: bold; text-align: left; }

.alert-edit-name-input{ width: 100%; }
.alert-edit-search-wrap{ position: relative; }
.alert-edit-search-input{ width: 100%; }
.alert-edit-search-icon{ height: 1.25em; width: 1.25em; position: absolute; right: .5em; top: .5em; }
.alert-edit-location-input{ width: 100%; margin-bottom: .5em; }
.alert-edit-radius-input{ width: 100%; }
.alert-edit-colors-select{ cursor: pointer; position: absolute; right: .75em; top: .75em; height: 1.5em; width: 1.5em; }
.alert-edit-colors-select{ cursor: pointer; background: url(/img/add.png) no-repeat center center / contain; }
.alert-edit-colors-list{ min-height: 1em; }
.alert-edit-tags-select{ position: absolute; right: .75em; top: .75em; height: 1.5em; width: 1.5em; }
.alert-edit-tags-list{ min-height: 4em; background: #f2f2f2; border: 1px solid #dcdcdc; padding: 1em; }
.alert-edit-tags-item{ display: block; margin-bottom: .5em; }
.alert-edit-tags-item:last-child{ margin-bottom: 0em; }

.alert-edit-submit{ padding: .5em; text-align: center; position: relative; z-index: 1; }
.alert-edit-submit{ background: #ececec; box-shadow: 0px 0px 3px #aaa; }

.alert-edit-dialog-window{ max-width: 25em; }
.alert-edit-dialog-window .alert-edit-title{ display: none; }

/** 
 * Action: advert/tag/list
 **/
 
.tag-list-view{ height: 100%; max-width: 60em; display: flex; margin: auto; flex-direction: column; padding: 3em 2em 2em 2em; }
.tag-list-data{ flex-grow: 1; overflow-y: scroll; }

.tag-list-filters{ display: flex; align-items: center; justify-content: center; padding: 1em; }
.tag-list-filters>*{ margin-right: 1em; }
.tag-list-filters>*:last-child{ margin-right: 0em; }
.tag-list-filters-search{ position: relative; }
.tag-list-filters-search-input{ width: 12em; }
.tag-list-filters-search-icon{ height: 1.25em; width: 1.25em; position: absolute; right: .5em; top: .5em; }

.tag-list-data{ background: #dcdcdc; padding: 1em; }
.tag-list-ul{ padding-left: 2em; }
.tag-list-item{ display: flex; align-items: center; padding: .5em; margin-bottom: 1em; }
.tag-list-item{ background: #fff; box-shadow: 0px 0px 3px #aaa; }
.tag-list-item:focus{ outline: 3px dashed #1cbdba; }
.tag-list-check{ margin-right: 1em; }
.tag-list-image{ height: 2em; width: 2em; margin-right: 1em; }
.tag-list-image{ background: url(/core/img/none/image.png) no-repeat center center / contain; }
.tag-list-text{ position: relative; margin-right: 1em; width: calc(100% - 10em); }
.tag-list-name{ display: block; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.tag-list-comment{ display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-top: .25em; display: none; }
.tag-list-code{ top: 1em; right: 0em; position: absolute; top: 0em; right: 0em; color: #aaa; }
.tag-list-icons{ white-space: nowrap; text-align: center; }
.tag-list-icons>*{ margin-right: .25em; display: inline-block; vertical-align: middle; }
.tag-list-icons>*:last-child{ margin-right: 0em; }
.tag-list-icon{ height: 1.5em; width: 1.5em; }

.tag-list-select .tag-list-text{ width: auto; flex-grow: 1; }

.tag-list-dialog-window{ max-width: 50em; height: 75vh; }
.tag-list-dialog-window .tag-list-view{ padding: 0em; }

/** 
 * Action: advert/tag/edit
 **/

.tag-edit-section{ display: flex; align-items: center; }
.tag-edit-view{ max-width: 40em; margin: auto; padding: 3em 2em 2em 2em; }
.tag-edit-view{ background: #fff; }
.tag-edit-title{ font-size: 1.5em; margin-bottom: 1em; text-align: center; }
.tag-edit-label{ display: block; margin-bottom: .5em; }
.tag-edit-rows{ margin-bottom: 1em; }
.tag-edit-row{ margin-bottom: 1em; }
.tag-edit-row:last-child{ margin-bottom: 0em; }
.tag-edit-image-input{ cursor: pointer; height: 8em; background-color: #dcdcdc; }
.tag-edit-image-input{ background-repeat: no-repeat; background-size: auto 6em; background-position: center center; }
.tag-edit-code-input{ width: 100%; }
.tag-edit-name-input{ width: 100%; }
.tag-edit-comment-input{ width: 100%; height: 5em; }
.tag-edit-submit{ text-align: center; }

.tag-edit-dialog-window{ max-width: 40em; }
.tag-edit-dialog-window .tag-edit-view{ padding: 2em; color: #000; background: none; text-shadow: none; }
.tag-edit-dialog-window .tag-edit-title{ display: none; }

@media (max-width: 900px){
	
}

/** 
 * Action: advert/location/list
 **/
 
.location-list-view{ height: 100%; max-width: 60em; display: flex; margin: auto; flex-direction: column; padding: 3em 2em 2em 2em; }
.location-list-data{ flex-grow: 1; overflow-y: scroll; }

.location-filters{ display: flex; align-items: center; justify-content: center; padding: 1em; }
.location-filters>*{ margin-right: 1em; }
.location-filters>*:last-child{ margin-right: 0em; }
.location-filters-search{ position: relative; }
.location-filters-search-input{ width: 12em; }
.location-filters-search-icon{ height: 1.25em; width: 1.25em; position: absolute; right: .5em; top: .5em; }

.location-list-data{ background: #fff; padding: 1em; }
.location-list-ul{ padding-left: 2em; }
.location-list-item{ display: flex; align-items: center; padding: 1em; margin-bottom: 1em; }
.location-list-item{ background: #fff; outline: 1px solid #1cbdba; }
.location-list-item:focus{ outline: 3px dashed #1cbdba; }
.location-list-check{ margin-right: 1em; }
.location-list-radio{ margin-right: 1em; }
.location-list-image{ height: 2em; width: 2em; margin-right: 1em; }
.location-list-image{ background: url(/core/img/none/image.png) no-repeat center center / contain; }
.location-list-text{ position: relative; margin-right: 1em; flex-grow: 1; }
.location-list-name{ display: block; font-weight: bold; font-size: 1.25em; }
.location-list-street{ display: block; margin-top: .25em; }
.location-list-city{ display: block; margin-top: .25em; }
.location-list-icons{ white-space: nowrap; text-align: center; width: 7em; }
.location-list-icons>*{ margin-right: .25em; display: inline-block; vertical-align: middle; }
.location-list-icons>*:last-child{ margin-right: 0em; }

.location-list-select .location-list-text{ width: auto; flex-grow: 1; }

.location-list-dialog-window{ max-width: 50em; height: 75vh; }
.location-list-dialog-window .location-list-view{ padding: 0em; }

@media (max-width: 900px){
	.location-list-view{ padding: 0em; }
	.location-filters{ background: #ececec; }
}

/** 
 * Action: advert/location/edit
 **/

.location-edit-section{ display: flex; align-items: center; }
.location-edit-view{ max-width: 40em; margin: auto; background: #fff; padding: 3em 2em 2em 2em; }
.location-edit-title{ font-size: 1.5em; margin-bottom: 1em; text-align: center; }
.location-edit-label{ display: block; margin-bottom: .5em; }
.location-edit-rows{ margin-bottom: 1em; }
.location-edit-row{ margin-bottom: 1em; }
.location-edit-row:last-child{ margin-bottom: 0em; }
.location-edit-submit{ text-align: center; }

.location-edit-name-input{ width: 100%; }
.location-edit-street-input{ width: 100%; margin-bottom: .5em; }
.location-edit-postalCode-input{ display: inline-block; vertical-align: middle; width: 12em; margin-right: .5em; }
.location-edit-city-input{ display: inline-block; vertical-align: middle; width: calc(100% - 12.5em); }
.location-edit-geo-input{ padding: 1em; background-color: #bed736; }
.location-edit-geo-input a{ color: #000; font-weight: bold; text-decoration: underline; }
.location-edit-geo-none{ padding: 1em; text-align: justify; background-color: #fbf6dd; color: #a4854b; }

.location-edit-dialog-window{ max-width: 40em; }
.location-edit-dialog-window .location-edit-view{ padding: 2em; color: #000; background: none; text-shadow: none; }
.location-edit-dialog-window .location-edit-title{ display: none; }

@media (max-width: 900px){
	.location-edit-dialog-window .location-edit-view{ padding: 1em; }
}

/** 
 * Action: advert/account/list
 **/

.account-list-view{ height: 100%; max-width: 60em; display: flex; margin: auto; flex-direction: column; padding: 3em 2em 2em 2em; }
.account-list-data{ flex-grow: 1; overflow-y: scroll; }

.account-list-box{ flex-grow: 1; display: flex; overflow: hidden; flex-direction: column; }
.account-list-buttons{ display: flex; flex: 0 0 3.25em; overflow-x: scroll; }
.account-list-buttons{ backdrop-filter: blur(1em); background: rgba(0,0,0,.5); text-shadow: 0px 0px 3px #222; color: #fff; }
.account-list-button{ padding: .75em 1.5em; cursor: pointer; }
.account-list-button.selected{ background: #bed736; color: #030; text-shadow: none; }
.account-list-tabs{ flex-grow: 1; overflow-y: auto; background: #fff; }
.account-list-tab{ display: flex; flex-direction: column; justify-content: center; height: 100%; margin: auto; }

.account-filters{ display: flex; align-items: center; justify-content: center; padding: 1em; }
.account-filters>*{ margin-right: 1em; }
.account-filters>*:last-child{ margin-right: 0em; }
.account-filters-search{ position: relative; }
.account-filters-search-input{ width: 12em; }
.account-filters-search-icon{ height: 1.25em; width: 1.25em; position: absolute; right: .5em; top: .5em; }

.account-list-data{ background: #dcdcdc; padding: 1em; }
.account-list-ul{ padding-left: 2em; }
.account-list-item{ display: flex; align-items: center; padding: 1em; margin-bottom: 1em; }
.account-list-item{ background: #fff; box-shadow: 0px 0px 3px #aaa; }
.account-list-item:focus{ outline: 3px dashed #1cbdba; }
.account-list-check{ margin-right: 1em; }
.account-list-image{ height: 2em; width: 2em; margin-right: 1em; }
.account-list-image{ background: url(/core/img/none/image.png) no-repeat center center / contain; }
.account-list-text{ position: relative; margin-right: 1em; flex-grow: 1; }
.account-list-name{ display: block; font-weight: bold; font-size: 1.25em; }
.account-list-address{ display: flex; align-items: center; margin-top: .25em; }
.account-list-street{ display: block; margin-right: .25em; }
.account-list-city{ display: block; }
.account-list-state{ display: inline-block; margin-top: .25em; padding: .5em 1em .5em 2.5em; }
.account-list-state{ background: url(/core/img/message/warning.png) no-repeat 1em center / 1em 1em; }
.account-list-state{ background-color: #fbf6dd; color: #a4854b; font-weight: bold; }
.account-list-enabled{ background-image: url(/core/img/message/success.png); }
.account-list-enabled{ background-color: #bed736; color: #030; }
.account-list-icons{ white-space: nowrap; text-align: center; width: 7em; }
.account-list-icons>*{ margin-right: .25em; display: inline-block; vertical-align: middle; }
.account-list-icons>*:last-child{ margin-right: 0em; }

.account-list-dialog-window{ max-width: 50em; height: 75vh; }
.account-list-dialog-window .location-list-view{ padding: 0em; }

@media (max-width: 900px){
	.account-list-view{ padding: 0em; }
}

/** 
 * Action: advert/account/edit
 **/

.account-edit-view{ max-width: 60em; height: 100%; margin: auto; padding: 3em 0em 2em 0em; }
.account-edit-view{ display: flex; flex-direction: column; overflow: hidden; }
.account-edit-title{ font-size: 1.5em; margin-bottom: 1em; text-align: center; }
.account-edit-label{ display: block; margin-bottom: .5em; }
.account-edit-box{ flex-grow: 1; display: flex; overflow: hidden; flex-direction: column; }
.account-edit-buttons{ display: flex; flex: 0 0 3.25em; overflow-x: scroll; }
.account-edit-buttons{ backdrop-filter: blur(1em); background: rgba(0,0,0,.5); text-shadow: 0px 0px 3px #222; color: #fff; }
.account-edit-button{ padding: .75em 1.5em; cursor: pointer; }
.account-edit-button.selected{ background: #bed736; color: #030; text-shadow: none; }
.account-edit-tabs{ flex-grow: 1; overflow-y: auto; background: #fff; }
.account-edit-tab{ display: flex; flex-direction: column; margin: auto; }
.account-edit-rows{ margin-bottom: 1em; }
.account-edit-row{ margin-bottom: 1em; }
.account-edit-row:last-child{ margin-bottom: 0em; }
.account-edit-subtitle{ font-size: 1.25em; margin-bottom: .8em; }
.account-edit-subtitle:last-child{ margin-bottom: 0em; }
.account-edit-submit{ text-align: center; }

.account-edit-account-tab{ padding: 2em; }
.account-edit-invoices-tab{ height: 100%; }
.account-edit-docs-tab{ height: 100%; }

.account-edit-included{ display: flex; align-items: center; padding: .75em; }
.account-edit-included:before{ content: ""; display: block; height: 2em; width: 2em; margin-right: 1em; }
.account-edit-included:before{ background: url(/core/img/message/warning.png) no-repeat center center / contain; }
.account-edit-included{ background-color: #fbf6dd; color: #a4854b; }
.account-edit-included[checked]{ background-color: #bed736; color: #030; }
.account-edit-included[checked]:before{ background-image: url(/core/img/message/success.png); }
.account-edit-included-label{ margin-bottom: 0em; flex-grow: 1; }
.account-edit-included-input{ margin-right: 1em; }
.account-edit-enabled{ display: flex; align-items: center; padding: .75em; }
.account-edit-enabled:before{ content: ""; display: block; height: 2em; width: 2em; margin-right: 1em; }
.account-edit-enabled:before{ background: url(/core/img/message/warning.png) no-repeat center center / contain; }
.account-edit-enabled{ background-color: #fbf6dd; color: #a4854b; }
.account-edit-enabled[checked]{ background-color: #bed736; color: #030; }
.account-edit-enabled[checked]:before{ background-image: url(/core/img/message/success.png); }
.account-edit-enabled-label{ margin-bottom: 0em; flex-grow: 1; }
.account-edit-enabled-input{ margin-right: 1em; }
.account-edit-name-input{ width: 100%; }
.account-edit-street-input{ width: 100%; margin-bottom: .5em; }
.account-edit-postalcode-input{ display: inline-block; vertical-align: middle; width: 12em; margin-right: .5em; }
.account-edit-city-input{ display: inline-block; vertical-align: middle; width: calc(100% - 12.5em); }
.account-edit-logo-input{ height: 5em; cursor: pointer; position: relative; }
.account-edit-logo-input{ background-repeat: no-repeat; background-size: auto 4em; background-position: center; }
.account-edit-logo-input{ background-color: #ececec; }
.account-edit-logo-zoom{ position: absolute; top: .5em; right: .5em; }
.mi-zoom .account-edit-logo-input{ height: 20em !important; width: 20em !important; background-size: contain; background-color: transparent; }
.mi-zoom .account-edit-logo-zoom{ display: none; }
.account-edit-location-name-input{ width: 100%; }
.account-edit-location-siret-input{ width: 100%; }
.account-edit-location-valid{ display: flex; align-items: center; padding: .75em; }
.account-edit-location-valid:before{ content: ""; display: block; height: 2em; width: 2em; margin-right: 1em; }
.account-edit-location-valid:before{ background: url(/core/img/message/warning.png) no-repeat center center / contain; }
.account-edit-location-valid{ background-color: #fbf6dd; color: #a4854b; }
.account-edit-location-valid[checked]{ background-color: #bed736; color: #030; }
.account-edit-location-valid[checked]:before{ background-image: url(/core/img/message/success.png); }
.account-edit-location-valid-label{ margin-bottom: 0em; flex-grow: 1; }
.account-edit-location-valid-input{ margin-right: 1em; }
.account-edit-location-street-input{ width: 100%; margin-bottom: .5em; }
.account-edit-location-postalcode-input{ display: inline-block; vertical-align: middle; width: 12em; margin-right: .5em; }
.account-edit-location-city-input{ display: inline-block; vertical-align: middle; width: calc(100% - 12.5em); }
.account-edit-geo-input{ padding: 1em; background-color: #bed736; }
.account-edit-geo-input a{ color: #000; font-weight: bold; text-decoration: underline; }
.account-edit-geo-none{ padding: 1em; text-align: justify; background-color: #fbf6dd; color: #a4854b; }
.account-edit-location-website-input{ width: 100%; margin-bottom: .5em; }
.account-edit-user-input{ height: 2.25em; width: 100%; display: flex; cursor: pointer; }
.account-edit-user-input{ border: 1px solid #dcdcdc; }
.account-edit-user-input>*{ display: block; padding: .625em; line-height: 1em; height: 100%; }
.account-edit-user-email{ flex-grow: 1; }
.account-edit-user-enabled{ font-weight: bold; display: block; width: 6em; flex: 0 0 6em; text-align: center; }
.account-edit-user-enabled{ background: #fbf6dd; color: #a4854b; }
.account-edit-user-enabled.enabled{ background: #bed736; color: #030; }
.account-edit-user-add{ height: 2.25em; width: 2.25em; flex: 0 0 2.25em; background-size: 1.5em 1.5em; }

.account-edit-dialog-window{ max-width: 50em; height: 75vh; }
.account-edit-dialog-window .account-edit-view{ padding: 0em; }
.account-edit-dialog-window .account-edit-title{ display: none; }

@media (max-width: 900px){
	.account-edit-view{ padding: 0em; }
	.account-edit-title{ margin: 0em; padding: .5em; background: #ececec; }
}

/**
 * Action: advert/account/invoice/list
 **/
	
.invoice-list-view{ height: 100%; width: 100%; display: flex; flex-direction: column; }
.invoice-list-view{ padding: 2em 1em 1em 1em; }
.invoice-list-data{ flex-grow: 1; overflow-y: scroll; }

.invoice-list-filters{ display: flex; align-items: center; justify-content: center; padding: 1em; }
.invoice-list-filters>*{ margin-right: .5em; }
.invoice-list-filters>*:last-child{ margin-right: 0em; }
.invoice-list-filters-buttons{ display: flex; align-items: center; margin-left: 1em; }
.invoice-list-filters-buttons>*{ margin-right: .5em; height: 2.25em; width: 2.25em; flex: 0 0 2.25em; }
.invoice-list-filters-buttons>*{ background-color: #ececec; background-size: 1.5em 1.5em; outline: 1px solid #dcdcdc; }
.invoice-list-filters-buttons>*:last-child{ margin-right: 0em; }
.invoice-list-filters-buttons>*:hover{ filter: none; background-color: #000; outline: 1px dashed #000; }
.invoice-list-filters-buttons>*:focus{ filter: none; background-color: #000; outline: 1px dashed #000; }
.invoice-list-filters-month{ width: 9em; }
.invoice-list-filters-year{ width: 6em;  }

.invoice-list-data{ background: #dcdcdc; padding: 1em; }
.invoice-list-ul{ padding-left: 2em; }
.invoice-list-item{ display: flex; align-items: center; padding: 1em; margin-bottom: 1em; }
.invoice-list-item{ background: #fff; box-shadow: 0px 0px 3px #aaa; }
.invoice-list-item:focus{ outline: 3px dashed #1cbdba; }
.invoice-list-text{ position: relative; margin-right: 1em; flex-grow: 1; }
.invoice-list-text>*{ display: flex; align-items: center; margin-top: .25em; }
.invoice-list-text>*:first-child{ margin-top: 0em; }
.invoice-list-name{ font-size: 1.25em; font-weight: bold; }
.invoice-list-uid-label{ padding-right: .25em; }
.invoice-list-uid-value{ font-weight: bold; }
.invoice-list-account-label{ padding-right: .25em; }
.invoice-list-account-value{ font-weight: bold; }
.invoice-list-icons{ white-space: nowrap; text-align: center; width: 3em; }
.invoice-list-icons>*{ margin-right: .25em; display: inline-block; vertical-align: middle; }
.invoice-list-icons>*:last-child{ margin-right: 0em; }

.account-edit-invoices-tab .invoice-list-view{ height: 100%; padding: 0em; }
.account-list-invoices-tab .invoice-list-view{ height: 100%; padding: 0em; }

@media (max-width: 900px){
	.invoice-list-view{ padding: 1em; }
}

/**
 * Action: advert/account/invoice/edit
 **/

.invoice-pdf-block{ height: calc(100% - 1px); width: 100%; display: flex; flex-direction: column; }
.invoice-pdf-top{ display: table; table-layout: fixed; width: 100%; }
.invoice-pdf-top>*{ display: table-cell; vertical-align: top; line-height: 1.5em; }
.invoice-pdf-topleft{ vertical-align: bottom; }
.invoice-pdf-at{ font-size: 1.25em; }
.invoice-pdf-account-name{ font-size: 1.5em; font-weight: bold; }
.invoice-pdf-account-street{ font-size: 1.25em; }
.invoice-pdf-account-city{ font-size: 1.25em; }
.invoice-pdf-title{ font-size: 1.5em; text-align: center; font-weight: bold; padding: 1.33em 0em; }
.invoice-pdf-center{ flex-grow: 1; border: 1px solid #dcdcdc; }
.invoice-pdf-center{ background: url(/img/stripe.png) center center / 18em 10em; filter: grayscale(1); }
.invoice-pdf-rows{ width: 100%; }
.invoice-pdf-col{ padding: .5em; border-bottom: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; }
.invoice-pdf-col:last-child{ border-right: none; }
.invoice-pdf-th{ font-weight: normal; white-space: nowrap; background: #ececec; color: #000; font-weight: bold; }
.invoice-pdf-td{ background: #fff; }
.invoice-pdf-td-product>*{ margin-bottom: .25em; }
.invoice-pdf-td-product>*:last-child{ margin-bottom: 0em; }
.invoice-pdf-td-product-name{ font-weight: bold; font-size: 1.125em; }
.invoice-pdf-td-product-description{ font-style: italic; }
.invoice-pdf-amounts-mentions{ padding-right: 2em; }
.invoice-pdf-amounts{ padding: 2em 0em; display: table; table-layout: fixed; width: 100%; }
.invoice-pdf-amounts>*{ display: table-cell; vertical-align: top; line-height: 1.5em; }
.invoice-pdf-amounts-rows{ width: 22em; }
.invoice-pdf-amounts-row{ display: table; table-layout: fixed; width: 100%; }
.invoice-pdf-amounts-row>*{ display: table-cell; vertical-align: middle; padding: .5em; border: 1px solid #dcdcdc; border-top: none; }
.invoice-pdf-amounts-row:first-child>*{ border-top: 1px solid #dcdcdc; }
.invoice-pdf-amounts-label{ text-align: left; background: #ececec; color: #000; font-weight: bold; }
.invoice-pdf-amounts-value{ text-align: right; }

/**
 * Action: advert/account/doc/list
 **/
	
.doc-list-view{ height: 100%; width: 100%; display: flex; flex-direction: column; }
.doc-list-view{ padding: 2em 1em 1em 1em; }
.doc-list-data{ flex-grow: 1; overflow-y: scroll; }

.doc-list-filters{ display: flex; align-items: center; justify-content: center; padding: 1em; }
.doc-list-filters>*{ margin-right: .5em; }
.doc-list-filters>*:last-child{ margin-right: 0em; }
.doc-list-filters-edit{ height: 2.25em; width: 2.25em; flex: 0 0 2.25em; }
.doc-list-filters-edit{ background-color: #ececec; background-size: 1.5em 1.5em; outline: 1px solid #dcdcdc; }
.doc-list-filters-edit:hover{ filter: none; background-color: #000; outline: 1px dashed #000; }
.doc-list-filters-edit:focus{ filter: none; background-color: #000; outline: 1px dashed #000; }

.doc-list-data{ background: #dcdcdc; padding: 1em; }
.doc-list-ul{ padding-left: 2em; }
.doc-list-item{ display: flex; align-items: center; padding: .75em; margin-bottom: 1em; }
.doc-list-item{ background: #fff; box-shadow: 0px 0px 3px #aaa; }
.doc-list-item:focus{ outline: 3px dashed #1cbdba; }
.doc-list-text{ position: relative; margin-right: 1em; flex-grow: 1; }
.doc-list-text>*{ display: flex; align-items: center; margin-top: .375em; }
.doc-list-text>*:first-child{ margin-top: 0em; }
.doc-list-name{ font-size: 1.25em; font-weight: bold; }
.doc-list-detail{ display: flex; align-items: center; }
.doc-list-detail>*{ padding: .25em .5em; border: 1px solid #dcdcdc; margin-right: .5em; }
.doc-list-icons{ white-space: nowrap; text-align: center; width: 5em; }
.doc-list-icons>*{ margin-right: .25em; display: inline-block; vertical-align: middle; }
.doc-list-icons>*:last-child{ margin-right: 0em; }

.account-edit-docs-tab .doc-list-view{ height: 100%; padding: 0em; }

@media (max-width: 900px){
	.doc-list-view{ padding: 1em; }
}

/** 
 * Action: advert/account/doc/edit
 **/

.doc-edit-section{ display: flex; align-items: center; }
.doc-edit-view{ max-width: 40em; margin: auto; padding: 3em 2em 2em 2em; background: #fff; }
.doc-edit-title{ font-size: 1.5em; margin-bottom: 1em; text-align: center; }
.doc-edit-label{ display: block; margin-bottom: .5em; }
.doc-edit-rows{ margin-bottom: 1em; }
.doc-edit-row{ margin-bottom: 1em; }
.doc-edit-row:last-child{ margin-bottom: 0em; }
.doc-edit-name-input{ width: 100%; }
.doc-edit-at-input{ width: 100%; }
.doc-edit-file-input{ position: relative; padding: .5em; cursor: pointer; }
.doc-edit-file-input{ border: 1px solid #dcdcdc; background: #ececec; }
.doc-edit-file-name{ font-weight: bold; }
.doc-edit-file-size{ margin-top: .25em; }
.doc-edit-file-edit{ position: absolute; top: .5em; right: .5em; height: 1.5em; width: 1.5em; }
.doc-edit-submit{ text-align: center; }

.doc-edit-dialog-window{ max-width: 40em; }
.doc-edit-dialog-window .doc-edit-title{ display: none; }
.doc-edit-dialog-window .doc-edit-view{ padding: 2em; color: #000; background: none; text-shadow: none; }

@media (max-width: 900px){
	.doc-list-view{ padding: 1em; }
	.doc-edit-dialog-window .doc-edit-view{ padding: 1em; }
}
/**
 * Action: advert/borrowing/list
 **/

.borrowing-list-section{ position: relative; }
.borrowing-list-view{ max-width: 60em; height: 100%; margin: auto; display: flex; flex-direction: column; overflow: hidden; padding: 2em; }

.borrowing-list-none{ display: none; flex-grow: 1; align-items: center; justify-content: center; }
.borrowing-list-none{ width: 100%; font-size: 1.25em; background: #fff; }
.borrowing-list-none.on{ display: flex; }

.borrowing-list-paging .mi-paging-input{ display: none; margin-top: 2em; }
.borrowing-list-paging .mi-paging-prev{ margin-right: 1em; }

.borrowing-list-filters{ display: flex; align-items: center; justify-content: center; width: 100%; }
.borrowing-list-filters{ padding: 1em; }
.borrowing-list-filters>*{ margin-right: 1em; }
.borrowing-list-filters>*:last-child{ margin-right: 0em; }

.borrowing-list-filters-search{ position: relative; }
.borrowing-list-filters-search-input{ width: 100%; }
.borrowing-list-filters-search-icon{ height: 1.25em; width: 1.25em; position: absolute; right: .5em; top: .5em; }
.borrowing-list-filters-states-button{ position: relative; display: flex; align-items: center; justify-content: center; }
.borrowing-list-filters-states-button:before{ content: ""; height: 1.5em; width: 1.5em; margin-right: .5em; }
.borrowing-list-filters-states-button:before{ background: url(/img/filter.png) no-repeat center center / contain; }
.borrowing-list-filters-states-button:before{ filter: grayscale(1) brightness(10); }
.borrowing-list-filters-states-ul{ padding: 0em; }
.borrowing-list-filters-states-li{ border-bottom: 1px solid #dcdcdc;  }
.borrowing-list-filters-states-li:last-child{ border-bottom: none;  }
.borrowing-list-filters-states-item{ display: flex; align-items: center; padding: .5em 1em; }
.borrowing-list-filters-states-item[checked]{ background: #bed736; font-weight: bold; }
.borrowing-list-filters-states-icon{ height: 1.5em; width: 1.5em; margin-right: 1em; }

.borrowing-list-items{ padding: 0em 1em; overflow-y: auto; flex-grow: 1; }

.borrowing-list-paging{ position: fixed; right: 2em; bottom: 6em; }

.borrowing-item{ margin-bottom: 1em; position: relative; }
.borrowing-item{ background: #fff; outline: 1px solid #dcdcdc; box-shadow: 3px 3px 6px #aaa; }
.borrowing-item:focus{ outline: 3px dashed #1cbdba; }
.borrowing-item:last-child{ margin-bottom: 0em; }

.borrowing-item-top{ display: flex; align-items: center; overflow: hidden; }
.borrowing-item-top{ border-bottom: 1px dashed #dcdcdc; }

.borrowing-item-advert{ flex-grow: 1; display: flex; align-items: center; width: 100%; padding: .5em 1em; }
.borrowing-item-advert{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.borrowing-item-advert>*{ margin-right: .51em; }
.borrowing-item-advert>*:last-child{ margin-right: 0em; }
.borrowing-item-advert-title{ flex-grow: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.borrowing-item-advert-title{ font-size: 1.25em; font-weight: bold; }

.borrowing-item-icons{ padding: .5em 1em; display: flex; align-items: center; justify-content: center; }
.borrowing-item-icons>*{ margin-right: .25em; }
.borrowing-item-icons>*:last-child{ margin-right: 0em; }

.borrowing-item-values{ display: flex; flex-direction: row; padding: 1em; overflow-x: scroll; background: #fff; }
.borrowing-item-value{ display: flex; flex-direction: column; text-align: center; }
.borrowing-item-value{ margin-right: 1em; box-shadow: 0px 0px 3px #aaa; background: #fff; }
.borrowing-item-value-name{ padding: .25em 1em; white-space: nowrap; border-bottom: 1px solid #dcdcdc; background: #ececec; }
.borrowing-item-value-text{ flex-grow: 1; padding: .5em 1em; display: flex; align-items: center; justify-content: center; white-space: nowrap; }

.borrowing-item-state-icon{ height: 1.5em; width: 1.5em; margin-right: .5em; }
.borrowing-item-state-value{ font-weight: bold; }
.borrowing-item-lender{ font-weight: bold; }
.borrowing-item-borrower{ font-weight: bold; }


@media (max-width: 900px){
	.borrowing-list-view{ padding: 0em; background: #ececec; }
	.borrowing-list-paging{ bottom: 7.5em; }
	.borrowing-item-top{ flex-direction: column; }
	.borrowing-item-advert{ background: #ececec; }
}

/**
 * Action: advert/borrowing/edit
 **/
 
.borrowing-edit-view{ max-width: 50em; min-height: 100%; margin: auto; padding: 4em 1em 2em 1em; background: #fff; }
.borrowing-edit-title{ font-size: 1.5em; margin-bottom: 1em; text-align: center; }
.borrowing-edit-row{ padding: 1em; }
.borrowing-edit-label{ display: block; margin-bottom: 1em; font-weight: bold; }
.borrowing-edit-submit{ margin-top: 1em; text-align: center; }
.borrowing-edit-submit>*{ margin-right: 1em; }
.borrowing-edit-submit>*:last-child{ margin-right: 0em; }

.borrowing-edit-title-input{ width: 100%; }
.borrowing-edit-state-input{ display: flex; align-items: center; padding: 1em; }
.borrowing-edit-state-input{ background: #ececec; border: 1px solid #dcdcdc; }
.borrowing-edit-state-icon{ height: 2em; width: 2em; margin-right: 1em; }
.borrowing-edit-state-value{ font-weight: bold; font-size: 1.25em; }
.borrowing-edit-upload-li{ display: flex; align-items: center; padding: 1em; margin-bottom: 1em; }
.borrowing-edit-upload-li{ box-shadow: 0px 0px 3px #aaa;  }
.borrowing-edit-upload-li:last-child{ margin-bottom: 0em; }
.borrowing-edit-upload-text{ flex-grow: 1; }
.borrowing-edit-upload-file{ margin-left: 1em; }
.borrowing-edit-upload-icon{ margin-left: 1em; }
.borrowing-edit-advert-input{ display: flex; align-items: center; width: 100%; padding: 1em; }
.borrowing-edit-advert-input{ background: #ececec; border: 1px solid #dcdcdc; }
.borrowing-edit-advert-title{ flex-grow: 1; }
.borrowing-edit-advert-show{ flex: 0 0 3em; }
.borrowing-edit-borrower-input{ padding: 1em; }
.borrowing-edit-borrower-input{ background: #ececec; border: 1px solid #dcdcdc; }
.borrowing-edit-borrower-input>*{ margin-bottom: .125em; }
.borrowing-edit-borrower-input>*:last-child{ margin-bottom: .125em; }
.borrowing-edit-borrower-name{ font-weight: bold; }
.borrowing-edit-lender-input{ padding: 1em; }
.borrowing-edit-lender-input{ background: #ececec; border: 1px solid #dcdcdc; }
.borrowing-edit-lender-input>*{ margin-bottom: .125em; }
.borrowing-edit-lender-input>*:last-child{ margin-bottom: .125em; }
.borrowing-edit-lender-name{ font-weight: bold; }


@media (max-width: 900px){
	.borrowing-edit-view{ padding: 1em; }
}

/**
 * Action: advert/borrowing/contract
 **/
 
.contract-pdf-title{ font-size: 2em; font-weight: bold; text-align: center; padding-bottom: 1em; }
.contract-pdf-values{ display: table; width: 100%; padding-bottom: 2em; }
.contract-pdf-value{ display: table-cell; text-align: center; }
.contract-pdf-value-name{ padding: .5em 1em; border: 1px solid #dcdcdc; }
.contract-pdf-value-text{ padding: .5em 1em; font-size: 1.25em; font-weight: bold; }
.contract-pdf-value-text{ border: 1px solid #dcdcdc; border-top: none; background: #ececec; }
.contract-pdf-value:first-child>*{ border-right: none; }

.contract-pdf-accounts{ border: 1px solid #dcdcdc; padding: 2em; }
.contract-pdf-account{ padding: 1em 2em; }

.contract-pdf-article{ padding-top: 2em; }
.contract-pdf-article:first-child{ padding-top: 0em; }
	
.contract-pdf-article-title{ font-size: 1.5em; font-weight: bold; padding-bottom: 1em; }
.contract-pdf-article-content strong{ display: block; }
.contract-pdf-article-content>*{ padding-bottom: 1em; line-height: 1.25em; }
.contract-pdf-article-content>*:last-child{ padding-bottom: 0em; }

.contract-pdf-sign{ padding-top: 2em; }
.contract-pdf-sign-draws{ display: table; width: 100%; table-layout: fixed; padding-top: 2em; height: 13em; }
.contract-pdf-sign-cell{ display: table-cell; text-align: left; padding: 1em; border: 1px solid #dcdcdc; }
.contract-pdf-sign-who{ font-weight: bold; padding-bottom: .5em; }
.contract-pdf-sign-draw{ font-style: italic; }

.contract-pdf-annex-title{ font-size: 2em; font-weight: bold; text-align: center; padding-bottom: .125em; }
.contract-pdf-annex-subtitle{ font-size: 1.5em; text-align: center; padding-bottom: 1.33em; }
.contract-pdf-annex-frame{ padding: 1em; border: 1px solid #dcdcdc; }
.contract-pdf-annex-image{ height: 15em; }
.contract-pdf-annex-image{ background-repeat: no-repeat; background-position: center center; background-size: contain; }
.contract-pdf-annex-rows>*{ padding-bottom: 1em; }
.contract-pdf-annex-rows>*:last-child{ padding-bottom: 0em; }
.contract-pdf-annex-label{ display: block; font-weight: bold; padding-bottom: .5em; }
.contract-pdf-annex-value{ padding: 1em; border: 1px solid #dcdcdc; }

/**
 * Action: advert/borrowing/delivery
 **/
 
.delivery-pdf-title{ font-size: 2em; font-weight: bold; text-align: center; padding-bottom: 1em; }
.delivery-pdf-subtitle{ font-size: 1.5em; font-weight: bold; text-align: left; padding: 1em 0em; }
.delivery-pdf-cols{ display: grid; grid-template-columns: 1fr 1fr; }
.delivery-pdf-cols>*{ margin-right: 1em; }
.delivery-pdf-cols>*:last-child{ margin-right: 0em; }
.delivery-pdf-flex{ display: flex; align-items: center; }
.delivery-pdf-flex>*{ margin-right: 1em; }
.delivery-pdf-flex>*:last-child{ margin-right: 0em; }
.delivery-pdf-fill{ flex-grow: 1; }
.delivery-pdf-rows>*{ padding-bottom: 1em; }
.delivery-pdf-rows>*:last-child{ padding-bottom: 0em; }
.delivery-pdf-row-label{ display: block; font-weight: bold; padding-bottom: .5em; }
.delivery-pdf-row-value{ padding: 1em; border: 1px solid #dcdcdc; }
.delivery-pdf-address{ padding: 1em; border: 1px solid #dcdcdc; }
.delivery-pdf-sign{ display: grid; grid-template-columns: 1fr 1fr; }
.delivery-pdf-sign>*{ height: 100%; }
.delivery-pdf-sign p{ padding-bottom: .5em; }
.delivery-pdf-sign p:last-child{ padding-bottom: 0em; }
.delivery-pdf-sign-text{ padding: 1em; margin-right: 1em; border: 1px solid #dcdcdc; }
.delivery-pdf-sign-draw{ padding: 1em; border: 1px solid #dcdcdc; }

/**
 * Action: advert/borrowing/return
 **/
 
.return-pdf-title{ font-size: 2em; font-weight: bold; text-align: center; padding-bottom: 1em; }
.return-pdf-subtitle{ font-size: 1.5em; font-weight: bold; text-align: left; padding: 1em 0em; }
.return-pdf-cols{ display: grid; grid-template-columns: 1fr 1fr; }
.return-pdf-cols>*{ margin-right: 1em; }
.return-pdf-cols>*:last-child{ margin-right: 0em; }
.return-pdf-flex{ display: flex; align-items: center; }
.return-pdf-flex>*{ margin-right: 1em; }
.return-pdf-flex>*:last-child{ margin-right: 0em; }
.return-pdf-fill{ flex-grow: 1; }
.return-pdf-rows>*{ padding-bottom: 1em; }
.return-pdf-rows>*:last-child{ padding-bottom: 0em; }
.return-pdf-row-label{ display: block; font-weight: bold; padding-bottom: .5em; }
.return-pdf-row-value{ padding: 1em; border: 1px solid #dcdcdc; }
.return-pdf-address{ padding: 1em; border: 1px solid #dcdcdc; }
.return-pdf-sign{ display: grid; grid-template-columns: 1fr 1fr; }
.return-pdf-sign>*{ height: 100%; }
.return-pdf-sign p{ padding-bottom: .5em; }
.return-pdf-sign p:last-child{ padding-bottom: 0em; }
.return-pdf-sign-text{ padding: 1em; margin-right: 1em; border: 1px solid #dcdcdc; }
.return-pdf-sign-draw{ padding: 1em; border: 1px solid #dcdcdc; }

/** 
 * Action: advert/message/list
 **/
 
.message-list-view{ height: 100%; max-width: 60em; margin: auto; padding: 3em 2em 2em 2em; }
.message-list-view{ display: flex; flex-direction: column; justify-content: center; }
.message-list-data{ height: 100%; display: flex; flex-direction: column; justify-content: center; }
	
.message-list-filters{ display: flex; align-items: center; justify-content: center; padding: 1em; }
.message-list-filters>*{ margin-right: 1em; }
.message-list-filters>*:last-child{ margin-right: 0em; }
.message-list-filters-search{ position: relative; }
.message-list-filters-search-input{ width: 12em; }
.message-list-filters-search-icon{ height: 1.25em; width: 1.25em; position: absolute; right: .5em; top: .5em; }

.message-list-none{ font-size: 1.25em; text-align: center; padding: 1em; }
.message-list-none{ flex-grow: 1; display: flex; align-items: center; justify-content: center; }
.message-list-none{ background: rgba(255,255,255,.75); backdrop-filter: blur(10px); }

.message-list-ul{ flex-grow: 1; overflow-y: scroll; padding: 1em; }
.message-list-ul{ background: rgba(255,255,255,.75); backdrop-filter: blur(10px); }
.message-list-li{ margin-bottom: 1em; position: relative; }
.message-list-li{ background: #fff; box-shadow: 0px 0px 3px #aaa; }
.message-list-li:focus{ outline: 3px dashed #1cbdba; }
.message-list-li:last-child{ margin-bottom: 0em; }
.message-list-item{ flex-grow: 1; }
.message-list-item-top{ width: 100%; display: flex; align-items: center; }
.message-list-item-at{ font-weight: bold; padding: .5em; }
.message-list-item-title{ flex-grow: 1; }
.message-list-item-fromto{ display: flex; align-items: center; width: 100%; padding: .5em; }
.message-list-item-fromto{ background: #ececec; }
.message-list-item-fromto>*{ margin-right: .25em; }
.message-list-item-from{ font-weight: bold; }
.message-list-item-to{ font-weight: bold; }
.message-list-item-text{ padding: .5em; }
.message-list-icons{ position: absolute; top: .25em; right: .25em; }
.message-list-icons{ display: flex; align-items: center; }
.message-list-icon{ height: 1.5em; width: 1.5em; flex: 0 0 1.5em; margin-left: .25em; }

.message-list-dialog-window{ max-width: 50em; height: 75vh; }
.message-list-dialog-window .message-list-view{ padding: 0em; }

@media (max-width: 900px){
	.message-list-view{ background: #ececec; }
}

/** 
 * Action: advert/message/show
 **/

.message-show-section{ display: flex; align-items: center; }
.message-show-view{ max-width: 40em; margin: auto; padding: 3em 2em 2em 2em; }
.message-show-view{ background: #fff; }
.message-show-title{ font-size: 1.5em; margin-bottom: 1em; text-align: center; }
.message-show-label{ display: block; margin-bottom: .25em; }
.message-show-value{ padding: 1em; background: #ececec; }
.message-show-rows{ margin-bottom: 1em; }
.message-show-row{ margin-bottom: 1em; }
.message-show-row:last-child{ margin-bottom: 0em; }
.message-show-submit{ text-align: center; }

.message-show-dialog-window{ max-width: 40em; }
.message-show-dialog-window .message-show-view{ padding: 2em; color: #000; background: none; text-shadow: none; }
.message-show-dialog-window .message-show-title{ display: none; }

@media (max-width: 900px){
	
}