body {

	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;

	font-size: 14px;

	line-height: 1.42857143;

	color: #333;

	/*background-color: #fff;*/

	background-color: #f8f6f7;

}



.z-depth-2 {

	box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}



.z-depth-1 {

	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);

}



.z-depth-4 {

	box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);

}



.container {

	background: #fff;

}



.navbar {

	border: none;

}



#header .navbar {

	padding: 0px 0;

	margin: 0;

}



#header {

	border-bottom: 1px solid #ccc;

}



.main {

	padding-top: 15px;

}



.navbar-brand {

	padding: 0px;

}



.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {

	color: #fff;

	background-color: #005596;

}



.navbar-default .navbar-nav>li>a {

	text-transform: uppercase;

	padding: 30px 10px;

}



.caret {

	margin-top: -3px
}



.widget-header {

	padding: 15px 0;

	border-bottom: 2px solid #2581B0;

}



.list-icon {

	margin-right: 5px;

	color: #2581B0;

	width: 20px;

}



.list-icon.thin {

	margin-right: 2px;

	margin-left: 3px;

}



.list,
.course-listing {

	list-style-type: none;

	padding: 0;

	float: none;

	width: 100%;

	margin-bottom: 0px
}



.course-listing>li {

	padding: 5px;

}



.course-listing>li>.media {

	margin: 10px 0;

	padding: 10px;

	background: #eee;

	overflow: hidden;

	position: relative;

}

.panel-default>.panel-heading {

	background-color: transparent;

}



.media-heading {

	font-weight: 900;

	padding-left: 15px
}



.media,
.media-body {

	overflow: visible
}



.dropdown-menu.main-drop {

	left: 0;

}



.dropdown-menu.main-drop>li>a {

	padding: 3px 10px;

	font-size: 14px;

	font-weight: 700;

	color: #777777;

	line-height: 44px;

	text-transform: uppercase;

}



.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {

	background: rgba(37, 129, 176, 0.6);

	color: #fff;

}



.progress.progress-sm {

	height: 12px;

	margin-top: 4px;

}



.progress.progress-xs {

	height: 5px;

}



.container .jumbotron,
.container-fluid .jumbotron {}



.jumbotron h1 {

	font-weight: 900
}



.panel-group-faq.top-faq .panel-heading .number {

	-moz-border-radius: 50%;

	-webkit-border-radius: 50%;

	border-radius: 50%;

	display: inline-block;

	vertical-align: top;

	width: 32px;

	height: 32px;

	font-size: 14px;

	color: #fff;

	line-height: 30px;

	text-align: center;

	background-color: #2581B0;

}



.panel-group-faq.top-faq .panel-heading {

	position: relative;

}



.panel-group .panel.panel-minimal .panel-heading {

	border-bottom: 1px solid #ccc;

}



.panel-group .panel .panel-heading {

	padding: 0 15px;

}



.panel-heading {

	-moz-border-radius: 0;

	-webkit-border-radius: 0;

	border-radius: 0;

}



.panel-group-faq.top-faq .panel-title {

	font-size: 18px;

}

.panel-group-faq .panel .panel-title {

	font-size: 16px;

	line-height: 30px;

}



.panel-group .panel .panel-title>a {

	display: block;

	padding: 10px 0;

	width: 100%;

	font-weight: 900;

}



.panel-minimal {

	border: 1px solid #ccc;

}



.bolder {

	font-weight: 900
}



.widget-header h3 {

	font-size: 15px;

	color: #777;

	padding-top: 20px;

	padding-bottom: 10px;

	margin: 0;

}



.widget-content {

	padding: 16px;

}



.widget {

	margin-bottom: 20px;

	padding: 0 0;

	background: #fff;

	position: relative;

}



.page-header h1 {

	font-weight: 900;

	text-transform: capitalize;

}



.spacer-40 {

	margin-top: 40px
}



.spacer-30 {

	margin-top: 30px
}



.spacer-20 {

	margin-top: 20px
}



.spacer-10 {

	margin-top: 10px
}



main.main {}



.dropdown-toggle {

	cursor: pointer
}



.fad.page {

	margin: 0;
	display: table-cell;
	vertical-align: middle;
	height: 100%
}



.media-left,
.media>.pull-left {

	padding-right: 0;

	border-radius: 5px 0 0 0;

	overflow: hidden;

}



