@charset "utf-8";

@font-face {
    font-family: 'RolexFont';
    src: url('RolexFont/RolexFont-Regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('RolexFont/RolexFont-Regular.woff') format('woff'), /* Pretty Modern Browsers */
    url('RolexFont/RolexFont-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('RolexFont/RolexFont-Regular.svg#Font') format('svg'); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'RolexFont';
    src: url('RolexFont/RolexFont-Light.woff2') format('woff2'), /* Super Modern Browsers */
    url('RolexFont/RolexFont-Light.woff') format('woff'), /* Pretty Modern Browsers */
    url('RolexFont/RolexFont-Light.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('RolexFont/RolexFont-Light.svg#Font') format('svg'); /* Legacy iOS */
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'RolexFont';
    src: url('RolexFont/RolexFont-Bold.woff2') format('woff2'), /* Super Modern Browsers */
    url('RolexFont/RolexFont-Bold.woff') format('woff'), /* Pretty Modern Browsers */
    url('RolexFont/RolexFont-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('RolexFont/RolexFont-Bold.svg#Font') format('svg'); /* Legacy iOS */
    font-weight: bold;
    font-style: normal;
}

@keyframes kenburns-top {
	0% {
		-webkit-transform: scale(1) translateY(0);
		transform: scale(1) translateY(0);
		-webkit-transform-origin: 50% 16%;
		transform-origin: 50% 16%;
	}
	100% {
		-webkit-transform: scale(1.25) translateY(-15px);
		transform: scale(1.25) translateY(-15px);
		-webkit-transform-origin: top;
		transform-origin: top;
	}
}
@-webkit-keyframes kenburns-bottom {
    0% {
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0);
        -webkit-transform-origin: 50% 84%;
        transform-origin: 50% 84%;
    }
    100% {
        -webkit-transform: scale(1.25) translateY(15px);
        transform: scale(1.25) translateY(15px);
        -webkit-transform-origin: bottom;
        transform-origin: bottom;
    }
}
@keyframes kenburns-bottom {
    0% {
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0);
        -webkit-transform-origin: 50% 84%;
        transform-origin: 50% 84%;
    }
    100% {
        -webkit-transform: scale(1.25) translateY(15px);
        transform: scale(1.25) translateY(15px);
        -webkit-transform-origin: bottom;
        transform-origin: bottom;
    }
}

/* 
VERDE ROLEX: #213059
VERDE ROLEX CHIARO: #297A54
BLU CRVI: #213059
BLU CRVI CHIARO: #38456A
*/

html {
	/*font-family: Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.5;
    background: #efefef;
    color: #666;*/
	-webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
	
	
	background: #213059;
    /*font-size: 20px;
	line-height: 24px;*/
	
    font-family: Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 300;
    font-style: normal;
	
}
@media screen and (min-width: 960px){
	html {
		font-size: 18px;
	}
}
body > header,
body > main,
body > footer {
	position: relative;
}
[app-layout="menu-top"] {
    background: #fff!important;
    box-shadow: 0 2px 2px rgba(0,0,0,.16)!important;
    overflow: visible;
}
.app-page-card-title:not(.with-submenu) {
	position: absolute;
    padding: 12px 20px;
    background: #213059;
	background: #2C3B61;
    background: rgba(44,59,97,.5);
    color: #fff;
    padding-top: 10px;
    bottom: 100%;
    margin: 0;
    padding-top: 18px;
    padding-bottom: 18px;

    overflow: hidden;
    max-width: calc(100% - 40px);
}
.app-page-card-title.with-submenu {
	position: absolute;
	bottom: 100%;
    margin: 0;
}
.app-page-card-title.with-submenu + div [uk-grid] div.uk-active {
	position: relative;
}
.app-page-card-title.with-submenu + div [uk-grid] div.uk-active > .uk-button {
	position: absolute;
	bottom: 100%;
}
.app-page-card-title.with-submenu .active {
	background: #2C3B61;
    color: #fff;
	font-size: 36px;
}
.app-page-card-title.with-submenu button {
	padding: 0;
}
body > header {
	z-index: 5;
	background: #f8f8f8;
    min-height: 80px;
    font-weight: 400;
}
@media screen and (max-width: 640px) {
    body [app-layout-top] {
        position: relative;
        z-index: 3;
    }
    html[data-keyname="home"] body [app-layout-top] {
        z-index: 3;
    }
}
body > main {
	z-index: 3;
}
body > footer {
	z-index: 2;
	margin-bottom: 38px;
}

html.uk-offcanvas-page,
html.uk-offcanvas-page body,
html body.chat-full {
	overflow-y: hidden!important;
}
html.uk.offcanvas-page #left-menu {
	overflow-y: scroll;
}
html #left-menu > nav {
    border-bottom: 1px solid #efefef;
    background: #f8f8f8;
    box-shadow: 0 2px 2px rgba(0,0,0,.08)!important;
}
.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, .uk-heading-2xlarge, .uk-heading-large, .uk-heading-medium, .uk-heading-small, .uk-heading-xlarge, h1, h2, h3, h4, h5, h6 {
	font-family: Roboto, "Helvetica Neue", Arial, sans-serif;
}

#logo-header {
	height: 110px;
    margin-top: 6px;
	transition-duration: .16s;

    box-shadow: 0 2px 4px rgba(0,0,0,.36);
    border-radius: 50%;

}
@media screen and (min-width: 640px){
	#logo-header {
		height: 120px;
	}
}
@media screen and (min-width: 1196px){
	#logo-header {
		height: 130px;
	}
}

[uk-dropdown] {
    border-top: 1px solid #213059;
}
[uk-dropdown]:before {
    width: 0;
    content: ' ';
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #213059;
    position: absolute;
    bottom: 100%;
    right: 14px;
}
[uk-dropdown].uk-dropdown-bottom-center:before {
    right: 50%;
    transform: translateX(50%);
}
[button-nav-profile] i[uk-icon],
[button-subnav] i[uk-icon] {
    background-size: cover;
    background-position: center;
    width: 30px;
    height: 30px;
    background-color: #fff;
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(0,0,0,.12);
}
[button-nav-profile] i[uk-icon]>svg,
[button-subnav] i[uk-icon]>svg {
    margin-top: 5px;
    margin-left: 5px;
}
[button-nav-profile] + [uk-dropdown] li a,
[button-subnav] + [uk-dropdown] li a {
    color: #4b4b4b;
}
[button-nav-profile] {
    /*padding-right: 0!important;*/
}
[button-nav-profile] + [uk-dropdown]:before {
    right: 20px;
}
[button-subnav] + [uk-dropdown]:before {
    right: 28px;
}
[button-subnav="entryform"] + [uk-dropdown]:before {
    right: 42px;
}

[button-subnav] + [uk-dropdown].dropdown-bottom-left:before {
    right: auto;
    left: 28px;
}

.uk-navbar-center.uk-navbar-top-center {
	top: 0;
	transform: translate(-50%,0);
}
@media screen and (min-width: 960px) and (max-width: 1599px) {
    .uk-navbar-center.uk-navbar-top-center.uk-navbar-tablet-logo-left {
        left: 0;
        transform: translate(0, 0);
    }
}

/*.uk-navbar-center.uk-navbar-top-center.uk-navbar-tablet-logo-left {
    left: 0;
    transform: translate(0, 0);
}*/

@media screen and (min-width: 640px) {
    .uk-navbar-center.uk-navbar-top-center.uk-navbar-tablet-logo-left {
        /*left: 10vw;*/
    }
}

[button-nav-profile] + [uk-dropdown] ul,
[button-subnav] + [uk-dropdown] ul,
[uk-dropdown] [sys-languages] {
    padding-top: 1rem;
    padding-bottom: 1rem;
    max-height: 75vh;
    max-height: calc(100vh - 120px);
    overflow: auto;
}

[button-nav-profile] + [uk-dropdown] li.uk-nav-header,
[button-subnav] + [uk-dropdown] li.uk-nav-header,
[uk-dropdown] [sys-languages] li.uk-nav-header {
    padding: .5rem 1.5rem;
    margin-top: -.5rem;
    color: #999;
}

[button-nav-profile] + [uk-dropdown] li:hover a,
[button-subnav] + [uk-dropdown] li:hover a,
[uk-dropdown] [sys-languages] li:hover a {
	background: #f9f9f9;
}

[button-nav-profile] + [uk-dropdown] li.uk-active a,
[button-subnav] + [uk-dropdown] li.uk-active a,
[uk-dropdown] [sys-languages] li.uk-active a {
    font-weight: 800;
    color: #213059;
    pointer-events: none;
    cursor: default;
}


[button-nav-profile] + [uk-dropdown] li a,
[button-subnav] + [uk-dropdown] li a,
[uk-dropdown] [sys-languages] li a {
    padding: .5rem 1.5rem;
    padding: 10px 26px;
}
[button-nav-profile] + [uk-dropdown] li.uk-active,
[button-subnav] + [uk-dropdown] li.uk-active,
[uk-dropdown] [sys-languages] li.uk-active {
    box-shadow: -8px 0 0 #213059, inset 500px 0 0 #efefef;
    pointer-events: none;
}

[app-layout="pre-header"] form[login],
[app-layout="menu-top"] form[login] {
    width: 250px;
    padding: 0 15px;
}

[button-nav-profile] + [uk-dropdown] .restore-account {
    background: #fcfcfc;
    margin-top: 1rem;
    margin-bottom: -15px;
    padding: 15px;
    padding-bottom: 10px;
    border-top: 1px solid #efefef;
    text-align: center;
}
#page_footer, #page_footer a {
	color: rgba(255,255,255,.76);
}
#page_footer a:hover {
	color: rgba(255,255,255,1);
}
#page_footer .uk-button-text::before {
	border-bottom: 1px solid #fff; 
}
#page_footer hr {
	border-top: 1px solid rgba(255,255,255,.16)
}
#pre-footer {
	background: rgba(255,255,225,.16);
    padding: 24px 0;
    margin-bottom: 16px;
}
#page_content {
    min-height: 300px;
    display: block;
    background: #efefef;
    padding-top: 25px;
	box-shadow: inset 0 -2px 2px rgba(0,0,0,.12);
    border-bottom: 1px solid #efefef;
    padding-bottom: 60px;
}
#page_content[data-keyname="entries.edit"]{
    padding-bottom: 0;
}
.uk-list.uk-list-inline li {
    display: inline-block;
    vertical-align: middle;
	margin: 0;
	padding: 0;
}
#subscribe-newsletter span[uk-icon] {
	color: #fff;
}

#subscribe-newsletter ::-webkit-input-placeholder {
  color: rgba(255,255,225,.56);
}
#subscribe-newsletter :-ms-input-placeholder {
  color: rgba(255,255,225,.56);
}
#subscribe-newsletter ::placeholder {
  color: rgba(255,255,225,.56);
}

.uk-input.uk-input-app {
	background-color: #2C3B61;
	height: 38px;
	border: none;
	color: #fff;
}

.uk-button.uk-button-app-light,
.uk-badge.uk-badge-app-light {
	background-color: #38456A;
	border-color: #38456A;
	color: #fff;
}
.uk-button.uk-button-app-light:hover,
.uk-button.uk-button-app-light:focus {
	background-color: #213059;
}
.uk-button.uk-button-app,
.uk-badge.uk-badge-app {
	background-color: #2C3B61;
	border-color: #00482C;
	color: #fff;
}

.uk-button.uk-button-app:hover,
.uk-button.uk-button-app:focus {
	background-color: #213059;
}

.uk-button.uk-button-app-light:focus,
.uk-button.uk-button-app:focus {
	outline: 1px solid rgba(255,255,255,.16);
}

#sponsor li,
html body ul.sponsor li {
	margin-right: 6px!important;
    margin-bottom: 6px!important;
}
#sponsor li a,
html body ul.sponsor li a,
html body div.sponsor.sponsor-no-link div > div {
	padding: 8px 12px;
	display: block;
	text-align: center;
	/*opacity: .85;*/
	background: rgba(255,255,255,.16);
	/*border: 1px solid rgba(255,255,255,.26);*/
}
#sponsor li a.white,
html body ul.sponsor li a.white {
    background-color: #fff;
    overflow: hidden;
    border-radius: 8px;
}

html body div.sponsor.sponsor-no-link > div > div {
    background: #fff;
    border-radius: 8px;
}
#sponsor li a:hover,
html body ul.sponsor li a:hover {
	opacity: 1;
	outline: 1px solid rgba(255,255,255,.36);
}
#sponsor li a img,
html body ul.sponsor li a img,
html body div.sponsor img {
	height: 50px;
	width: auto;
}

@media screen and (min-width: 640px) {
    html body ul.sponsor-small.sponsor-equal-width li a {
        width: 115px;
    }
}

html body ul.sponsor-small li a img {
    height: 40px;
    width: auto;
}
#question-newsletter {
    font-size: 24px;
    color: #fff;
    font-weight: 500;
    line-height: 38px;
}
body [summary-badges] {
	position: absolute;
    top: 0;
    left: 100%;
    margin-top: 64px;
    width: 57px;
}
body [summary-badges] > [uk-sticky] {
    height: calc(57px * 7);
    max-height: calc(100vh - 145px);
    overflow-y: visible;
    overflow-x: hidden;
}

body [summary-badges] > div > [badge-summary] {
	position: relative!important;
	left: 0!important;
	right: auto!important; 
}
body optgroup[label] {
	padding: 4px;
	display: block;
	font-size: 11px;
	color: #999;
	margin: 1em;
}
body optgroup[label][disabled],
body optgroup option[disabled] {
	display: none;
}
body optgroup[label] option {
	font-size: initial;
}
@media screen and (max-width: 639px){
	body .uk-margin-both-mobile {
		margin-left: 20px;
		margin-right: 20px;
	}
	/*body .uk-padding-remove-on-mobile {
		padding: 0!important;
	}*/
	#sponsor li,
    ul.sponsor li {
		display: block!important;
		margin-top: 6px;
		margin-right: 0;
	}
	#question-newsletter {
		margin-bottom: 12px;
		display: block;
	}
}

