* { font-family: "Futura PT"; }

html,
body {
    width: 100%;
    height: 100%;
}

.header-login_logo {
    width: 200px;
    height: auto;
}

a { color: #000000; }
 
/* Utility */
.w-100 {
    width: 100%;
}

.mt-auto { margin-top: auto; }
.mb-auto { margin-bottom: auto; }
.my-auto { margin-top: auto; margin-bottom: auto; }

.btn { margin-right: .25rem; }

.btn-black,
.btn-malloni-black {
    background-color: #000000;
    color: #ffffff;
}

.btn-black:hover,
.btn-black:focus,
.btn-malloni-black:hover,
.btn-malloni-black:focus {
    background-color: #333333;
    color: #ffffff;
}

.btn-outline-black {
    color: #000000;
    background-color: transparent;
    border: 1px solid #000000;
}
.btn-outline-black:hover {
    background-color: #000000;
    color: #ffffff;
}

.bg-malloni-black {
    background-color: #000000;
    color: #ffffff;
}

.bg-malloni-light {
    background-color: #f5f5f5;
}

.d-block { display: block; }
.d-inline-block { display: inline-block; }

.d-flex { display: flex; }
.flex-column { flex-direction: column; }
.flex-row { flex-direction: row; }
.justify-content-end {justify-content: flex-end; }
.justify-content-between { justify-content: space-between; }

.align-items-center { align-items: center; }
.align-items-end { align-items: flex-end; }

.rounded-0 { border-radius: 0; }

.label-alpha-consulting { background-color: #0081ff; }

.container-back {
    margin: 15px 0;
    text-align: right;
}

.container-add-advice {
    margin: 15px 0;
}
/* END Utility */
 
 /* appLMS Navbar */
 
 .navbar-brand { padding: 0 15px; }
 
 .navbar-malloni {
   background-color: #ffffff;
   border-color: #000000;
 }
 .navbar-malloni .navbar-brand {
   color: #777;
 }
 .navbar-malloni .navbar-brand:hover,
 .navbar-malloni .navbar-brand:focus {
   color: #5e5e5e;
   background-color: transparent;
 }
 .navbar-malloni .navbar-text {
   color: #777;
 }
 .navbar-malloni .navbar-nav > li > a {
   color: #777;
   text-transform: uppercase;
 }
 .navbar-malloni .navbar-nav > li > a:hover,
 .navbar-malloni .navbar-nav > li > a:focus {
   color: #333;
   background-color: transparent;
 }
 .navbar-malloni .navbar-nav > .active > a,
 .navbar-malloni .navbar-nav > .active > a:hover,
 .navbar-malloni .navbar-nav > .active > a:focus {
   color: #000000;
   background-color: transparent;
 }
 .navbar-malloni .navbar-nav > .disabled > a,
 .navbar-malloni .navbar-nav > .disabled > a:hover,
 .navbar-malloni .navbar-nav > .disabled > a:focus {
   color: #ccc;
   background-color: transparent;
 }
 .navbar-malloni .navbar-toggle {
   border-color: #ddd;
 }
 .navbar-malloni .navbar-toggle:hover,
 .navbar-malloni .navbar-toggle:focus {
   background-color: #ddd;
 }
 .navbar-malloni .navbar-toggle .icon-bar {
   background-color: #888;
 }
 .navbar-malloni .navbar-collapse,
 .navbar-malloni .navbar-form {
   border-color: #e7e7e7;
 }
 .navbar-malloni .navbar-nav > .open > a,
 .navbar-malloni .navbar-nav > .open > a:hover,
 .navbar-malloni .navbar-nav > .open > a:focus {
   color: #555;
   background-color: #e7e7e7;
 }
 @media (max-width: 767px) {
   .navbar-malloni .navbar-nav .open .dropdown-menu > li > a {
     color: #777;
   }
   .navbar-malloni .navbar-nav .open .dropdown-menu > li > a:hover,
   .navbar-malloni .navbar-nav .open .dropdown-menu > li > a:focus {
     color: #333;
     background-color: transparent;
   }
   .navbar-malloni .navbar-nav .open .dropdown-menu > .active > a,
   .navbar-malloni .navbar-nav .open .dropdown-menu > .active > a:hover,
   .navbar-malloni .navbar-nav .open .dropdown-menu > .active > a:focus {
     color: #555;
     background-color: #e7e7e7;
   }
   .navbar-malloni .navbar-nav .open .dropdown-menu > .disabled > a,
   .navbar-malloni .navbar-nav .open .dropdown-menu > .disabled > a:hover,
   .navbar-malloni .navbar-nav .open .dropdown-menu > .disabled > a:focus {
     color: #ccc;
     background-color: transparent;
   }
 }
 .navbar-malloni .navbar-link {
   color: #777;
 }
 .navbar-malloni .navbar-link:hover {
   color: #333;
 }
 .navbar-malloni .btn-link {
   color: #777;
 }
 .navbar-malloni .btn-link:hover,
 .navbar-malloni .btn-link:focus {
   color: #333;
 }
 .navbar-malloni .btn-link[disabled]:hover,
 fieldset[disabled] .navbar-malloni .btn-link:hover,
 .navbar-malloni .btn-link[disabled]:focus,
 fieldset[disabled] .navbar-malloni .btn-link:focus {
   color: #ccc;
 }
 
/* == == */
 .c-button {
	display: inline-block;
	margin: 0;
	padding: 15px 15px;
	color: #000000;
	background: transparent;
	border: none;
	cursor: pointer;
}
/* == == */

 /* END appLMS Navbar */
 
 
/* Nav-Tabs */
.tabs-wrapper {
    margin-bottom: 15px;
}

.nav-tabs > li > a {
    border-radius: 0;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    font-weight: 600;
}

.nav > li > a:focus,
.nav > li > a:hover {
	color: #000000;
}

 /*SEZIONE CATALOGHI DI COLORI DIVERSI*/
 .nav.nav-tabs li.active > a[href="index.php?r=lms/catalog/show&id_catalogue=7"]{
   background-color: #5c5c5e !important;
   color: #ffffff;
 }
 
 .nav.nav-tabs li.active > a[href="index.php?r=lms/catalog/show&id_catalogue=8"]{
   background-color: #000000 !important;
   color: #ffffff;
 }
 
 .nav.nav-tabs li.active > a[href="index.php?r=lms/catalog/show&id_catalogue=12"] {
   background-color: #ab9f97 !important;
   color: #ffffff;
 }
 
 .nav.nav-tabs li.active > a[href="index.php?r=lms/catalog/show&id_catalogue=14"] {
   background-color: #65685f !important;
   color: #ffffff;
 }
 
 .nav.nav-tabs li.active > a[href="index.php?r=lms/catalog/show&id_catalogue=15"] {
   background-color: #abb2aa !important;
   color: #ffffff;
 }
 
 .nav.nav-tabs li.active > a[href="index.php?r=lms/catalog/show&id_catalogue=16"] {
   background-color: #9c9297 !important;
   color: #ffffff;
 }
 
 .nav.nav-tabs li.active > a[href="index.php?r=lms/catalog/show&id_catalogue=17"] {
   background-color: #761621 !important;
   color: #ffffff;
 }
 
/* Treeview*/
.node-treeview1.node-selected {
    background-color: #000000;
}
/* END Treeview */
 
 /* BOTTONI BOX DI COLORI DIVERSI */
 /* #000000 */
 .course-box__item > a[href="index.php?modname=course&op=aula&idCourse=25 "],
 .course-box__item > a[href="index.php?modname=course&op=aula&idCourse=27 "],
 .course-box__item > a[href="index.php?modname=course&op=aula&idCourse=24 "],
 .course-box__item > a[href="index.php?modname=course&op=aula&idCourse=29 "]{
   background: #ffffff !important;
   border: 1px solid #000000 !important;
   color: #000000 !important;
 }
 
 .course-box__item > a[href="index.php?modname=course&op=aula&idCourse=25 "]:hover,
 .course-box__item > a[href="index.php?modname=course&op=aula&idCourse=27 "]:hover,
 .course-box__item > a[href="index.php?modname=course&op=aula&idCourse=24 "]:hover,
 .course-box__item > a[href="index.php?modname=course&op=aula&idCourse=29 "]:hover{
   background: #000000 !important;
   border: 1px solid #000000 !important;
   color: #ffffff !important;
 }
 
 /* #65685f */
 .course-box__item > a[href="index.php?modname=course&op=aula&idCourse=33 "],
 .course-box__item > a[href="index.php?modname=course&op=aula&idCourse=34 "],
 .course-box__item > a[href="index.php?modname=course&op=aula&idCourse=35 "]{
   background: #ffffff !important;
   border: 1px solid #65685f !important;
   color: #65685f !important;
 }
 
 .course-box__item > a[href="index.php?modname=course&op=aula&idCourse=33 "]:hover,
 .course-box__item > a[href="index.php?modname=course&op=aula&idCourse=34 "]:hover,
 .course-box__item > a[href="index.php?modname=course&op=aula&idCourse=35 "]:hover{
   background: #65685f !important;
   border: 1px solid #65685f !important;
   color: #ffffff !important;
 }
 
 /* #abb2aa */
 .course-box__item > a[href="index.php?modname=course&op=aula&idCourse=53 "],
 .course-box__item > a[href="index.php?modname=course&op=aula&idCourse=54 "],
 .course-box__item > a[href="index.php?modname=course&op=aula&idCourse=36 "]{
   background: #ffffff !important;
   border: 1px solid #abb2aa !important;
   color: #abb2aa !important;
 }
 
 .course-box__item > a[href="index.php?modname=course&op=aula&idCourse=53 "]:hover,
 .course-box__item > a[href="index.php?modname=course&op=aula&idCourse=54 "]:hover,
 .course-box__item > a[href="index.php?modname=course&op=aula&idCourse=36 "]:hover{
   background: #abb2aa !important;
   border: 1px solid #abb2aa !important;
   color: #ffffff !important;
 }
 
 /* #5c5c5e */
 .course-box__item > a[href="index.php?modname=course&op=aula&idCourse=14 "],
 .course-box__item > a[href="index.php?modname=course&op=aula&idCourse=43 "],
 .course-box__item > a[href="index.php?modname=course&op=aula&idCourse=10 "],
 .course-box__item > a[href="index.php?modname=course&op=aula&idCourse=20 "],
 .course-box__item > a[href="index.php?modname=course&op=aula&idCourse=50 "],
 .course-box__item > a[href="index.php?modname=course&op=aula&idCourse=12 "]{
   background: #ffffff !important;
   border: 1px solid #5c5c5e !important;
   color: #5c5c5e !important;
 }
 
 .course-box__item > a[href="index.php?modname=course&op=aula&idCourse=14 "]:hover,
 .course-box__item > a[href="index.php?modname=course&op=aula&idCourse=43 "]:hover,
 .course-box__item > a[href="index.php?modname=course&op=aula&idCourse=10 "]:hover,
 .course-box__item > a[href="index.php?modname=course&op=aula&idCourse=20 "]:hover,
 .course-box__item > a[href="index.php?modname=course&op=aula&idCourse=50 "]:hover,
 .course-box__item > a[href="index.php?modname=course&op=aula&idCourse=12 "]:hover{
   background: #5c5c5e !important;
   border: 1px solid #5c5c5e !important;
   color: #ffffff !important;
 }
 
 /* #761621 */
 .course-box__item > a[href="index.php?modname=course&op=aula&idCourse=51 "]{
   background: #ffffff !important;
   border: 1px solid #761621 !important;
   color: #761621 !important;
 }
 
 .course-box__item > a[href="index.php?modname=course&op=aula&idCourse=51 "]:hover{
   background: #761621 !important;
   border: 1px solid #761621 !important;
   color: #ffffff !important;
 }
 
 /* #ab9f97 */
 .course-box__item > a[href="index.php?modname=course&op=aula&idCourse=41 "],
 .course-box__item > a[href="index.php?modname=course&op=aula&idCourse=42 "],
 .course-box__item > a[href="index.php?modname=course&op=aula&idCourse=44 "],
 .course-box__item > a[href="index.php?modname=course&op=aula&idCourse=45 "],
 .course-box__item > a[href="index.php?modname=course&op=aula&idCourse=52 "]{
   background: #ffffff !important;
   border: 1px solid #ab9f97 !important;
   color: #ab9f97 !important;
 }
 
 .course-box__item > a[href="index.php?modname=course&op=aula&idCourse=41 "]:hover,
 .course-box__item > a[href="index.php?modname=course&op=aula&idCourse=42 "]:hover,
 .course-box__item > a[href="index.php?modname=course&op=aula&idCourse=44 "]:hover,
 .course-box__item > a[href="index.php?modname=course&op=aula&idCourse=45 "]:hover,
 .course-box__item > a[href="index.php?modname=course&op=aula&idCourse=52 "]:hover{
   background: #ab9f97 !important;
   border: 1px solid #ab9f97 !important;
   color: #ffffff !important;
 }
 
 /* #9c9297 */
 .course-box__item > a[href="index.php?modname=course&op=aula&idCourse=47 "],
 .course-box__item > a[href="index.php?modname=course&op=aula&idCourse=49 "]{
   background: #ffffff !important;
   border: 1px solid #9c9297 !important;
   color: #9c9297 !important;
 }
 
 .course-box__item > a[href="index.php?modname=course&op=aula&idCourse=47 "]:hover,
 .course-box__item > a[href="index.php?modname=course&op=aula&idCourse=49 "]:hover{
   background: #9c9297 !important;
   border: 1px solid #9c9297 !important;
   color: #ffffff !important;
 }
 
 /**/
 
 /* MR => qui metto tutto il codice per la view catalog dei box */
 
 .course-box {
     width: 100%;
     margin-bottom: 15px; /* non mi piace che lo spazio venga generato qui, devo capire come fixare */
     transition: box-shadow 0.3s ease 0s;
 }
 
 .course-box:hover {
     box-shadow: var(--color-0-070) 5px 5px 0 0
 }
 
 .course-box:hover .course-box__cover {
     background-position: 55% 55%;
     transition: background-position 300ms ease-in-out
 }
 
 :is(.course-box--disabled,
 .course-box--disabled *) {
     filter: grayscale(100%);
     pointer-events: none;
     opacity: 0.8
 }
 
 .course-box>* {
     width: 100%;
     overflow: hidden;
     position: relative
 }
 
 .course-box__cover {
     position: relative;
     height: 170px;
     background-image: url(images/course-box/course-box-bg.png);
     background-repeat: no-repeat;
     background-position: 50% 50%;
     background-size: cover;
     transition: background-position 300ms ease-in-out
 }
 
 .course-box__closingdate {
     width: 100%;
     font-size: 9px;
     display: flex;
     justify-content: flex-start;
     align-items: center;
     padding-left: 9px;
     background-color: var(--color-0-050) !important
 }
 
 .course-box__closingdate .course-box__closingdate__text {
     display: block
 }
 
 .course-box__closingdate .course-box__closingdate__text:after {
     content: ': '
 }
 
 .course-box__closingdate .course-box__closingdate__value {
     display: block;
     font-weight: bold;
     padding-right: 0.3rem
 }
 
 .course-box__extrainformation {
     flex: 1 1 50%;
     font-size: 9px;
     display: flex;
     align-items: center
 }
 
 .course-box__extrainformation>* {
     display: inline-block
 }
 
 .course-box__extrainformation .course-box__next {
     flex: 1 0 61%;
     padding-left: 6px
 }
 
 .course-box__extrainformation .course-box__next .course-box__next__text {
     display: block
 }
 
 .course-box__extrainformation .course-box__next .course-box__next__text::after {
     content: ': '
 }
 
 .course-box__extrainformation .course-box__next .course-box__next__value {
     display: block;
     font-weight: bold
 }
 
 .course-box__extrainformation .course-box__allDates {
     flex: 1 0 39%;
     padding-right: 1.4rem
 }
 
 .course-box__extrainformation .course-box__allDates a {
     color: var(--color-1-550);
     text-decoration: none
 }
 
 .course-box__extrainformation .course-box__allDates a:hover {
     text-decoration: underline
 }
 
 .course-box__cta {
     width: 50%;
     position: absolute;
     bottom: 0;
     right: 0;
 }
 
 .course-box__cta .course-box__cta__button {}
 
 .course-box__cta .course-box__cta__button::before {}
 
 .course-box__cta .course-box__cta__button:hover {
     background: #ffffff;
     color: #000000;
 }
 
 .course-box__cta .course-box__cta__button:hover .forma-button__label:after {
     animation-duration: 400ms;
     animation-name: formaButtonLabelAfter;
     animation-iteration-count: infinite;
     animation-direction: alternate
 }
 
 .course-box__cta .course-box__cta__button:hover::before {
     background: var(--color-1-550)
 }
 
 .course-box__modal__footer .course-box__cta .course-box__cta__button {
     width: auto;
     min-width: 140px;
     max-width: 100%;
     float: right;
     background-color: var(--color-0-250)
 }
 
 .course-box__cta .course-box__cta__button.forma-button--disabled {
     border: 0;
     font-size: .8em !important;
     font-style: italic
 }
 
 div .course-box__date-box {
     position: relative;
     width: calc(50% - 10px);
     height: 50px;
     padding-left: 40px;
     line-height: 50px;
     float: left;
     color: var(--color-0-400);
     font-size: 12px;
     border: 1px solid var(--color-0-250);
     border-radius: 5px
 }
 
 div .course-box__date-box:before {
     content: "";
     position: absolute;
     top: 14px;
     left: 9px;
     width: 20px;
     height: 20px;
     background-position: center;
     background-repeat: no-repeat;
     background-size: contain
 }
 
 @media (min-width: 768px) {
     div .course-box__date-box {
         height: 50px
     }
 }
 
 div .course-box__date-box--end {
     color: var(--color-6);
     border-color: var(--color-6-500)
 }
 
 div .course-box__date-box--no-date {
     color: var(--color-0-250);
     border-color: var(--color-0-250)
 }
 
 div .course-box__date-box--no-date:before {
     left: 50%;
     transform: translateX(-50%)
 }
 
 div i+.course-box__date-box {
     margin-right: 0;
     margin-bottom: 20px
 }
 
 div .course-box__date-box+i {
     float: left;
     margin: 0 6px;
     padding-top: 18px;
     color: var(--color-0-400)
 }
 
 div .course-box__dl-course-supply,
 div .course-box__show-dates {
     margin-top: 5px;
     font-size: 10px;
     text-decoration: none;
     color: var(--color-3);
     cursor: pointer;
     transition: color 0.25s ease 0s
 }
 
 div .course-box__dl-course-supply .glyphicon,
 div .course-box__show-dates .glyphicon {
     font-size: 8px;
     line-height: 10px
 }
 
 div .course-box__dl-course-supply:hover,
 div .course-box__show-dates:hover {
     text-decoration: underline;
     color: var(--color-1-550)
 }
 
 div .course-box__dl-course-supply {
     display: inline-block
 }
 
 div .course-box__modal {
     width: 100%;
     height: 100%;
     overflow: auto;
     position: fixed;
     top: 0;
     left: 0;
     z-index: -999;
     background-color: var(--color-0-000);
     opacity: 0;
     visibility: hidden;
     transition-property: z-index, opacity, visibility;
     transition-duration: 0s, 0.25s;
     transition-timing-function: ease-out;
     transition-delay: 0.25s, 0s
 }
 
 @media (min-width: 768px) {
     div .course-box__modal {
         width: 472px;
         height: auto;
         max-height: 510px;
         top: 50%;
         left: calc(50% - 236px);
         transform: translateY(-50%);
         border: solid 1px var(--color-0-400);
         box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)
     }
 }
 
 div .course-box__modal.is-open {
     transition-delay: 0s;
     z-index: 99999;
     opacity: 1;
     visibility: visible
 }
 
 div .course-box__modal__header {
     overflow: hidden;
     padding: 20px 25px
 }
 
 div .course-box__modal__content {
     padding: 0 25px
 }
 
 div .course-box__modal__footer {
     overflow: hidden;
     padding: 15px
 }
 
 div .course-box__modal__entry {
     border-top: solid 1px var(--color-0-250)
 }
 
 div .course-box__modal__entry:first-child {
     border-top-color: var(--color-3)
 }
 
 div .course-box__modal__entry:nth-child(n+2) {
     margin-top: 35px
 }
 
 div .course-box__modal__entry:last-child {
     padding-bottom: 35px;
     margin-bottom: 45px;
     border-bottom: solid 1px var(--color-0-250)
 }
 
 div .course-box__modal__title {
     font-size: 18px;
     line-height: 20px;
     color: var(--color-0-400)
 }
 
 .course-box__modal__header div .course-box__modal__title {
     max-width: calc(100% - 90px);
     padding: 5px 0;
     float: left;
     text-transform: uppercase
 }
 
 .course-box__modal__entry div .course-box__modal__title {
     padding: 15px 0
 }
 
 .course-box__modal__entry:first-child div .course-box__modal__title {
     color: var(--color-1-550)
 }
 
 div .course-box__modal__lesson {
     table-layout: fixed;
     width: 100%;
     font-size: 14px;
     color: var(--color-0-400)
 }
 
 @media (min-width: 480px) {
     div .course-box__modal__lesson {
         table-layout: auto;
         width: auto;
         font-size: 16px
     }
 }
 
 div .course-box__modal__lesson:nth-of-type(n+2) {
     margin-top: 15px
 }
 
 .mycourses-list .course-box__modal__entry:nth-child(n+2) div .course-box__modal__lesson {
     opacity: 0.64
 }
 
 div .course-box__modal__lesson td {
     vertical-align: middle
 }
 
 @media (min-width: 480px) {
     div .course-box__modal__lesson td {
         min-width: 140px
     }
 }
 
 .course-box__modal__header div .close-button {
     float: right
 }
 
 .course-box div .box_edizioni {
     display: none
 }
 
 /**/
 
 /* FORMA BUTTON */
 
 .forma-button {
     display: inline-block;
     width: 100%;
     padding: 12px 10px;
     font-size: 12px;
     letter-spacing: 1px;
     text-align: center;
     text-decoration: none;
     text-transform: uppercase;
     text-shadow: none;
     color: rgba(255,255,255,0.8);
     border-radius: 0px;
     cursor: pointer;
     transition: all 0.4s ease 0s;
 }
 
 /**/
 
/* Sezione Corso */
.malloni-course-menu-wrapper {
    padding-top: 15px;
    padding-bottom: 15px;
}

.nav-pills > li + li {
	margin-left: 5px;
}

.nav-pills > li > a { border-radius: 0; }

.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover {
	color: #ffffff;
	background-color: #000000;
}
/* END Sezione Corso*/

/* FOOTER */
#footer {
    padding-top: 20px;
    padding-bottom: 20px;
}
/* END FOOTER */