.sidebar-list li {

	line-height: 1.8;

}



.btn-full {

	width: 100%;

	margin-bottom: 10px;

}



.btn-full .full-text {

	line-height: 50px
}



.footer-list li {

	line-height: 30px;

}



.panel-heading {
	border-bottom: none
}



.panel-heading h3 {

	margin-top: 10px;

	margin-bottom: 10px;

	text-align: center;

}



.page-heading {

	font-weight: 900;

	border-bottom: 3px solid #2581B0;

	padding-bottom: 10px
}



.desc-btn {

	position: absolute;

	right: 10px;

}



select[name=sorter] option {

	text-transform: capitalize;

}



.embed-responsive.embed-responsive-16by9 {

	color: #616161;

	background-color: #ddd;

	text-shadow: 1px 1px 0px #E0E0E0;

}



.embed-responsive.embed-responsive-16by9 {}



img.holder {

	position: absolute;

	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;

}



iframe#interactive {

	width: 100%;

	height: 100%;

	position: absolute;

	border: none;

}



#intfaq-modal .md-body {

	position: absolute;

	overflow: hidden;

	border: 1px dashed #ccc;

	margin: 10px;

	padding: 0;

	top: 52px;

	left: 0;

	right: 0;

	bottom: 0;

}



#support-modal {

	top: 10%;

	width: 50%;

	left: 25%;

	transform: none !important;

	-moz-transform: none !important;

	-o-transform: none !important;

	-webkit-transform: none !important;

	-ms-transform: none !important;

}



#intfaq-modal .md-content {

	position: absolute;

	left: 0;

	right: 0;

	top: 0;

	bottom: 0;

}



.nifty-modal.nifty-lg {

	width: 70%;

	height: 80%;

	transform: none !important;

	left: 15%;

	top: 5%;

}



.btn-lg {

	/*padding:20px 16px;*/

}



.bottom-row {

	margin-top: 130px;

}



.btn.btn-icon:before {

	float: left;

	font-size: 24px;

	line-height: 26px;

	font-family: FontAwesome;

	display: inline-block;

	vertical-align: baseline;

	text-rendering: auto;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

}



.embed-responsive.embed-responsive-4by3 {

	padding-bottom: 60%;

}



.new-course .media:before {

	content: attr(title);

	position: absolute;

	top: 18px;

	text-align: center;

	background: #449d44;

	border-color: #398439;

	border-width: 1px 0;

	transform: rotate(45deg);

	color: #fff;

	font-weight: bold;

	right: -30px;

	z-index: 100;

	width: 120px;

}



.course-actions {

	margin-left: -74px;

	position: absolute;

	bottom: 10px;

	width: 100%;

	padding: 10px 10px 0 10px;

	border-top: 1px dashed #ccc;

	text-align: center;

}



.progressbar-labels {

	margin-top: -15px;

	margin-bottom: 10px;

}



.course-listing {

	width: 100%;

}



@media (min-width: 992px) {

	.course-listing>li:nth-child(2n+1)>.media {

		margin-right: 20px;

	}

}



@media (min-width: 992px) {

	/*.container {

			width: 1000px;

	}*/

}



.course-listing .media .media-body {

	padding: 10px 2px 10px 20px;

}



.course-actions .btn {

	margin: 0 4px;

}



.md-content a.btn-lg {

	display: block;

	margin: 60px auto 0 auto;

	font-size: 0.8em;

	padding: 30px 16px;

	text-transform: uppercase;

	font-weight: 700;

	background: rgb(221, 221, 221);

	text-align: center;

	white-space: nowrap;

	vertical-align: middle;

	-ms-touch-action: manipulation;

	touch-action: manipulation;

	cursor: pointer;

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;

	background-image: none;

	border: 1px solid transparent;

	border-radius: 4px;

}



.mar-top-10 {

	margin-top: 10px;

}



.mar-top-20 {

	margin-top: 20px;

}



.mar-top-30 {

	margin-top: 30px;

}



.col-md-1 img {

	max-width: 100%;

}



.part-col {

	padding-left: 5px;

	padding-right: 5px;

}



p.lead {

	margin-top: 10px;

	margin-bottom: 10px;

}



#footer {

	padding: 20px 15px 0 15px;

	border-top: 1px solid #0074b4;

}