@media screen and (min-width: 640px){
	#page_footer nav li {
		margin-right: 12px;
	}
}

[app-layout="menu-left"].uk-open > .uk-offcanvas-bar {
    transform: translateY(0);
}
[app-layout="menu-left"] > .uk-offcanvas-bar {
    background: #fff;
    width: 100%;
    left: 0;
    transform: translateY(-100%);
    transition: transform .36s ease-in-out;
}
[app-layout="menu-left"] .uk-nav.uk-nav-primary {
    margin-top: 70px;
}
[app-layout="menu-left"] .uk-nav.uk-nav-primary a {
    color: #777!important;
    font-size: 1.3rem;
    line-height: 1.3;
}
[app-layout="menu-left"] .uk-nav.uk-nav-primary li:not(.uk-active) a:hover {
    color: #213059!important;
}
[app-layout="menu-left"] [uk-close] {
    color: #213059!important;
    margin-right: 0;
    position: fixed;
    top: 27px;
	right: 12px;
}
[app-layout="menu-left"] .uk-nav.uk-nav-primary li.uk-active {
    position: relative;
}
[app-layout="menu-left"] .uk-nav.uk-nav-primary .uk-nav-header {
    color: #213059!important;
    font-weight: 600;
}

[app-layout="menu-left"] .uk-nav.uk-nav-primary li.uk-active a {
    pointer-events: none;
    cursor: default;

    /*text-decoration: underline;
    text-decoration-color: #213059;
    text-underline-position: under;*/


    border-bottom: 2px solid #213059;
    width: fit-content;

}
[app-layout="pre-header"] form[login] [toggle-pwd],
[app-layout="menu-top"] form[login] [toggle-pwd] {
    bottom: 0;
    line-height: 1;
    right: 0;
    padding: 5px;
}

[toggle-pwd] {
    display: inline-block;
    position: absolute;
    right: 6px;
    bottom: 3px;
    font-size: small;
    color: #999;
    z-index: 1;
    cursor: pointer;
    font: normal normal normal 24px/1 "Material Design Icons";
    text-rendering: auto;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
[toggle-pwd]:hover {
    color: #777;
}
[toggle-pwd="hidden"]:before {
    content: "\F208";
}
 
[toggle-pwd="visible"]:before {
    content: "\F209";
}
body .uk-padding-xsmall {
	padding: 10px;
}
body .uk-input.uk-form-danger,
body .uk-select.uk-form-danger {
	box-shadow: 0 2px 0 #f0506e!important;
	color: #f0506e!important;
	text-shadow: 1px 1px 0 rgba(0,0,0,.06);
}

body #edit-crew .uk-input.uk-form-warning:not(.uk-form-danger),
body #edit-crew .uk-select.uk-form-warning:not(.uk-form-danger),
body #edit-team .uk-input.uk-form-warning:not(.uk-form-danger),
body #edit-team .uk-select.uk-form-warning:not(.uk-form-danger),
body #edit-guest .uk-input.uk-form-warning:not(.uk-form-danger),
body #edit-guest .uk-select.uk-form-warning:not(.uk-form-danger) {
	box-shadow: 0 2px 0 #4b4b4b!important;
    border-color: #4b4b4b!important;
	color: #4b4b4b!important;
	text-shadow: 1px 1px 0 rgba(0,0,0,.06);
}
body #edit-crew label.uk-text-warning,
body #edit-team label.uk-text-warning,
body #edit-guest label.uk-text-warning {
    color: #4b4b4b!important;
}

[app-layout="menu-top"] .uk-navbar-nav>li.uk-active>a { 
	font-weight: 600;
    box-shadow: inset 0 -3px 0 #213059;
	color: #213059;
}
.uk-card-header.uk-card-header-bg-fc {
	background: #fcfcfc;
}
.bull-divided {
	display: inline-block;
	line-height: 1;
	vertical-align: middle;
	margin: 0 8px;
	color: #ccc;
}
.uk-button.uk-button-xsmall {
	line-height: 9px;
    padding: 6px 10px;
    font-size: 13px;
}

body header > [uk-sticky].uk-active #logo-header {
	/*height: 90px;*/
}

/* AUTOSALVATAGGIO */

body.autosaving #logo-header {
	height: 80px;
}
#autosaving {
    display: block;
    position: fixed;
    top: 80px;
    left: 0;
    right: 0;
    z-index: 10;
    text-align: center;
	visibility: hidden;
	opacity: 0;
	transform: translateY(-120%);
	transition-duration: .16s;
}
#autosaving.top {
	top: 0;
	z-index: 99999;
}
#autosaving.bottom {
	top: auto;
	bottom: 0;
	transform: translateY(120%);
}
#autosaving.loading,
#autosaving.saved,
#autosaving.error,
#autosaving.info {
	visibility: visible;
	opacity: 1;
	transform: translateY(0);
	transition-duration: 0s;
}
#autosaving [loading] span, #autosaving [saved] span, #autosaving [error] span, #autosaving [info] span {
	display: inline-block;
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
    background: cornsilk;
    line-height: 11px;
    padding: 4px 8px;
    border-radius: 4px;
    box-shadow: 0 2px 2px rgba(0,0,0,.16);
    border: 1px solid #fff;
	padding-bottom: 3px;
}
#autosaving.fullwidth [loading] span, #autosaving.fullwidth [saved] span, #autosaving.fullwidth [error] span , #autosaving.fullwidth [info] span {
	display: inline-block;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    background: cornsilk;
    line-height: 32px;
    padding-top: 13px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	border-radius: 0;
    box-shadow: 0 2px 2px rgba(0,0,0,.16);
    width: 100%;
    width: calc(100% - 16px);
    border: 0!important;
}
#autosaving.bottom [loading] span, #autosaving.bottom [saved] span, #autosaving.bottom [error] span, #autosaving.bottom [info] span {
	box-shadow: 0 -2px 2px rgba(0,0,0,.16);
}
#autosaving [saved] span {
	background: yellowgreen!important;
    color: #fff;
    border: 1px solid #fff;
}
#autosaving [info] span {
    background: #84bbcd !important;
    color: #fff;
    border: 1px solid #fff;
}
#autosaving [error] span {
    background: orangered!important;
    color: #fff;
    border: 1px solid #fff;
}
#autosaving [loading], #autosaving [saved], #autosaving [error], #autosaving [info] {
	display: block;
    line-height: 1;
	transition-duration: .16s;
	visibility: hidden;
	opacity: 0;
	transform: translateY(-120%);
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
#autosaving.bottom [loading], #autosaving.bottom [saved], #autosaving.bottom [error], #autosaving.bottom [info] {
	transform: translateY(120%);
}

#autosaving.loading [loading], 
#autosaving.saved [saved], 
#autosaving.error [error],
#autosaving.info [info] {
	visibility: visible;
	opacity: 1;
	transform: translateY(0);
}

#autosaving.bottom.loading [loading], 
#autosaving.bottom.saved [saved], 
#autosaving.bottom.error [error],
#autosaving.bottom.info [info] {
	transform: translateY(-100%);
}
/* PAGINA ACCOUNT */

#account-card .uk-card-body {
	padding: 20px 10px;
}
body .app-form-card {
	padding: 20px 10px!important;
}
#account label:not(.reset),
.app-form-card label:not(.reset) {
    display: block!important;
    margin-bottom: -10px!important;
    font-size: 12px;
    font-weight: 400;
    color: #999;
    position: relative;
    z-index: 1;
    margin-left: 11px;
}
.app-form-label label:not(.reset) {
	font-size: 12px;
    font-weight: 400;
    color: #999;
}
.app-form-card label.uk-hidden {
    display: none!important;
}
#module_password label {
    display: block;
    font-size: 12px;
    font-weight: 400;
    color: #999;
}
body [badge-summary] {
	display: inline-block;
    position: absolute;
    top: 0;
    right: 100%;
    line-height: 68px;
	height: 55px;
    background-color: #fcfcfc;
    width: 55px;
    text-align: center;
    font-weight: 800;
    font-size: 30px;
    color: #999;
    border: 1px solid #fff;
}
body [badge-summary]:before {
    content: 'step';
    display: block;
    font-size: 11px;
    text-transform: uppercase;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 2.5;
    right: 0;
}
body [badge-help] {
	display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
	padding: 0 10px;
    line-height: 57px;
    font-size: 32px;
	height: 57px;
    border-radius: 8px;
    transition: all .26s ease-in-out;
}
body [badge-help].success {
	color: deepskyblue;
}
body [badge-help].error {
	color: #f0506e;
    cursor: help;
}
body [badge-help].waiting,
body [badge-help].warning { 
	color: #ffc439;
    cursor: help;
}
body [badge-help].error:hover,
body [badge-help].warning:hover {
    background-color: #f5f5f5;
}
body [badge-help].success .mdi:before {
	content: "\F12D";
}
body [badge-help].error .mdi:before {
	content: "\F026";
}
body [badge-help].waiting .mdi:before {
	content: "\F150";
}
body [badge-help].warning .mdi:before {
	content: "\F5D6";
}
@media screen and (max-width: 960px){
	body [badge-summary] {
		right: auto;
		left: 0;
		border: 0;
	}
	body [badge-summary] + h4 {
		padding-left: 52px;
	} 
}

body .uk-sticky:not(.uk-sticky-fixed) [badge-summary][first] {
	top: 2px;
}
body [badge-summary] +h4 {
	margin: 0!important
}
body [badge-summary].success {
	background-color: limegreen;
    background-color: deepskyblue;
	color: #fff
}
body [badge-summary].error {
	background-color: #f0506e;
	color: #fff
}
body [badge-summary].waiting,
body [badge-summary].warning {
	background-color: #ffc439;
	color: #fff
}
.app-form-card label.uk-form-danger {
	color: #f0506e!important;
}

#account label span,
.app-form-card label span,
#module_password label span {
    background: #fff;
    display: inline-block;
}

body input.uk-input-success,
body select.uk-input-success{
    color: limegreen!important;
	font-weight: 400;
}
body input.uk-input-error,
body select.uk-input-error {
    color: #f0506e!important;
	font-weight: 400;
}
body .uk-padding-medium {
	padding: 20px;
}
body .swal-form-container {
	text-align: left;
	margin: 20px -22px;
    padding: 22px;
    background: #fcfcfc;
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    margin-bottom: 0;
}
@media screen and (max-width: 640px){
    body .swal-form-container {
        margin: 20px -20px;
        padding: 20px;
    }
}
body .swal-form-container.swal-form-container-single-input {
	padding: 0;
}
body .swal-form-container.swal-form-container-single-input input {
	line-height: 70px;
    display: block;
    height: auto;
}
body .swal-form-container.swal-form-container-single-input input:focus {
	background: transparent;
}

body img[height="50"]{
	height: 50px;
	width: auto;
}
body img[height="60"]{
	height: 60px;
	width: auto;
}
body img[height="75"]{
	height: 75px;
	width: auto;
}
body img[height="80"]{
	height: 80px;
	width: auto;
}
body img[height="90"]{
	height: 90px;
	width: auto;
}
body img[height="100"]{
	height: 50px;
	width: auto;
}
body img[height="120"]{
	height: 120px;
	width: auto;
}
body img[height="125"]{
	height: 125px;
	width: auto;
}
body img[height="140"]{
	height: 140px;
	width: auto;
}
body img[height="150"]{
	height: 150px;
	width: auto;
}
body img[height="160"]{
	height: 160px;
	width: auto;
}
body img[height="165"]{
	height: 165px;
	width: auto;
}
body .swal-fullwidth {
	margin-left: -20px;
	margin-right: -20px;
    padding-left: 20px;
	padding-right: 20px;
}
body label.privacy-in-swal {
	display: block;
    width: 100%;
    text-align: justify;
    line-height: 1.4;
    border-top: 1px solid #efefef;
    padding-top: 1rem;
    margin-top: 2rem;
}
body .swal-form-container.swal-form-container-padding-small {
	padding: 10px 20px;
}
body .swal2-title .mdi-title {
	display: block;
	text-align: center;
}
body .swal2-title .mdi-title > span {
	width: 80px;
    height: 80px;
    display: inline-block;
    background: #fff;
    border: 2px solid #ddd;
    line-height: 80px;
    border-radius: 50rem;
    margin-top: 10px;
    margin-bottom: 20px;
    color: #ccc;
}
[card-event-status="confirmed"].uk-label {
	background: mediumseagreen;
    color: #fff;
}
[card-event-status="expired"].uk-label {
	background: cadetblue;
    color: #fff;
}
[card-event-status="editable"].uk-label {
    background: orange;
    color: #fff;
}
[card-event-status="not-editable"].uk-label {
    background: orangered;
    color: #fff;
} 
[card-event-status="never-completed"].uk-label {
    background: #ccc;
    color: #fff;
}
[card-event-status="deleted"].uk-label {
    background: #ddd;
    color: #fff;
}
[card-event-status="deleted"].uk-card {
	opacity: .55;
}
[card-event-status="deleted"].uk-card:hover {
	opacity: 1;
}
[app-layout-top] > [app-layout-cover] {
	height: 90vh;
    height: calc(100vh + 40px);
    margin-top: -80px;
	min-height: 450px;
    position: relative;
    z-index: 1;
    height: calc(100vh - 40px);
    margin-top: 0;
}
html[data-keyname]:not([data-keyname="home"]) [app-layout-top] > [app-layout-cover] {
    height: calc(75vh);
}
html[data-keyname="news"] [app-layout-top] > [app-layout-cover] {
    height: 25vh!important;
    min-height: 150px!important;
}
@media screen and (max-width: 639px){
    html[data-keyname]:not([data-keyname="home"]):not([data-keyname="news"]) [app-layout-top] > [app-layout-cover] {
        height: calc(100vw)!important;
        max-height: calc(100vw)!important;
        min-height: auto!important;
    }
}
@media screen and (max-width: 768px){
    [app-layout-top] > [app-layout-cover] {
        height: 100vw
    }
}
[app-layout-top].blurred > [app-layout-cover] {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
[app-layout-top]:not(.blurred) [app-layout-cover-blurred] {
    display: none;
}
[app-layout-top].blurred [app-layout-cover-blurred] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    filter: blur(12px);
    -webkit-filter: blur(12px);
    z-index: 1;
}

