/* START CUSTOM */
@media (min-width: 601px) {
    /*Carousel*/
  #slide1{background-image: url(/content/courses/common/Carousel_1.jpg);}
  #slide2{background-image: url(/content/courses/common/Carousel_2.jpg);}
  #slide3{background-image: url(/content/courses/common/Carousel_3.jpg);}
  
  .container {width: auto;}
  #ef-navbar{padding: 0px 10px 0px 10px;}
  .slide-image {height: 22vw !important;}
  #ef-login-index {width: 400px !important;}
  .footer_company{font-size: 10px;}
}

@media (max-width: 600px) {
  /*Carousel*/
  #slide1{background-image: url(/content/courses/common/Carousel_1_mob.jpg);}
  #slide2{background-image: url(/content/courses/common/Carousel_2_mob.jpg);}
  #slide3{background-image: url(/content/courses/common/Carousel_3_mob.jpg);}
  
  
  
  
  #ef-login-index {margin: 0px 20px !important;}
    .carousel_Title {
        margin-top: 13px !important;
        margin-left: 18px !important;
        font-size: 20px !important;
    }
   .carousel_Text {margin-left: 18px !important;}
  

  li.active a {font-size: 12px !important;}  
  .mg_top_30px{margin-top: 0px !important;}
  .slide-image {height: 47vw !important;}
  .footer_company{font-size: 10px;}
  #ef-login-index .ef-form-element-text label{color: white!important;}
#forgot-passwd{color: white !important;}
}

@media (max-width: 990px) {
  .footer_company{font-size: 8px;}
  #div_footer_help, #div_footer_icons{display:none !important;width:0% !important;}
  #div_footer_firma{width:100% !important;}
}

.ef-footer-price{
  display: none;
}

.breadcrumb-x{
  margin: 0px !important;
}

.panel-heading{
background-color: #27272d !important;
}

.ef-navbar-logo.navbar-brand{
	margin-top: 7px !important;
}

.ef-question-indicator .ef-question-indicator-current {
    background-color: #ffffff !important;
    border: 2px solid #333 !important;
    color: #222;
}

.ef-question-indicator .ef-question-indicator-done {
    background-color: #87d578 !important;
    border: 2px solid #333 !important;
    color: #333 !important;
}

.default-course-image-container .img-responsive{
	margin: auto;
}

#ef-login-index{
  background: #cdcdcd;
    margin: auto;
    margin-top: 10px;
    border-radius: 20px;
    opacity: 0.9;
    height: 294px;
}

#forgot-passwd{
    font-weight: 700;
    font-size: 12px;
    color: #383737 !important;
}

#ef-login-index .ef-form-element-text label{
color: black;
}
#footer_assos-logo{
  float: left;
    padding: 10px;
    position: absolute;
}

#div_footer_help{
      float: left;
    width: 15%;
	margin-top: 4px;
}
#div_footer_firma{
  float: left;
    width: 70%;
}

.footer_company p{
  margin: 0px !important;
}

#div_footer_icons{
      float: right;
    width: 15%;
      margin-top: 14px;
}

#home-footer{
    text-align: center !important;
    /*padding: 75px 0 !important;*/
    background-size: cover !important;
    background-position: center !important;
    float: left;
    width: 100%;
    position: fixed;
    bottom: 0;
  	height: 70px;
    background-color: #27272d !important;
    color: #fff !important;
}

#home-footer h2{
  font-size: 16px;
  
}

.white-btn{
    background: white !important;
    border-radius: 5px !important;
    padding: 5px 10px !important;
  	/*font-size: 20px !important;*/
      font-size: 10px !important;
    text-decoration: none !important;
}

.white-btn:hover{
color: #ababab !important;
}

/* Icone Footer */
.jss352 ul {
    justify-content: space-between !important;
    margin: 0 !important;
    display: flex !important;
    padding: 8px 0 0 !important;
    list-style: none !important;
    align-items: center !important;
    justify-content: center !important;
}

.jss352 ul li a {
    width: 28px !important;
    height: 28px !important;  
    border: 1px solid #FFFFFF !important;
    display: flex !important;
    align-items: center !important;
    border-radius: 50% !important;
    justify-content: center !important;
    margin-right: 10px;
}

#announcement_2_3{
	display: none;
}

.ef-breadcrumb{
    color: white !important;
    text-transform: uppercase !important;
    font-size: 13px !important;
    padding: 15px 10px !important;
    /*display: block !important;position: relative !important;*/
    font-size: 13px !important;
    font-family: "Helvetica Neue",helvetica,arial,sans-serif !important;
    text-rendering: optimizeLegibility !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
}

.ef-breadcrumb a:link,.ef-breadcrumb a:visited{
 color: white !important; 
}

.breadcrumb-x, #ef-navbar{
  	background-color: #27272d !important;
    color: #fff !important;
}
#ef-toggle-fullscreen{
  	background-color: white !important; 
}




#main-content{
	/*background-color:  #1c1c1c !important;*/
      /* min-width: 100% !important;*/
}
/*
iframe#pdfaccept {
    height: 1047px !important;
}*/