.lower-footer {

	margin: 15px 15%;

	padding-top: 15px;

	border-top: 1px solid rgba(0, 102, 153, 0.4);

}

.navbar-brand>img {
	display: block;
}

@media only screen and (min-width: 1180px) {
	.navbar-brand>img {
		margin: 14px;
	}
}




main.main.container {

	position: relative;

}



main.main>.my_credits {

	position: absolute;

	right: 15px;

	top: 5px;

}



.white-color {

	color: #fff;

}



.course-accordion .course-heading {

	border-bottom: 1px solid #ddd;

}



.course-accordion .panel-collapse.collapse>.panel-body {

	border-top: none;

}



.alert-default {

	background-color: #fff;

	border-color: #ddd;

}



.full {

	width: 100%;

	height: 100%;

}



html.full {

	display: table;

}



body.full {

	display: table-cell;

	float: none;

	vertical-align: middle
}



.sky {

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4e89f5+0,9bcaff+100 */

	background: #4e89f5;
	/* Old browsers */

	background: -moz-linear-gradient(top, #4e89f5 0%, #9bcaff 100%);
	/* FF3.6-15 */

	background: -webkit-linear-gradient(top, #4e89f5 0%, #9bcaff 100%);
	/* Chrome10-25,Safari5.1-6 */

	background: linear-gradient(to bottom, #4e89f5 0%, #9bcaff 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e89f5', endColorstr='#9bcaff', GradientType=0);
	/* IE6-9 */

}



.col-lg-3.login-form {

	max-width: 400px;

}



.text-success {

	color: #5cb85c;

}



p.footer-copyright {

	margin: 10px 0;

	word-break: break-all;

}



.panel-default>.panel-heading {

	border-bottom: 1px solid #ddd;

	position: relative;

}



/* Categorie */
.informatica {
	background: #00a299;
}

.informatica i.fa {
	line-height: 34px;
}

.legale {
	background: #0074b4;
}

.film {
	background: #ff8a2b;
}

.manageriale {
	background: #fb4129;
}

.sicurezza {
	background: #006d19;
}

.medicina {
	background: #00a02c;
}

.paziente {
	background: #c43647;
}

.lingue {
	background: #36a8e0;
}

.covid-19 {
	background: #9d1e2d;
}

.widget-header-2 {
	border-bottom: 2px solid #2581B0;
	text-transform: uppercase;
}

.widget-header-2>h4 {

	color: #777;

	font-size: 15px;

	padding-bottom: 5px;

	font-weight: normal;

}



.widget-slider-pagination {

	position: absolute;

	bottom: 0px;

	height: 30px;

	left: 0px;

	right: 0px;

	line-height: 30px;

	font-size: 24px;

}



.no-pad-l {

	padding-left: 0;

}



.no-pad-r {

	padding-right: 0;

}



.no-mar-b {

	margin-bottom: 0;

}



.cert-btn-cont {

	padding-top: 13px;

	padding-left: 0;

}



.icon-circle {

	width: 50px;

	height: 50px;

	/*padding: 10px;*/

	padding-top: 10px;

	text-align: center;

}



.bg-success {

	background: #5cb85c;

}



.text-lg {

	font-size: 24px;

	float: left;

	margin-top: 4px;

	margin-right: 5px;

	margin-left: 0px;

}



.line-50 {

	line-height: 50px;

}



.line-24 {

	line-height: 24px;

}



.line-34 {

	line-height: 34px;

}



.tooltip-inner {

	background-color: #333;

	font-size: 14px;

	padding: 5px;

}



.popover.popover-warning {

	background-color: #fcf8e3;

	border-color: #faebcc;

	color: #8a6d3b;

	border-radius: 0;

}



.popover.popover-warning .arrow:after {

	border-top-color: #fcf8e3 !important;

}



.popover.popover-warning .arrow {

	border-top-color: #fcf8e3 !important;

}





.tooltip.tooltip-warning.in {

	opacity: 1;

}



.tooltip.tooltip-warning {

	box-shadow: 0 0 1px #faebcc;

	border-color: #faebcc;

}



.tooltip.tooltip-warning .tooltip-arrow {

	border-color: #fcf8e3 !important;

}



.tooltip.right .tooltip-arrow {

	border-right-color: #333;

}



.tooltip.top .tooltip-arrow {

	border-top-color: #333;

}



.padding-v-10 {

	padding-bottom: 20px;

}



.media-title {

	margin-top: 0;

}



.p-r-5 {

	padding-right: 5px;

}



.ib {

	display: inline-block;

}



.form-group {

	position: relative;

}



.form-group input,
.form-control {

	position: relative;

	max-width: 100%;

}



.static-col {

	width: 150px;

}



.ellipsis {

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

}



.checkbox.custom-checkbox {

	position: relative;

	display: block;

	padding-top: 8px;

	padding-bottom: 8px;

	margin: 2px;

}



.checkbox.custom-checkbox .color {

	position: absolute;

	right: 0;

	top: 0;

	bottom: 0;

	width: 6px;

}



hr.darker {

	border-top: 1px solid #ccc;

}



.text-danger {

	color: #dd0000;

}



.alert-danger {

	color: #dd0000;

}



.alert-default {

	color: #444;

	border-color: #ccc;

}



.panel-group .panel .panel-title.faq-title>a {

	font-weight: normal;

	text-transform: uppercase;

}



.panel-title.faq-title>a:hover,
.panel-title.faq-title>a:active,
.panel-title.faq-title>a:focus {

	text-decoration: none;

}



.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {

	outline: none;

}



.media-archive {

	position: absolute;

	left: 0;

	height: 60px;

	width: 60px;

	text-align: center;

}



.media-archive .img-square {

	line-height: 50px;

	padding: 10px;

	height: 60px;

}



.course-listing .media .media-body.media-body-archive {

	padding: 10px 0px 10px 60px;

}



.container#all-container {

	padding: 0;

	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);

}



.panel-footer {

	background-color: transparent;

}



a .media-body,
.media-body {

	color: #005596;

}



.indicator {

	width: 20px;

	height: 20px;

	display: block;

	float: left;

	margin-right: 4px;

}



.custom-legend {

	padding: 10px 0;

	background: #e9e9e9;

	list-style-type: none;

	margin-top: 10px;

}



.custom-legend li {

	margin: 3px 0 3px 15px;

}



/* Questionario */





#question-container {

	width: 100%;

	min-height: 300px;

	position: relative;

	overflow: hidden;

}