body .uk-blurred {
    filter: blur(12px);
    -webkit-filter: blur(12px);
}

[app-layout-top] > [app-layout-cover].cover-xsmall {
	height: 35vh;
	min-height: 250px;
	margin-top: -80px;
}
[app-layout-top] > [app-layout-cover].cover-small {
	height: 50vh;
	min-height: 275px;
	margin-top: -80px;
}
[app-layout-top] > [app-layout-cover].cover-medium {
	height: 70vh;
	min-height: 350px;
	margin-top: -80px;
}
html body [app-layout-top] > [app-layout-cover].no-content.photogallery {
    height: calc(100vh - 80px)!important;
}
html body [app-layout-top].no-content.photogallery + #page_content {
    display: none!important;
}
.uk-hr-separate-card {
    margin-left: -10px;
    margin-right: -10px;
    margin-top: 10px;
    border-top: 6px solid #efefef;
}

[crew-list].unbordered [crew-id],
[team-list].unbordered [team-id],
[guest-list].unbordered [guest-id],
[owner-list].unbordered [crew-id] {
    border: none!important;
}
[crew-list].unbordered [crew-id]:first-child,
[team-list].unbordered [team-id]:first-child,
[guest-list].unbordered [guest-id]:first-child,
[owner-list].unbordered [crew-id]:first-child {
    margin-top: -20px;
}
[crew-list].unbordered [crew-id]:last-child,
[team-list].unbordered [team-id]:last-child,
[guest-list].unbordered [guest-id]:last-child,
[owner-list].unbordered [crew-id]:last-child {
    margin-bottom: -20px;
}

.uk-hr-separate-card.separate-2x {
	margin-left: -20px;
    margin-right: -20px;
}
.app-page-card-title + div,
.app-page-card-title + .uk-card-body{
	border-top: 2px solid #213059;
	margin-top: 63px;
    word-break: break-word;
}
body [app-layout-top]:not(.uk-hidden) + [app-layout-center] > div:first-child {
	margin-top: -125px!important;
}
body [app-layout-center] > .uk-container:first-of-type > .uk-card:first-child {
    /*border-top: 2px solid #e6599b;
    margin-top: -75px;*/
}

body [app-layout-top].animated {
	overflow: hidden;
}
body [app-layout-top].animated > [app-layout-cover] {
	animation: 10s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s infinite alternate-reverse both running kenburns-top;
    animation: 10s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s infinite alternate-reverse both running kenburns-bottom;
}
[restore-email-here] {
	text-decoration: underline;
	cursor: pointer;
}
[restore-email-here]:after {
	display: inline-block;
    font: normal normal normal 24px/1 "Material Design Icons";
    font-size: inherit;
    text-rendering: auto;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	content: "\F3EB";
	line-height: 1;
    font-size: 16px;
    vertical-align: middle;
    margin-left: 4px;
}
body .uk-cursor-pointer,
body .cursor-pointer {
	cursor: pointer!important;
}
body .summary-steps {
	position: fixed;
    z-index: 999998888;
    bottom: 0;
    left: 0;
    right: 0;
    background: #213059;
	box-shadow: 0 -2px 4px rgba(0,0,0,.16), 0 -2px 26px rgba(0,0,0,.16);
    border-top: 2px solid rgba(255,255,255,.10);
}
body .uk-heading-line {
	color: #213059!important;
    font-family: 'RolexFont', 'Roboto', 'Helvetica', 'Arial', 'SansSerif';
}

body .uk-button.uk-button-white,
.uk-badge-white {
	background-color: #fff;
	color: #4b4b4b;
	position: relative;
}
body .uk-button.uk-button-white:hover {
	box-shadow: 0 5px 15px rgba(0,0,0,0.08), 0 14px 25px rgba(0,0,0,0.16);
	z-index: 9;
}
body .uk-card.uk-card-outline {
	outline: 3px solid rgba(44,59,97,.5);
}
body .uk-card.uk-card-hover-outline:hover {
    outline: 3px solid rgba(44,59,97,.5);
}
body .card-cell.card-cell-hover-outline:hover {
    outline: 2px solid #213059;
    z-index: 2;
}
.uk-card-media-left\@all {
	display: inline-block;
	float: left;
	width: 33%;
	height: 100%;
	position: absolute;
}
.uk-card-media-left\@all > .uk-cover-container {
	height: 100%;
}
.uk-card-media-left\@all + .uk-card-header,
.uk-card-media-left\@all + .uk-card-body,
.uk-card-media-left\@all + .uk-card-footer,
.uk-card-media-left\@all + .uk-card-header + .uk-card-body,
.uk-card-media-left\@all + .uk-card-body + .uk-card-footer {
	margin-left: 33%;
}
body .uk-cursor-initial {
	cursor: initial;
}
body input,
body select,
body label.checkbox-in {
	font-weight: 400!important;
}
body input.uk-form-danger,
body select.uk-form-danger {
	border: 1px solid!important;
}
body [attachment].uk-button {
	padding: 0 10px;
	margin-left: -10px;
}
#entry-watermark,
#entry-watermark-info-saving {
	position: absolute;
    z-index: 999;
    /*top: -100vh;*/
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255,255,255,.56);
}
#entry-watermark > div,
#entry-watermark-info-saving > div {
	position: fixed;
	bottom: 0;
	left: 0;
	padding: 4px;
	background: darkorange;
	color: #fff;
	right: 0;
	text-align: center;
    font-size: 13px;
    box-shadow: 0 -2px 6px rgba(0,0,0,.16);
    font-weight: 400;
    text-transform: uppercase;
}
#entry-watermark-info-saving > div a {
    color: #fff;
}
#entry-watermark-info-saving > div a:hover {
    color: #fff;
    text-decoration: underline;
}
x[entry-status] {
    display: block;
    font-size: 11px;
    text-transform: uppercase;
}
#entry-watermark.to_complete,
#entry-watermark.confirmed,
#entry-watermark.completed {
    display: none;
}
body .uk-text-success {
    color: deepskyblue!important;
}
body [crew-id] strong[name],
body [team-id] strong[name],
body [guest-id] strong[name],
body [support-id] strong[type],
body [record-id] strong[year],
body [documents-photo] strong[name] {
    text-transform: uppercase;
    font-weight: 600;
    /*display: inline-block;
    width: calc(100% - 70px);*/
}

body [crew-list] [crew-id] roles + span,
body [team-list] [team-id] roles + span,
body [guest-list] [guest-id] roles + span,
body [owner-list] [crew-id] roles + span {
    font-size: 80%;
    font-weight: 500;
    color: #999;
}
body [crew-list] [crew-id] roles x[role]:not(:last-child):after,
body [team-list] [team-id] roles x[role]:not(:last-child):after,
body [guest-list] [guest-id] roles x[role]:not(:last-child):after {
    content: ', ';
}
body [owner-list] [crew-id] roles x[role]:last-child:after,
body [crew-list] [crew-id] roles x[role]:last-child:after,
body [team-list] [team-id] roles x[role]:last-child:after,
body [guest-list] [guest-id] roles x[role]:last-child:after {
    content: ' - ';
}
body [owner-list] [crew-id] roles,
body [crew-list] [crew-id] roles x[role="7"],
body [owner-list] [team-id] roles,
body [team-list] [team-id] roles x[role="14"],
body [guest-list] [guest-id] roles x[role="24"] {
    display: none!important;
}
body [attachment].uk-button,
body [add-crew].uk-button:not(.uk-button-text),
body [add-team].uk-button:not(.uk-button-text),
body [add-guest].uk-button:not(.uk-button-text),
body [add-owner].uk-button:not(.uk-button-text) {
	background: #fff;
	box-shadow: 0 2px 0 #e5e5e5;
    font-size: 18px;
    font-weight: 400;
}
body select[multiple] {
	padding: 6px 0;
}
body select[multiple] optgroup[label] {
	margin: 0;
	padding: 0;
}
body [attachment][file],
body [attachment][upload] {
	box-shadow: none;
    border: 1px solid transparent;
	position: relative;
}
body [record-id] > div,
body [support-id] > div {
    position: relative;
}
body [no-records] + div,
body [no-supports] + div {
   display: block;
}
body [no-records],
body [no-records="0"] + div,
body [no-supports],
body [no-supports="0"] + div {
    display: none;
}
body [no-records="0"],
body [no-supports="0"] {
    display: block;
}
body [crew-id] > div > a:hover > span,
body [team-id] > div > a:hover > span,
body [guest-id] > div > a:hover > span,
body [record-id] > div > a:hover > span,
body [support-id] > div > a:hover > span,
body [attachment][file] > a:hover > span {
	color: #1e87f0!important;
}

body [documents-list] ul li {
	position: relative;
}
body [documents-list] progress {
	position: absolute;
    height: 3px;
    bottom: -10px;
    left: 0;
}
body [documents-list] ul li a strong[name] {
    text-transform: uppercase;
}
body #swal2-content .swal-form-container:not(.swal-form-container-single-input) input[required]:not(.uk-form-danger),
body #swal2-content .swal-form-container:not(.swal-form-container-single-input) select[required]:not(.uk-form-danger) {
	border: 1px solid #777;
}
body #swal2-content .swal-form-container:not(.swal-form-container-single-input) label[required] {
	font-weight: 500;
}
body [attachment][file].uk-button > a {
	display: block;
    margin: 0 -10px;
    padding: 5px 10px;
    word-break: break-all;
    text-align: left;
    line-height: 1;
	text-transform: none;
}
body [crew-id] > div > a,
body [team-id] > div > a,
body [guest-id] > div > a,
body [supports-id] > div > a,
body [record-id] > div > a,
body [attachment][file] > a {
    display: block;
    text-align: left;
    line-height: 1;
}
body [attachment][file].uk-button-with-before > a:before {
    content: "\F3CC";
    display: inline-block;
    font: normal normal normal 24px/1 "Material Design Icons";
    font-size: inherit;
    text-rendering: auto;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 7px;
	text-transform: uppercase;
	margin-left: -2px;
}
body [attachment][file].uk-button > a:hover {
	color: #1e87f0!important
}
body [attachment].uk-button-danger:hover {
    box-shadow: 0 3px 0 #f0506e!important;
}
/*body [attachment][file].uk-button > a [remove] {
    padding: 4px;
    display: inline-block;
    line-height: 1;
    margin: -4px;
    border-radius: 1px;
    margin-left: 0;
    cursor: pointer;
	
	position: absolute;
    top: 4px;
    right: 0;
}*/

body [crew-id] > div > a [remove],
body [crew-id] > div > a [edit],
body [team-id] > div > a [remove],
body [team-id] > div > a [edit],
body [guest-id] > div > a [remove],
body [guest-id] > div > a [edit],
body [support-id] > div > a [remove],
body [support-id] > div > a [edit],
body [record-id] > div > a [remove],
body [record-id] > div > a [edit],

body [attachment][file] > a [remove],
body [attachment][file] > a [open] {

    padding: 4px 10px;
    vertical-align: middle;
    float: right;
    font-size: 13px;
    text-transform: uppercase;
    color: #999!important;
    line-height: 1;
    margin-top: -3px;

}

body [support-id] > div > a [remove],
body [support-id] > div > a [edit] {
    margin-top: 0;
}
body [crew-id] > div > a [remove],
body [team-id] > div > a [remove],
body [guest-id] > div > a [remove],
body [record-id] > div > a [remove],
body [support-id] > div > a [remove],
body [attachment][file] > a [remove] {
    border-left: 1px solid #efefef;
    transform: none;
    margin-right: -15px;
}

body [crew-id] > div > a [remove]:hover,
body [team-id] > div > a [remove]:hover,
body [guest-id] > div > a [remove]:hover,
body [attachment][file] > a [remove]:hover,
body [record-id] > div > a [remove]:hover,
body [support-id] > div > a [remove]:hover {
    color: #f0506e!important
}
body [crew-id] > div > a [edit]:hover,
body [team-id] > div > a [edit]:hover,
body [guest-id] > div > a [edit]:hover,
body [attachment][file] > a [open]:hover,
body [record-id] > div > a [edit]:hover,
body [support-id] > div > a [edit]:hover {
    color: #1e87f0!important
}
body [crew-id],
body [team-id],
body [guest-id],
body [record-id],
body [support-id] {
    /*padding: 0 20px;
    margin: 15px -20px;
    border-top: 6px solid #efefef;
    padding-top: 15px;*/
	padding: 15px 20px!important;
    margin: 0 -20px!important;
}
body y[evts] > span:not(:last-child):after {
	content: ' • ';
}
body [crew-id]:first-child {

}
body [crew-id]:last-child {

}
body [owner-list] [crew-id]:first-child {

}
body [crew-warning] + small,
body [team-warning] + small,
body [guest-warning] + small,
body [owner-warning] + small {
	display: none!important;
}
body [crew-warning].uk-hidden + small,
body [team-warning].uk-hidden + small,
body [guest-warning].uk-hidden + small,
body [owner-warning]:not(.uk-hidden) + small {
	display: block!important;
}
body [all-crew-container],
body [all-team-container],
body [all-guest-container],
body [add-crew-container],
body [add-team-container],
body [add-guest-container] {
    border-top: 6px solid #efefef;
    margin: 0 -10px;
    padding: 0 20px;
    padding-top: 15px;
}
body x[role] {
	font-size: 80%;
    font-weight: 500;
    color: #999;
}
/*body x[role="7"], body x[role="8"], body x[role="9"] {
	font-weight: 800;
    color: cornflowerblue;
}*/
html body [payment-real].in-offer {
    text-decoration: line-through;
    color: orange;
}
body [payment-content="paynow"] dl,
body [payment-content="paid"] dl {
    border-top: 2px solid #efefef;
    margin-top: 15px;
    padding-top: 10px;
}
body [payment-content="paynow"] .uk-description-list>dt:nth-child(n+2),
body [payment-content="paid"] .uk-description-list>dt:nth-child(n+2) {
    margin-top: 0;
}
body .uk-button.with-image {
	position: relative;
    padding-right: 68px;
}
body .uk-button.with-image img {
	height: 32px;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translate(0,-50%);
    margin-top: -2px;	
}
@media screen and (max-width: 640px){
    body .uk-button.with-image {
        padding-right: 20px;
        padding-left: 20px;
    }
    body .uk-button.with-image img {
        position: relative;
        right: auto;
        top: auto;
        margin-left: 8px;
        transform: none;
        margin-top: -8px;
    }
}


