/**
* COMMONS
*/
.m-t-0 {
  margin-top: 0rem !important;
}

.m-t-05 {
  margin-top: 0.5rem !important;
}

.m-t-1 {
  margin-top: 1rem !important;
}

.m-t-2 {
  margin-top: 2rem !important;
}

.m-t-3 {
  margin-top: 3rem !important;
}

.m-t-4 {
  margin-top: 4rem !important;
}

.m-t-5 {
  margin-top: 5rem !important;
}

.m-t-6 {
  margin-top: 6rem !important;
}

.m-t-7 {
  margin-top: 7rem !important;
}

.m-t-8 {
  margin-top: 8rem !important;
}

.m-t-m-2 {
  margin-top: -2px !important;
}

.m-t-m-3 {
  margin-top: -3px !important;
}

.m-t-3p {
  margin-top: 3px !important;
}

.m-t-10p {
  margin-top: 10px !important;
}

.m-m-15 {
  margin-left: -15px !important;
  margin-right: -15px !important;
}

.m-m-30 {
  margin-left: -30px !important;
  margin-right: -30px !important;
}

.m-b-0 {
  margin-bottom: 0rem !important;
}

.m-b-05 {
  margin-bottom: 8px;
}

.m-b-05p {
  margin-bottom: 5px;
}

.m-b-1 {
  margin-bottom: 1rem !important;
}

.m-b-2 {
  margin-bottom: 2rem !important;
}

.m-b-3 {
  margin-bottom: 3rem !important;
}

.m-b-4 {
  margin-bottom: 4rem !important;
}

.m-b-5 {
  margin-bottom: 5rem !important;
}

.m-b-6 {
  margin-bottom: 6rem !important;
}

.m-b-7 {
  margin-bottom: 7rem !important;
}

.m-b-8 {
  margin-bottom: 8rem !important;
}

.m-l-0 {
  margin-left: 0rem !important;
}

.m-l-1 {
  margin-left: 1rem !important;
}

.m-l-2 {
  margin-left: 2rem !important;
}

.m-l-3 {
  margin-left: 3rem !important;
}

.m-l-4 {
  margin-left: 4rem !important;
}

.m-l-5 {
  margin-left: 5rem !important;
}

.m-l-6 {
  margin-left: 6rem !important;
}

.m-l-7 {
  margin-left: 7rem !important;
}

.m-l-8 {
  margin-left: 8rem !important;
}

.m-l-05p {
  margin-left: 5px;
}

.m-l-15p {
  margin-left: 15px;
}

.m-r-0 {
  margin-right: 0rem !important;
}

.m-r-05p {
  margin-right: 5px;
}

.m-r-1 {
  margin-right: 1rem !important;
}

.m-r-2 {
  margin-right: 2rem !important;
}

.m-r-3 {
  margin-right: 3rem !important;
}

.m-r-4 {
  margin-right: 4rem !important;
}

.p-l-0 {
  padding-left: 0rem !important;
}

.p-l-1 {
  padding-left: 1rem !important;
}

.p-l-1 {
  padding-left: 2rem !important;
}

.p-t-1 {
  padding-top: 1rem !important;
}

.p-t-2 {
  padding-top: 2rem !important;
}

.p-t-3 {
  padding-top: 3rem !important;
}

.p-t-4 {
  padding-top: 4rem !important;
}

.p-t-5 {
  padding-top: 5rem !important;
}

.p-t-6 {
  padding-top: 6rem !important;
}

.p-t-7 {
  padding-top: 7rem !important;
}

.p-t-8 {
  padding-top: 8rem !important;
}

.p-b-0 {
  padding-bottom: 0rem !important;
}

.p-b-1 {
  padding-bottom: 1rem !important;
}

.p-b-2 {
  padding-bottom: 2rem !important;
}

.p-b-3 {
  padding-bottom: 3rem !important;
}

.p-b-4 {
  padding-bottom: 4rem !important;
}