.question {

	opacity: 1 !important;

	visibility: visible !important;

	position: absolute;

	top: 0;

	left: 100%;

	height: 100%;

	width: 100%;

	transition: .3s all ease;

	margin-bottom: 0 !important;

}



.ajax-loader {

	text-align: center;

	position: absolute;

	left: 0;

	top: 0;

	right: 0;

	bottom: 0;

	width: 100%;

	height: 100%;

	margin: 0;

	padding: 0;

	background: rgba(0, 0, 0, 0.3);

}



.ajax-loader .spinner {

	vertical-align: middle;

	position: absolute;

	width: auto;

	height: auto;

	display: table;

	position: absolute;

	height: auto;

	width: auto;

	left: 50%;

	top: 50%;

	font-size: 24px;

	-moz-transform: translate(-50%, -50%);

	-ms-transform: translate(-50%, -50%);

	-o-transform: translate(-50%, -50%);

	-webkit-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%);

}



.ajax-loader .spinner .icon {

	margin: 0 auto;

	width: 300px;

	padding: 0;

	min-height: 100%;

	text-align: center;

}



.fix .fa-spin {

	-webkit-transform-origin: 50% calc(50% - .5px) !important;

	transform-origin: 50% calc(50% - .5px) !important;

}



.question.active {

	left: 0;

}



.question.gone {

	left: -100%;

}



.jumbotron.final.active {

	opacity: 1;

	visibility: visible;

	top: 0;

	right: 0;

	width: 100%;

}



.jumbotron.final {

	opacity: 0;

	visibility: hidden;

	position: absolute;

	top: 0;

	right: 0;

	height: 0;

	width: 0;

	transition: .3s all ease;

	margin-bottom: 0 !important;

	height: 100%;

	padding: 110px 0;

}



.text-lgr {

	font-size: 25px;

	margin-top: 0;

}



.lead-2 {

	margin-bottom: 20px;

	font-size: 16px;

	font-weight: 400;

	line-height: 1.4;

}



.embed-responsive {
	width: 100%;
}



.apri {

	width: 35px;

	display: block;

	height: 30px;

	line-height: 17px;

	color: #006699;

}