body .uk-button.uk-button-default.uk-bg-alice {
	background: aliceblue;
}
@media screen and (min-width: 640px) {
	[payment-content="paynow"] .uk-description-list dt, 
	[payment-content="paynow"] .uk-description-list dd,
	[payment-content="paid"] .uk-description-list dt, 
	[payment-content="paid"] .uk-description-list dd{
		display: inline-block;
		vertical-align: middle;
		width: 120px;
	}
	[payment-content="paynow"] .uk-description-list dd,
	[payment-content="paid"] .uk-description-list dd {
		width: calc(100% - 120px);
	}
}
@media screen and (min-width: 640px){
	body #entry-form [crew-id] > div,
    body #entry-form [team-id] > div,
    body #entry-form [guest-id] > div,
    body #entry-form [support-id] > div {
		display: block;
	}
}
body #entry-form [attachment].uk-button-danger {
	color: #f0506e!important;
	border: 1px solid #f0506e!important;
	box-shadow: 0 2px 0 #f0506e!important;
}

body [uk-modal] .uk-modal-body > [uk-alert].uk-alert-full {
	margin: 0 -30px;
	padding: 30px;
	border-bottom: 1px solid;
	border-top: 1px solid;
}
body [uk-modal] .uk-modal-body > [uk-alert].uk-alert-full:not(.uk-hidden) {
	margin-top: -30px;
	margin-bottom: 30px;
}
body #swal2-content [events-list] {
    counter-reset: section;
}
body #swal2-content [events-list] li:before {
    content: counter(section)')';
    display: inline-block;
    margin-left: 15px;
    margin-right: 15px;
    counter-increment: section;
}

.carousel {
    width: calc(100vw - 20px);
    left: 50%;
    transform: translateX(-50%);
}

.carousel {
    background: transparent;
    padding-bottom: 56.25%;
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
    display: block;
}
@media screen and (min-width: 640px) {
    .carousel {
        padding-bottom: 60%;
    }
}
@media screen and (min-width: 960px) {
    .carousel {
        padding-bottom: 65%;
    }
}
@media screen and (min-width: 1200px) {
    .carousel {
        padding-bottom: 70%;
    }
}
@media screen and (min-width: 1600px) {
    .carousel {
        padding-bottom: 80%;
    }
}
[media-center] .carousel {
    margin-top: 30px;
}
.carousel .flickity-viewport {
    display: block;
    width: 100%;
    height: 100%!important;
    position: absolute;
}

.carousel img.ps-image {
    height: 200px;
}
.carousel img:not(.carousel-cell) {
    display: block;
    width: 100%;
    width: calc(100% - 80px);
    max-width: 850px;
    height: 100%;
    margin-right: 10px;
    object-fit: cover;
}
.carousel {
    /*max-width: calc(100vw - 20px);*/
}
@media screen and (min-width: 640px) {
    .carousel img:not(.carousel-cell) {
        width: calc(100% - 100px);
    }

}
@media screen and (max-width: 640px){
    .carousel {
        width: calc(100vw - 0px);
    }
    .carousel img:not(.carousel-cell) {
        width: calc(100% - 60px);
    }
	.uk-card-media-left\@s {
		display: inline-block;
		float: left;
		width: 33%;
		height: 100%;
		position: absolute;
	}
	.uk-card-media-left\@s > .uk-cover-container {
		height: 100%;
	}
	.uk-card-media-left\@s + .uk-card-header,
	.uk-card-media-left\@s + .uk-card-body,
	.uk-card-media-left\@s + .uk-card-footer,
	.uk-card-media-left\@s + .uk-card-header + .uk-card-body,
	.uk-card-media-left\@s + .uk-card-body + .uk-card-footer {
		margin-left: 33%;
	}
}


.card-carousel {
    display: block;
}
.card-cell {
    width: calc(100% - 30px);
    max-width: 800px;
    height: auto;
    margin-left: 15px;
    display: inline-block;
    /* padding: 0 15px; */
}
.card-carousel .card-cell:not(.card-full-l) {
    margin-left: 8px;
}
.card-carousel-c .card-cell.card-cell-full-width.card-full-l {
    width: 100%;
    margin-left: 0;
    margin-bottom: 1px;
}

.card-carousel-c:not(#subscribers) .card-cell.card-cell-full-width.card-full-l:first-child {
    margin-top: 10px;
}
.card-carousel-c:not(#subscribers) .card-cell.card-cell-full-width.card-full-l:last-child {
    margin-bottom: 10px;
}

@media screen and (max-width: 640px) {
    .card-carousel .card-cell.card-cell-full-width,
    .card-carousel-c .card-cell.card-cell-full-width {
        margin-left: 0;
        width: 100%;
    }
}
.card-cell[data-permalink] {
    cursor: pointer;
}
.card-carousel .uk-card-body {
    position: relative;
}
.multiline-truncate {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.multiline-truncate-3 {
    -webkit-line-clamp: 3;
}
.multiline-truncate-2 {
    -webkit-line-clamp: 2;
}
.multiline-truncate-1 {
    -webkit-line-clamp: 1;
}
body .uk-card-default .uk-card-title {
    color: #213059;
}
.card-carousel .flickity-viewport {
    padding-top: 40px;
    padding-bottom: 40px;
}
.card-carousel .card-cell .uk-card[card-type="event"] {
    outline: 2px solid #213059;
}
.card-carousel .card-cell .uk-card-badge {
    top: 0;
    right: 0;
    transform: translate(-20px, -50%);

    font-size: 13px;
    font-weight: 500;
    padding: 6px 8px;
    line-height: 10px;
    border: 1px solid #fff;
}
.card-carousel .card-cell .uk-card-badge[card-type="event"] {
    background: #213059;
    color: #fff;
}
.card-cell .uk-card-media-top-left,
.card-cell .uk-card-media-top,
.card-cell .uk-card-media-left {
    display: block;
    float: none;
    padding-bottom: 56.25%;
    background-size: cover;
    background-position: center;
    background-color: #fcfcfc;
    background-image: url("/img/app-placeholder.png?t=2022");
}

.card-cell.card-cell-square .uk-card-media-left {

    width: 105px;
    margin-bottom: -20px;
    float: left;
    max-height: 105px;
    height: 105px;
    padding-bottom: 0;

}
.card-cell.card-cell-square.card-cell-image-full-height {
    position: relative;
}
.card-cell.card-cell-square.card-cell-image-full-height .uk-card-media-left {
    max-height: 100%;
    height: 100%;
    position: absolute;
}
.card-cell .uk-card-media-left + .uk-card-body {
    line-height: 1.2!important;
    padding-left: 125px!important;
    display: block;
}
.card-cell .uk-card-media-left + .uk-card-body small {
    margin-top: 8px;
    display: block;
    line-height: 1;
}

.card-cell.card-cell-square .uk-card-media-top-left, .card-cell.card-cell-square .uk-card-media-top {

    padding-bottom: 100%;

}
.card-cell.card-cell-vertical .uk-card-media-top-left, .card-cell.card-cell-vertical .uk-card-media-top {

    padding-bottom: 125%;

}

@media screen and (min-width: 1200px) {
    .card-cell.card-cell-square .uk-card-media-left {
        width: 129px!important;
    }
    .card-cell .uk-card-media-left + .uk-card-body {
        padding-left: 150px!important;
    }
}

html body [data-photogallery-code] .carousel .flickity-slider img {
    border-radius: 8px!important;
}
html body [data-photogallery-code] .carousel {
    margin-top: 0;
    margin-bottom: 0;
}

[button-subnav] + [uk-dropdown] li.uk-active:before {
    content: ' ';
    background-color: #213059;
    width: 7px;
    height: 41px;
    position: absolute;
    right: 100%;
}
@media screen and (min-width: 640px) {
    .card-cell:not(.card-full-l) {
        width: 50%;
        width: calc(((100% - 60px) / 2 ) - 10px);
        margin-right: 10px;
    }
}
@media screen and (min-width: 860px) {
    .card-cell:not(.card-full-l) {
        width: 33.33%;
        width: 390px;
        margin-right: 10px;
    }
}/*
@media screen and (min-width: 1120px) {
    .card-cell:not(.card-full-l) {
        width: 25%;
        width: 362.5px
    }
}
@media screen and (min-width: 1600px) {
    .card-cell:not(.card-full-l) {
        width: 20%;
        width: 362.5px;
    }
}*/

body .card-cell-1-1:not(.card-full-l) {
    width: 100%;
}
body .card-cell-1-2:not(.card-full-l) {
    width: 50%;
}
body .card-cell-1-3:not(.card-full-l) {
    width: 33.33%;
}
body .card-cell-1-4:not(.card-full-l) {
    width: 25%;
}
body .card-cell-1-5:not(.card-full-l) {
    width: 20%;
}
body .card-cell-1-6:not(.card-full-l) {
    width: calc(100% / 6);
}

@media screen and (min-width: 640px) and (max-width: 768px){
    body .card-cell-1-2\@s:not(.card-full-l) {
        width: 50%;
    }
}

body .flickity-button:disabled {
    display: none!important;
}

@media screen and (max-width: 640px) {
    body div:not(.cover-carousel) > .flickity-button {
        color: #213059;
        height: 105px;
        border-radius: 0;
    }
    body div:not(.cover-carousel) > .flickity-button,
    body div:not(.cover-carousel) > .flickity-button:active,
    body div:not(.cover-carousel) > .flickity-button:hover {
        /*background: transparent;*/
    }
    body div:not(.cover-carousel) > .flickity-prev-next-button.previous {
        left: 0;
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px;
    }
    body div:not(.cover-carousel) > .flickity-prev-next-button.next {
        right: 0;
        border-top-left-radius: 6px;
        border-bottom-left-radius: 6px;
    }

    body div.cover-carousel:not(.photogallery.no-content) > .flickity-button {
        bottom: 0;
        top: 10px;
        transform: none;
        bottom: 25px;
        border-radius: 0;
        color: #fff;
        background: rgba(44,59,97,.5);
        height: 30px;
    }
    body div.cover-carousel:not(.photogallery.no-content) > .flickity-prev-next-button.previous {
        left: 0;
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px;
    }
    body div.cover-carousel:not(.photogallery.no-content) > .flickity-prev-next-button.next {
        right: 0;
        border-top-left-radius: 8px;
        border-bottom-left-radius: 8px;
    }

}

#rolex-clock-menu-desktop a {
    position: relative;
    margin-left: 10px;
    margin-right: 10px;
}
@media screen and (min-width: 960px) {
    #rolex-clock-menu-desktop a:not(.original-width) {
        width: 300px;
    }
}
@media screen and (min-width: 1200px) {
    #rolex-clock-menu-desktop a:not(.original-width) {
        width: 320px;
    }
}
#rolex-clock-menu-desktop iframe {
    position: absolute;
    top: 0;

    border: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;

    /*border: 2px solid #006039;
    border-top: 0;
    padding: 1px;
    padding-top: 0;
    background: #fff;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    box-shadow: 0 0 3px rgba(0,0,0,.16), 0 0 12px rgba(0,0,0,.06);*/
}

body [app-layout-top]:not(.uk-hidden) + [app-layout-center] > div:first-child {
    margin-top: -100px;
}
[app-layout-top] > [app-layout-cover].uk-home-video-cover {
    height: auto;
    padding-bottom: 56.25%;
    min-height: 0;
}
@media screen and (max-width: 640px){
    [app-layout-top] > [app-layout-cover].uk-home-video-cover {
        margin-top: 0;
        padding-bottom: 100%;
    }
    body [app-layout-top]:not(.uk-hidden) + [app-layout-center][data-keyname="home"] > div:first-child {
        margin-top: -100px!important;
    }
}
.uk-home-video-cover iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.uk-navbar-container .uk-navbar-item,
.uk-navbar-container .uk-navbar-nav > li > a,
.uk-navbar-container .uk-navbar-toggle {
    min-height: 80px;
    transition-duration: .16s;
}

.uk-navbar-container.uk-active .uk-navbar-item,
.uk-navbar-container.uk-active .uk-navbar-nav > li > a,
.uk-navbar-container.uk-active .uk-navbar-toggle {
    min-height: 80px;
}

