/* css personalizzati 
		MG @ Teknet 2021
		qui vanno messi css nuovi e override delle classi di bootstrap
		
		verde 009369
		rosso d9292c
		grigio 6a696e
		sfondo grigio e6e6e6
		grigio scuro 4c4948
		
*/

body
{
	background-color: #ffffff;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
}

.login-logo .learning-academy-subtitle
{
	font-weight:900;
	font-size:34px;
	color:#009369;
}

.btn-primary, .btn-primary:hover	 {
    color: #fff;
    background-color: #009369;
    border-color: #009369;
}

.text-primary {
    color: #009369 !important;
}

.btn-link {
    font-weight: 400;
    color: #009369;
    text-decoration: none;
}

a
{
	color:#009369;
}

.login-container .card
{
	border:0px;
}

.login-form-label
{
	font-weight:500;
	font-style:bold;
}

.h3
{
	color:#6a696e;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
}
.h3-ter
{
	color:#6a696e;
}

.btn-lg
{
	font-weight: 500;
	font-size: 14px;
}

.bg-success
{
	background-color:#edfdf4 !important;
}
.bg-warning
{
	background-color:#ecead2 !important;
}

/* registration */
.register-form-label
{
	font-weight:500;
}
.registration-ty
{
	font-size: 40px;
    font-weight: 900;
    color: #4c4948;
}
.registration-ty-text
{
	font-size: 18px;
}

/* menu */
.terumo-menu
{
	width:100%;
}

.terumo-menu .nav-item
{
	text-transform: uppercase;
    font-size: 20px;
	padding-left:20px;
	padding-right:20px;
	margin-left:20px;
	margin-right:20px;
	color:#4c4948;	
	border-bottom:4px solid white;
}

.terumo-menu .nav-item:hover
{
	font-weight:900;
	border-bottom:4px solid #009369;
}
.terumo-menu .nav-item:hover a
{
	color:#009369 !important;
}

/* welcome messages */
.home-intro-text
{
	color: #4c4948;
    font-size: 30px;
}
.btn-proceed
{
	font-size: 26px;
    padding: 15px;
    padding-left: 40px;
    padding-right: 40px;
}
.home-intro-image img
{
	width:100%;
	max-height:750px;
	object-fit:contain;
}

/* dashboard */

.dashboard-element
{
	background-color:#e6e6e6;
	color:#4c4948;
	cursor:default;	
}
.dashboard-element a, .dashboard-element a:hover
{
	color:#4c4948;
	text-transform:none;
	text-decoration:none;
	cursor:pointer;
}

.terumo-baffo
{
	position: relative;
    left: -90px;
    top: -40px;
	display:none
}

.dashboard-secondary
{
	margin-bottom:-15px;
}

.dashboard-primary
{
	color:#009369;
	margin-bottom:40px;
	font-weight:900;
	font-size:40px;	
}

.dashboard-text
{
	font-size: 23px;
}

.dashboard-image
{
	text-align:center;
}

.dashboard-image img
{
	max-width:100%;
}

.dashboard-arrow-icon
{
	font-size: 40px;
    text-align: center;
	color:#009369;
}

/* over di un elemento della dashboard */
.section-enabled:hover
{
	cursor:pointer;
	background-color:#009369 !important;
	color:#ffffff !important;
}
.section-enabled:hover .dashboard-primary, 
.section-enabled:hover .dashboard-arrow-icon,
.section-enabled:hover a 
{
	color:#ffffff;
}

.section-enabled:hover .terumo-baffo
{
	display:block;
}

/* backoffice - control panel */

.admin-panel-title
{
	font-size:20px;
}

/* simulation */

.simulation .card-header
{
	background: #4c4948;
	cursor:pointer;
}
.simulation .card-header[aria-expanded="true"] {
    background: #009369;
}

.simulation .pump-name
{
	color: white;
    font-weight: 600;
    font-size: 18px;
	cursor:pointer;	
}

.simulation .card-body
{
	background-color:#e6e6e6;
}

.simulation .pump-function
{
	font-weight: 600;
    color: #4c4948;
	cursor:pointer;
}

.simulation .function-id
{
	margin-right: 5px;
    color: #009369;
}

