@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700;800&display=swap');
/* Normalize.css
----------------------------------------------- */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}html,button,input,select,textarea{font-family:sans-serif;}body{margin:0;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}blockquote{margin:1em 40px;}dfn{font-style:italic;}mark{background:#ff0;color:#000;}p,pre{margin:1em 0;}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em;}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word;}q{quotes:none;}q:before,q:after{content:'';content:none;}small{font-size:75%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}dl,menu,ol,ul{margin:1em 0;}dd{margin:0 0 0 40px;}menu,ol,ul{padding:0 0 0 40px;}nav ul,nav ol{list-style:none;list-style-image:none;}img{border:0;-ms-interpolation-mode:bicubic;}svg:not(:root){overflow:hidden;}figure{margin:0;}form{margin:0;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;white-space:normal;*margin-left:-7px;}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}button,input{line-height:normal;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible;}button[disabled],input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}

/* Generici
----------------------------------------------- */
*{position:relative}
html {height:100%;}
body {
	/*opacity:0;*/
	height: 100%;
	font-family: "Rubik", "Helvetica Neue", Helvetica, Arial;
	font-weight: 300;
	color: #242437;
	line-height: 1.3;
	margin: 0;
	padding: 0;
	background: #e9e9f4;
}

strong, b {font-weight:700;}
a{text-decoration:none}
ul{padding:0}

h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6 {display:block; color:#051338; font-weight:700; margin:0 0 1em 0; line-height:1em; padding:0;}
h1 span,.h1 span,h2 span,.h2 span,h3 span,.h3 span,h4 span,.h4 span,h5 span,.h5 span,h6 span,.h6 span {font-weight:300;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration:none;}


/* font weights */
.fw-300{font-weight: 300 !important }
.fw-400{font-weight: 400 !important }
.fw-500{font-weight: 500 !important }
.fw-700{font-weight: 700 !important }
.fw-900{font-weight: 900 !important }
.fw-n  {font-weight:normal !important }

/*animazioni generiche*/
header .top *, .cryb-det-content, .cryb-det-container {
	-webkit-transition: all 600ms ease-out;
	-moz-transition: all 600ms ease-out;
	-o-transition: all 600ms ease-out;
	-ms-transition: all 600ms ease-out;
	transition: all 600ms ease-out;
}

/* Generici
----------------------------------------------- */
main{min-height:100vh; max-width:768px; margin:0 auto; padding:70px 0 60px 0;}
.container{max-width: 768px;}
section.bg-page{padding:60px 0;}
.max{width:100%!important; max-width:100%!important}
.bg-page {background-color: #e9e9f4;}
.bg-page-dark {background-color: #242437;}
.modal-backdrop.show{opacity:1}
.modal-backdrop{background:rgba(19,22,35,0.95)}
.anchor-asa {top: -90px; visibility: hidden;}
.prevent-scroll{height:100%; overflow:hidden}

/*colori syeew*/
.color-0{color:#e4134d !important}
.color-1{color:#ffb62e !important}
.color-2{color:#3fd0fc !important}
.color-3{color:#0dcc6c !important}
.bg-0{background:#e4134d !important}
.bg-1{background:#ffb62e !important}
.bg-2{background:#3fd0fc !important}
.bg-3{background:#0dcc6c !important}

/* messaggi modalità */
.toast-mood{position:fixed; z-index:99; bottom:60px; left:0; width:100%;}
.toast-mood .wrap-t{display:flex; align-items:center; width:100%; max-width:768px; margin:0 auto; text-align:center; border-top:1px solid #c7c7d6; background:#dbdbe6}
.toast-mood .mood-msg{width:100%; padding:0 15px 0 30px; color:#898998}
.toast-mood .toast-close {margin-right:15px;}
.toast-mood .toast-close .bi{cursor:pointer; font-size:1.4rem; color:#898998}

/* reset icon font */
header [class*="bi-"]:before{transform: scale(1.2);}
.bi-bell-fill::before {
	content: url(/res/layout/images/bi-bell-fill.svg);
}
.bi-calendar3-range::before {
	content: url(/res/layout/images/bi-calendar3-range.svg);
}
.bi-eye-slash-fill::before {
	content: url(/res/layout/images/bi-eye-slash-fill.svg);
}
.bi-eye-fill::before {
	content: url(/res/layout/images/bi-eye-fill.svg);
}
.bi-pencil::before {
	content: url(/res/layout/images/bi-pencil.svg);
}
/* badge */
.badge{font-size:0.7rem; font-weight:400}

/*easy pie chart*/
.pie-custom{width:100%; height:100%}
.pie-custom:after{position:absolute; content:""; z-index:1; top:50%; left:50%; transform:translate(-50%,-50%); width:98%; height:98%; border-radius:50%; background:#242437}
.pie-custom div{z-index:10; color:#242437}
.pie-custom .fs-xl {font-size: 2rem !important;}
.js-easy-pie-chart{margin:10px 0}
.js-easy-pie-chart canvas{z-index:10}

/* profile settings */
.profile-settings{display:none; position:fixed; z-index:1010; height:calc(100% - 60px); width:100%; bottom:60px; left: 50%; max-width: 768px; transform: translate(-50%, 0); background:#9293e3}
.profile-settings .wrap{height:100%; padding:25px 15px;}
.profile-settings .wrap ul{list-style:none; padding:30px 0; border-bottom:2px solid #7c7cc0}
.profile-settings .wrap ul li{padding:12px 0; font-weight:400; font-size:1.1rem}
.profile-settings .wrap ul li:first-child{padding-top:0; font-weight:400; font-size:1.1rem}
.profile-settings .wrap ul li a{color:#242436; text-decoration:none}
.profile-settings .settings-close{font-weight:400; font-size:1.1rem; color:#fff}
.profile-settings .settings-close .bi{position:absolute; top:-10px; right:0; cursor:pointer; font-size:2.4rem; color:#fff}
.profile-settings .settings-nome{font-weight:600; font-size:1.2rem; color:#fff}
.profile-settings .copy{position:absolute; bottom:25px; left:15px; color:#7171af}

/* profile assets */
.overlay-page{display:none; position:fixed; z-index:1010; width:100%; height:100%; top:0; left:0; background:rgba(36,36,55,0.8)}
.profile-assets{display:none; position:fixed; z-index:1020; width:100%; max-width:768px; bottom:0; left:50%; transform:translate(-50%, 0); border-radius:40px 40px 0 0; background:#242437}
.profile-assets .wrap{padding:25px 35px;}
.profile-assets .wrap ul{list-style:none; padding-left:35px;}
.profile-assets .wrap ul li{padding:8px 0;}
.profile-assets .wrap ul li a{color:#fff; text-decoration:none}
.profile-assets .wrap ul li a:before{content:""; position:absolute; top:0; left:-30px; width:16px; height:16px; border-radius:50%; border:1px solid #918fc4}
.profile-assets .wrap ul li a.active:before{top:0; left:-32px; width:20px; height:20px; border-radius:50%; border:3px solid #fff; background:#918fc4}
.profile-assets .wrap ul li a span{color:#918fc4}
.profile-assets .assets-close .bi{cursor:pointer; font-size:1.4rem; color:#fff}

/* panel */
.panel {display: flex; flex-direction: column; margin-bottom: 1.5rem; border-radius: 10px; background-color: #fff; box-shadow: 0px 0px 13px 0px rgba(62, 44, 90, 0.1); }
.panel .panel-container {border-radius: 0 0 10px 10px;}
.panel .panel-container .panel-content{padding: 1rem 1rem;}
.panel .panel-container .panel-content-chart{display:flex; align-items:center; justify-content:space-between; padding:1rem; border-bottom: 2px solid #e9e9f4;}
.panel .panel-container .panel-content-chart h2{font-size: calc(1.1rem + .9vw); margin:0}
.panel .panel-hdr {display: flex; align-items: center; min-height: 4rem; border-radius: 10px 10px 0 0; border-bottom: 2px solid #e9e9f4; background: #fff; }
.panel .panel-hdr h2:not(:only-child) {margin-right: 0.66667rem;}
.panel .panel-hdr > :first-child {width:100%; padding-left: 1rem;}
.panel .panel-hdr h2 {font-size: 1rem; display: block; margin:0; line-height: normal;}
.panel-toolbar {display: flex; align-items: center; padding-right: 1rem;}
.panel-toolbar .btn-panel {margin-left: 0.3rem; padding: 0; width: 1rem; height: 1rem; border-radius: 50%; opacity: 0.8;}
.panel-toolbar .btn-panel[data-action="collapse"]{background: url(/res/layout/images/ico-close-arrow.svg) no-repeat center center; background-size: auto; background-size: cover;}
.panel-toolbar .btn-panel[data-action="collapse"].active{background: url(/res/layout/images/ico-close-arrow-active.svg) no-repeat center center; background-size: auto; background-size: cover;}

.panel .panel-footer {display: flex; align-items: center; min-height: 4rem; border-radius: 0 0 10px 10px; background: #fff;}
.panel .panel-footer .btn{min-height: 4rem; width:100%; line-height:3; border-radius: 0 0 10px 10px; background: #cecedd;}


/* bottone */
a.btn-syeew,
a.btn-syeew:focus {
	color: #fff !important;
	font-weight: 300;
}
.btn-syeew,
.btn-syeew:focus {
	background-color: #9293e3;
	border-color: #9293e3;
	color: #fff;
	font-weight: 500;
	white-space: nowrap
}

.btn-syeew.btn-lg{line-height:0}
.bg-group-text{background-color: #fff; border-color: #e9e9f4;}
.btn-syeew.btn-xl{line-height:0}
.btn-xl{padding: 1.5rem 1.25rem;}
.btn-check:focus+.btn, .btn:focus{box-shadow:none}
.form-control:disabled.btn-syeew, .form-control[readonly].btn-syeew {color:#fff; background-color: #9293e3}
.btn-syeew.btn:disabled{pointer-events:auto; cursor:not-allowed; opacity:0.3}

/*plus sfide*/
.ico-crea-sfida {
	cursor: pointer;
	position: fixed;
	z-index: 1001;
	display: flex;
	align-items: center;
	justify-content: center;
	bottom: 110px;
	right: calc(50% - 45%);
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: #9293e3;
	box-shadow: 0px 5px 10px 0px rgba(62, 44, 90, 0.3);
}
.ico-crea-sfida .bi{font-size:2em; color:#fff;}
@media(max-width:1920px){
	.ico-crea-sfida{right: calc(50% - 18%);}
}
@media(max-width:1440px){
	.ico-crea-sfida{right: calc(50% - 24%);}
}
@media(max-width:1199px){
	.ico-crea-sfida{right: calc(50% - 22%);}
}
@media(max-width:991px){
	.ico-crea-sfida{right: calc(50% - 45%);}
}


/* Header
----------------------------------------------- */
header {
	position: fixed;
	z-index: 100;
	top: 0;
	left: 0;
	width: 100%;
}
header .wrap-h {
	display: flex;
	align-items: center;
	min-height: 70px;
	max-width: 768px;
	margin: 0 auto;
	background: #242437;
}

.current-asset{cursor:pointer; padding:8px 25px 0 0;}
.current-asset .wrap{overflow:hidden; white-space:nowrap; text-align:center; color:#fff}
.current-asset:after{content:""; cursor:pointer; position:absolute; top:12px; right:0; width:16px; height:16px; background:url(/res/layout/images/ico-close-arrow.svg); background-size:cover}
.current-asset span{color:#918fc4}

.bell-notify{display:inline-block; padding:6px 15px 0 0}
.bell-notify.active:after{position:absolute; z-index:-1; content:""; top:-17px; left:-18px; width:70px; height:70px; background:#131623}


/* Main
----------------------------------------------- */

/****  Login ****/
.login {padding:0 30px; color:#fff}
.login .logo{margin-bottom:100px;}
.login h1{color:#fff}
.errmsg {
	padding: 10px;
	color: #e31b4e;
}
fieldset{padding:0; border:0;}
#panel_login,
#panel_reset_req,
#panel_reset{max-width:768px; margin:0 auto;}
.login a{color:#9193e3}
.login input[type=password].form-control,
.login input[type=text].form-control{min-height:50px; border-color: #cecedc; font-size:1rem; background-color: #cecedc;}
.login .input-group .input-group-text{border-color: #cecedc; background-color: #cecedc;}
.login ::placeholder {color:#797989; opacity: 1;}
.login :-ms-input-placeholder {color:#797989;}
.login .pincode-input-container{border-radius:0.3rem; height:50px; background:#cecedc}
.bg-login {display: flex; flex-direction: column; justify-content: center; background:url(/res/layout/images/bg-pattern.png) no-repeat top center #000; background-size:768px auto}


/*form create*/
.bg-crea {background:url(/res/layout/images/bg-pattern.png) no-repeat top center #000; background-size:768px auto}
.create-form h1, .create-form .h1, .create-form h5, .create-form .h5{display: block; color: #5858af; font-weight: 300; margin: 0 0 1em 0; line-height: 1.2em; padding: 0;}
.create-form{color:#fff; padding:30px 0; max-width:768px; margin:0 auto;}
.create-form .form-label{font-weight:400; font-size:0.8em}
.create-form .form-control,
.create-form .form-select {border-radius: 10px; border: 0; box-shadow: none; background-color: #cecedc;}
.create-form .form-check-input {width:1.2em; height:1.2em; margin-top:0.2em;}
.create-form .form-check-input[type=checkbox]{border-radius:1em;}
.create-form .form-check-input:checked {background-color: #6f6fce; border-color: #6f6fce;}
.contract-panel{height:250px; overflow-y:auto; padding:10px; border:1px dotted #6f6fce; font-size:0.7em; line-height:1;}

.servizi-list{display: none;}

/****  Pagina Master x utenti con attivià multiple ****/
.master-lbl{font-weight:500; color:#9293e3; width:68%}
.mst-card-icon {margin-bottom:30px;}
.mst-card-icon .badge {position:absolute; z-index:1; top:-5px; right:-5px}
.mst-card-icon .card-icon-img img{margin-bottom:0!important; border-radius:4px 4px 0 0!important}
.mst-card-icon .card-icon-body{padding:15px 10px; height:65px; overflow:hidden; background:#fff}
.mst-card-icon .card-icon-footer .btn{min-height: 2.5rem; color:#fff; width:100%; border-radius: 0 0 4px 4px; background: #9293e3;}
.current-asset .master-lbl-0{color:#918fc4}
.profile-assets .wrap ul li.master-lbl-0 a{color:#918fc4;}
.profile-assets .wrap ul li.hr{margin-left:-35px;}
.profile-assets .wrap ul li.hr hr{margin:0.5rem 0; opacity:1; background:#918fc4;}


/****  Modalità indaffarato ****/
/* tab status */
.status-now{z-index:10; color:#242437; padding:55px 0;}
.status-now.status-bg-0{color:#ffc824; background:#990932}
.status-now.status-bg-0 h2{color:#ffc824;}
.status-now.status-bg-1{color:#242437; background:#ffb62e}
.status-now.status-bg-1 h2{color:#242437;}
.status-now.status-bg-2{color:#242437; background:#3fd0fc}
.status-now.status-bg-2 h2{color:#242437;}
.status-now.status-bg-3{color:#242437; background:#007038} 
.status-now.status-bg-3 h2{color:#242437;} 
.status-now .bg-ani{position:absolute; z-index:-1; width:100%; height:100%; left:0; top:0; text-align:right}
.status-now .bg-ani svg{width:auto!important}
.status-now h2{margin:0}
.status-now h2 .badge-ask{display:inline-block; position:relative; z-index:10; transform: translateY(-1em); width:24px; height:24px;margin:0 5px; color:#fff; font-weight:500; text-align:center; font-size:14px; border-radius:50%; background:#6f6fce}
.s-tooltip{color:#242437; border:2px solid #c7c7ef; background:#e9e9f4}
.status-graph {position: absolute; top: -50%; transform: translate(-50%,-50%); right: 0;}

/* aree strategiche */
.strategic-areas{padding:50px 0}
.strategic-areas h6{color:#898998}
.card-icon {margin-bottom:30px;}
.card-icon .card-icon-img img{width:100%; height:auto; margin-bottom:10px; border-radius:4px; border:3px solid #fff}
.card-icon .card-icon-body {text-align:center}

/* grafici */
.target-chart{background:#fff}
.target-chart .main-chart{padding:40px 0; border-bottom:2px solid #e9e9f4}
.target-chart .detail-chart{padding:40px 0;}
.target-chart .detail-chart .card-chart{margin-bottom:30px;}
.target-chart .pie-custom:after{display:none;}

/****  Modalità curioso ****/
.c-view{padding:15px 0!important}
/* navigazione tab */
.main-tab {z-index:90; width:100%; max-width:768px; margin:0 auto; top:70px; left:0}
.main-tab .nav-tabs{margin:0; border:0; width:100%;}
.main-tab .nav-tabs .nav-item{width:50%}
.main-tab .nav-tabs .nav-link{border-radius:0; padding:20px 0; border:0; outline:0; height:60px; width:100%; text-align:center; color:#918fc4;}
.main-tab .nav-tabs .nav-link.active{border:0; font-weight:700; color:#242437;}
.main-tab .nav-tabs .nav-item:first-child .nav-link.active{background:url(/res/layout/images/border-tab-top-right-active.svg) no-repeat top right #e9e9f4}
.main-tab .nav-tabs .nav-item:last-child .nav-link{background:url(/res/layout/images/border-tab-bottom-left.svg) no-repeat bottom left #242437}
.main-tab .nav-tabs .nav-item:first-child .nav-link{background:url(/res/layout/images/border-tab-bottom-right.svg) no-repeat bottom right #242437}
.main-tab .nav-tabs .nav-item:last-child .nav-link.active{background:url(/res/layout/images/border-tab-top-left-active.svg) no-repeat top left #e9e9f4}
.main-tab .tab-pane{padding:15px 0;}

/* varianti hdr panel */
.panel-hdr[class*="bg"]{border:0}
.panel-hdr[class*="bg"]:after{content:""; position:absolute; width:100%; height:100%; top:0; left:0; border-radius: 0 10px 0 0;}
.panel-hdr.bg-0:after{background:url(/res/layout/images/ico-dash-0.svg) no-repeat center right; background-size:auto 100%;}
.panel-hdr.bg-1:after{background:url(/res/layout/images/ico-dash-1.svg) no-repeat center right; background-size:auto 100%;}
.panel-hdr.bg-2:after{background:url(/res/layout/images/ico-dash-2.svg) no-repeat center right; background-size:auto 100%;}
.panel-hdr.bg-3:after{background:url(/res/layout/images/ico-dash-3.svg) no-repeat center right; background-size:auto 100%;}

/* sistema icone plus/minus 2colonne*/
.ico-val-system{display:flex; list-style:none; margin:10px 0}
.panel-content .ico-val-system{width: calc(100% + 2rem) ;margin:10px -1rem}
.ico-val-system li{display:flex; align-items:center; flex-direction:column; width:50%; padding:0 15px;}
.ico-val-system li:first-child{border-right:1px solid #e9e9f4;}

/* sistema icone plus/minus 3colonne*/
.ico-val-system-c3{display:flex; list-style:none; margin:10px 0}
.panel-content .ico-val-system-c3{width: calc(100% + 2rem) ;margin:10px -1rem}
.ico-val-system-c3 li{display:flex; align-items:center; flex-direction:column; width:33%; padding:0 15px;}
.ico-val-system-c3 li:nth-child(2){border-left:1px solid #e9e9f4; border-right:1px solid #e9e9f4;}

/* icone plus/minus */
.ico-val-plus{display:block; width:50px; height:50px; background:url(/res/layout/images/ico-val-plus.svg)no-repeat center center; background-size:cover}
.ico-val-minus{display:block; width:50px; height:50px; background:url(/res/layout/images/ico-val-minus.svg)no-repeat center center; background-size:cover}
.ico-val-24x24{background-size:24px 24px}
.ico-val-30x30{background-size:30px 30px}
.ico-val-40x40{background-size:40px 40px}
.ico-val-50x50{background-size:50px 50px}
.ico-val-txt{margin:15px 0 0 0; text-align:center;}


.ico-val-0 {
	display: block;
	width: 50px;
	height: 50px;
	background: url(/res/layout/images/ico-val-plus.svg)no-repeat center center;
	background-size: cover;
	background-size: 30px 30px;
}


.ico-val-1 {
	display: block;
	width: 50px;
	height: 50px;
	background: url(/res/layout/images/ico-val-plus.svg)no-repeat center center;
	background-size: cover;
	background-size:30px 30px;
}

.ico-val-2 {
	display: block;
	width: 50px;
	height: 50px;
	background: url(/res/layout/images/ico-val-plus.svg)no-repeat center center;
	background-size: cover;
	background-size: 50px 50px;
}

.ico-val--1 {
	display: block;
	width: 50px;
	height: 50px;
	background: url(/res/layout/images/ico-val-minus.svg)no-repeat center center;
	background-size: cover;
	background-size: 30px 30px;
}

.ico-val--2 {
	display: block;
	width: 50px;
	height: 50px;
	background: url(/res/layout/images/ico-val-minus.svg)no-repeat center center;
	background-size: cover;
	background-size: 50px 50px;
}

/* panel toggle */
.panel-toggle{position:absolute; z-index:10; top:0; left:0; border:0; outline:0; width:100%; height:100%; background:transparent}
.panel-toggle:before{content:""; opacity:0; position:absolute; transform:rotate(180deg); top:120px; left:calc(50% - 12px); width:24px; height:24px; background:url(/res/layout/images/ico-close-arrow-light.svg) no-repeat transparent}
.panel-toggle.collapsed:before{opacity:1; transform:rotate(0deg);}
.arrow-spacer{height:24px;}

/* sistema comparazione*/
.val-compared{display:flex; align-items:center; list-style:none; padding:20px 0}
.val-compared:last-child{border-top:1px solid #e9e9f4}
.val-compared li{/*display:flex; align-items:center; flex-direction:column;*/ padding:0; font-weight:400; text-align:center}
.val-compared li:first-child{width:40%; padding-left:8%}
.val-compared li:last-child{width:40%; padding-right:6%; padding-right:2%}
.val-compared li:nth-child(2){width:20%; font-size:0.8em; font-weight:300;}

/* matrici list */
.matrix-container{overflow:auto; padding:15px 0; margin-bottom:30px; background:#e9e9f4}
.matrix-container::-webkit-scrollbar-track{
	border-radius: 10px;
}
.matrix-container::-webkit-scrollbar{
	height: 6px;
}
.matrix-container::-webkit-scrollbar-thumb{
	border-radius: 10px;
	background-color: #cecedc;
}
.matrix-list{list-style:none; display:flex; flex-wrap:nowrap;}
.matrix-list li{margin-right:15px;}
.matrix-list li button{padding:10px 20px; border-radius:10px; font-size:1.2em; white-space:nowrap; color:#9b9baa; border:1px solid #cecedc; background:#cecedc}
.matrix-list li button.active{color:#fff; border:1px solid #9293e3; background:#9293e3}



/****  Modalità  Minuzioso ****/
.mood-minuzioso section.bg-page {padding-top:0}
.label-year{margin-bottom:25px; text-align:center; font-size:1.1em; color:#9b9baa}

/* comparazione ytoy*/
.year-main{padding:10px 0; margin-bottom:15px; border-bottom:2px solid #cecedc}
.year-main .row-chart-mounth{cursor:default;}
.year-main .row-chart-mounth:first-child .chart,
.year-main .row-chart-mounth:first-child .graph-bar{height:50px}
.year-main .row-group-chart{margin-bottom:15px}

/* minuzioso grafici dati*/
.row-chart-mounth{display:flex; flex-wrap:nowrap; cursor:pointer; align-items:center; margin-bottom:15px}

.row-chart-mounth .mounth{width:30%;}
.row-chart-mounth:first-child .mounth{font-weight:700}
.row-chart-mounth .chart{width:70%; height:30px; border-radius:5px; overflow:hidden; background:#cecedc}
.row-chart-mounth .graph-bar{width:0; height:30px; border-radius: 0 5px 5px 0; background:#9293e3;}
.row-chart-mounth .graph-bar:after{content:""; position:absolute; width:100%; height:100%; top:0; left:0; border-radius: 0 5px 5px 0;}
.row-chart-mounth .graph-bar.bg-0:after{background:url(/res/layout/images/ico-dash-0.svg) no-repeat center right; background-size:auto 100%;}
.row-chart-mounth .graph-bar.bg-1:after{background:url(/res/layout/images/ico-dash-1.svg) no-repeat center right; background-size:auto 100%;}
.row-chart-mounth .graph-bar.bg-2:after{background:url(/res/layout/images/ico-dash-2.svg) no-repeat center right; background-size:auto 100%;}
.row-chart-mounth .graph-bar.bg-3:after{background:url(/res/layout/images/ico-dash-3.svg) no-repeat center right; background-size:auto 100%;}
.panel-compared{z-index:100; display:flex; flex-wrap:nowrap; justify-content: space-around; padding:10px 0; margin-bottom:15px; border-radius:5px; background:#fff;}
.panel-compared:after,
.panel-compared:before{content:""; position:absolute; left:calc(50% - 5px); width:10px; height:10px; transform:rotate(45deg); background:#fff;}
.panel-compared:after{bottom:-5px}
.panel-compared:before{top:-5px}
.panel-compared .col-compared{padding:0 8px; text-align:center}
.panel-compared .col-compared span{display:block; padding:4px 0; text-align:center}
.panel-compared .col-compared span.current{font-weight:700}
.panel-compared .col-compared span.label{font-weight:700; color:#cecedc}

/*variante obiettivi*/
.row-group-chart{margin-bottom:30px}
.row-group-chart .row-chart-mounth{margin-bottom:5px}
.row-group-chart .row-chart-mounth:last-child .mounth{color:#9293e3}
.row-group-chart .row-chart-mounth .mounth{font-weight:300}
.row-group-chart:first-child .row-chart-mounth:first-child .mounth{font-weight:700}
.row-group-chart .row-chart-mounth .graph-bar{border-radius: 0}
.row-group-chart .panel-compared{margin:15px 0;}

.flag-end{position:absolute; pointer-events: none; bottom:0; left:30%; width:70%; height:calc(100% + 15px);}
.flag-end .rod-flag{position:absolute; bottom:0; height:100%; border:1px solid #5a5aad}
.flag-end .rod-flag:before{position:absolute; left:1px; top:-1px; content:""; width:13px; height:10px; background:url(../images/ico-flag.svg) no-repeat; background-size:cover}

/****  Modalità  Veggente ****/
.mood-veggente {min-height: 100vh; overflow:hidden; background:#242437}
.mood-veggente .c-view{padding-top:0!important}

/*beta flag*/
.beta-flag{position:absolute; z-index:10; right:0; top:0}
.beta-flag:before{position:absolute; content:""; top:0; right:0; width: 0; height: 0; border-style: solid; border-width: 0 50px 50px 0; border-color: transparent #4abfb7 transparent transparent; box-shadow: inset 0 0 10px #f8a100;}
.beta-flag span{display:block; top:10px; left:-5px; color:#fff; transform-origin:center; transform:rotate(45deg);}

/*visione globale*/
.crystallb-main{min-height:40vh; background:url(../images/bg-star.svg) 50% 10% no-repeat; background-size:100% }
.crystallb-main:before{position:absolute; content:""; top:0; left:-15px; width:calc(100% + 30px); height:75%; background: linear-gradient(180deg, rgba(145,145,229,0.4) 0%, rgba(145,145,229,0) 100%);}
.cryb-header{padding:20px; text-align:center; color:#9293e3}
.cryb-header .h5{color:#9293e3}
.cryb-header p{margin:0; text-transform:uppercase}

.row-cryb{display: flex; flex-direction: column; padding:60px 0 30px 0;}
.row-cryb .cryb{background:url(../images/bg-shadow-crystall.svg) bottom center no-repeat; background-size:80%}
.row-cryb .cryb img{max-width:140px;}
.row-cryb .cryb button{border:0; background:transparent}
.row-cryb .cryb-label{padding:10px; font-weight:700;}

@media(min-width:768px){
	.crystallb-main{background-size:52% }
}
/*progress*/
.row-progress{margin:0 auto; padding:5px; max-width:220px;}
.progress-content{display: flex; height: 4px; overflow: hidden; background-color: #242437; border-radius: 10px}
.progressbar{display: flex; flex-direction: column; background-color: #9293e3;}

/*visione righe asa*/
.row-cryb-multi{display: flex; justify-content: space-around; flex-wrap: wrap; min-height:200px; padding:20px 0 20px 0;}
/*.row-cryb-multi:before{position:absolute; content:""; top:0; left:-15px; width:calc(100% + 30px); height:75%; background:url(../images/bg-shadow-crystall.svg) 50% -118px no-repeat}*/
.row-cryb-multi .cryb-col{display: flex; flex-direction: column; width:30%; margin: 0 0 30px 0;}
.row-cryb-multi .cryb{text-align:center}
.row-cryb-multi .cryb img{max-width:80px;}
.row-cryb-multi .cryb button{border:0; background:transparent}
.row-cryb-multi .cryb-label{padding:10px 0; color:#9293e3; text-align:center;}

/*info*/
.cryb-info{display: flex; justify-content: center;}
.cryb-info .icon{padding:15px;}
.cryb-info .msg{padding:15px; font-size:1.2em; color:#9293e3}

/*dettaglio sfere*/
.cryb-det-container{opacity:0; position:fixed; z-index:80; top:-100%; left:50%; transform:translate(-50%,0); width:100%; max-width:768px; min-height:100vh; overflow-y:auto; background: linear-gradient(180deg, rgba(78,78,122,1) 0%, rgba(36,36,35,1) 50%);}
.cryb-det-container.active{opacity:1; top:60px;}
.cryb-det-dialog{position:absolute; top:20px; left:50%; transform:translate(-50%,0); margin-top:30px; min-height:700px; width:90%; max-width:768px;}
.cryb-det-content{position:absolute; width:100%; opacity:0; transform:scale(0.7)}
.cryb-det-content.active{opacity:1; transform:scale(1) translate(0,0)}
.cryb-det-preheader{display: flex; justify-content: center;}
.cryb-det-preheader img{max-width:80px;}
.cryb-det-header{display: flex; flex-shrink: 0; align-items: center; border-radius:10px 10px 0 0; justify-content: space-between; padding: 1rem 1rem; background:#9293e3}
.cryb-det-title{text-align:center; width:100%}
.cryb-det-title .h6{margin:0}
.cryb-det-header .btn-close{position:absolute; right:20px}
.cryb-det-body{padding: 1rem 1rem; border-radius:0 0 10px 10px; background:#fff}
.cryb-det-body .table{width:100%; font-size:0.95rem; }
.cryb-det-body .table th{width:33.3%; height:70px; white-space: normal; text-align: center; font-weight:normal; vertical-align:bottom; border-color:#f4f4f9!important}
.cryb-det-body .table td{width:33.3%; height:70px; text-align:center; white-space: normal; vertical-align:middle; border-color:#f4f4f9!important}
.cryb-det-body .table tr td:first-child{text-align:left;}
.cryb-det-body .table tr:last-child td{border:0}
.cryb-det-body .table .td-previsione{font-weight:700; background:#e9e9f4}
.cryb-det-body .table .c-up{color:#0dcc6c}
.cryb-det-body .table .c-dw{color:#e30044}
.cryb-nav{display:flex; justify-content:space-between; z-index:10; position:absolute; top:75px; left:50%; transform:translate(-50%,0); width:180px;}
.cryb-nav button{border:0; background:transparent}



/* tables */
.table-responsive{overflow-x:scroll}
.table thead th{border-top: 0;}
.table th, .table td {white-space:nowrap; border-color: #e9e9f4!important;}
.thead-themed {background-color: #fff; background-image: none; background-image: none;}
.thead-themed tr th{font-size: 1rem !important; border-bottom-width:2px}
.thead-themed tr th:first-child{color:#918fc4}
.table>:not(:first-child){border-top:0}
.table [class*="ico-val-"]{display:inline-block; width:24px; height:24px; margin-right:15px; vertical-align:middle;}


/**** Modal Sfide ****/
.modal-preload .modal-dialog-centered{justify-content: center; flex-direction: column;}
.modal-preload #logo-ani{width:64px; margin-bottom:20px;}
.modal-preload .p-motto{color:#fff; font-size:1rem}
.modal-sfida .modal-content{border:0; border-radius:10px}
.modal-sfida .modal-header{color:#fff; border:0; border-radius:9px 9px 0 0; background:#9293e3}
.modal-sfida .modal-header .modal-title{width:100%; text-align:center}
.modal-sfida .modal-header a{cursor:pointer; font-size:1.2rem}
.modal-sfida .modal-header .h6{color:#fff; margin:0;}
.modal-sfida .modal-body .block-form{padding:30px 0; border-bottom:2px solid #cecedd}
.modal-sfida .modal-body .block-form:last-child{border-bottom:0}
.modal-sfida .modal-body .form-label{display:block; text-align:center;}
.modal-sfida .modal-body .form-control{text-align:center; border-color:#e9e9f4; background-color: #e9e9f4;}
.modal-sfida .modal-footer {padding:0}
.modal-sfida .modal-footer .btn{min-height: 4rem; width: 100%; margin:0; border-radius: 0 0 10px 10px; color:#fff; background: #3bce70;}
.modal-sfida .modal-footer .btn[disabled]{color: #212529; background: #cecedd;}

/**** Modal Sfide versione adattata alla APP ****/
.modal-app-sfida .modal-content{border:0; border-radius:10px}
.modal-app-sfida .modal-header{color:#fff; border:0; border-radius:9px 9px 0 0; background:#9293e3}
.modal-app-sfida .modal-header .modal-title{width:100%; text-align:center}
.modal-app-sfida .modal-header a{cursor:pointer; font-size:1.2rem}
.modal-app-sfida .modal-header .h6{color:#fff; margin:0;}
.modal-app-sfida .modal-body {padding:0}

.modal-app-sfida .modal-body .block-form{padding:30px 0; border-bottom:2px solid #cecedd}
.modal-app-sfida .modal-footer {padding:0}
.modal-app-sfida .modal-footer .btn{min-height: 4rem; width: 100%; margin:0; border-radius: 0 0 10px 10px; color:#fff; border:0; background: #3bce70;}
.modal-app-sfida .modal-footer .btn[disabled]{color: #212529; background: #cecedd;}

/*Iframe nella modal*/
#iframeobj{width:100%; min-height:calc(100vh - 170px)}

/*reset datepicker*/
#dp-sfida .datepicker{width:100%; border:0}
#dp-sfida .datepicker table tr td, 
#dp-sfida .datepicker table tr th{z-index:10; width:50px!important; height:50px!important}
#dp-sfida .datepicker table tr th.dow{color:#9293e3}
#dp-sfida .datepicker thead th.datepicker-switch{color:#000; font-size:1.4em; font-weight:300}
#dp-sfida .datepicker table tr td.day{font-size:1.3em;}
#dp-sfida .datepicker table tr td.today {background-color:transparent; border-color:transparent;}
#dp-sfida .datepicker table tr td.today:hover {background-color: transparent; border-color: transparent;}
#dp-sfida .datepicker table tr td.today:after {position:absolute; z-index:-1; top:calc(50% - 20px); left:calc(50% - 20px); content:""; width:40px; height:40px; border-radius:50%; background-color: #ffdb99; border-color: #ffb733;}
.datepicker table tr td.active:active, 
.datepicker table tr td.active.highlighted:active, 
.datepicker table tr td.active.active, 
.datepicker table tr td.active.highlighted.active, 
.datepicker table tr td.selected, 
.datepicker table tr td.selected.highlighted, 
.datepicker table tr td span.active.active, 
.datepicker table tr td span.focused {background-color: transparent; border-color: transparent;}
.datepicker table tr td.active:active:hover, 
.datepicker table tr td.active.highlighted:active:hover, 
.datepicker table tr td.active.active:hover, 
.datepicker table tr td.active.highlighted.active:hover, 
.datepicker table tr td.active:active:focus, 
.datepicker table tr td.active.highlighted:active:focus, 
.datepicker table tr td.active.active:focus, 
.datepicker table tr td.active.highlighted.active:focus, 
.datepicker table tr td.active:active.focus, 
.datepicker table tr td.active.highlighted:active.focus, 
.datepicker table tr td.active.active.focus, 
.datepicker table tr td.active.highlighted.active.focus, 
.datepicker table tr td.selected:active:hover, 
.datepicker table tr td.selected.highlighted:active:hover, 
.datepicker table tr td.selected.active:hover, 
.datepicker table tr td.selected.highlighted.active:hover, 
.datepicker table tr td.selected:active:focus, 
.datepicker table tr td.selected.highlighted:active:focus, 
.datepicker table tr td.selected.active:focus, 
.datepicker table tr td.selected.highlighted.active:focus, 
.datepicker table tr td.selected:active.focus, 
.datepicker table tr td.selected.highlighted:active.focus, 
.datepicker table tr td.selected.active.focus, 
.datepicker table tr td.selected.highlighted.active.focus, 
.datepicker table tr td.selected:hover, 
.datepicker table tr td.selected.highlighted:hover {background-color: transparent; border-color: transparent;}
.datepicker table tr td.active:active:after, 
.datepicker table tr td.active.highlighted:active:after, 
.datepicker table tr td.active.active:after, 
.datepicker table tr td.active.highlighted.active:after, 
.datepicker table tr td.selected:after, 
.datepicker table tr td.selected.highlighted:after, 
.datepicker table tr td span.active.active:after, 
.datepicker table tr td span.focused:after {position:absolute; z-index:-1; top:calc(50% - 20px); left:calc(50% - 20px); content:""; width:40px; height:40px; border-radius:50%; background-color: #7a59ad; border-color: #6e4e9e;}


/****  SAI ****/
.page-sai .matrix-container{margin-bottom:0; padding:15px;}


/**** modal SAI integrazione****/
.modal-sai.modal-notifiche .modal-body{border-radius:5px}
.modal-sai.modal-notifiche a[aria-label=Close]{margin:0; color:#181929;}
.modal-sai.modal-notifiche .modal-body .color{color:#58d3fa;}
.modal-sai.modal-notifiche .tips-list li{padding:20px 0;}
.modal-sai.modal-notifiche .tips-list li:first-child{padding-top:0; color:#848494;}


/**** Modal SAI ****/
.modal-sai .modal-dialog-centered{flex-direction: column; justify-content: center;}
.modal-sai a[aria-label=Close]{cursor:pointer; margin:20px 0; color:#fff; font-size:1.3rem}
.modal-sai .modal-content{border:0; border-radius:10px; background:#cecedc}
.modal-sai .modal-header{border:0}
.modal-sai .modal-header .modal-title{width:100%; text-align:center}
.modal-sai .modal-header .h6{color:#797989; margin:0;}
.modal-sai .modal-header img{width:24px; height:24px;}
.modal-sai .modal-body{margin:0 5px; border-radius:5px 5px 0 0; background:#fff}
.modal-sai .modal-body .block-form{padding:30px 0}
.modal-sai .modal-body .form-select{border-color:#e9e9f4; background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Livello_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve'%3E%3Cpath fill='%239293E3' d='M7.247,11.141L2.451,5.658C1.885,5.013,2.345,4,3.204,4h9.592c0.552,0,1.001,0.447,1.001,0.999 c0,0.243-0.088,0.478-0.248,0.66l-4.796,5.479c-0.363,0.416-0.995,0.459-1.411,0.096c-0.034-0.029-0.065-0.063-0.095-0.096V11.141z' /%3E%3C/svg%3E"); background-color: #e9e9f4;}
.modal-sai .modal-body .form-control{border-color:#e9e9f4; background-color: #e9e9f4;}
.modal-sai .modal-body .btn-outline{border:1px solid #e9e9f4;}
.modal-sai .modal-body .input-group .form-control{text-align:center}
.modal-sai .modal-body .input-group .input-group-text{border-color:#e9e9f4; background-color: #e9e9f4;}
.modal-sai .modal-footer{padding:0 5px 5px 5px; border:0}
.modal-sai .modal-footer .btn{min-height: 4rem; width: 100%; margin:0; border-radius: 0 0 10px 10px; color:#fff; background: #9293e3;}
.modal-sai .modal-footer .btn .bi{position:absolute; top:18px; right: 15px; display:block; width:24px; height:24px; line-height: 1.2; border-radius:3px; font-size:1.2rem; color:#9293e3; background: #5a5aad;}
.modal-sai .modal-footer>*{margin:0;}
.modal-sai .modal-footer .button-group{width:100%;}
.modal-sai .modal-footer .button-group .btn{width:50%;}
.modal-sai .modal-footer .button-group .btn:first-child{width:50%; border-radius:0 0 0 10px; color:#797989; background: #cecedc;}
.modal-sai .modal-footer .button-group .btn:last-child{border-radius:0 0 10px 0;}
.modal-sai .tips-list{list-style:none}
.modal-sai .tips-list li{padding:30px 0; font-size:1rem; border-bottom:2px solid #cecedd}
.modal-sai .tips-list li:last-child{padding:30px 0; border-bottom:0}
.modal-sai .tips-list li h6{color:#9293e3; margin:0}
.modal-sai .modal-footer.f-msg {flex: 1 1 auto; padding: 1rem 5rem 1rem 1rem; margin: -3px 5px 5px 5px; border-radius: 5px; background: #fff;}
.modal-sai .modal-footer.f-msg img{position:absolute; top:15px; right:15px;}
.f-msg.status-bg-0{background:#990932!important}
.f-msg.status-bg-1{background:#ffb62e!important}
.f-msg.status-bg-2{background:#3fd0fc!important}
.f-msg.status-bg-3{background: linear-gradient(45deg, #e9e9f4 35%, #16cd70 100%)!important} 


/* Footer
----------------------------------------------- */
footer {position:fixed; z-index:100; bottom:0; left:0; width:100%;}
footer .wrap-f{min-height:60px; width:100%; max-width:768px; margin:0 auto; border-top:1px solid #e9e9f4; background:#fff;}
footer ul{list-style:none; margin:0; padding:0}
footer .user-profile{width:45px; height:60px; padding:15px 15px 15px 0; border-right:1px solid #e9e9f4}
footer .user-profile.active:before{position:absolute; left:-12px; top:0; content:""; width:56px; height:60px; background:#9293e3}
footer .user-profile.active:after{position: absolute; right: -10px; top: 0px; content: ""; width: 10px; height: 20px; border-top-left-radius: 10px; background: #fff; box-shadow: 0 -10px 0 0 #9293e3;}
footer .user-profile img{width:30px; height:30px; border:2px solid #e9e9f4}
footer .mood-mode ul{display:flex; align-items:center; justify-content: space-between}
footer .mood-mode ul li{text-align:center}
footer .mood-mode ul li a.active svg polygon,
footer .mood-mode ul li a.active svg rect,
footer .mood-mode ul li a.active svg path{fill:#f5bd35}
footer .mood-mode ul li a.active svg g polygon,
footer .mood-mode ul li a.active svg g rect,
footer .mood-mode ul li a.active svg g path,
footer .mood-mode ul li a.active svg g circle {fill:#595aa4}
	

@media (max-width:991px) { 
}
@media (max-width:767px) { 
}



#syeew_loading {
	position: fixed;
	display: none;
	width: 100%;
	height: 100%;
	z-index: 9000;
	background: rgba(0,0,0,0.85);
	top: 0;
	left: 0;
}

	#syeew_loading .spinner-border {
		position: absolute;
		top: 50%;
		left: 50%;
		margin: -1rem -1rem;
	}


.errormsgresult {
	font-weight: bold;
	color: #e31b4e;
}