@media (max-width: 768px) {

	.navbar-default .navbar-nav>li>a {

		padding: 10px 10px;

	}

}



@media (min-width: 768px) {

	.navbar-default .navbar-nav>li>a {

		padding: 30px 10px;

	}

}



img.holdr {

	width: 100%;

	height: auto;

}



.s-media {

	margin: 15px 0 0 0;

	padding: 0 0 15px 0;

	border-bottom: 1px dashed #bbb;

}



.pad {

	padding: 10px;

}



.course-heading>a.media {

	display: table-cell;

}



.bold_1 {

	font-weight: bold;

}



mark.highlight {

	padding-left: 0;

	padding-right: 0;

	padding-top: 0;

	padding-bottom: 0;

	background: #ff3;

}



.b-lazy {

	-webkit-transition: opacity 500ms ease-in-out;

	-moz-transition: opacity 500ms ease-in-out;

	-o-transition: opacity 500ms ease-in-out;

	transition: opacity 500ms ease-in-out;

	max-width: 100%;

	opacity: 0;

}

.b-lazy.b-loaded {

	opacity: 1;

}



.has-success .form-control {

	border-color: #449d44;

}



.has-success .form-control-feedback {

	color: #449d44;

}



.has-success .form-control:focus {

	border-color: #449d44;

}



.custom-jumbo {

	font-weight: 700;

	margin: 5px 0;

}



/* .media-archive .img-square {

	line-height: 50px;

	padding: 10px;

	height: 100%;

	width: 100%;

	display: table;

	vertical-align: middle;

}



.media-archive{

	height: 100%;

}



.icon-square.fa-2x {

    display: table-cell;

    vertical-align: middle;

} */



.input-group-validation .form-control-feedback {

	z-index: 3;

}



.loader-icon {

	position: absolute;

	top: 50%;

	left: 50%;

	margin-left: -0.5em;

	margin-top: -0.5em;

	transform: translate(-50%, -50%);

	-webkit-animation: fa-spin 2s infinite linear;

	animation: fa-spin 1s infinite ease-in-out;

}



.widget-content+.widget-content {

	padding-top: 0;

}



.alert .icon {

	display: table-cell;

	vertical-align: middle;

}



.alert div{

	padding-left: 10px;

	display: table-cell;

	vertical-align: middle;

}



.hide,
.hidden {

	opacity: 0;

}



.invisible {

	opacity: 0;

}



.nopad {

	padding: 0;

}



ul.suggested-courses {

	position: relative;

	width: 100%;

	margin-top: 40px;

	margin-bottom: 0;

	min-height: 250px;

	padding: 20px 0;

	padding-left: 0;

	box-shadow: inset 0 8px 8px -10px #000000;

}



.jumbotron.final {

	opacity: 0;

	visibility: hidden;

	position: relative;

	top: 0;

	right: 0;

	height: 0;

	width: 0;

	transition: .3s all ease;

	margin-bottom: 0 !important;

	height: 100%;

	padding: 80px 0 0 0;

}



li.suggested {

	list-style-type: none;

	background-color: #fff;

	padding-bottom: 20px;

	box-shadow: 0 0 2px #999;

	transition: box-shadow .5s ease;

}



.promo-big-ecm {

	font-size: 40pt;

	font-weight: bold;

	line-height: 40pt;

	display: inline-block;

	width: 100%;

}



.promo-big-ecm .small {

	font-size: 16pt;

	font-weight: 300;

	line-height: 40pt;

	display: inline-block;

	vertical-align: middle;

}


/*
.questionaire-body{

	min-height:670px

}
*/



.newspaper-heading {

	font-weight: bold;

	height: 57px;

	overflow: hidden;

	padding: 0 10px;

}



button#answer {

	top: 15px;

	bottom: 15px;

	font-size: 20pt;

	font-weight: bold;

	transition: all .3s ease;

}



.cust-radio {

	margin: 0;

}

.cust-radio+.cust-radio {

	/*padding:10px 0;*/

	margin: 0;

}



.cust-radio label {

	padding: 10px 0 10px 20px;

	margin: 0;

	width: 100%;

}



.iradio_square-blue {

	margin-right: 10px !important;

}



.radio.cust-radio:nth-child(2n) {

	background: #e9e9e9;

}