/* END CUSTOM */






/*.ef-user-signed-in {
	background-color:  #EFEFEF;
}*/







#ef-navbar .container ul.nav.navbar-nav > li > a, #ef-navbar .container ul.nav.navbar-nav > li > button {
    /*color: #3d3860;*/
  color: white;
}

.a-tag-green {
    color: #229E93 !important;
}

.texts {
    letter-spacing: var(--unnamed-character-spacing-0);
    text-align: left;
    letter-spacing: 0px;
    opacity: 1;
}

.footer-class {
	background-color: #3D58A6;
  	color: white;
}

.grey-background {
	color: #3D3860;
  	background-color: #F9F9F9;
	border-radius: 20px;
	padding: 25px 10px 10px 10px;
}

.orange-background {
	background-color: #F47920;
	border-radius: 20px;
	color: #FFFFFF;
  	padding: 10px 10px 10px 10px;
}

.padding-class-p {
	padding-top: 10px;
}

#ef-login-index div.ef-block-footer span.sign-slogan a {
    color: #FFFFFF;
}

#ef-login-index .ef-form-element {
    color: #FFFFFF;
}

#ef-login-index div.ef-block-footer span.sign-slogan {
    color: #FFFFFF;
}

#ef-login-index div.ef-block-content form div.row #forgot-passwd {
    color: #FFFFFF;
}

#ef-login-index div.ef-block-footer {
    border-top: 0; 
}

div.ef-block {
    -webkit-box-shadow: none;
    box-shadow: none;
	/*margin-bottom: 30px;*/
  	margin-bottom: 0px;
}

div.ef-block .ef-block-content {
    padding-top: 0 !important;
}

#ef-login-index {
    /*background-color: #1c1c1c;*/
	height: 370px;
}

#ef-login-index div.ef-block-footer {
    background-color: #3D58A6;
}