[app-layout-rolex-clock] {
    /* right: 20px; */
    z-index: 2;
    background: #fff;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 20px;
    position: relative;
}
@media screen and (min-width: 640px) and (max-width: 1599px){
    html body [app-layout="menu-top"] .uk-navbar-nav > li > a {
        letter-spacing: -1px;
        font-size: .68rem!important;
    }
}
@media screen and (min-width: 640px){
    [app-layout-rolex-clock] {
        position: absolute;
        top: 80px;
        left: 50%;
        transform: translateX(-50%);

        padding: 8px;
        padding-top: 50px;
        border-radius: 6px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        box-shadow: 0 4px 8px rgba(0, 0, 0, .16);
        border: 1px solid rgba(255, 255, 255, .26);
        border-top: 0;
    }
}

[app-layout-rolex-clock-fixed-bottom] {
    bottom: 0;
    text-align: center;
    z-index: 99;
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    padding: 0;
    border-radius: 6px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: 0 -4px 8px rgba(0, 0, 0, .16);
    display: inline-block;
    background: #006039;
    /*border: 2px solid #fff;
    border-bottom: 1px solid #fff;
    border-bottom: 0; */
    overflow: hidden;
    padding-top: 4px;
    border-top: 1px solid rgba(255,255,255,.56);
}

[app-layout-rolex-clock-fixed-bottom].to-bottom {
    transition-delay: .2s;
    transition-duration: .46s;
    transition-timing-function: ease-in-out;
    transform: translate(-50%,200%);
}
[app-layout-rolex-clock-fixed-bottom].to-top {
    transition-delay: .1s;
    transition-duration: .46s;
    transition-timing-function: ease-in-out;
    transform: translate(-50%,0);
}
.files-gallery.media-center .filesgallery {
    display: block;
    overflow-x: auto;
    text-align: center;
    padding: 15px 10px;
    padding-top: 5px;
}
.files-gallery.media-center h3.subtitle {
    display: block;
    color: #999;
    font-size: 13px;
    padding: 0 10px;

    display: block;
    color: #999;
    font-size: 12px;
    padding: 0 15px;
    margin: 0;
    margin-bottom: -15px;
    margin-top: 15px;
    text-align: center;
    /* text-shadow: 0 1px 10px #999; */
    text-transform: uppercase;
}
.files-gallery.media-center .filesgallery .file-item {
    width: calc(100% - 8px);

    display: inline-block;
    text-align: left;
    margin: 4px;
    margin-top: 0;
}
@media screen and (min-width: 640px){
    .files-gallery.media-center .filesgallery .file-item {
        max-width: calc(20% - 8px);
    }
}
.files-gallery.media-center .filesgallery .file-item h3 {
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.files-gallery.media-center .filesgallery .file-item p {
    font-size: 14px;
}
.files-gallery.media-center .filesgallery .uk-card {

}

/*body .font-rolex {
    font-family: 'RolexFont', Roboto, 'Helvetica', 'Arial', 'SansSerif'!important;
}*/
body .font-rolex {
    font-family: 'Inter', sans-serif!important;
}

body .font-size-12 {
    font-size: 12px!important;
}
body .font-size-13 {
    font-size: 13px!important;
}
body .font-size-14 {
    font-size: 14px!important;
}
body .font-size-15 {
    font-size: 15px!important;
}
body .font-size-16 {
    font-size: 16px!important;
}
body .font-size-17 {
    font-size: 17px!important;
}
body .font-size-18 {
    font-size: 18px!important;
}
body .font-size-19 {
    font-size: 19px!important;
}
body .font-size-20 {
    font-size: 20px!important;
}
body .font-size-22 {
    font-size: 22px!important;
}
body .font-size-24 {
    font-size: 24px!important;
}
body .font-size-26 {
    font-size: 26px!important;
}
body .font-size-28 {
    font-size: 28px!important;
}
body .font-size-30 {
    font-size: 30px!important;
}
body .font-size-32 {
    font-size: 32px!important;
}

body .uk-card-default,
body .uk-input,
body .uk-select,
body .uk-button-default,
body .uk-h1,
body .uk-h2,
body .uk-h3,
body .uk-h4,
body .uk-h5,
body .uk-h6,
body .uk-heading-2xlarge,
body .uk-heading-large,
body .uk-heading-medium,
body .uk-heading-small,
body .uk-heading-xlarge,
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body .uk-accordion-title

{
    color: #213059;
}
body .uk-navbar-nav>li>a {
    font-size: .78rem!important;
}
body .uk-accordion-title {
    color: #213059!important;
}
body .uk-navbar-toggle {
    color: #163f77;
}
body .mdi.mdi-2x {
    transform: scale(1.5);
}

body .swal2-popup {
    width: 750px;
}
body .uk-alert-app {
    background-color: deepskyblue;
    color: #fff;
}
body .uk-alert-app a {
    color: #fff;
    font-weight: 800;
}
body .uk-alert-app input[type="checkbox"] {
    border-color: #fff;
}

body [attachment][file] {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
}
body [attachment][file] > a span {
    display: block;
}
body [attachment][file] > a small {
    display: block;
    line-height: 1;
    margin-top: 3px;
    word-break: break-all;
}

body [checkbox-white] {
    display: inline-block;
    background-color: #fff;
    border: 1px solid #213059;
    line-height: 1;
    vertical-align: text-top;
    width: 18px;
    height: 18px;
    text-align: center;
}
body [checkbox-white] > input:checked {
    background-color: #213059;
    background-image: none!important;
    -webkit-mask: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat center;
    mask: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat center;
}

body .uk-alert-app {
    border: 1px solid #213059;
    border-bottom: 3px solid #213059;
    color: #fff;
    text-shadow: 1px 1px 0 rgba(0,0,0,.16);
}
@media screen and (max-width: 640px) {
    body .uk-alert-app {
        border-left: none;
        border-right: none;
    }
}

body .uk-accordion-media-center {
    background: #fcfcfc;
    margin: 0;
}
body .uk-accordion-media-center table {
    margin: 0;
}
body .uk-accordion-media-center h3 {
    display: block;
    margin: 0;
    padding: 7px 15px;
    font-size: 11px;
    font-weight: 600;
    background: #efefef;
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    text-align: left;
    color: #213059;
    text-transform: uppercase;
}
body .uk-table-hover tbody tr:hover,
body .uk-table-hover>tr:hover {
    background-color: rgba(44,59,97,.025);
}
body [uk-accordion][media-center] .uk-accordion-content:not(.uk-accordion-media-center) {
    border-top: 2px solid #e5e5e5;
}
body .uk-accordion-media-center table tbody tr td:last-child a[download] {
    margin-right: 8px;
}

body .uk-accordion-title::before {
    background-image: none;
    font: normal normal normal 24px/1 "Material Design Icons";
    font-size: inherit;
    text-rendering: auto;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\F415";
    text-align: center;
}
body .uk-open>.uk-accordion-title::before {
    background-image: none;
    content: "\F374";
}
body .uk-accordion-title .private-content {
    border-right: 1px solid #efefef;
    padding-right: 15px;
    margin-left: 15px;
}
body .uk-accordion-title.uk-disabled {
    opacity: .5;
}
body .uk-accordion-title.uk-disabled::before {
    content: '';
}
body .uk-subnav-pill>*>:first-child {
    padding: 10px 10px;
}
body .uk-subnav-pill>.uk-active>a {
    background-color: #38456A;
}
body .ps-image {
    cursor: pointer;
}
body [app-layout-cover] .cover-carousel {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
body [app-layout-cover] .cover-carousel .flickity-viewport {
    height: 100%!important;
}
body [app-layout-cover] .cover-carousel .carousel-cell {
    display: block;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-right: 6px;
}

body [app-layout-cover] .cover-carousel .carousel-cell > div {
    position: absolute;
    top: 35%;
    left: 25%;
}

body [app-layout-cover].left-position .cover-carousel .carousel-cell > div {
    top: auto;
    left: 0;
    bottom: 15%;
}
body [app-layout-cover].left-position .cover-carousel .carousel-cell > div {
    max-width: 80vw;
}
@media screen and (min-width: 640px) {
    body [app-layout-cover].left-position .cover-carousel .carousel-cell > div {
        max-width: 80vw;
        top: 52.5%;
        top: calc(50% + 30px);
        bottom: auto;
    }
}
body [app-layout-cover] .cover-carousel .carousel-cell > div > h2 {
    background: rgba(44,59,97,.9);
    line-height: 1;
    display: inline-block;
    padding: 16px 12px;
    width: auto;
    max-width: 900px;
    margin-bottom: 3px;
    color: #fff;
    border-left: 2px solid rgba(44,59,97,.8);
}
body [app-layout-cover] .cover-carousel .carousel-cell > div > h2.with-img {
    margin-top: -40px;
}
body [app-layout-cover] .cover-carousel .carousel-cell > div > h2 img {
    max-height: 40px;
    display: block;
    margin: 0 auto;
}
@media screen and (min-width: 768px){
    body [app-layout-cover] .cover-carousel .carousel-cell > div > h2.with-img {
        margin-top: -50px;
    }
    body [app-layout-cover] .cover-carousel .carousel-cell > div > h2 img {
        max-height: 50px;
    }
}
@media screen and (min-width: 1200px){
    body [app-layout-cover] .cover-carousel .carousel-cell > div > h2.with-img {
        margin-top: -50px;
    }
    body [app-layout-cover] .cover-carousel .carousel-cell > div > h2 img {
        max-height: 75px;
    }
}
body [app-layout-cover] .cover-carousel .carousel-cell > div > p {
    background: rgba(44,59,97,.5);
    border-left: 2px solid rgba(44,59,97,.6);
    line-height: 1.3;
    display: block;
    padding: 8px 12px;
    margin-top: 3px;
    max-width: 500px;
    color: #fff;
    margin: 0;
}
body [app-layout-cover].left-position .cover-carousel .carousel-cell > div > p,
body [app-layout-cover].left-position .cover-carousel .carousel-cell > div > h2 {
    max-width: 650px;
    width: 100%;
    width: calc(100% - 44px);
}
body [app-layout-cover].left-position .cover-carousel .carousel-cell > div > p a {
    color: #213059;
    max-height: 3.6rem;
    overflow: hidden;
    display: inline-block;
    line-height: 1.2rem;

    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
body [app-layout-cover] .cover-carousel .carousel-cell > div > a {
    font-size: 11px;
    text-transform: uppercase;
    padding: 6px 12px;
    display: inline-block;
    background: rgba(44,59,97,.5);
    border-left: 2px solid rgba(44,59,97,.6);
    text-decoration: none;
}
body [app-layout-cover] .cover-carousel .carousel-cell > div > a:hover {
    background: rgba(44,59,97,.85);
}

body [app-layout-cover].left-position .cover-carousel .carousel-cell > div > h2 {
    padding: 22px;
}
body [app-layout-cover].left-position .cover-carousel .carousel-cell > div > p {
    border-top: 2px solid #213059;
}
body [app-layout-cover].left-position .cover-carousel .carousel-cell > div > p,
body [app-layout-cover].left-position .cover-carousel .carousel-cell > div > a {
    background: #fff;
    color: #213059;
    padding: 16px 22px;
    box-shadow: 0 5px 15px rgba(0,0,0,.08);
}
body [app-layout-cover].left-position .cover-carousel .carousel-cell > div > a {
    padding: 12px 22px;
}
body [app-layout-cover].left-position  .cover-carousel .carousel-cell > div > h2,
body [app-layout-cover].left-position  .cover-carousel .carousel-cell > div > p,
body [app-layout-cover].left-position  .cover-carousel .carousel-cell > div > a {
    border-left: 0;
}
body [app-layout-cover] .cover-carousel .carousel-cell > div > h2,
body [app-layout-cover] .cover-carousel .carousel-cell > div > p,
body [app-layout-cover] .cover-carousel .carousel-cell > div > a {
    opacity: 0;
    transform: translateY(100%);
    transition-duration: .36s;
    transition-timing-function: ease-in-out;
}
body [app-layout-cover] .cover-carousel .carousel-cell > div > h2 {
    transition-delay: .26s;
}
body [app-layout-cover] .cover-carousel .carousel-cell > div > p {
    transition-delay: .38s;
}
body [app-layout-cover] .cover-carousel .carousel-cell > div > a {
    transition-delay: .50s;
}
body [app-layout-cover] .cover-carousel .carousel-cell.is-selected > div > h2,
body [app-layout-cover] .cover-carousel .carousel-cell.is-selected > div > p,
body [app-layout-cover] .cover-carousel .carousel-cell.is-selected > div > a {
    opacity: 1;
    transform: translateY(0);
}

body.cover-loaded [app-layout-cover-loading] {
    display: none;
}
@media screen and (max-width: 640px){
    body [app-layout-cover] .cover-carousel .carousel-cell > div {
        left: 0;
    }
    body [app-layout-cover] .cover-carousel .carousel-cell > div > h2 {
        max-width: 90%;
        font-size: 16px;
    }
    body [app-layout-cover] .cover-carousel .carousel-cell > div > p {
        max-width: 75%;
        font-size: 13px;
    }
}

@media screen and (min-width: 641px){
    body [app-layout-cover] .cover-carousel .carousel-cell > div > h2 {
        font-size: 17.5px;
    }
    body [app-layout-cover] .cover-carousel .carousel-cell > div > p {
        font-size: 15px;
    }
    body [app-layout-cover] .cover-carousel .carousel-cell > div > a {
        font-size: 13px;
    }
}

@media screen and (min-width: 960px){
    body [app-layout-cover] .cover-carousel .carousel-cell > div > h2 {
        /*font-size: 20px;*/
    }
    body [app-layout-cover] .cover-carousel .carousel-cell > div > p {
        font-size: 16px;
    }
    body [app-layout-cover] .cover-carousel .carousel-cell > div > a {
        font-size: 14px;
    }
    body [app-layout-cover].left-position .cover-carousel .carousel-cell > div > p a {
        max-height: 3.9rem;
        line-height: 1.3rem;
    }
}

@media screen and (max-width: 640px){
    body [app-layout-cover].left-position .cover-carousel .carousel-cell > div > p {
        background: rgba(44,59,97,.4)!important;
        color: #fff!important;
    }
    body [app-layout-cover].left-position .cover-carousel .carousel-cell > div > a {
        background: transparent!important;
        color: #fff!important;
    }
    body [app-layout-cover].left-position .cover-carousel .carousel-cell > div > p a {
        color: #fff!important;
    }
}

body [app-layout-cover].left-position .cover-carousel .carousel-cell > div > p a.link-icon,
body [app-layout-cover].left-position .cover-carousel .carousel-cell > div > a.link-icon {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 8px 12px;
    font-size: 20px;
}
body [app-layout-cover] .cover-carousel .carousel-cell > div > a.link-icon {
    background: transparent;
}

body table.table-media-center {
    margin: 0 -15px;
    width: calc(100% + 30px);
}

body article.main-article table.table-media-center {
    margin: 0;
    width: 100%;
}
body table.table-media-center tfoot {
    color: #999;
    background: #fcfcfc;
    border-bottom: 1px solid #e5e5e5;
    box-shadow: 0 3px 0 #efefef;
    text-shadow: 1px 1px 0 #fff;

    background: #213059;
    color: #fff;
    text-shadow: none;

    background: #fff;
    color: #999;

    font-weight: 400;
}

body em {
    color: #213059;
}
body article img + figcaption {
    font-size: 13px;
    font-weight: 400;
    color: #999;
    background: rgba(255,255,255,.86);
    height: 38px;
    line-height: 20px;
    border: 1px solid #efefef;
    z-index: 9;
    position: relative;
    outline: 1px dashed #fff;
    text-align: center;
    padding: 8px;
}

.uk-container-xsmall {
    max-width: 800px;
}
/*
.uk-card,
.card-cell {
    background: transparent!important;
    border-radius: 4px!important;
}
.uk-card > div,
.card-cell > div {
    background: #fff;
    overflow: hidden;
}
.uk-card > div:first-child,
.card-cell > div:first-child {
    border-top-left-radius: 4px!important;
    border-top-right-radius: 4px!important;
}
.uk-card > div:last-child,
.card-cell > div:last-child {
    border-bottom-left-radius: 4px!important;
    border-bottom-right-radius: 4px!important;
} */
body .uk-overflow-auto.scrollbar-hidden::-webkit-scrollbar {    display: none;}

body .uk-width-max-content {
    width: max-content;
    width: -moz-max-content;
    max-width: max-content;
}
body #subscribers-sticky {
    padding-top: 10px;
    margin-bottom: 20px;
    background: #efefef;
}

body .uk-card-date-badge,
body .uk-card-image-badge,
body .uk-card-float-badge {
    position: absolute;
    line-height: 1;
    display: inline-block;
    background: #fff;
    padding: 8px 12px;
    right: 0;
    bottom: 100%;
    border-radius: 2px;
    transform: translate(-10px, 50%);
    font-family: Roboto;
    font-weight: 400;
}
body .uk-card-date-badge-app,
body .uk-card-image-badge-app,
body .uk-card-float-badge-app {
    background-color: #213059;
    color: #fff;
}
body .uk-card-date-badge-app-light,
body .uk-card-image-badge-app-light,
body .uk-card-float-badge-app-light {
    background-color: #38456A;
    color: #fff;
}

.card-list-vertical,
.card-list-vertical li {
    list-style: none;
    margin: 0;
    padding: 0;
}
.card-list-vertical li h3 {
    display: block;
    line-height: 1;
    margin-bottom: 8px;
}
.card-list-vertical li p {
    line-height: 1.3;
}
.card-list-vertical .card-image {
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.card-list-vertical li {
    margin-bottom: 8px;
}
table.table-media-center:hover {
    outline: 1px solid #213059;
}
table tr td.table-separator-group {
    border-bottom: 1px solid #213059;
    color: #213059;
    font-size: 13px;
    font-weight: 500;
    padding-top: 6px;
    padding-bottom: 6px;
}

@media screen and (max-width: 640px){
    .card-list-vertical li .card-image {
        width: 100px!important;
    }
    .card-list-vertical li p {
        -webkit-line-clamp: 2!important;
    }
}

.pswp__button--share.pswp__button--download {
    background-position: -174px 0px!important;
}

.pswp__share-tooltip [disabled] {
    opacity: .4;
}

body .uk-badge.badge-small {
    font-size: 11px;
    line-height: 11px;
    height: 18px;
}
body .uk-badge.badge-grey {
    background: #efefef;
    color: #999;
}

body .uk-badge.badge-red {
    background: #d60500;
    color: #ffffff;
}
body .uk-badge.badge-warning {
    background: orange;
    color: #ffffff;
}
body .uk-badge.badge-success {
    background: #0fd41e;
    color: #ffffff;
}

body .uk-badge.badge-msgs {
    font-size: 13px;
    font-weight: 600;
    border: 1px solid #fff;
    box-shadow: 1px 2px 3px rgba(0,0,0,0.26);
}

html body [badge=""],
html body [badge="0"] {
    display: none!important;
}
body [button-nav-profile] .uk-badge.badge-msgs {
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translate(6px, -22px);
}
#subscribers-tabs li a {
    color: #213059;
}
#subscribers-tabs ul > li:first-child {
    margin-left: 15px;
}
#subscribers-tabs ul > li:last-child {
    margin-right: 15px;
}
#subscribers-tabs ul > li.uk-active a {
    border-color: #213059;
    background: #213059;
    color: #fff;
}
#subscribers-dropdown li:first-child {
    margin-top: 6px;
}
#subscribers-dropdown li:last-child {
    margin-bottom: 6px;
}
#subscribers-dropdown li:hover a {
    background: #fcfcfc;
}
#subscribers-dropdown li.uk-active a {
    box-shadow: -8px 0 0 #213059, inset 500px 0 0 #efefef;
    pointer-events: none;
}
#subscribers-dropdown li a {
    padding: 6px 12px;
}

