body{ background-color: transparent !important; }

.v2 ::-webkit-scrollbar{ width: 12px; height: 12px; }
.v2 ::-webkit-scrollbar-track{ background: #000; }
.v2 ::-webkit-scrollbar-thumb{ background: #f5832b; }
.v2 ::-webkit-scrollbar-thumb:hover{ background: #bed736; }

@media (max-width: 900px){
	.v2 ::-webkit-scrollbar{ width: 0px; height: 0px; }
}

/* === Common === */

.v2 a{ color: #f5832b; }
.v2 button, .v2 .button{ background-color: #f5832b; border: 1px solid #f5832b; color: #fff; }
.v2 button:focus, .v2 .button:focus{ background-color: #bed736; color: #000; border: 1px solid #bed736; }
.v2 button:focus:before, .v2 .button:focus:before{ filter: grayscale(1) brightness(0); }
.v2 button[disabled], .v2 .button[disabled]{ filter: grayscale(1); opacity: .5; }
.v2 button[disabled]:before, .v2 .button[disabled]:before{ filter: grayscale(1) brightness(10); }
.v2 .off{ display: none; }

.v2 .v2-alert-icon{ background-image: url(/img/alert.png); }
.v2 .v2-borrow-icon{ background-image: url(/img/borrowing.png); }

.v2 .core-add-icon{ background-image: url(/img/add.png); }
.v2 .core-down-icon{ background-image: url(/img/down.png); }
.v2 .core-edit-icon{ background-image: url(/img/edit.png); }
.v2 .core-info-icon{ background-image: url(/img/info.png); }
.v2 .core-remove-icon{ background-image: url(/img/remove.png); }
.v2 .core-save-icon{ background-image: url(/img/save.png); }
.v2 .core-search-icon{ background-image: url(/img/search.png); }
.v2 .core-show-icon{ background-image: url(/img/show.png); }
.v2 .core-up-icon{ background-image: url(/img/up.png); }

.v2 .v2-alert-button:before{ display: inline-block; background-image: url(/img/alert.png); }
.v2 .v2-borrow-button:before{ display: inline-block; background-image: url(/img/borrowing.png); }

.v2 .core-filter-button:before{ background-image: url(/img/filter.png); }
.v2 .core-next-button:before{ background-image: url(/img/next.png); }
.v2 .core-prev-button:before{ background-image: url(/img/prev.png); }
.v2 .core-save-button:before{ background-image: url(/img/save.png); }
.v2 .core-select-button:before{ background-image: url(/img/select.png); }

.v2 .mi-period-type-icon{ background-image: url(/img/period.png); }
.v2 .mi-suggest-search-icon{ background-image: url(/img/search.png); }
.v2 .mi-suggest-clear-icon{ background-image: url(/img/remove.png); }

.v2 .mi-dialog-header{ background: #1cbdba; }
.v2 .mi-dialog-title{ color: #fff; }
.v2 .mi-dialog-control{ filter: brightness(10); }

/* === Icons === */

.v2-icon{ height: 2em; width: 2em; flex: 0 0 2em; }
.v2-icon{ display: inline-block; vertical-align: middle; cursor: pointer; }
.v2-icon{ background-repeat: no-repeat; background-size: contain; background-position: center center; }
.v2-icon:hover, .v2-icon:focus{ filter: grayscale(1) brightness(0); }
.v2-icon[disabled]{ filter: grayscale(1); opacity: .5; cursor: default; transform: none; }

.v2-account-icon{ background-image: url(/img/account.png); }
.v2-add-icon{ background-image: url(/img/add.png); }
.v2-borrowing-icon{ background-image: url(/img/borrowing.png); }
.v2-build-icon{ background-image: url(/img/build.png); }
.v2-credentials-icon{ background-image: url(/img/credentials.png); }
.v2-csv-icon{ background-image: url(/img/csv.png); }
.v2-disconnect-icon{ background-image: url(/img/disconnect.png); }
.v2-down-icon{ background-image: url(/img/down.png); }
.v2-edit-icon{ background-image: url(/img/edit.png); }
.v2-email-icon{ background-image: url(/img/email.png); }
.v2-filter-icon{ background-image: url(/img/filter.png); }
.v2-follow-icon{ background-image: url(/img/follow.png); }
.v2-home-icon{ background-image: url(/img/home.png); }
.v2-help-icon{ background-image: url(/img/help.png); }
.v2-hide-icon{ background-image: url(/img/hide.png); }
.v2-info-icon{ background-image: url(/img/info.png); }
.v2-like-icon{ background-image: url(/img/like.png); filter: grayscale(1); opacity: .75; }
.v2-like-icon[aria-checked="true"]{ filter: none !important; opacity: 1; } 
.v2-likes-icon{ background-image: url(/img/likes.png); }
.v2-list-icon{ background-image: url(/img/list.png); }
.v2-location-icon{ background-image: url(/img/location.png); }
.v2-message-icon{ background-image: url(/img/message.png); }
.v2-next-icon{ background-image: url(/img/next.png); }
.v2-password-icon{ background-image: url(/img/password.png); }
.v2-pdf-icon{ background-image: url(/img/pdf.png); }
.v2-period-icon{ background-image: url(/img/period.png); }
.v2-prev-icon{ background-image: url(/img/prev.png); }
.v2-qrcode-icon{ background-image: url(/img/qrcode.png); }
.v2-refresh-icon{ background-image: url(/img/refresh.png); }
.v2-remove-icon{ background-image: url(/img/remove.png); }
.v2-return-icon{ background-image: url(/img/return.png); }
.v2-roles-icon{ background-image: url(/img/roles.png); }
.v2-save-icon{ background-image: url(/img/save.png); }
.v2-search-icon{ background-image: url(/img/search.png); }
.v2-select-icon{ background-image: url(/img/select.png); }
.v2-send-icon{ background-image: url(/img/send.png); }
.v2-show-icon{ background-image: url(/img/show.png); }
.v2-signed-icon{ background-image: url(/img/signed.png); }
.v2-states-icon{ background-image: url(/img/states.png); }
.v2-tags-icon{ background-image: url(/img/tags.png); }
.v2-up-icon{ background-image: url(/img/up.png); }
.v2-user-icon{ background-image: url(/core/img/user/user.png); }
.v2-users-icon{ background-image: url(/core/img/user/users.png); }

/* === Pages layout === */

.v2-header{ display: flex; align-items: center; justify-content: center; flex-direction: column; width: 100%; }
.v2-header{ position: fixed; top: 0; left: 0; z-index: 5; width: 100%; }
.v2-logo{ position: fixed; top: 0; left: 0; width: 100vw; height: 0; text-align: center; }
.v2-logo{ z-index: 10; text-decoration: none; }
.v2-logo-link{ display: inline-block; filter: drop-shadow(2px 4px 3px black); }
.v2-logo-icon{ height: 6em; margin-top: 1em; }
.v2-logo:before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.v2-title{ height: 5em; width: 100%; padding: .5em; display: flex; align-items: center; position: relative; z-index: 10; }
.v2-title{ display: none; }
.v2-title>h1{ font-size: 1.5em; font-weight: normal; line-height: 1em; display: flex; align-items: center; }
.v2-title>h1:before{ content: "➔"; margin-right: .5em; }

.v2-header{ animation: 2s linear 0s load-header; }
.v2-header .v2-logo-icon{ animation: 2s linear 0s load-logo; }
.v2-header .v2-bottom{ animation: 2s linear 0s load-title; }
.v2-header .v2-logo:before{ animation: 1.5s linear .25s 1 load-light; }

@media (max-width: 900px){
	.v2-logo-link{ filter: none; }
	.v2-logo-icon{ height: 4em; margin-top: .5em; }
}

.v2-body{ height: 100%; width: 100%; padding-top: 5em; padding-bottom: 4em; }
.v2-body{ print-color-adjust: exact; -webkit-print-color-adjust: exact; }
.v2-body{ background: url(/img/bg.light.jpg) no-repeat center center / cover; }
.v2-section{ height: 100%; width: 100%; overflow-y: auto; }

.v2-author{ width: 100%; }
.v2-author-link{ display: flex; width: 100%; align-items: center; justify-content: center; margin: 1.5em 0em -.5em 0em; padding: .5em; }
.v2-author-link{ text-decoration: none; filter: drop-shadow(0px .25em .5em #000); }
.v2-author-text{ color: #fff; margin-right: 1em; }
.v2-author-icon{ height: 3em; width: 9em; background: url(/core/img/emiagicw.png) no-repeat center center / contain; }

@media (max-width: 900px){
	.v2-body{ padding-bottom: 5.5em; background: #fff; }
	.v2-section{ border-top: 1px solid #dcdcdc; }
}

/* === Primary menu === */

.v2-menu{ position: fixed; bottom: 0em; left: 0em; height: 4em; width: 100vw; }
.v2-menu{ overflow-y: hidden; overflow-x: auto; z-index: 20; background: #fff; border-top: 1px solid #dcdcdc; }
.v2-menu-ul{ height: 100%; display: flex; align-items: center; justify-content: center; }
.v2-menu-item{ display: flex; flex-direction: column; align-items: center; justify-content: center; }
.v2-menu-item{ height: 100%; width: 20vw; max-width: 10em; height: 4em; text-align: center; text-decoration: none; }
.v2-menu-item{ cursor: pointer; line-height: 1em; color: #000 !important; }
.v2-menu-item:hover{ text-decoration: underline; }
.v2-menu-item.selected{ background: #bed736; }
.v2-menu-item.selected .v2-menu-icon{ filter: saturate(0) brightness(0); } 
.v2-menu-item:focus{ text-decoration: none; background: #f5832b; color: #fff !important; outline: 3px solid #222; }
.v2-menu-item[disabled]{ background: #333; cursor: default; outline: none; }
.v2-menu-icon{ height: 1.75em; margin: 0em auto .25em auto; } 
.v2-menu-item:focus .v2-menu-icon{ filter: saturate(0) brightness(10); } 
.v2-menu-label{ text-transform: uppercase; } 

@media (max-width: 900px){
	.v2-title>h1{ display: none; }
	.v2-menu{ height: 5.5em; }
	.v2-menu-item{ padding: .75em; height: 5.5em; }
	.v2-menu-icon{ height: 2.75em; }
	.v2-menu-label{ font-size: .75em; }
}

/* === Secondary menu === */

.v2-side-toggle{ height: 5em; width: 5em; padding: 1em; cursor: pointer; background-color: #1cbdba; }
.v2-side-toggle{ position: fixed; right: 0; top: 0; z-index: 25; }
.v2-side-button{ height: 3em; width: 3em; background: url(/img/user.png) no-repeat center center / contain; }
.v2-side-button{ filter: grayscale(1) brightness(10); }
.v2-side-toggle:focus{ outline: 3px solid #000; }

.v2-side{ position: fixed; z-index: 15; top: 0em; right: 0em; height: calc(100vh - 4em); padding-top: 4.5em; overflow-y: auto; }
.v2-side{ background: #fff; border-left: 1px solid #dcdcdc; }
.v2-side-user{ padding: 1em; }
.v2-side-user-label{ display: block; margin-bottom: .125em; }
.v2-side-user-email{ font-weight: bold; white-space: nowrap; }
.v2-side-li{ margin-bottom: .5em; }
.v2-side-li:last-child{ margin-bottom: 0em; }
.v2-side-item{ cursor: pointer; display: flex; align-items: center; }
.v2-side-item{ padding: .5em 1em; background: #ececec; }
.v2-side-item:hover{ text-decoration: underline; }
.v2-side-item:focus{ background: #f5832b; color: #fff; outline: 3px solid #000; }
.v2-side-icon{ height: 1.5em; width: 1.5em; margin-right: 1em; }
.v2-side-item:focus .v2-side-icon{ filter: grayscale(1) brightness(10); }
.v2-side-label{ white-space: nowrap; }

@media (max-width: 900px){
	.v2-side{ top: 0em; height: calc(100vh - 5.5em); padding-top: 5em; }
	.v2-user-label{ display: none; }
	.v2-me{ display: none; }
	.v2-disconnect{ display: none; }
}

/* === PDFs layout === */

.v2-pdf-header{ display: flex; align-items: center; justify-content: center; height: 7.5em; }
.v2-pdf-header{ background: url(/img/bg.light.jpg) no-repeat center center / cover; }
.v2-pdf-header{ border-bottom: 1px solid #dcdcdc; }
.v2-pdf-logo{ height: 5em; margin: -1em auto -2em auto; }

.v2-pdf-body{ padding: 4em; }

.v2-pdf-footer{ display: flex; flex-direction: column; align-items: center; justify-content: center; padding: .5em; height: 6em; }
.v2-pdf-footer{ position: relative; border-top: 1px solid #dcdcdc; }
.v2-pdf-footer{ background: url(/img/bg.light.jpg) no-repeat center center / cover; }
.v2-pdf-footer-title{ font-size: .875em; }
.v2-pdf-footer-company{ text-align: center; }
.v2-pdf-footer-company-name{ font-weight: bold; }
.v2-pdf-footer-company-legals{ font-size: .875em; }
.v2-pdf-footer-company-coords{ font-size: .875em; }
.v2-pdf-footer-paging{ position: absolute; top: 2em; right: 2em; font-size: 1.125em; font-weight: bold; }