.simulation .simulation-title
{
	background-color:#e6e6e6;
	font-size:26px;
	font-weight:bold;
}

.simulation-title .title-pump-name
{
	margin-right: 10px;
    color: #009369;
}

.simulation .simulator-iframe
{
	width:100%;
	min-height:700px;
	border: 0px;
}

/* 360 views */
.category-element
{
	border: 5px solid #e6e6e6;
}

.category-image img
{
	width:100%;
}

.category-title
{
	font-size: 40px;
    color: #009369;
	font-weight:bold;
}

.category-desc
{
	font-size: 30px;
    text-transform: uppercase;
	color:#6a696e;
	font-weight:bold;
}

.category-arrow
{
	font-size:50px;
	color: #009369;
}

.category-element a
{
	text-decoration:none;
}

.model-view .pump
{
	cursor:pointer;
}

.model-view .pump-image img
{
	width:100%;
}

.model-view .pump-name
{
	background-color: #e6e6e6;
    font-size: 25px;
	font-weight:bold;
}

.model-view .model-view-iframe
{
	width:100%;
	min-height:700px;
	border: 0px;
}

.model-view .model-view-title
{
	background-color:#e6e6e6;
	font-size:26px;
	font-weight:bold;
}

.model-view-title .title-pump-name
{
	margin-right: 10px;
    color: #009369;
}

/* assessments */
.end-user-spacer
{
	border-top:1px solid grey;	
}
.assessments-list .assessment-element
{
	border: 5px solid #e6e6e6;
}

.assessments-list .assessment-image img
{
	width:100%;
}

.assessments-list .assessment-title
{
	font-size: 30px;
    text-align: center;
    padding-top: 20px;
	font-weight:bold;
	color: #009369;
}

.assessment-passed
{
	background-color: #009369;
    color: white;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 40px;
    text-align: center;
}
.assessment-not-passed
{
	background-color: #4c4948;
    color: white;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 40px;
    text-align: center;
}

.assessment-desc
{
	color:#4c4948;
	font-size:24px;
	text-align: center;
}

.assessment-desc .assessment-title
{
	color: #009369;
	font-size: 42px;
}
.assessment-desc .assessment-subtitle
{
	padding-bottom:10px;
	font-size: 18px;
}

.assessment-desc .fa-check-circle
{
	color: green;
}

.assessment-image img
{
	width:100%;
}

.assessment-main-desc
{
	font-size:20px;
}

.assessment-certificate .btn-lg
{
	font-size:24px;
}

/* survey js override */

.sv-title
{
	font-family: "Roboto" !important;
}

.sv-completedpage
{
	font-family: Roboto !important;
	background-color: transparent !important;
	color: #9a9a9a !important;
}

.sv-root-modern .sv-footer__complete-btn {
    background-color: rgb(0 147 103) !important;
}

.sv-image {
    width:100% !important;
}
.sv-image img
{
	width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
}

.row.justify-content-center.simulation > .col-md-7{
	max-width: 1100px;
}
/*
#accordion{
	display:grid;
}
#accordion{
	display:grid;
}
#accordion > div:nth-child(1){
	order:2
}
#accordion > div:nth-child(2){
	order:1
}
#accordion > div:nth-child(3){
	order:4
}
#accordion > div:nth-child(4){
	order:3
}
#accordion > div:nth-child(5){
	order:6
}
#accordion > div:nth-child(6){
	order:5
}
*/
@media screen and (max-width:1600px){
	.row.justify-content-center.simulation > .col-md-7{
		flex: 0 0 75%!important;
		max-width: 75%;
	}
}

@media screen and (max-width:900px){
	.simulation > .col-md-3, .simulation > .col-md-7{
		width:100%;
		flex:0 0 100%;
		max-width:100%;
	}
	.terumo-menu .nav-item {
		text-transform: uppercase;
		font-size: 20px;
		padding-left: 0;
		padding-right: 0;
		margin-left: 0px;
		margin-right: 5px;
		color: #4c4948;
		border-bottom: 4px solid white;
	}
	.row.justify-content-center.simulation > .col-md-7{
		flex: 0 0 100%!important;
		max-width: 100%;
	}
}

.sv-question__title
{
	background:rgba(26, 179, 148, 0.2) !important;
}

@media screen and (max-width:)