body.content_only [app-layout="menu-top"],
body.content_only [app-layout="menu-top"] + .uk-sticky-placeholder,
body.content_only #pre-footer,
body.content_only #page_footer,
body.content_only [app-layout-rolex-clock-fixed-bottom],
body.content_only [app-layout="pre-header"],
body.content_only #entry-watermark,
body.content_only #entry-watermark-info-saving,
body.content_only #page_top,
body.content_only #card-scroll-events h2.app-page-card-title,
body.content_only [sponsor-footer]
{
    display: none!important;
}
body.content_only #autosaving {
    top: 0;
}
body.content_only [app-layout-top]:not(.uk-hidden) + [app-layout-center] > div:first-child,
body.content_only #card-scroll-events h2.app-page-card-title + div,
body.content_only [summary-badges] {
    margin-top: 0!important;
}

body #readmore-button {

}
body #readmore-content {
    border-top: 2px dashed #e5e5e5;
    padding-top: 1rem;
}
body #readmore-content:not([hidden]) + #readmore-button {
    display: none;
}
body article.main-article img:not([width]){
    width: 100%;
}

body table .group-sticky.uk-active {
    background-color: #efefef;
}
body table .group-sticky.uk-active > td {
    display: block;
}
body [id="yacht_data[nationality]"] {
    width: 60px;
    min-width: 60px;
    background: none!important;
    padding-right: 0px!important;
}
body a.pswp__share--download_thumb:hover {
    background: #DDD;
}

body .uk-line-height-1 {
    line-height: 1;
}
body .uk-line-height-1-1 {
    line-height: 1.1;
}
body .uk-line-height-1-2 {
    line-height: 1.2;
}
body .uk-line-height-1-3 {
    line-height: 1.3;
}
body .uk-line-height-1-4 {
    line-height: 1.4;
}
body .uk-line-height-1-5 {
    line-height: 1.5;
}
body [filter-country="all"] {
    font-size: 13px; font-weight: 400; color: #aaa; margin-left: 20px;
}
body [filter-country].flag-active {
    color: #213059!important;
    font-weight: 600!important;
}
@media screen and ( max-width: 767px ) {
    body .uk-line-height-1-on-mobile {
        line-height: 1;
    }
    body .flickity-container-disabled-on-mobile {
        overflow: auto!important;
    }
    body .flickity-disabled-on-mobile:after {
        content: '';
    }
}
@media screen and ( min-width: 768px ) {
    body .flickity-container-disabled-on-mobile {
        overflow: hidden!important;
    }
    body .flickity-disabled-on-mobile:after {
        content: 'flickity';
        display: none;
    }
}

body #flickity-full:not(.flickity-enabled) {
    width: max-content;
    display: block;
    line-height: 1;
}
body .cell.cell-flag {
    display: inline-block;
    margin-right: 12px;
    font-size: 13px;
    font-weight: 400;
    color: #aaa;
    white-space: nowrap;
    cursor: pointer!important;
}
body [filter-country="all"] {
    cursor: pointer;
}
body .cell.cell-flag .flag-icon {
    margin-right: 6px;
}
body [registration-id-link] {
    cursor: pointer;
}
[id^=modal-media-pdf] [uk-spinner] {
    z-index: 1;
}
[id^=modal-media-pdf] iframe {
    width: calc(100vw - 80px);
    height: calc(100vh - 100px);
    z-index: 2;
    position: relative;
}
@media (orientation: landscape) {
    [id^=modal-media-pdf] iframe {
        width: calc(150vh - 100px);
        height: calc(100vh - 100px);
    }
}

html .lazy {
    opacity: 0;
    transition-duration: .26s;
}
html .lazy.uk-scrollspy-inview {
    opacity: 1;
}

html #entry-form li.not-available input:not([checked]):not(:checked) {
    visibility: hidden;
}

html body [card="messages"].chat-full {
    position: fixed!important;
    top: 80px!important;
    left: 0!important;
    right: 0!important;
    bottom: auto!important;
    margin: 0!important;
    padding: 0!important;
    z-index: 9999999!important;
}
html body [card="messages"]>.uk-card-header.uk-sticky-fixed {
    z-index: 99999;
}
html body [card="messages"].chat-full [order-messages-container] {
    max-height: calc(100vh - 80px - 38px - 61px);
}
html body [card="messages"]:not(.chat-full) .mdi-arrow-collapse,
html body [card="messages"].chat-full .mdi-arrow-expand {
    display: none!important;
}
html body [card="messages"].chat-full .mdi-arrow-collapse {
    font-size: 24px;
    position: absolute;
    top: 2px;
    right: 12px;
}

html body [card="messages"]:not(.chat-full) .uk-card-header .mdi {
    font-size: 24px;
}
html body [card="messages"].chat-full .uk-card-header {
    background: aliceblue;
    padding-top: 8px!important;
    padding-bottom: 8px!important;
}
html body [card="messages"].chat-full .uk-card-header h4 {
    font-size: 16px!important;
}
html body [toggle-expand] {
    cursor: pointer;
}

html body [crew-id] [upload-test-covid],
html body [team-id] [upload-test-covid] {
    margin-bottom: 0;
    font-weight: 400;
}

html body li[team-id] a.testcovid_notpresent,
html body li[crew-id] a.testcovid_notpresent {
    box-shadow: -10px 0 0 #fff, -20px 0 0 orange;
}
html body li[team-id] a.testcovid_expired,
html body li[crew-id] a.testcovid_expired {
    box-shadow: -10px 0 0 #fff, -20px 0 0 #f0506e;
}
html body li[team-id] a.testcovid_invalid,
html body li[crew-id] a.testcovid_invalid {
    box-shadow: -10px 0 0 #fff, -20px 0 0 #f0506e;
}

html body [crew-id] [upload-test-covid]:before,
html body [team-id] [upload-test-covid]:before {
    content: 'Test COVID-19';
    font-size: 11px;
    display: block;
    line-height: 1;
    margin-bottom: 8px;
    font-weight: 600;
}

html body [crew-id] [countdown],
html body [team-id] [countdown],
html body [guest-id] [countdown] {
    vertical-align: top;
}


html body table.calendario-stazze thead tr th {
    font-size: 13px!important;
    background-color: #213059;
    color: #fff!important;
    border-left: 1px solid rgba(255,255,255,.56);
}

html body table.calendario-stazze thead th:first-child {
    position: sticky;
    left: 0;
    z-index: 2;
}
html body table.calendario-stazze tbody th {
    position: sticky;
    left: 0;
    background: #9097ac;
    z-index: 1;
    color: #fff;
    border: 1px solid rgba(255,255,255,.5);
    vertical-align: middle;
}
html body table.calendario-stazze tbody td.hoverable:hover {
    background: #eee;
    cursor: pointer;
}
html body table.calendario-stazze tr.stop td {
    padding: 3px;
}
html body table.calendario-stazze tr.stop:last-child {
    display: none;
}
[send-emailupdate]{
    border-radius: 1rem;
    position: absolute;
    bottom: 100%;
    width: fit-content;
    right: 15px;
    transform: translateY(95%);
    opacity: 0;
    visibility: hidden;
    transition-duration: .26s!important;
    transition-property: inherit!important;/* color,background-color,border-color,opacity,transform;*/
    z-index: 1;
}
[send-emailupdate].opened {
    transform: translateY(35%);
    opacity: 1;
    visibility: visible;
}
html body main#page_content .uk-card-body {
    /*max-width: 100%;
    overflow: auto;*/
}

html body main#page_content article a { 
    max-width: 100%;
    display: inline-block;
    word-break: break-all!important;
    
}


