body {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;/*height: 100%;
    margin: 0;*/}
/*main {display: flex;
    flex-direction: column;
    min-height: 100vh;}
.t4-wrapper{display: flex;
    flex-direction: column;
    flex: 1;}
.t4-content {
    display: flex;
    flex: 1;
}
.t4-content-inner {    flex: 1;
    display: flex;
    flex-direction: column;}
#t4-corpo {    flex: 1;
    display: flex;}*/
h1, h2, h3, h4, h5, h6{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight: 500;
	line-height: 1.1;
	color: inherit;}
h2 {font-size: 21px;color:var(--color-black) !important;} 
h3 {font-size: 20px;color: var(--color-black) !important;}
.t4-header { min-height: inherit;}
#t4-header .t4-section-inner {padding:12px 20px}
.utente-loggato #t4-header { min-height: inherit;}
.utente-loggato li#bootstrap_li_menu_item_413 { display:none;}
.utente-loggato #t4-header .t4-section-inner { padding:0}
.utente-non-loggato #t4-headerloggato {
	padding: 0;
	display: block;
	width: 100%;
}
#t4-headerloggato {    padding: 6px 20px 2px;
    display: inline-block;
    width: 100%; }
#t4-headerloggato .img-thumbnail {
    padding: 2px;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    max-width: 48px !important;
    height: auto;
}
#t4-headerloggato .nome,#t4-headerloggato .email { font-size:14px; line-height:1}
#t4-headerloggato .immaginec {float: left;margin-right: 15px;}
#t4-headerloggato .img_dx {margin-top:-3px}
#t4-headerloggato span.nome {margin-top: 0;display: inline-block; font-weight:700}
#t4-headerloggato  span.nome.nofoto {margin-top:0px; }
#t4-headerloggato span.email { display:flex}
.rsfp_thankyou_popup_outer {
	background: #fff;
}
.polipop_theme_default {
    font-size: 14px;
    z-index: 99999999;
}
[data-modals-element="modal"][data-modals-theme="light"] [data-modals-element="overlay"] {
	backdrop-filter: blur(2px);
	opacity: 0.3;
}
/*.item-101 .container {width: initial !important;}*/
.item-101 .header-block-loggati .navbar-brand { height:auto}
.item-101.utente-loggato .dropdown-menu>li>a { color:#fff}
.item-101 .header-block-loggati .navbar-brand img{max-height: 50px;margin-bottom:10px}
.item-101.utente-loggato nav { margin-bottom:0 !important}
.item-101.utente-loggato #navbarNavDropdown { width:80% !important;-ms-flex-preferred-size:auto;
flex-basis: auto;
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-box-align: left;
-ms-flex-align: left; padding:0}
.item-101.utente-loggato nav a.navbar-brand { padding:0; line-height: inherit; margin-top:0; height:auto; font-size:inherit}
.item-101 .header-block-loggati .navbar-brand .logoc { width:100%}
.item-101 .navbar-brand {padding-top:5px; padding-bottom:0}
.text-primary {color: var(--t4-blue) !important; border-radius:0}
.slogan p {
	font-weight: 700;
	margin-bottom: 0;
	padding-left: 0;
	padding-top: 4px;
	color: var(--t4-blue);
	padding-right: 120px;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link { background: var(--t4-blue); border-radius:0;-moz-border-radius:0;-webkit-border-radius:0}
.nav-pills .nav-link {color: var(--t4-blue)}
.social img {
	width: 32px;
	height: auto;
	margin: 3px;
}
.social p {
	padding-top: 12px;
	margin-bottom: 0;
}
#t4-mainnav {z-index: 999999}
.t4-navbar .navbar {
	float: none;
	padding: 0;
	margin: 0;
}
/*.t4-megamenu .navbar-nav > li > a, .t4-megamenu .navbar-nav > li > .nav-link { height:auto; line-height: 1; padding:20px 15px;font-size:16px;}*/
.t4-megamenu .dropdown-menu li a.network.nav-link {text-align: left;line-height: 1;background: var(--t4-red);color: #fff !important;border-radius: 4px;-webkit-border-radius: 4px; -moz-border-radius: 4px;margin: 0 0 10px 10px;width: 80%;display: table;} 
.t4-megamenu .dropdown-menu li a.network.nav-link:hover,.t4-megamenu .dropdown-menu li:hover a.dropdown-item.network { background: var(--t4-red) !important}
.t4-megamenu .navbar-nav > li > a, .t4-megamenu .navbar-nav > li > .nav-link { height:auto; padding:5px 1rem; height: auto; font-size:14px; font-weight: 400;} 
.t4-megamenu .dropdown-menu li > a, .t4-megamenu .dropdown-menu li > .nav-link, .t4-megamenu .dropdown-menu li .dropdown-item,.maximenuck.level2  .titreck-title {color: var(--t4-blue) !important;padding: 0.5rem 10px;white-space: normal;height: auto;line-height: var(--body-line-height); font-size:16px; font-weight: 500}
div#maximenuck142 ul.maximenuck2 li > span.separator{padding:0 !important}
.t4-megamenu .dropdown-menu li > a, .t4-megamenu .dropdown-menu li > .nav-link, .t4-megamenu .dropdown-menu li .dropdown-item, .maximenuck.level2 .titreck-title { display: inline-block; width: 100%; line-height: 1; margin-bottom:5px;} 
.t4-megamenu .mega-inner { padding-bottom:0}
.t4-megamenu .dropdown-menu li > a:hover, .t4-megamenu .dropdown-menu li > .nav-link:hover, .t4-megamenu .dropdown-menu li .dropdown-item:hover, .maximenuck.level2 .titreck-title:hover {background: var(--t4-red) !important;color: var(--t4-white) !important; }
.t4-megamenu ul.maximenuck li.level1.parent:hover > a::after, .t4-megamenu ul.maximenuck li.level1.parent:hover > span.separator::after {color:var(--t4-white) !important;}
div#maximenuck142 div.floatck {padding:0 !important; background: #fff}
#t4-top .navbar { margin-bottom:0; border:none;}
#t4-top .nav > li > a{ font-size:16px; padding: 14px 15px !important}
.t4-palette-mainnav .t4-megamenu .navbar-nav > li a:hover, .t4-palette-mainnav .t4-megamenu .navbar-nav > li a:focus, .t4-palette-mainnav .t4-megamenu .navbar-nav > li a:active, .t4-palette-mainnav .t4-megamenu .navbar-nav > li .nav-link:hover, .t4-palette-mainnav .t4-megamenu .navbar-nav > li .nav-link:focus, .t4-palette-mainnav .t4-megamenu .navbar-nav > li .nav-link:active,#t4-top .nav > li > a:hover,#t4-top .nav > li > a.active,#navbarNavDropdown .dropdown a:hover{background:var(--t4-red)}
div#maximenuck142 ul.maximenuck li.maximenuck.level1:hover, div#maximenuck142 ul.maximenuck li.maximenuck.level1.active{background:var(--t4-red) !important; }
div#maximenuck142 ul.maximenuck li.maximenuck.level1:hover > a span.titreck, div#maximenuck142 ul.maximenuck li.maximenuck.level1.active > a span.titreck, div#maximenuck142 ul.maximenuck li.maximenuck.level1:hover > span.separator, div#maximenuck142 ul.maximenuck li.maximenuck.level1.active > span.separator {color:var(--t4-white) !important}
div#maximenuck142 ul.maximenuck li.maximenuck ul.maximenuck2 li > a, div#maximenuck142 ul.maximenuck2 li > a, div#maximenuck142 ul.maximenuck2 li > span.separator {padding:0 !important} 
div#maximenuck142 ul.maximenuck li ul.maximenuck2 li.maximenuck:first-child, div#maximenuck142 ul.maximenuck2 li.maximenuck:first-child {margin-top:10px}
div#maximenuck142 ul.maximenuck li.level1.parent > a:after, div#maximenuck142 ul.maximenuck li.level1.parent > span.separator:after {border-width:4px 4px 0 4px; top:24px}
.t4-megamenu.animate.slide .dropdown > .dropdown-menu {padding:0}
.t4-navbar .nav-item:hover{}
#t4-top ul.maximenuck {padding-left:0}
.t4-col.social .custom { float:right}
.loggato li.nav-item[data-id="166"] { display: none;}
#t4-top .jbf-bg-primary,#t4-top .dropdown-menu.multi-level.show {background:var(--t4-blue) !important; padding:0; display:inline}
#t4-top .navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 1);padding:15px 10px; font-size: 14px;
    font-weight: 400;
}

/*#t4-work .bg-overlay-image {opacity:.7;background-position: 50% 130px !important;}*/
#t4-work .bg-overlay-image {background-size: 40%;
background-position: right 20px;}
#t4-corpo .bg-overlay-image {background-size: 40%;
background-position: right 20px;    background-image: url(/images/Immagine-plani6.jpg#joomlaImage://local-images/Immagine-plani6.jpg?width=713&height=400);
    background-repeat: no-repeat; opacity:1; z-index:1}