.p-b-5 {
  padding-bottom: 5rem !important;
}

.p-b-6 {
  padding-bottom: 6rem !important;
}

.p-b-7 {
  padding-bottom: 7rem !important;
}

.p-b-8 {
  padding-bottom: 8rem !important;
}

.p-r-0 {
  padding-right: 0px !important;
}

.p-r-1 {
  padding-right: 1rem !important;
}

.p-r-2 {
  padding-right: 2rem !important;
}

.p-r-3 {
  padding-right: 3rem !important;
}

.p-0 {
  padding: 0px !important;
}

.p-1 {
  padding: 1rem !important;
}

.p-2 {
  padding: 2rem !important;
}

.cols-2 {
  column-count: 1 !important;
}

.cols-md-2 {
  column-count: 1 !important;
}

.clearfix {
  clear: both;
}

.h-fix {
  height: 267px;
}

.h-auto {
  height: auto !important;
}

.w-30 {
  width: 30%;
}

.w-40 {
  width: 40%;
}

.w-60 {
  width: 60%;
}

.w-70 {
  margin: auto;
  width: 70%;
}

.w-80 {
  margin: auto;
  width: 80%;
}

.w-100f {
  width: calc(100% + 30px);
}

.b-r-5 {
  border-radius: 5px;
}

.f-left {
  float: left;
}

.f-right {
  float: right;
}

.f-md-left,
.f-md-right {
  float: none;
}

.d-flex {
  display: flex !important;
}

.d-initial {
  display: initial !important;
}

.pointer {
  cursor: pointer;
}

.mh-18 {
  min-height: 18px;
}

.mh-70 {
  min-height: 70px;
}

.course-link {
  cursor: pointer;
}

.disabled {
  cursor: initial;
  opacity: .5;
}

.scroll-wrapper {
  flex-wrap: initial;
  overflow: auto;
}

.scroll-wrapper::-webkit-scrollbar {
  height: 8px;
  width: 8px;
}

.scroll-wrapper::-webkit-scrollbar-track {
  background-color: #E8EAEC;
  border-radius: 8px;
}

.scroll-wrapper::-webkit-scrollbar-thumb {
  background-color: #9AA3AE;
  border-radius: 8px;
}

.w-100-30,
.w-100-70 {
  width: 100% !important;
}

.p-16 {
  padding: 16px;
}

.w-270 {
  width: 270px !important;
}




@media screen and (max-width: 767px) {
  .sm-p-t-3 {
    padding-top: 3rem;
  }

  .full-width-container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }

  .height-0 {
    height: 0 !important;
  }

  .path-mycfmt .p-0,
  .path-agenda .p-0,
  .path-mindthegap .p-0,
  .path-favorites .p-0,
  .path-my .p-0,
  .path-welfaredirigente .p-0 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

}


@media screen and (min-width: 768px) {
  .height-md-auto {
    height: auto;
  }

  .opacity-md-100 {
    opacity: 1 !important;
  }

  .m-m-md-15 {
    margin-left: -15px !important;
    margin-right: -15px !important;
  }

  .w-md-100f {
    width: calc(100% + 30px);
  }

  .f-md-left {
    float: left;
  }

  .f-md-right {
    float: right;
  }

  .p-l-md-1 {
    padding-left: 15px !important;
  }

  .m-t-md-0 {
    margin-top: 0rem;
  }

  .m-t-md-2 {
    margin-top: 2rem;
  }

  .m-t-md-3 {
    margin-top: 3rem;
  }

  .p-md-0 {
    padding: 0;
  }

  .w-md-50 {
    width: 50%;
  }

  .w-md-100 {
    width: 100% !important;
  }

  .w-100-30 {
    width: 30% !important;
  }

  .w-100-70 {
    width: 70% !important;
  }

  .w-md-80 {
    width: 80% !important;
    margin: auto;
  }

  .w-md-auto {
    width: auto;
  }

  .cols-md-2 {
    column-count: 2;
  }

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