html body .uk-button,
html body .uk-input,
html body .uk-select,
html body .uk-dropdown,
html body .uk-alert,
html body .uk-checkbox,
html body [checkbox-white] {
    border-radius: 8px;
}
html body .uk-card.uk-card-default:not(.uk-card-rounded),
html body .uk-card.uk-card-default .uk-card-rounded,
html body .uk-modal-dialog:not(.uk-modal-body) > .uk-modal-body {
    border-radius: 8px;
}
html body .uk-card.uk-card-default:not(.uk-card-rounded) > .uk-card-header,
html body .uk-modal-dialog:not(.uk-modal-body) > .uk-modal-header {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
html body .uk-card.uk-card-default:not(.uk-card-rounded) > .uk-card-footer,
html body .uk-modal-dialog:not(.uk-modal-body) > .uk-modal-footer {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
html body [order-messages-button][order-messages-button-attach] {
    border-bottom-left-radius: 8px;
}
html body [order-messages-button][order-messages-button-send] {
    border-bottom-right-radius: 8px;
}
html body .uk-card.uk-card-default .uk-card-header.uk-sticky-fixed {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
html body [badge-summary] {
    border-radius: 8px;
}
html body .uk-card.uk-card-default .uk-card-header.uk-sticky-fixed [badge-summary] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
html body [summary-badges] > [uk-sticky] a:first-child {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
html body [summary-badges] > [uk-sticky] a:last-child {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

html body [yacht-card="select"] > div:nth-child(2) > div > div {
    background-color: #efefef!important;
    border-radius: 8px!important;
    overflow: hidden!important;
}
html body [yacht-card="select"] > div:nth-child(2) > div > div img {
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
    cursor: pointer;
}
html body .app-page-card-title:not(.with-submenu) {
    border-radius: 8px;
    margin-bottom: 6px;
}
html body #subscribers-tabs ul > li.uk-active a {
    border-radius: 8px;
}
html body .uk-card.uk-card-default .uk-card-media-top {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    overflow: hidden;
}
html body .uk-card.uk-card-default .uk-card-body + .uk-card-media-top,
html body .uk-card.uk-card-default .uk-card-media-top.text-top {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

html body .uk-card.uk-card-default .uk-card-media-top.uk-card-media-left\@all,
html body .uk-card.uk-card-default .uk-card-media-left {
    border-top-left-radius: 8px;
    border-top-right-radius: 0;
    overflow: hidden;
    border-bottom-left-radius: 8px;
}
html body .uk-modal-dialog,
html body .uk-modal-dialog .uk-modal-body,
html body #sponsor li a,
html body ul.sponsor li a,
html body .uk-label {
    border-radius: 8px;
}
html body .app-page-card-title + div,
html body .app-page-card-title + .uk-card-body {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
html body [app-layout-cover] .cover-carousel .carousel-cell > div > h2,
html body [app-layout-cover] .cover-carousel .carousel-cell > div > p {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}
html body [app-layout-cover] .cover-carousel .carousel-cell > div > p {

}
html body [app-layout-cover] .cover-carousel .carousel-cell > div > p > a:first-child {

    font-weight: 400;
}
html body [app-layout-rolex-clock-fixed-bottom] {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    padding: 4px 10px;
}
html body [app-layout-rolex-clock-fixed-bottom] img {
    max-height: 85px;
}
@media screen and (min-width: 640px){
    html body [app-layout-cover] .cover-carousel .carousel-cell > div {
        left: 30px!important;
    }
    html body [app-layout-cover] .cover-carousel .carousel-cell > div > h2,
    html body [app-layout-cover] .cover-carousel .carousel-cell > div > p {
        border-top-left-radius: 8px;
        border-bottom-left-radius: 8px;
    }
}

@media screen and (min-width: 860px){
    html body [app-layout-cover] .cover-carousel .carousel-cell > div {

        /* PER SPOSTARE IL BOX DI TESTO AL CENTRO DEL CAROUSEL */
        /*left: 50%!important;
        transform: translateX(-50%);*/

        /* PER SPOSTARE IL BOX DI TESTO ALLINEANDOLO A SINISTRA DEL BOX CONTENITORE DELLA PAGINA (QUELLO PIU IN BASSO) */
        /*left: calc((100vw - 800px) / 2)!important;*/

    }
}
@media screen and (min-width: 860px) and (hover: hover) {
    html body [app-layout-cover] .cover-carousel .carousel-cell > div {

        /* PER SPOSTARE IL BOX DI TESTO ALLINEANDOLO A SINISTRA DEL BOX CONTENITORE DELLA PAGINA (QUELLO PIU IN BASSO) */
        /*left: calc((100vw - 815px) / 2)!important;*/

    }
}
html body [owner-list] [info-no-crew] {
    display: none;
}
html body [owner-list="0"] [info-no-crew] {
    display: block;
}

html body [id="yacht_data[name]"] {
    width: calc(100% - 150px);
}

html body [team-list] ul > li[team-id],
html body [guest-list] ul > li[guest-id],
html body [owner-list] ul > li[crew-id],
html body [crew-list] ul > li[crew-id] {
    padding: 0!important;
}
html body [team-list] ul > li[team-id] a,
html body [guest-list] ul > li[guest-id] a,
html body [owner-list] ul > li[crew-id] a,
html body [crew-list] ul > li[crew-id] a {
    padding: 15px 20px!important;
}
html body [team-list] ul > li[team-id] a,
html body [guest-list] ul > li[guest-id] a,
html body [owner-list] ul > li[crew-id] a,
html body [crew-list] ul > li[crew-id] a {
    margin-top: 8px!important;
}
html body [owner-list] ul > li[crew-id]:first-child a,
html body [crew-info].uk-hidden + [crew-list] ul > li[crew-id]:first-child a {
    margin-top: -8px!important;
}
html body [team-list] ul > li[team-id] a:hover,
html body [guest-list] ul > li[guest-id] a:hover,
html body [owner-list] ul > li[crew-id] a:hover,
html body [crew-list] ul > li[crew-id] a:hover {
    background-color: #f5f5f5;
}
html body [team-list] ul > li[team-id] bp,
html body [owner-list] ul > li[crew-id] bp,
html body [crew-list] ul > li[crew-id] bp {
    padding: 0 20px!important;
}
html body [team-list] ul > li[team-id] bp > span,
html body [owner-list] ul > li[crew-id] bp > span,
html body [crew-list] ul > li[crew-id] bp > span {
    margin-top: 8px!important;
}
html body [team-list] ul > li[team-id] bp,
html body [owner-list] ul > li[crew-id] bp,
html body [crew-list] ul > li[crew-id] bp {
    display: block;
    padding-bottom: 15px!important;
}

html body [bp-user] > i {
    display: inline-block;
    height: 31px;
    font-size: 14px;
    line-height: 31px;
    vertical-align: top;
    background: #f5f5f5;
    padding: 0 15px;
    border-radius: 8px;
    color: #999;
}

html body [crew-info] {
    display: block;
    padding: 0 10px;
}

html body [badge-drop] > .uk-card-default {
    box-shadow: 0 3px 6px rgba(0,0,0,.26), 0 5px 15px rgba(0,0,0,.08);
    background-color: ivory;
    max-height: calc(100vh - 150px);
    overflow: auto;
}
html body [badge-drop] > .uk-card-default ul > li::before {
    color: #f0506e !important;
    filter: invert(48%) sepia(32%) saturate(6066%) hue-rotate(321deg) brightness(99%) contrast(90%);
}
html body .no-content-available + .media-and-documents {
    margin-bottom: 0!important;
    margin-top: 0!important;
}

html body .no-content-available + .media-and-documents > h4 {
    border-radius: 8px!important;
    font-size: 17px!important;
    position: relative!important;
    padding: 12px 20px!important;
    background: #2C3B61!important;
    background: rgba(44,59,97,.5)!important;
    color: #fff!important;
    bottom: 100%!important;
    margin: 0!important;
    padding-top: 18px!important;
    padding-bottom: 18px!important;
    overflow: hidden!important;
    max-width: calc(100% - 40px)!important;
    display: inline-block!important;
}
html body .no-content-available + .media-and-documents > h4 span::after,
html body .no-content-available + .media-and-documents > h4 span::before {
    border: none!important;
}

html body [uk-accordion][media-center] {
    margin-bottom: 8px;
}

html body #subscribers-tabs {
    background: #efefef;
    border-radius: 8px;
    display: block;
    padding: 10px 0 5px 0;
    margin-bottom: 16px;
    box-shadow: 0 2px 4px rgba(0,0,0,.16);
}

html body .uk-border-bottom-radius {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
html body .uk-border-top-radius {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
html body [filter-map] optgroup[label] option {
    color: #333;
}
html body [filter-map] {
    color: #333;
    border: none;
    border-radius: 2px;
    background: none rgb(255, 255, 255);
    border: 0;
    margin: 10px;
    padding: 0 10px;
    text-transform: none;
    cursor: pointer;
    height: 40px;
    box-shadow: rgba(0,0,0,.3) 0 1px 4px -1px;
    font-size: 16px;
}
html body .pswp__caption h5 {
    color: #fff;
    margin: 0;
}
html body .uk-grid-very-small,
html body .uk-grid-xsmall {
    margin-left: -10px;
}
html body .uk-grid-very-small > *,
html body .uk-grid-xsmall > * {
    padding-left: 10px;
}
html body * + .uk-grid-margin-very-small,
html body .uk-grid + .uk-grid-very-small,
html body .uk-grid-very-small > .uk-grid-margin,
html body .uk-grid-xsmall > .uk-grid-margin {
    margin-top: 10px;
}

html body .uk-grid-very-very-small,
html body .uk-grid-xxsmall {
    margin-left: -5px;
}
html body .uk-grid-very-very-small > *,
html body .uk-grid-xxsmall > * {
    padding-left: 5px;
}
html body * + .uk-grid-margin-very-very-small,
html body .uk-grid + .uk-grid-very-very-small,
html body .uk-grid-very-very-small > .uk-grid-margin,
html body .uk-grid-xxsmall > .uk-grid-margin {
    margin-top: 5px;
}

html body .uk-grid-very-very-very-small,
html body .uk-grid-xxxsmall {
    margin-left: -3px;
}
html body .uk-grid-very-very-very-small > *,
html body .uk-grid-xxxsmall > * {
    padding-left: 3px;
}
html body * + .uk-grid-margin-very-very-very-small,
html body .uk-grid + .uk-grid-very-very-very-small,
html body .uk-grid-very-very-very-small > .uk-grid-margin,
html body .uk-grid-xxxsmall > .uk-grid-margin {
    margin-top: 5px;
}

html body .pswp-video {
    width: calc(100% - 100px);
    max-width: calc(100% - 100px);
    height: calc(100% - 100px);
    margin-top: 50px;
    margin-left: 50px;
}


html body .mdi-56px {
    font-size: 56px;
}
html body .mdi-64px {
    font-size: 64px;
}
html body .mdi-72px {
    font-size: 72px;
}
html body .mdi-96px {
    font-size: 96px;
}

html body .gallery .gallery-item [title] {
    background: rgba(0,0,0,.36);
    font-size: 13px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


/* The popup bubble styling.
.popup-bubble {
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(-50%, -100%);
    background-color: white;
    padding: 5px;
    border-radius: 5px;
    font-family: sans-serif;
    overflow-y: auto;
    max-height: 60px;
    box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.5);
}*/

.popup-bubble-anchor {
    position: relative;
    width: auto;
    padding: 5px 12px;
    display: inline-block;
    text-shadow: 0 2px 0 rgba(255,255,255,0.5);
    font-weight: 600;
    color: #c4161c;
}

.popup-container {
    cursor: auto;
    height: auto;
    position: absolute;
    max-width: 200px;
    display: inline-block;
    transform: translateX(-50%);
}

html body .uk-accordion.uk-accordion-small>:nth-child(n+2) {
    margin-top: 10px;
}
html body .uk-accordion.uk-accordion-xsmall>:nth-child(n+2) {
    margin-top: 5px;
}

html body .experience-novice {
    color: cornflowerblue;
    text-transform: capitalize;
}
html body .experience-intermediate {
    color: orange;
    text-transform: capitalize;
}
html body .experience-professional {
    color: #c4161c;
    text-transform: capitalize;
}

html body .uk-slider-carousel-tags {
    padding-top: 20px;
    font-weight: 400;
}
html body .uk-carousel-tags {
    font-weight: 400;
}

html body .uk-slider-carousel-tags .uk-dotnav>* {
    padding-bottom: 12px;
}

html body .uk-slider-container .uk-slidenav-next,
html body .uk-slider-container .uk-slidenav-previous,
html body .uk-slider-carousel-tags .uk-slidenav-next,
html body .uk-slider-carousel-tags .uk-slidenav-previous {
    background: #0b3b6c;
    background: #c4161c!important;;
    color: #fff!important;
    margin-top: 4px;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    padding: 0;
    border: 3px solid #fff;
}
html body .uk-carousel-tags .uk-card-badge,
html body .uk-slider-carousel-tags .uk-card-badge {
    top: 0;
    right: 10px;
    transform: translateY(-50%);
    font-weight: 500;
    line-height: 25px;
    font-size: 15px;
    font-family: "Roboto";
    padding: 0 12px;
    white-space: nowrap;
    background-color: #0b3b6c;
    color: #fff;
    border: 2px solid #efefef;
}

html body .uk-carousel-tags .uk-card.in-evidenza,
html body .uk-slider-carousel-tags .uk-card.in-evidenza {
    outline: 3px solid #c4161c;
}
html body .uk-carousel-tags .uk-card.in-evidenza .uk-card-badge,
html body .uk-slider-carousel-tags .uk-card.in-evidenza .uk-card-badge {
    background-color: #c4161c;
}
html body .uk-carousel-tags .uk-card.in-evidenza .uk-card-title,
html body .uk-slider-carousel-tags .uk-card.in-evidenza .uk-card-title {
    color: #c4161c;
    font-weight: 800;
}

html body .uk-alert.alert-cerco-offro-imbarco {
    border: 1px solid!important;
    border-bottom: 2px solid!important;
    border-color: rgba(31,135,239,.3) !important;
}

html body .gm-style .marker-label-text {
    text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff!important;
    margin-top: 70px!important;
    color: #c4161c!important;
    font-weight: bold!important;
    font-size: 11px!important;
    max-width: 150px!important;
    white-space: initial!important;
}

html body .tags-cards .uk-card img.uk-cover {
    object-fit: cover!important;
}

/*
 * FILTRO DI GOOGLE MAPS ORIZZONTALE IN ALTO NELLA MAPPA
 */
html body [horizontal-filter-map-container] {
    width: calc(100% - 20px);
    padding: 10px;
    background: rgba(0,0,0,.26);
}

/* width */
html body [horizontal-filter-map-container]::-webkit-scrollbar {
    width: 3px;
    height: 3px;
    transition: height ease-in-out .26s;
}
html body [horizontal-filter-map-container]:hover::-webkit-scrollbar {
    height: 15px;
}
/* Track */
html body [horizontal-filter-map-container]::-webkit-scrollbar-track {
    background: rgba(255,255,255,.26);
}

/* Handle */
html body [horizontal-filter-map-container]::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,.86);
}

/* Handle on hover */
html body [horizontal-filter-map-container]::-webkit-scrollbar-thumb:hover {
    background: rgba(255,255,255,1);
}

html body [horizontal-filter-map-container] [horizontal-filter-map] {
    width: -moz-max-content;
    width: max-content;
}
html body [horizontal-filter-map-container] [horizontal-filter-map] [filter] {
    background: #fff;
    line-height: 1;
    padding: 8px 15px;
    border-radius: 500px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    display: inline-block;
    cursor: pointer;
}
html body [horizontal-filter-map-container] [horizontal-filter-map] [filter].active {
    background: #c4161c;
    color: #fff;
    outline: 1px solid rgba(255,255,255,.76);
}
html body [horizontal-filter-map-container] [horizontal-filter-map] [filter]:not(.active):hover {
    outline: 2px solid rgba(255,255,255,.36);
    background: #f5f5f5;
}

html body #map.loading {
    visibility: hidden;
}
html body #map:not(.loading) + .loading-text {
    display: none;
}

html body .container-juicer {
    position: relative;
}
html body .container-juicer:before {
    content: 'Social feed';
    display: block;
    height: 35px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: #c4161c;
    font-family: 'RolexFont', 'Roboto', 'Helvetica', 'Arial', 'SansSerif';
    background: #efefef;
}

html body [app-layout="pre-header"] {
    background: #213059;
}
html body [app-layout="pre-header"] a.height-40 {
    line-height: 40px;
    height: 40px;
    min-height: 40px!important;
    color: rgba(255,255,255,.46);
    font-weight: 400;
}
html body [app-layout="pre-header"] a.height-40:hover {
    color: rgba(255,255,255,1);
}
html body [app-layout="pre-header"] li.uk-active a.height-40 {
    font-weight: 500;
    box-shadow: inset 0 -2px 0 #fff;
    color: rgba(255,255,255,1);
}

html body [app-layout="pre-header"]:not([hidden]) + header [language-item],
html body [app-layout="pre-header"]:not([hidden]) + header [profile-item] {
    display: none;
}
html body [app-layout="pre-header"]:not([hidden]) + header [rolex-item] a {
    padding-left: 0;
    border-bottom-left-radius: 15px !important;
    border-bottom-right-radius: 15px !important;
    overflow: hidden;
    padding-right: 0;
    background-color: #006039;
    margin-right: 20px;
    border-top: 10px solid #006039;
    margin-bottom: -40px;
    box-shadow: 0 3px 0 #3a7259, 0 2px 8px rgba(0,0,0,.36);
    border-bottom: 6px solid #006039;
    position: relative;
}
html body [app-layout="pre-header"]:not([hidden]) + header .uk-navbar-container .uk-navbar-center.uk-navbar-top-center {
    transition: all ease-in-out .26s;
}
html body [app-layout="pre-header"] [button-nav-profile] i[uk-icon] {
    background: #495883;
    color: #fefeff;
}
html body [app-layout="pre-header"] [language-item],
html body [app-layout="pre-header"] [admin-item] {
    border-left: 1px solid rgba(255, 255, 255, .26);
    margin-left: 10px;
    padding-left: 10px;
}

@media screen and (min-width: 1200px) {
    html body [app-layout="pre-header"]:not([hidden]) + header .uk-navbar-container:not(.uk-sticky-fixed) .uk-navbar-center.uk-navbar-top-center {
        top: -33px;
    }
}

@media (max-width: 1919px) {
    .uk-visible\@xxl {
        display: none !important;
    }
}
@media (min-width: 1920px) {
    .uk-hidden\@xxl {
        display: none !important;
    }
}

html body img {
    object-fit: cover;
}
html body #page_content figure > img[style*="width:"][style*="height:"] {
    height: auto!important;
}

html body table.table-media-center tr td:last-child a {
    text-align: center;
}
html body table.table-media-center tbody tr td:last-child a > .mdi {
    display: inline-block;
    line-height: 1.1;
    padding: 0 6px;
}
html body table.table-media-center tbody tr td:last-child a > .mdi:before {
    font-size: 24px;
}


html body #modal-preview-pdf .uk-modal-body {
    position: relative;
    background-color: #e5e5e5;
}

html body #modal-preview-pdf .uk-modal-body iframe {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

html body .uk-alert-danger.uk-border {
    border-color: #f0506e;
    border-bottom-width: 3px
}
@media screen and (max-width: 479px) {
    html body #modal-preview-pdf .uk-modal-header {
        padding: 4px 15px;
    }

    html body #modal-preview-pdf .uk-modal-footer {
        padding: 4px;
    }
}