.t4-work { padding:30px 0 90px }
.t4-work .contenitore_landing h3.even,.t4-work .contenitore_landing h3.looking { clear:both; color:#000}
.t4-work .contenitore_landing h3.even { font-size:22px; display:inline-block; width:100%}
.t4-work .contenitore_landing h4.lista { color:#000; font-weight:700; font-size:20px}
.t4-work .contenitore_landing h5 { font-size:30px;margin: 25px 0 35px;}
.t4-work .contenitore_landing h6 { font-size:20px;margin: 25px 0 15px;}
.t4-work .contenitore_landing p { font-size:20px}
.t4-work .contenitore_landing label.control-label { color:#000}
.t4-work .contenitore_landing ul {margin-top:0; text-align: left; margin-left:25px}
.t4-work .contenitore_landing ul li {list-style: disc;
    display: list-item;padding:0; margin:0}
.t4-work h3.prima,.t4-work h1.prima {display: table;width: 70%;margin: 0px auto 0 ;text-align: left;font-size: 42px;float: left;color:var(--t4-blue) !important; font-weight: 700;
}

#t4-work h2.prima { margin:30px 0 0 !important; font-size:30px} 
#t4-work p.prima {
  display: inline-block !important;
  width: 100% !important;
  float: none;
	margin: 10px 0 30px; font-size:16px;}
#t4-work p.prima a { background: #dd0812; color:#fff !important;padding: 5px 15px;
 border-radius:4px; font-size:16px; margin:10px 0 30px !important; }
#t4-work .prima.location { font-size:12px;}
#t4-work .prima.location table { }
.t4-work h3,.t4-work h2 {
	text-align: left; 
	margin: 30px 0;
	font-size: 42px;color:var(--t4-blue) !important; font-weight: 700;float: left; 
}
.item-166 .t4-work h4 {clear:left}
.t4-work h4 {color:var(--t4-blue) !important;font-weight: 700; } 
.t4-work p {
 font-size:24px
}
.t4-work ul {
 text-align:center;
 padding-left:0;
 margin-top:100px
}
.t4-work ul.primoul {
 margin-top:30px
}
.t4-work ul li {
 display:inline-block;
 margin:0 5px;
 padding:5px 7px;
 font-size:20px;
 border-radius:4px;
 -webkit-border-radius:4px;
 -moz-border-radius:4px
}
.t4-work .inizio_sx {
}
.t4-work .inizio_dx {
}
.t4-work .inizio_sx ul li.consultants {
 background:var(--t4-blue);
 margin-top:15px
}
.t4-work .inizio_sx ul li {
 display:block;
 margin-top:15px
}
.t4-work .inizio_dx ul li {
 display:block;
 margin-top:15px
}
.t4-work .inizio_dx ul li.companies {
 background:#fff;letter-spacing: -0.5px;
}
.t4-work .inizio_dx ul li.professional {
 background:var(--t4-blue);
 margin-top:15px;letter-spacing: -0.5px;
}
.t4-work .inizio_cx ul li.partners {
 background:var(--t4-blue);
 margin-top:15px;
 display:block;letter-spacing: -0.5px;
}
.t4-work ul li a {
 color:#fff;
 text-decoration:none
}
.t4-work ul li a:hover {
 text-decoration:underline
}
.t4-work ul.primoul li a {
 color:#fff;
 line-height:1.5;

}
.t4-work ul li.start {
 background:#ff8a00; padding: 5px 0;
letter-spacing: -0.5px;
}
.contenitore_bottoni { display: flex; clear:left}
.t4-footnav .container, .t4-footnav .t4-masthead .t4-masthead-detail, .t4-masthead .t4-footnav .t4-masthead-detail {padding:30px 0}
#t4-corpo .container { padding: 0 30px}
#t4-corpo #t4-footnav .container { padding:30px 0}
#t4-footnav { display:inline-block; width:100%; margin-top:30px;}
.layout-homekcn #t4-footnav { margin-top:0;}
.t4-work .login_nasc.admin {
	width: 40%;
	display: block;
	margin: 20px 0 0 ;
	padding: 0;
}
.t4-work .login_nasc {
	padding: 20px 50px; background: #f5f5f5;
}
.t4-work .login_nasc label,.t4-work .login_nasc li a { color:var(--t4-blue)}
.t4-work .login_nasc form { display:inline-block; max-width: 100%}
.t4-work .login_nasc .contenitore_login h3 {
	margin-top: 10px;
	color: #fff;
}
.t4-work .login_nasc .form-control { width: 400px; max-width: 100%}
#form-login-submit button {
	display: table;
	margin: 20px auto 0;
}
.t4-work .login_nasc.consultants button {
	background:#ff6600; border:none;
}
.t4-work label { color:#fff}.t4-work .form-control { max-width:none; margin-bottom:15px;}.t4-work .mod-login__submit,.t4-work .mod-login-logout__button {text-align:center}
.t4-work ul.mod-login__options { margin:30px 0 0}
.t4-work ul.mod-login__options li { font-size:14px; display: block; padding:0}
.t4-work .mod-login__remember { font-size:12px}
.item-page.consulting-network h2 {
	margin-bottom: 30px; font-size:30px;
}
.item-page.consulting-network ul li {
	font-size: 20px;
	list-style: none;
	display: table-row;
	width: 100%;
}
.item-page.consulting-network ul.list {padding-left:20px;}
.item-page.consulting-network ul.list li { list-style: disc; display: list-item}
.item-page.thankyou { display:table; margin:60px auto; width:70%; }
.item-page.consulting-network.ul p,.item-page.consulting-network.ul li { font-size:20px !important}
.loghi_aziende {
	display: inline-block;
	width: 100%;
	padding: 20px;
	margin-bottom: 30px;
	position: relative;
}
.loghi_aziende::before {
	background: #e3f3fb;
	opacity: .4;
	position: absolute;
	width: 100%;
	width: 100vw;
	margin-left: -50vw;
	left: 50%;
	height: 100%;
	top: 0;
	content: "";
	z-index: 0;
}
.loghi_aziende .logo_item {
	position: relative;
	height: 125px;
}
.loghi_aziende .logo_item img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	max-width: 80%;
	max-height: 100px;
}
.garantito {
	border: 1px solid #333;
	padding: 25px 25px 0;
}
.item-page.consulting-network ul {
	padding-left: 0;
	margin-bottom: 30px;
	margin-top: -20px;
}
.item-page.consulting-network p {
	margin-bottom: 30px;
}
#companies {
	background: #f5f5f5;
	padding: 20px 30px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border: 1px solid #ddd;
}
#companies {
 background:#f5f5f5;
 padding:20px 30px;
 border-radius:8px;
 -webkit-border-radius:8px;
 -moz-border-radius:8px;
 border:1px solid #ddd
}
#consultants {
	background: #fff !important;
	padding: 20px 30px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border: 1px solid #ddd;
	box-shadow: -1px 3px 15px -10px rgba(0,0,0,1);
	-webkit-box-shadow: -1px 3px 15px -10px rgba(0,0,0,.6);
	-moz-box-shadow: -1px 3px 15px -10px rgba(0,0,0,1);
}
#companies h2,
#companies h4,#consultants h2,
#consultants h4 {
 text-align:center;
 color:#df161f
}
#companies h4,#consultants h4 {
 font-weight:700;
 margin-bottom:15px;
 font-size:22px;
 color:#293377
}
#companies h4.title,#consultants h4.title {
 font-weight:700;
 margin-bottom:15px;
 font-size:26px;
 color:#df161f
}
#companies .formControls {
}
#companies .formControls .rsform-submit-button,#consultants .formControls .rsform-submit-button {
 width:100%;
 font-size:22px;
 padding:20px 0;
 border-radius:8px;
 -webkit-border-radius:8px;
 -moz-border-radius:8px;
 white-space:normal
}
#companies .form-control,#consultants .form-control { max-width: none}
.control-group .control-label label {
 color:#000;
 font-weight:400;
 font-size:12px;
 margin-left:5px
}
.contenuto_profilo .control-group .control-label label{ font-size:inherit !important}
.row.mt-2 .control-group .controls { float:none;}
.control-group .controls { margin-left:0 !important;float:left}
.control-group .control-label {padding-top:0 !important}
.tipi_offerta .colonna_offerta {
	float: left;
	width: 33.333%;
	text-align: center;
	background: #1da5e0;
	color: #fff;
}
.tipi_offerta .colonna_offerta.gold {
	background: #1491c7;
}
.tipi_offerta .colonna_offerta.platinum {
	background: #0b6d97;
}
.tipi_offerta .colonna_offerta h5 {
	font-size: 32px;
	font-weight: 400;
	padding-top: 15px;
}
.tipi_offerta .colonna_offerta h6 {
	font-size: 26px;
	font-weight: 400;
	margin-top: 5px;
}
.tipi_offerta .colonna_offerta ul {
	margin-top: 20px;
	padding: 0 30px;
}
.tipi_offerta .colonna_offerta ul li {
	list-style: none;
	font-size: 18px;
	position: relative;
	text-align: left;
	padding-left: 10px; display: block;
}
.tipi_offerta .colonna_offerta ul li::before {
	position: absolute;
	left: -15px;
	padding: 4px 0;
	content: "\f00c";
	font-family: FontAwesome;
	top: -3px;
	font-style: normal;
font-weight: 400;
text-decoration: inherit;
vertical-align: top;
font-size: 18px;
	display: table-cell;
}
.tipi_offerta .colonna_offerta.partners {
	background: #f9bc04;
}
.tipi_offerta .colonna_offerta.gold.partners {
	background: #e0a800;
}
.tipi_offerta .colonna_offerta.platinum.partners {
	background: #c49403;
}
.tipi_offerta .colonna_offerta.partners button.btn-info {
	background: #00ba4a; color:#fff;
	border-color: #00ba4a; margin-bottom:20px;
}
.tipi_offerta {
	margin-bottom: 30px;
	display: flex;
	width: 100%;
}
.tipi_offerta .colonna_offerta button.btn-info {
	margin-bottom: 15px;color: #fff;
background-color: #5bc0de;
border-color: #46b8da;
}
.item-pagepolicies {
 max-width:820px;
 display:block;
 margin:30px auto 0;
}
.item-pagepolicies .page-header {
 border:none
}
.item-pagepolicies .page-header h1 {
 text-align:center;
 border-bottom:none; font-size:30px;
}
.accettazione_terms_si {
}
.accettazione_terms_si span {
 background:#03b203;
 color:#fff;
 padding:1px 5px;
 border-radius:4px;
 -webkitborder-radius:4px;
 -moz-border-radius:4px;
 font-size:14px
}
.accettazione_terms_si span:before {
 content:"\f046";
 font-family:FontAwesome;
 font-style:normal;
 font-weight:400;
 text-decoration:inherit;
 padding-right:5px
}
.accettazione_terms_no span {
 background:red;
 color:#fff;
 padding:1px 5px;
 border-radius:4px;
 -webkitborder-radius:4px;
 -moz-border-radius:4px;
 font-size:14px
}
.policies .item-pagepolicies ul {
 padding-left:0
}
.policies .item-pagepolicies ul li {
 list-style:none;
 background:#fafafa;
 border:1px solid #ccc;
 padding:5px 10px;
 margin-bottom:10px;
 border-radius:4px;
 -webkitborder-radius:4px;
 -moz-border-radius:4px; position:relative
}
.com_jblance nav.navbar .container-fluid { padding:0}
.com_jblance li.nav-item.dropdown a { color:#fff}
.navbar-expand-lg .navbar-nav { margin-top:0}
.navbar-expand-lg .navbar-nav .dropdown-menu {
    margin-top: -1px; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0;
}
.com_jblance .navbar-dark .navbar-brand { font-size:16px; padding-left:5px}
.jbl_h3title { font-size:28px;}
.list-group .jbf-bg-primary {
    z-index: 2;
    color: #fff;
    background-color: var(--t4-blue) !important;
    border-color: var(--t4-blue);
}
.jb-form  .contenuto_profilo fieldset legend,#userFormProject.jb-form  fieldset legend{ position:relative}
.jb-form fieldset legend {
    background-color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 24px;
    padding-right: 10px;
    position: absolute;
    top: 0;
    text-transform: uppercase;
    letter-spacing: inherit;
    width: auto;
    z-index: 20;
}
.choices__list--dropdown {z-index: 21}
#comments .comment-box {padding-top:15px;}
#jc #comments .comment-body { border:none !important;}
.mmlmap { margin-right:0 !important}
.mml_address {padding:5px 20px}
#locationlocator #locationsearch_div .input-append {margin: 0 0 10px !important}
#locationlocator #locationsearch_div .input-append #searchinput, #locationlocator #locationsearch_div .input-append #searchpostal { width:100% !important}
a.navbar-brand { padding-left:5px; font-size:16px}
.small-flag.online { background-image: url("../../images/online.png");border: none;
background-position: center;
background-size: contain;height:13px}
.fa-check-square { color:green}
         a.task-complete { color:green}
        a.task-incomplete,.fa-square { color:#ebc200}
        a.tasklist {color:#000}
 .backto { margin:20px 0 15px;}
    .backto a { background:#f5f5f5; color:#000; padding:5px 10px; border-radius:10px;-webkit-border-radius:10px; -moz-border-radius:10px; font-size:16px;}
    .backto a:before { content:"\f060";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #000;
    padding-right: 0.5em;}
    .backto a.nobefore:before { content:"";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #000;
    padding-right: 0}

.com_jptasks .complete .task-title > a,.com_jptasks .complete .task-description, .complete .caret {
    opacity: 0.6;
    color: green;
}
.com_jptasks .task-title > a {color:#ebc200}
iframe.node-ready {padding:20px}
div#rl_modal__group_0 {
    z-index: 999999;
}
.rigaapp .contenuto { line-height: 1}
.polipop_layout_popups.polipop_theme_default .polipop__closer {background-color: #E00000 !important; border:none;}
#polipop {
    display: flex;
    flex-direction: column-reverse;
}
#polipop .polipop__notifications { top: 100px !important}
#polipop .polipop__closer { top: initial}
#joomproject.edit button.tox-tbtn.tox-tbtn--select {
    display: none;
}
#joomproject.edit .tox-toolbar__primary:before {
    content: 'Insert image with Drag & Drop |';
    line-height: 2.4;
    padding-left: 5px;
}
.mce-content-body img {width:50% !important; height:auto}
.readpolicies { font-size:14px; background:#ddd; color:#000;padding:3px 6px; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px}
.readpolicies:before { /*content: ' - ';*/}
#startChatButton {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border: none;
	background: var(--t4-blue);
	color: #fff;
	font-size: 30px;
	padding: 20px;
	border-radius: 4px;
	-webkit-border-radius: 4px; -moz--webkit-border-radius: 4px;
}
.activeUsers { }
textarea#message {width:100%; border:1px solid #ccc}
#chatbutton { background:var(--t4-blue); color: #fff;border:none; padding:10px; border-radius:4px;} 
img.widget.active {
        border: 6px solid green;
    }
     #activeUsers.active { background: green !important; color:#fff !important}
      #activeUsers.active h3 {color:#fff !important}
      #risultato span.Online { color: green}
      #risultato span.Offline { color: red}
      #risultato ul li { display:inline-block; width:100%}
      /*a.chatto {background:var(--t4-blue); color: #fff;border:none; padding:30px; border-radius:4px; font-size:32px; text-align: center; width:100%; display:inline-block;}*/
a#groupchat.chatto { background:none;}
a#groupchatbutton.chatto{background:green; color:#fff; padding:0px 10px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; margin-left:5px}
      /*a.chatto.active{border: 6px solid green;}*/
a.chatto.active.noactive {}
a#groupchat.chatto:after{content: '- Offline';
	display: inline-block;
	margin: 0 auto;
	color:red;
	padding: 0 3px;
	margin-top: 5px;
	}
a#groupchat.chatto.active:after{content: '- Online';
	display: inline-block;
	margin: 0 auto;
	color: green;
	padding: 0 3px;
	margin-top: 5px;
	}