/* DO NOT ADD/EDIT AFTER THIS LINE */
#ef-navbar, #ef-navbar li a.dropdown-toggle[aria-expanded="true"]{background-color:#27272D;border-color:#27272D;}
html,body{background-color:#FFFFFF;}
div.breadcrumb-x{background-color:#27272D;border-color:#27272D;}
div.ef-block, div.dashboard-panel div.panel-body{background-color:#FFFFFF;}
*.btn.btn-primary, *.btn.btn-primary:not(.active), *.btn.btn-primary:hover, *.btn.btn-primary:hover:not(.active), *.btn.btn-primary:focus, *.btn.btn-primary:focus:not(.active){background-color:#388C28;border-color:#388C28;}
#ef-navbar form.navbar-form #searchDiv {
background-color: #efefef; border-radius: 5px;}
/*#ef-navbar .container ul.nav.navbar-nav > li > a i.fa, #ef-navbar .container ul.nav.navbar-nav > li > button i.fa, #ef-navbar .container ul.nav.navbar-nav > li > a i.fa + span, #ef-navbar .container ul.nav.navbar-nav > li > button i.fa + span { color: #3D58A6}*/
#ef-navbar .container ul.nav.navbar-nav > li > a i.fa, #ef-navbar .container ul.nav.navbar-nav > li > button i.fa, #ef-navbar .container ul.nav.navbar-nav > li > a i.fa + span, #ef-navbar .container ul.nav.navbar-nav > li > button i.fa + span { color: white}
.caret { border-top: 4px dashed #3D58A6;}
/*.breadcrumb-x ol.ef-breadcrumb { padding: 8px 0}*/
/*#ef-navbar .container ul.nav.navbar-nav li .dropdown-toggle + ul.dropdown-menu, #ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu li a ~ ul.dropdown-menu { background-color: #3D58A6}*/
#ef-navbar .container ul.nav.navbar-nav li .dropdown-toggle + ul.dropdown-menu, #ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu li a ~ ul.dropdown-menu { background-color: #27272d !important; border-radius: 5px}
#ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu > li > a:hover, #ef-navbar .container ul.nav.navbar-nav ul.dropdown-menu > li > a:focus { background-color: #2C458D}
.breadcrumb-x .ef-breadcrumb li.active a { color: #229E93}
/* START CAROSELLO*/
/* Slideshow container */
* {box-sizing: border-box;}
body {font-family: Verdana, sans-serif;}
.mySlides {display: none;}
img {vertical-align: middle;}
/* Slideshow container */
.slideshow-container {
  max-width: auto;
  position: relative;
  margin: auto;
  height: 380px;
  max-height:380px;
}
/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}
/* Number text (1/3 etc) */
.numbertext {
  display: none;
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}
/* The dots/bullets/indicators */
.dot {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}
.dot .active {
  background-color: #717171;
}
/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}
@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}
/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}
/* END CAROSELLO */
  #carousel {
  /*Set the container carousel to be fullscreen. If you change the size
  of your carousel make sure to also change the size of your slides*/
  /*height: 450px;*/
  /*width: 100vw;*/
  /*Prevent images from wrapping*/
  white-space: nowrap;
  overflow: hidden;
}
.slide-image {
  /*Make the image container full screen*/
  /*width: 100vw;*/
  width: 100%;
  /*height: 25vw;*/
  height: 23vw;
  max-height: 450px;
  /*Make the image cover the the screen and center it*/
  /*background-position: center;*/
  background-size: cover;
  /*Make images inline with each other*/
  display: inline-block;
}
/*#slide1 {
  background-image: url(https://cdn.assos.com.filoblu.com/rx/ofmt_webp/media/wysiwyg/HP/banners/2022/NA_1920x940.jpg);
}
#slide2 {
  background-image: url(https://cdn.assos.com.filoblu.com/rx/ofmt_webp/media/wysiwyg/HP/banners/2022/WingsOfSpeed_1920x940.jpg);
}
#slide3 {
  background-image: url(https://cdn.assos.com.filoblu.com/rx/ofmt_webp/media/wysiwyg/HP/banners/2022/1920x940_1.jpg);
}*/
.carousel_Title, .carousel_Text{
  color: white;
}
.carousel_Title{
    margin-top: 70px;
    margin-left: 70px;
}
.carousel_Text{
  margin-left: 70px;
}
div.ef-my-courses.ef-my-courses-grid div.ef-block div.ef-block-content div.ef-course-card div.caption div.ef-entry-status{
	bottom: 25px;
}
/*Immagine corso*/
#ef-description-full img{
	max-width: 100% !important;
	height: auto !important;
    max-height: 500px !important;
}
.box_image{
/*    margin-right: 20px;*/
    display: inline-flex;
    margin-top: 20px;
}
.eye-input-group {
    background-color: #3f8a2f !important;
    color: white !important;
    border: green !important;
}
/* START TERMS AND CONDITION */
/*@media (min-width: 768px){
    .modal-dialog {
        width: 1000px !important;
    }
}*/
/* Tasti del Terms and services al centro */
div.modal div.modal-dialog div.modal-content div.modal-footer {
    text-align: center !important;
}
div.modal div.modal-dialog div.modal-content div.modal-header {
    background-color: #27272D !important;
    color: white !important;
}
div.modal div.modal-dialog div.modal-content div.modal-header .close {
    color: white !important;
}
/* END TERMS AND CONDITION */
/* START Catalogo plugin */
a.btn.btn-primary.btn-sm.category-my-courses-button {
    display: none !important;
}
a.btn.filter-btn.btn-primary.btn-sm.category-button {
    background-color: #27272D !important;
    border-color: #27272D !important;
}
a.btn.filter-btn.btn-sm.category-all-button.btn-success {
    background-color: #27272D !important;
    border-color: #27272D !important;
}
.ef-catalog-filtering {
    display: none !important;
}
.category-all-button.btn-success:active, .category-all-button.btn-success.active, .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
    color: #000 !important;
    background-color: #ffffff !important;
    background-image: none !important;
    border-color: #04370e !important;
}
.category-button.btn-success {
    color: #000 !important;
    background-color: #ffffff !important;
    background-image: none !important;
    border-color: #04370e !important;
}
a.btn.filter-btn.btn-primary.btn-sm.category-all-button {
    color: black;
    background-color: #ebebeb;
    border: 1px solid #bbb7b7;
}
a.btn.filter-btn.btn-sm.category-all-button.btn-success{
  color: white !important;
}
@media only screen and (min-width: 1200px){
.ef-catalog:not(.ef-catalog-block) .ef-card-keep-ratio, .ef-my-courses-grid .ef-card-keep-ratio {
    width: 23rem !important;
}
}
/* END Catalogo plugin */
/* START Gamification */
table#points-leaderboard .bold-item tr td span {display: none;}
table#levels-leaderboard .bold-item tr td span {display: none;}
table#badges-leaderboard .bold-item tr td span {display: none;}
table#courses-leaderboard .bold-item tr td span {display: none;}
table#certifications-leaderboard .bold-item tr td span {display: none;}
#badges-leaderboard .fa-chevron-circle-right:before {
    content: "\f138";
    display: none;
}
#badges-leaderboard .other_badges{
    pointer-events: none;
}
/* END Gamification */
/* Documents Icon */
.icon_title{
	font-size: 20px;
    width: 100%;
    float: left;
    margin-top: 10px;
}
.one-column-login{
  padding: 25px;
    border-radius: 10px;
    background: linear-gradient(to right, #dbdbdb96, #a1a1a1);
}
html.new-ui-html:root{--c-brand-primary:#27272d;--c-brand-primary-darken-5:#222228;--c-brand-primary-darken-7:#202026;--c-brand-primary-darken-10:#1d1d23;--c-brand-primary-darken-15:#18181e;--c-brand-primary-darken-17:#16161c;--c-brand-primary-darken-20:#131319;--c-brand-primary-darken-25:#0e0e14;--c-brand-primary-lighten-7:#2e2e34;--c-brand-primary-lighten-40:#4f4f55;}
