:root{--color-primary: #69bd45;--color-secondary: #007ab8;--color-tertiary: #1ea4a9;--color-state: #4b7e2b;--color-state-hover: #3c6721;--color-state-focus: #3c6721;--color-state-active: #30541a;--color-state-highlight: #f6f9d7;--color-state-highlight-neutral: var(--color-neutral-3);--color-state-disabled: var(--color-neutral-5);--color-neutral-1: #fff;--color-neutral-2: #fafafa;--color-neutral-3: #f7f7f7;--color-neutral-4: #e6e4e4;--color-neutral-5: #c7c7c7;--color-neutral-6: #767676;--color-neutral-7: #262626;--color-background: var(--color-neutral-1);--color-border: var(--color-neutral-5);--color-text: var(--color-neutral-7);--color-text-disabled: var(--color-neutral-5);--color-text-hint: var(--color-neutral-6);--link-color: var(--color-state);--link-color-hover: var(--color-state-hover);--nav-bg-color: #fff;--nav-text-color: var(--color-text);--footer-bg-color: #fff;--footer-text-color: var(--color-text);--footer-text-color-hover: var(--footer-text-color);--btn-accent-color: var(--color-state);--btn-accent-color-active: var(--color-state-active);--btn-accent-color-hover: var(--color-state-hover);--btn-accent-color-disabled: var(--color-state-disabled)}:root{--nav-bg-color: #ffffff;--nav-text-color: #272832;--color-primary: #18c2a9;--btn-accent-color: #260f64;--link-color: #260f64;--color-state: #7302ff;--color-text: #272832;--footer-bg-color: #ffffff;--footer-text-color: #272832;--btn-accent-color-hover: #1c055a;--btn-accent-color-active: #0b0049;--link-color-hover: #1c055a;--color-state-hover: #6900f5;--color-state-focus: #6900f5;--color-state-active: #5800e4;--footer-text-color-hover: #1d1e28;}
/*Para curso Induccion Corporativa CAS*/

@media (min-width: 768px)
.container {
    width: 750px;
}

.container {
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 768px)
.col-sm-12 {
    width: 100%;
}

@media (min-width: 768px)
.col-sm-12 {
    float: left;
}

.col-sm-12 {
    padding-right: 15px;
    padding-left: 15px;
}

#div-central {
	background-color: #FFFFFF;
	padding: 10px;
	position: relative;
}

.row {
    margin-right: -15px;
    margin-left: -15px;
}

.fbClose2 .fbIcon * {
	color:  #FFFFFF !important;
	font-size: 30px !important;
	margin-top: 20px;
}

.titulo-celeste {
	border-bottom: 1px solid #01A49A;
	color: #01A49A;
	padding: 5px 5px 10px 5px;
	margin-bottom: 10px;
        font-family: 'Roboto', sans-serif;
	font-size: 24px;
	font-weight: bold;
	display: block;
	text-align: center;
}

.contenedor-induccion-fila {
	display: flex; 
	justify-content: space-around;
}

.contenedor-induccion-fila .leccion {
	align-items: center;
	align-self: center;
	background-image: url(img/fondo1.png);
	background-position: top left;
	background-size: 100% 100%;
	display: flex; 
	flex-direction: column;
	margin: 20px;
	position: relative;
	width: 20%; 
}

.contenedor-induccion-fila .leccion.blocked {
	cursor: default;
	opacity: 0.4;
}

.contenedor-induccion-fila .leccion:hover {
	animation: induccionLeccion 0.2s 1;
}

.contenedor-induccion-fila .leccion.no-fondo {
	background-image: none;
}

.contenedor-induccion-fila .leccion.fondo2 { background-image: url(img/fondo2.png); }
.contenedor-induccion-fila .leccion.fondo3 { background-image: url(img/fondo3.png); }
.contenedor-induccion-fila .leccion.fondo4 { background-image: url(img/fondo4.png); }
.contenedor-induccion-fila .leccion.fondo5 { background-image: url(img/fondo5.png); }

.contenedor-induccion-fila .leccion.central {
	width: 25% !important;
}

.contenedor-induccion-fila .leccion label {
	font-size: 18px;
        font-family: 'Roboto', sans-serif;
	text-align: center;
       font-weight: bold;
       color: #337ab7;
}

.contenedor-induccion-fila .leccion.completada:after {
	background-image: url(../../img/check_verde_redondo.png);
	background-size: 50px 50px;
	content: "";
	height: 50px;
	position: absolute;
	right: 0;
	top: 0;
	width: 50px;
}

.contenedor-induccion-fila .leccion.desactivada {
	cursor: default;
	opacity: 0.4;
	pointer-events: none;
}


/* /Induccion CAS */


@keyframes hoverEffect {
	from {
		transform: rotate(-2deg);
	}

	to {
		transform: rotate(2deg);
	}
}



/*** Animación Inducción Corporativa CAS ***/
    @-webkit-keyframes swing {
            20% {
                -webkit-transform: rotate3d(0, 0, 1, 15deg);
                transform: rotate3d(0, 0, 1, 15deg);
            }

            40% {
                -webkit-transform: rotate3d(0, 0, 1, -10deg);
                transform: rotate3d(0, 0, 1, -10deg);
            }

            60% {
                -webkit-transform: rotate3d(0, 0, 1, 5deg);
                transform: rotate3d(0, 0, 1, 5deg);
            }

            80% {
                -webkit-transform: rotate3d(0, 0, 1, -5deg);
                transform: rotate3d(0, 0, 1, -5deg);
            }

            to {
                -webkit-transform: rotate3d(0, 0, 1, 0deg);
                transform: rotate3d(0, 0, 1, 0deg);
            }
        }

        @keyframes swing {
            20% {
                -webkit-transform: rotate3d(0, 0, 1, 15deg);
                transform: rotate3d(0, 0, 1, 15deg);
            }

            40% {
                -webkit-transform: rotate3d(0, 0, 1, -10deg);
                transform: rotate3d(0, 0, 1, -10deg);
            }

            60% {
                -webkit-transform: rotate3d(0, 0, 1, 5deg);
                transform: rotate3d(0, 0, 1, 5deg);
            }

            80% {
                -webkit-transform: rotate3d(0, 0, 1, -5deg);
                transform: rotate3d(0, 0, 1, -5deg);
            }

            to {
                -webkit-transform: rotate3d(0, 0, 1, 0deg);
                transform: rotate3d(0, 0, 1, 0deg);
            }
        }

        .animate__swing {
            -webkit-transform-origin: top center;
            transform-origin: top center;
            -webkit-animation-name: swing;
            animation-name: swing;
        }
        .link-cas{
            background-image: url(https://suitetxp.glowchile.com/draftfile.php/5/user/draft/231122795/sombra.png);
            background-size: contain;
            background-repeat: no-repeat;
            background-position-x: center;
            background-position-y: top;
        }
        .link-cas:hover {
            animation: swing;
            animation-duration: 0.8s;
        }

/*** Fin Animación Inducción Corporativa CAS ***/


.block_badges .block-content .badges li {
    display: block;
    margin: 0 auto;
}