.radio.cust-radio:nth-child(2n+1) {

	background: #eee;

}



.btn {

	transition: all .3s ease;

}



li.suggested:hover {

	box-shadow: 0 0 12px #999;

}

.download_50_ecm {
	text-align: center;
	cursor: pointer;
	text-transform: uppercase;
}

/*
descrizione modale profile.phtml
*/



.centrato {

	display: block;
	float: none;
	margin: 0 auto;

}

.modal_allargata {
	width: 130%;
	left: -13%
}

.modal-body li {
	color: #DB1600;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	text-align: left;

}


.modal-body ul {
	/*width:30%;*/
	margin: 0 auto;
}


.sponsor {
	background-color: #f5f5f5;
	padding: 20px 0 20px 0;
	margin-top: 14px;
}

.sponsor img {
	max-width: 100px;
	margin-top: 10px;
}

/*Coupon da client*/
main.main>.my_credits {
	position: absolute;
	right: 15px;
	top: 1px;
}

.coupon-box {
	color: #ffffff;
	margin-left: 20px;
	border: 1px solid #cbcbcb;
	padding: 1px 6px 4px 6px;
	border-radius: 0 0 8px 8px;
	-webkit-box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.42);
	-moz-box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.42);
	box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.22);
	background-color: #5cb85c;
}

#coupon-box {
	cursor: pointer;
}

.coupon-input {
	min-width: 300px;
	margin-bottom: 13px;
}

.coupon-btn {
	margin-bottom: 20px;
}

.text-red {
	color: red;
}

@media screen and (max-width: 990px) {
	.coupon-box {
		margin-left: 0;
		padding: 1px 6px 4px 6px;
		display: block;
		width: 100%;
		float: none;
	}

	main.main>.my_credits {
		position: initial;
		right: 15px;
		top: 1px;
		padding-top: 13px;
	}
}

/*Fine Coupon da client*/

/*Nuova grafica corsi Articulate*/
.progress.progress-sm {
	width: 50%;
	float: left;
}

.countTentativi {
	width: 50%;
	float: right;
}

.details2 {
	height: 35px;
	width: 30%;
	background-color: #c4e097;
	margin-right: 15px;
	padding: 7px;
	display: inline;
}

.timeline {
	border-left: 3px solid grey;
	left: auto;
	position: relative;
}

.story-img {
	width: 30px;
	position: relative;
	left: -28px;
}

h3.circle strong {
	top: 30px;
	padding-top: 45px;
	position: relative;
	font-size: 28px;
	letter-spacing: -0.07em;
}

/*Fine Nuova grafica corsi Articulate*/

/*----CSS PER ADMIN TEST----*/
/* Change background color of buttons on hover */
.tab button:hover {
	background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
	background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
	display: none;
	padding: 6px 12px;
	border: 1px solid #ccc;
	border-top: none;
}

/*----FINE CSS PER ADMIN TEST----*/

/*PULSANTE BLOCKCHAIN*/
.btn-blockchain {
	background-color: #3ba1dd;
	color: #fff;
}

.btn-blockchain:hover {
	background-color: #88d0fa;
	color: #fff;
}

/*CSS VIEW READ_BLOCKCHAIN */
body {
	font-family: 'Open Sans', sans-serif;
}

.bc,
#main {
	text-align: center;
}

.bc ul,
#main ul {
	font-size: 12px;
	color: #333333;
	padding: 0px
}

.bc li,
#main li {
	margin-left: 10px;
	text-align: left;
}

/* img[src^="images/img__"] {width: 100%; margin: 20px 0 15px 0} */


.bc .col {
	width: 20%;
	float: left;
	padding: 0 10px;
	position: relative
}

.bc .col__disable {
	opacity: 0.3
}



.bc .col__iscrizione h1,
.bc .col__corso h1,
.bc .col__test-finale h1,
.bc .col__questionario h1,
.bc .col__attestato h1 {
	font-size: 40px;
	font-weight: 800;
	text-transform: uppercase;
	margin: 0px
}


.bc .col__iscrizione h2,
.bc .col__corso h2,
.bc .col__test-finale h2,
.bc .col__questionario h2,
.bc .col__attestato h2 {
	font-size: 20px;
	font-weight: 800;
	text-transform: uppercase;
	margin: 0px
}