/*.chatto::after {
	content: 'Start';
	display: table;
	text-align: center;
	margin: 0 auto;
	background: #ff0000;
	padding: 3px 10px 6px;
	margin-top: 5px;
	font-size: 20px;
}*/
#notification-banner {
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background-color: #fff;
  color: var(--t4-blue);
  padding: 20px;
  border-radius: 0 0 10px 10px;
  opacity: 0;
  transition: opacity 1s ease-out;
	box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2); /* Aggiunta di un'ombra */
}
#notification-banner button#allow-notifications { background:var(--t4-blue); color:#fff; padding:10px 15px; border:none; text-align: center }
#notification-banner button#close-banner { background:var(--t4-red); color:#fff; padding:10px 15px; border:none; text-align: center; margin-left:5px }
#notification-banner.active {
  opacity: 1; z-index: 99999999;
}
.hidden {
  display: none;
}
.float-start.btn.btn-outline-primary{ background:#0dcaf0; color:#fff; border:none;}
.riga_progetto.invite { cursor:pointer}
.desc_progetto .descrizione {
    word-wrap: break-word;
}
.navbar-brand .logoc{padding-top:6px}
.navbar-brand .nomec {padding-top:21px; line-height:1}
.logoc, .nomec, .descc{ float:left}
.nomec .jbl_h3title.headerl {margin:0; border:none;}
.nomec .jbl_h3title.headerl h2{margin:0; padding:0; color:var(--t4-red) !important; font-size:14px; font-weight:400}
.nomec .titolo_label.nome_progetto { font-size:14px !important; font-weight:700}
.descc .desc_progetto h5 { font-size:14px !important; font-weight:700; padding-top:8px}
.nomec .titolo_label.nome_progetto { margin-bottom:2px}
.navbar-brand .nomec.g10 .titolo_label.nome_progetto {margin: 0 0 7px}
.navbar-brand .nomec.g10 {padding-top:13px}
.navbar-brand .nomec.g11 .titolo_label.nome_progetto {margin-bottom:6px; margin-top:0}
.navbar-brand .nomec.g11 {padding-top:13px}
.navbar-brand .nomec.g143 {padding-top:0}
.navbar-brand .nomec.g143
.centra {margin: 0 auto;display: table;}
.centra.top30 { margin-top:40px} 
.centra.top30 button.btn-primary { margin-top:15px}
.desc_progetto { border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px}
.desc_progetto h5 { margin:5px 0 ; font-size:18px}
.nome_progetto { font-size:18px !important; font-weight: 500}
.desc_progetto p { margin-bottom:0; font-size:14px; white-space: initial; line-height: 1.1}
.navbar-brand .col-md-4 { margin-top:0}
.item-page ul li { position:relative}
a.readpolicies {
	position: absolute;
	right: 5px;
	top: 15px;
}
.add_file.link.widget .mb-3.rsform-block{ margin-bottom:5px !important; display:inline-block}
.rsform-block-appgoogle, .rsform-block-appteams, .rsform-block-appmiro, .rsform-block-appmicrosoft, .rsform-block-apptrello {
    width: 20% !important; float:left; 
}
.add_file.link.widget .formControls input.form-control  {margin-bottom:3px}
.rsform-block-google-link .formControls, .rsform-block-teams-link .formControls, .rsform-block-miro-link .formControls, .rsform-block-googlelabel .formControls, .rsform-block-teamslabel .formControls, .rsform-block-mirolabel .formControls, .rsform-block-microsoftlabel .formControls,.rsform-block-microsoft-link .formControls,.rsform-block-trello-link .formControls,.rsform-block-trellolabel .formControls{
    position: relative;
}
.rsform-block-googlelabel .formControls:before, .rsform-block-teamslabel .formControls:before, .rsform-block-mirolabel .formControls:before, .rsform-block-microsoftabel .formControls:before, .rsform-block-microsoftlabel .formControls:before, .rsform-block-trellolabel .formControls:before {
    content: 'Label:';
    background: #ddd;
    display: inline-block;
    width: 60px;
    padding: 5px 10px;
    font-style: oblique;
    position: absolute;
    left: 0;
    bottom: 0;
    line-height: 1.8;
}
.rsform-block-google-link .formControls:before, .rsform-block-teams-link .formControls:before, .rsform-block-miro-link .formControls:before , .rsform-block-microsoft-link .formControls:before, .rsform-block-trello-link .formControls:before{
    content: 'Url:';
    background: #ddd;
    width: 60px;
    display: inline-block;
    padding: 5px 10px;
    font-style: oblique;
    position: absolute;
    left: 0;
    line-height: 1.8;
}
.rsform-block-google-link .form-control, .rsform-block-teams-link .form-control, .rsform-block-miro-link .form-control, .rsform-block-googlelabel .form-control, .rsform-block-teamslabel .form-control, .rsform-block-mirolabel .form-control , .rsform-block-mirolabel .form-control,.rsform-block-microsoft-link .form-control, .rsform-block-microsoftlabel .form-control, .rsform-block-trellolabel .form-control,.rsform-block-trello-link .form-control{
    max-width: none;
    margin-left: 58px;
    width: 250px !important;
}
.add_file.link  .rsform-block-apptrello input[type=checkbox] + label{background-image: url("/templates/t4_bs5_blank/images/trello_icon.png"); }
.add_file.link  .rsform-block-apptrello input[type=checkbox]:checked + label{background-image: url("/templates/t4_bs5_blank/images/trello_icon-ok.png"); }
 .add_file.link input[type=checkbox]:checked + label 
{ 

height: 48px;
width: 48px;
display:inline-block;
padding: 0 0 0 0px;
}
.mb-3.rsform-block.rsform-block-add {
    clear: both;
    display: block;
    width: 100%;
}
.openchat {
    background: #ff0000;
    padding: 5px 10px;
    font-size: 18px;
    display: table;
    margin: 10px auto 0;
}
.col-md-12.contieni a:last-child {margin-left:5px}
select.userselect {
  width: 100%; /* Imposta la larghezza desiderata */
  padding: 8px; /* Imposta il padding */
  font-size: 16px; /* Imposta la dimensione del testo */
  border: 1px solid #ccc; /* Imposta un bordo */
  border-radius: 4px; /* Aggiungi bordi arrotondati */
appearance: auto;
	    -moz-appearance: auto;
    -webkit-appearance: auto;
	background: #fff;
margin-bottom: 5px;
}

/* Stile per le opzioni del select */
select.userselect option {
  padding: 8px; /* Imposta il padding per le opzioni */
  font-size: 16px; /* Imposta la dimensione del testo per le opzioni */
}
.success-message {
    color: green;
    font-weight: bold;
    margin-top: 10px;
}

.error-message {
    color: red;
    font-weight: bold;
    margin-top: 10px;
}
button#addUserButton { border:none; background: var(--t4-blue); color:#fff; padding:3px 10px;border-radius: 4px; }
.tutti img.img-thumbnail.mr-3 {border-radius: 50%;
  height: 60px; width:60px;} 
.onlineSi { width: 10px;
  height: 10px;
  content: '';
  background: #00AE06;
  border-radius: 10px; }
.onlineNo {width: 10px;
  height: 10px;
  content: '';
  background: #ccc;
  border-radius: 10px; }
.contenitore_landing {
	clear: both;
}
.tooltip-container {
    position: relative;
    display: inline-block;
}

.tooltip-text {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;

    /* Posizionamento */
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 50%;
    margin-left: -60px; /* Metà della larghezza per centrarlo */

    /* Stili per la transizione */
    opacity: 0;
    transition: opacity 0.6s;
}
.clickedit {
	background: #ff0000;
	width: 90%;
	margin: 5px auto 0;
	border-radius: 4px;
	line-height: 1;
	font-size: 13px;
	padding: 3px;
}
.participant { cursor:pointer;margin: 0 5px 0 0;} 
.tooltip-container:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
}
.modal-title {margin:0 auto}
.participant .modal { background: none !important}
.modal-title img {}
.participant .modal-content {

	padding: 30px !important;
}
.participant img.img-thumbnail.mr-3.img-fluid { width:126px; height:126px}
.participant .modal-body .button-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px; /* Distanza tra i bottoni */
}