html body .uk-label.uk-badge-mediacenter {
    font-weight: bold;
    line-height: 1;
    font-size: 13px;
    padding: 5px 12px;
    background: #c4161c;
    text-shadow: 0 0 black;
    top: 5px;
    right: 5px;
}
html body .uk-modal-cover {
    margin: -30px;
    margin-bottom: -15px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
html body .uk-modal-cover + .uk-close {
    background: #fff;
    border-radius: 5rem;
    padding: 12px;
}

html body iframe.uk-cover {
    pointer-events: initial!important;
}

html body .uk-table-border,
html body .uk-table-bordered,
html body .uk-border,
html body .uk-bordered {
    border: 1px solid #e5e5e5;
}

@media screen and (min-width: 1200px){
    html body [app-layout="pre-header"],
    html body [app-layout="menu-top"] > .uk-container {
        padding-left: 240px;
    }
    html body [app-layout="menu-top"] .uk-navbar-custom-logo {
        left: auto;
        right: 100%;
        transform: translate(-25%, 0);
    }
    body header > [uk-sticky].uk-active #logo-header {
        transform: translate(25%, -15px) scale(.75);
    }

}
/* Miglioramenti Menu Mobile */
.menu-mobile-enhanced .uk-offcanvas-bar {
    width: 100%;
    background: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    transform: translateY(-100%);
    transition: transform 0.3s cubic-bezier(0.17, 0.67, 0.83, 0.67);
}

.uk-offcanvas-page .menu-mobile-enhanced.uk-open > .uk-offcanvas-bar {
    transform: translateY(0);
}

.menu-mobile-enhanced .mobile-menu-bar {
    padding: 0;
    overflow-y: auto;
}

.mobile-logo-header {
    height: 70px;
    margin-top: 6px;
    border-radius: 50%;
    box-shadow: 0 2px 4px rgba(0,0,0,.36);
    transition: transform 0.3s ease;
}

.mobile-close-btn {
    color: #213059 !important;
    background: #f8f8f8;
    border-radius: 50%;
    padding: 10px;
    margin-right: 15px;
    box-shadow: 0 2px 4px rgba(0,0,0,.1);
    transition: all 0.2s ease;
}

.mobile-close-btn:hover {
    transform: rotate(90deg);
    background: #efefef;
}

.mobile-nav-enhanced {
    padding: 15px;
}

.mobile-menu-header {
    color: #213059 !important;
    font-weight: 600;
    font-size: 1.1rem;
    margin-top: 20px;
    margin-bottom: 10px;
    padding-left: 15px;
    border-left: 3px solid #213059;
}

.mobile-menu-section {
    color: #213059 !important;
    margin-top: 15px;
    margin-bottom: 5px;
    padding-left: 15px;
    font-size: 1rem;
}

.mobile-menu-item {
    margin-bottom: 2px;
    border-radius: 8px;
    transition: background-color 0.2s ease;
}

.mobile-menu-item:hover {
    background-color: #f5f5f5;
}

.mobile-menu-active {
    background-color: #efefef;
    border-radius: 8px;
}

.mobile-menu-active a {
    color: #213059 !important;
    font-weight: 600;
}

.mobile-menu-link {
    display: block;
    padding: 12px 15px;
    font-size: 1rem;
    color: #333;
    border-radius: 8px;
    transition: all 0.2s ease;
}

.mobile-menu-link:hover {
    color: #213059;
    text-decoration: none;
}

.mobile-menu-languages {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 5px 15px 15px;
}

.mobile-menu-languages li {
    display: inline-block;
    padding: 0;
    margin: 0;
    border-radius: 8px;
    overflow: hidden;
}

.mobile-menu-lang {
    display: flex;
    align-items: center;
    padding: 8px 12px;
    background: #f5f5f5;
    border-radius: 8px;
    transition: all 0.2s ease;
}

.mobile-menu-languages .uk-active .mobile-menu-lang {
    background: #213059;
    color: white;
}

.mobile-lang-name {
    margin-left: 8px;
}

.mobile-menu-icon {
    margin-right: 10px;
    font-size: 20px;
    vertical-align: middle;
}

.mobile-badge {
    position: relative;
    top: -2px;
    margin-left: 5px;
}

.mobile-divider {
    margin: 15px 0;
    border-top: 1px solid #efefef;
}

.mobile-login-btn {
    background-color: #213059;
    color: white !important;
    font-weight: 500;
}

.mobile-register-btn {
    border: 1px solid #213059;
    color: #213059 !important;
    font-weight: 500;
    margin-top: 5px;
}

/* Aggiustamenti per il toggle del menu nel navbar */
.uk-navbar-toggle {
    position: relative;
    padding: 8px;
    border-radius: 8px;
    transition: background-color 0.2s ease;
}

.uk-navbar-toggle:hover {
    background-color: rgba(0,0,0,0.05);
}

/* Animazione per il menu burger */
.uk-navbar-toggle-icon::before,
.uk-navbar-toggle-icon::after {
    transition: transform 0.3s ease;
}

.uk-navbar-toggle:hover .uk-navbar-toggle-icon::before {
    transform: translateY(-1px);
}

.uk-navbar-toggle:hover .uk-navbar-toggle-icon::after {
    transform: translateY(1px);
}

/* Bottom Navigation Menu */
.mobile-bottom-nav {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff;
    box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
    z-index: 999;
    border-top: 1px solid #efefef;
}

.mobile-bottom-nav-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    height: 60px;
}

.mobile-bottom-nav-item {
    flex: 1;
    text-align: center;
    position: relative;
}

.mobile-bottom-nav-item:first-child {
    border-right: 1px solid #efefef;
}

.mobile-bottom-toggle,
.mobile-bottom-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 60px;
    width: 100%;
    color: #213059;
    padding: 5px 0;
    font-weight: 500;
    font-size: 13px;
    text-decoration: none!important;
    background: transparent;
    border: none;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.mobile-bottom-toggle {
    position: relative;
}

.mobile-bottom-toggle .mobile-toggle-icon {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%) rotate(180deg);
    transition: transform 0.3s ease;
    font-size: 20px;
}

.mobile-bottom-toggle.active .mobile-toggle-icon {
    transform: translateY(-50%) rotate(0);
}

.mobile-bottom-icon {
    font-size: 24px;
    margin-bottom: 2px;
    line-height: 1rem;
}

.mobile-dropdown-menu {
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100vw;
    background: white;
    box-shadow: 0 -5px 15px rgba(0,0,0,0.1);
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.3s ease-out;
    z-index: -1;
}

.mobile-dropdown-menu.open {
    max-height: 300px;
    transition: max-height 0.3s ease-in;
}

.mobile-dropdown-list {
    list-style: none;
    margin: 0;
    padding: 10px 0;
    border-bottom: 4px solid #213059;
}

.mobile-dropdown-item {
    margin: 0;
    padding: 0;
}

.mobile-dropdown-link {
    display: flex;
    align-items: center;
    padding: 15px;
    color: #213059;
    text-decoration: none;
    border-bottom: 1px solid #f5f5f5;
    position: relative;
    font-size: 14px;
}

.mobile-dropdown-link:hover {
    background-color: #f9f9f9;
    text-decoration: none;
}

.mobile-dropdown-icon {
    margin-right: 10px;
    font-size: 20px;
    color: #213059;
}

.mobile-external-icon {
    position: absolute;
    right: 15px;
    font-size: 16px;
    opacity: 0.7;
}

.mobile-touch-active {
    background-color: rgba(33, 48, 89, 0.1);
}

.menu-hidden {
    transform: translateY(-100%);
    transition: transform 0.3s ease;
}

/* Regole responsive */
@media screen and (max-width: 1200px) {

    .mobile-bottom-nav {
        display: block;
    }

    body {
        padding-bottom: 60px;
    }

    #page_footer {
        margin-bottom: 60px !important;
    }

}

[app-cookie-alert] {
    z-index: 1000 !important;
}

[app-layout-rolex-clock-fixed-bottom] {
    bottom: 60px;
}


body [app-layout-cover] .cover-carousel .carousel-cell {
    background-position: bottom!important;
}