.bc .col__iscrizione h1,
.col__iscrizione h2 {
	color: #e0d22e
}

.bc .col__corso h1,
.col__corso h2 {
	color: #f15e78
}

.bc .col__test-finale h1,
.col__test-finale h2 {
	color: #a14a98
}

.bc .col__questionario h1,
.col__questionario h2 {
	color: #f3982d
}

.bc .col__attestato h1,
.col__attestato h2 {
	color: #bd3132
}


.bc .col__image {
	position: relative
}

.bc .col__image img {
	width: 100%;
	margin: 20px 0 15px 0
}


.bc .date a {
	color: #52af52;
	text-decoration: none;
	border: 1px solid #38ac0a;
	display: block;
	border-radius: 6px;
	padding: 4px;
	text-align: center;
	font-weight: 700;
}

.bc .date a:hover {
	color: #000;
	background-color: #38ae0a4d;
}

.bc .date__test__fail-test {
	color: #fd4902 !important
}

.date__test__success-test {
	color: #38ac0a !important;
	font-weight: 700
}


.bc .btn__active {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 9;
	border: solid 2px #38ac0a;
	border-radius: 5px;
	background-color: rgba(255, 255, 255, .5);
}

.bc .btn__active a {
	display: inline-block;
	color: #38ac0a !important;
	text-transform: uppercase;
	font-size: 20px;
	font-weight: 700;
	padding: 5px 20px;
	cursor: pointer;
}

.bc .btn__active:hover a,
.bc .btn__active:focus a,
.bc .btn__active:active a {
	background-color: rgba(255, 255, 255, .8);
	text-decoration: none;
}


.bc .vti {
	margin: 20px 0 0 -8px !important;
	list-style: none;
}

.bc .top {
	margin: 6px 0 0 0;
}

.tematica-speciale {
	background-color: #9d1e2d;
	height: 18px;
	display: block;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	color: white;
	text-align: center;
	font-size: 11px;
	padding-top: 2px;
}

.no-speciale {
	height: 18px;
	display: block;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	text-align: center;
	font-size: 11px;
	padding-top: 2px;
}

@media (min-width: 768px) {
	.bc .container {
		width: 100%;
	}
}


@media screen and (max-width: 767px) {

	/* .col{width: 234px} */
	.bc .col h1 {
		font-size: 5vw
	}

	.bc .col h2 {
		font-size: 2vw
	}
}

/* AGGIUNTE NUOVA GRAFICA */

.info {
	font-size: 12px;
}

.red {
	color: red;
}

.pad-btm-zero {
	padding-bottom: 0 !important;
}

hr {
	margin: 0 0 15px 0;
	width: 100%;
}

.btn-full-width {
	width: 100%;
}

.info-pop {
	width: 100%;
	margin-bottom: 10px;
}

.info-pop-half {
	width: 49%;
	margin-bottom: 10px;
	margin-left: 1px;
}