.participant .modal-body .button-container button {
    margin-top: 15px; line-height:1.2;
}
.suspended-banner {
    position: absolute;
top: 65%;
left: 0;
background-color: rgba(255, 0, 0, 0.75);
color: white;
width: 100%;
text-align: center;
z-index: 2;
font-size: 10px;
padding: 0;
}
.day span {
	
	position: relative;
}
.ispending {
	position: absolute;
	top: -3px;
	left: -3px;
	font-size: 10px;
	color: #fff;
	background: #ff0000;
	padding: 0 5px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}
.slot-selection label { font-size:14px}
input.delete-slot-checkbox {

    margin: 3px 0 0;
}
.login-container { width:40%}
.col-md-4.access {
    margin-top: -24px;
    margin-bottom: 5px;
}
#upload-message .alert-info {background-color: inherit !important;
    border-color: inherit !important;
    border: none !important;}
.control-group.topskills1 .topskills {color: var(--t4-red); }
@media (max-width: 1384px){
	#t4-work .bg-overlay-image,#t4-corpo .bg-overlay-image {
	background-size:50%;
	background-position: right 20px;
	opacity: .8;
}
	
}
@media (max-width: 1080px){
	
}
@media (max-width: 1080px){
	.slogan p { padding-right:0}
	.t4-megamenu .navbar-nav > li > a, .t4-megamenu .navbar-nav > li > .nav-link {padding:5px}
	.col-md-6.slogan {padding:0}
	.header-top .logo {padding-top:10px}
}
@media (max-width: 990px){
	.t4-work h3.prima,.t4-work h1.prima { width: 100%}
	#t4-work .bg-overlay-image,#t4-corpo .bg-overlay-image {
	background-size:50%;
	background-position: right 20px;
		opacity: .8;}
	.t4-work .login_nasc.admin{width:100%}	

}
@media (min-width: 375px) and (max-width: 767px) {
	
}
@media (min-width: 320px) and (max-width: 374px) {
	
}
@media (max-width: 767px) {
	.col-md-4.access {
    margin-top: 0;
    margin-bottom: 0px;
}
	#t4-top .navbar-toggler {display: inline-block;} 
	#t4-top nav.navbar .container-fluid {
    padding: 0;
		display: initial;}
	#t4-top span.welcome {
    float: right;
    padding-top: 3px;
}
	#t4-work .badge { margin-bottom:3px}
	#t4-work .user-table {
            width: 100%; /* Si adatta alla larghezza dello schermo */
            max-width: 100%;
        }
       #t4-work  .user-table th, .user-table td {
            font-size: 14px;
            padding: 6px 4px;
        }
	#t4-work .bg-overlay-image,#t4-corpo .bg-overlay-image {background-size: contain;background-position: center 10px;opacity: .7;}
	.contenitore_bottoni { display: block}
	.t4-work .inizio_sx {width:100%; float:none;}
	.t4-work ul {margin-top: 0;}
	.slogan p {padding: 10px 5px 0 5px } 
	div#maximenuck142 .fa {
	color: #fff;
	margin-top: -0px;
	position: absolute;
	top: 4px !important;
	right: 0;
	font-size: 24px;
}
	.t4-work .login_nasc {
	padding: 0px 20px;
}
	.slogan p br {
    content: " ";
    display: none;
}
	.t4-work h3.prima,.t4-work h3,.t4-work h1.prima { font-size:32px;}
	#t4-work .bg-overlay-image,#t4-corpo .bg-overlay-image {background-position: center 3px;}
	div#maximenuck142 .maximenumobiletogglericonck { background: none}
	div#maximenuck142 .fa {color: #fff;margin-top: -0px;position: absolute;top: 0;right: 0;}
	.t4-navbar .navbar.navbar-expand-lg .fa {color:#fff}.nav-breakpoint-lg .t4-megamenu .navbar-nav > li > a, .nav-breakpoint-lg .t4-megamenu .navbar-nav > li > span {color: var(--t4-blue);}
	.t4-navbar .nav-item,.t4-work .login_nasc.admin{width:100%}
	.tipi_offerta { display: block}
	.tipi_offerta .colonna_offerta { width: 100%; margin-bottom:15px; clear: left}
        .item-page.thankyou { display:table; margin:30px auto; width:90%; }
        .login-container{ max-width:100%;margin: 20px; padding: 20px; border: 1px solid #ccc; background-color: #f9f9f9;width:100% !important; margin: 40px auto;}
	.cont_info { padding:5px}
	.contenuto_profilo fieldset.informazioni.aaa .control-label label{
    display: inline; /* Assicura che la label e il contenuto :after rimangano inline */
}

.contenuto_profilo fieldset.informazioni.aaa .control-label label::after {
    content: ':'; /* Aggiunge i due punti dopo la label */
    display: inline; /* Mantiene i due punti inline */
    margin-left: 4px; /* Aggiunge uno spazio tra il testo della label e i due punti */
}
}
#inviteForm {
        background-color: #f8f9fa;
        border: 1px solid #ddd;
        padding: 20px;
        border-radius: 5px;
        max-width: 400px;
        margin: auto;
    }
    #inviteForm input, #inviteForm button {
        width: 100%;
        padding: 10px;
        margin-bottom: 10px;
        border-radius: 5px;
        border: 1px solid #ccc;
    }
    #inviteForm button {
        background-color: #0056b3;
        color: white;
        cursor: pointer;
    }
    #inviteForm button:hover {
        background-color: #004494;
    }
    .day.quiet-day  span{ background: #ccc;
  color: #000;}
    .day.flexible-day.full-day span,.action-buttons button.flexible-btn {
    color: #fff !important;
}
.day.flexible-day.full-day span,.day.flexible-day.has-events span{
    background: #FFA500;
  color: #fff !important;;
}
.button-container .btn.btn-warning { color:#fff}
div.week {
	position: absolute;
	top: 0;
	right: 3px;
	font-size: 11px;
}
table.calendar tbody td {
	font-size: 16px;
	padding: 8px 0;
	position: relative;
}

.login-container .input-group { margin:0  0 10px}
.login-container ul.mod-login__options,.login-container .btn.btn-secondary.input-password-toggle, .login-container span.input-group-text , .login-container .mod-login__remember{
	display: none;
} 
.login-container input { max-width:100%; width:100% !important}


