@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:#000;
}

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 *{
-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 90px 0;}
.container{max-width: 768px;}
section.bg-page{padding:60px 0;}
.max{width:100%!important; max-width:100%!important}
.bg-page {background-color: #e9e9f4;}
.modal-backdrop.show{opacity:1}
.modal-backdrop{background:rgba(19,22,35,0.95)}

/*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);
}
/* badge */
.badge{font-size:0.7rem; font-weight:400}


/* 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}




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

/*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 h5, .create-form .h5{color: #fff;}
.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 .cat-wrap {display:flex; flex-wrap:wrap}
.create-form .cat-wrap .cat_div{width:22%; margin: 5px 3% 5px 0;}
.create-form .cat-wrap .cat_div .form-control{border-radius: 5px}

.create-form .check-privacy .form-check {margin: 1em 0; padding-left:0}
.create-form .form-check input {margin-right: 5px;}
.create-form .form-check label {margin-right: 15px;}

.create-form .cat-wrap .form-check-input{border: 0; background:transparent}
.create-form .form-check-input [type=checkbox] {width: 1.2em; height: 1.2em; margin-top: 0.2em;}

.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;}

.create-form .check-privacy {font-size:0.8em;}
.create-form .check-privacy strong{font-weight:600;}

@media(max-width:767px){
    .create-form .cat-wrap .cat_div{width:47%;}
}


/**** 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;}

#iframeobj {width: 100%;  min-height: calc(100vh - 200px);}


#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;
}


.ishide {display: none;}

.nocompiled {
    border: 2px solid #f00 !important;
}

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