.course-accordion {
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.link-consulcesi {
	/* float: left; */
}

.my_credits>span {
	padding-right: 20px;
}

.my_credits>.club {
	float: left;
}

.my_credits>.ecm {
	float: right;
}

.ecm>span {
	padding: 0px 20px 0 0;
}

.speciale::before {
	content: url(img-web/speciale.png);
	display: block;
	height: 21px;
	float: right;
	border-radius: 20px;
	width: 40px;
}

.text-green {
	color: #00a02c;
}

.btn-stop {
	background-color: #e89895;
	border-color: #e89895;
}

.panel-attivi {
	min-height: 490px;
}

.panel-catalog {
	min-height: 400px;
}

.panel-archive {
	min-height: 428px !important;
}

.panel-archiveG {
	min-height: 350px !important;
}

.course-heading {
	min-height: 140px;
}

.course-listing>li {
	padding: 5px;
}

.img-circle {
	border-radius: 50%;
	display: block;
	position: relative;
}

.vertical-center {
	margin: 0;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

@media (max-width: 1199px) {
	.info-pop-half {
		width: 100%;
		margin-bottom: 10px;
		margin-left: 1px;
	}

	.speciale {
		min-height: auto;
	}
}

@media (max-width: 992px) {
	.speciale {
		min-height: auto;
	}
}



.text-right {
	text-align: right;
}

a.btn.btn-default.btn-blockchain[disabled]:hover {
	background-color: #3ba1dd;
}

/*impersonifica*/

.impersonifica {
	background-color: red !important;
	padding: 10px;
	margin-top: 5px;
	text-align: center;
}

.impersonifica h3 {
	font-weight: 600;
	display: inline !important;
	color: #fff;
}

.impersonifica h3 a {
	color: #000 !important;
}

.impersonifica h3 a:visited {
	color: #000 !important;
}

.faq-heading {
	padding: 10px 15px !important;
}

/* lead */
.closemodal {
	font-size: 1em;
	cursor: pointer !important;
}

.titoloLEAD {
	font-size: 28px !important;
	color: #1951A0 !important;
	font-weight: 700 !important;
}

.intestazioneLEAD {
	font-size: 16px;
	font-weight: 400;
	text-align: justify !important;
}

@font-face {
	font-family: 'Glyphicons Halflings';
	src: url('../fonts/glyphicons-halflings-regular.eot');
	src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}


.panel-lead {
	border: none !important;
}

.panel-lead>.panel-heading {
	border-bottom: none !important;
}

.panel-heading .accordion-toggle:before {
	/* symbol for "opening" panels */
	font-family: 'Glyphicons Halflings';
	/* essential for enabling glyphicon */
	content: "\e114";
	/* adjust as needed, taken from bootstrap.css */
	float: left;
	/* adjust as needed */
	color: #000000;
	/* adjust as needed */
}

.panel-heading .accordion-toggle.collapsed:before {
	/* symbol for "collapsed" panels */
	content: "\e080";
	/* adjust as needed, taken from bootstrap.css */
}

.panel-title-lead {
	font-size: 13px !important;
	color: #000000;
	display: inline !important;
}

.panel-title-lead a {
	text-decoration: none !important;
	display: inline !important;
	font-weight: 400 !important;
	line-height: 2;
}

.slick-prev:before,
.slick-next:before {
	color: #006699 !important;
}

.slick-dots li button:before {
	color: #006699 !important;
}

.slick-slider {
	position: relative !important;
}

/* Personalizza la posizione delle frecce */
.slick-prev,
.slick-next {
	top: 10px !important;
	/* distanza dall'alto */
	color: #fff !important;
	border-radius: 50% !important;
	z-index: 1 !important;
}

.slick-prev {
	right: 40px !important;
	/* spazio tra le frecce */
	left: auto !important;
}

.slick-next {
	right: 20px !important;
	/* distanza dal bordo destro */
}

.slick-track {
	margin-top: 20px !important;
}

.slick-dotted.slick-slider {
	margin-bottom: 50px !important;
}

.row_partner {
	text-align: center;
}

.row_partner img {
	display: inline-block;
	width: 130px;
	filter: gray;
	filter: grayscale(1);
	-webkit-filter: grayscale(1);
	margin: 0px;
}

.row_partner img:hover {
	filter: none;
	/* Rimuove il filtro */
	-webkit-filter: none;
	/* Compatibilità WebKit */
}

.img-catalogo {
	width: 100%;
	height: 106px;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #f1f1f1;
  }
  
  .img-catalogo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
  }
  
.logo-fse{
	max-width: 100%;
	text-align: center;
}

.stato-FSE {
	font-weight: 600;
	font-size: 1.1em;
}

.badge-fse {
	background-color: #CF0077 !important;
	color: #FFFFFF !important;
	font-size: 1.0em !important;
	padding: 5px 7px !important;
}

.logo-fse-header {
	height: 50px;
	margin: 10px;
}

.main-no-padding-fse {
	padding-top: 0 !important;
}

.btn-inizia-continua-fse {
	background-color: #23AE84 !important;
	color:#FFFFFF !important;
}

.btn-certificato-fse {
	background-color: #183A64 !important;
	color: #FFFFFF !important;
}

.btn-scheda-corso-fse {
	background-color: #35B6B4 !important;
	color: #FFFFFF !important;
}

.btn-assistenza-fse {
	background-color: #FBBC43 !important;
	color: #FFFFFF !important;
}

.modulo-fse {
	background-color: #CCF5E9 !important;
	color: #000000 !important;
}

.modulo-badge-fse {
	background-color: #23AE84 !important;
	color: #FFFFFF !important;
}

.modulo-hr-fse {
	border-top: 1px solid #006699;
}