/* CSS VERSION */

.versione_software:after{
  content: ' C 1.0.0.1';
}

/* /CSS VERSION */

/* GENERAL */

body {
  /* padding-top: 61px; */
  padding-top: 82px;
  font-size: 16px;
  color: #6c757d!important;
}

h1,
h2,
h3,
h4,
h5,
h6{
  color: #df1114;
}

ul{
  padding-left: 15px;
}

:focus {
    outline: -webkit-focus-ring-color auto 0;
}

.text_white_50 {
  color: rgba(255, 255, 255, .5);
}


.border_bottom {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, 0.05);
}

.text_muted {
    color: #6c757d!important;
}

.tiolo{
  /* padding: 0 15px 0 15px; */
  padding: 0;
  margin-bottom: 15px;
  margin-top: 15px;
}

.main_content .tiolo{
  margin-top: 0;
}

.main_container{
  background-color: white;
  /* padding: 15px 15px 0 15px; */
  padding: 30px 30px 0 30px;
  border-radius: 0;
  /* margin-right: 15px;
  margin-left: 15px; */
  margin-right: 0;
  margin-left: 0;
  /* width: calc(100% - 30px); */
  width: 100%;
  border: 1px solid #e9ecef;
}

.btn{
  margin-bottom: 15px;
  cursor: pointer;
}

.tooltip-inner {
 text-align:left;
 font-size: 12px;
}

a{
  color: #df1114;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

a:hover{
  color: rgba(223, 17, 20,0.6);
  text-decoration: none;
}

button{
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #df1114;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(223, 17, 20,.5);
}

.tooltip-arrow,
.tooltip > .tooltip-inner {
  background-color: rgba(0,0,0,0.8);
  /* color: #6c757d;
  border-bottom: 1px solid rgba(0,0,0,.125); */
}

.popover-body{
  color: #6c757d;
}

/* /GENERAL */

/* STRUCTURE */

.side_bar{
  width: 300px;
  float: left;
  height: calc(100vh - 88px);
  position: absolute;
  padding: 70px 15px;
  background-color: #fff;
  border-right: 1px solid #e9ecef;

  /* INT SCROLL */
  overflow: auto;
  /* /INT SCROLL */
}

/* INT SCROLL */
/* .side_bar-webkit-scrollbar::-webkit-scrollbar { width: 0 !important }
.side_bar { -ms-overflow-style: none; }
.side_bar { overflow: -moz-scrollbars-none; } */
/* /INT SCROLL */

.side_bar_scroll{
  position: fixed;
  height: calc(100vh - 82px);
  padding: 15px;
  top: 82px;
}

.main_content{
  float: left;
  width: calc(100% - 300px);
  padding-top: 15px;
  margin-left: 300px;
}

.main_content_no_side{
  width: 100%;
  padding-top: 15px;
  max-width: 1200px;
  margin-left: calc((100% - 1200px) / 2);
}

/* /STRUCTURE */

/* SIDE BAR */

.side_bar_link{
  padding: 0;
  margin: 0;
}

.side_bar_link li{
  padding: 0;
  margin: 0 0 15px 0;
  list-style: none;
}

.side_bar_link a{
  width: 100%;
  border-radius: .2rem;
  padding: .25rem .5rem;
  padding-left: 33px;
  font-size: .875rem;
  line-height: 1.5;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  color: #6c757d !important;
  display: block;
  cursor: pointer;
  position: relative;
}

.side_bar_link a i{
  position: absolute;
  top: 8px;
  left: 9px;
  color: #234195;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.side_bar_link a:hover{
  color: #ffffff !important;
  background-color: #234195;
  border-color: #234195;
}

.side_bar_link a:hover i{
  color: #ffffff !important;
}

/* /SIDE BAR */

/* SIDE BAR ACCORDION */

.accordion_sidebar .card{
  border-radius: 0!important;
  border: 0;
}

.accordion_sidebar .card-header{
  position: relative;
  border-radius: 0!important;
  background-color: #fff;
  padding: 0;
  padding-right: 33px;
  min-height: 48px;
}

.accordion_sidebar .card:first-child{
  border-top: 1px solid rgba(0,0,0,.125);
}

/* .accordion_sidebar .card-header button{
  padding: 15px 30px 15px 15px;
  width: 100%;
  margin: 0;
  font-size: 16px;
  line-height: 16px;
  color: #6c757d;
  background-color: rgba(0,0,0,.03);
  text-align: left;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
} */

.accordion_sidebar .card-header button{
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  width: 33px;
  height: 100%;
  border-radius: 0;
  margin: 0;
  font-size: 16px;
  line-height: 16px;
  color: #6c757d;
  background-color: rgba(0,0,0,.03);
  text-align: left;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.accordion_sidebar .card-header a{
  padding: 15px;
  width: 100%;
  /*height: 100%;*/
  margin: 0;
  font-size: 16px;
  line-height: 23px;
  color: #6c757d;
  display: block;
  text-align: left;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.accordion_sidebar .card-header a:hover{
  color: #df1114;
}

.accordion_sidebar .card-header button.collapsed{
  background-color: #fff;
}

.accordion_sidebar .card-header button:hover{
  color: #df1114;
  text-decoration: none;
}

.accordion_sidebar .card-header a.active{
  /* background-color: #df1114;
  color: white; */
  color: #df1114;
}

.accordion_sidebar .card-header a.active:hover{
  /* background-color: #df1114;
  color: white; */
  color: #df1114;
}

.accordion_sidebar .card-header button.collapsed:before {
    font-family: 'Font Awesome\ 5 Free';
    content: "\f105";
    font-weight: 900;
    position: absolute;
    top: 50%;
    margin-top: -5px;
    right: 11px;
    line-height: 10px;
}

.accordion_sidebar .card-header button:before {
    font-family: 'Font Awesome\ 5 Free';
    content: "\f107";
    font-weight: 900;
    position: absolute;
    top: 50%;
    margin-top: -5px;
    right: 11px;
    line-height: 10px;
}

.accordion_sidebar .card-body{
  border-bottom: 1px solid rgba(0,0,0,.125);
  padding: 15px 0 15px 10px;
  /* INT SCROLL */
  max-height: calc(100vh - 445px);
  overflow: auto;
  /* /INT SCROLL */
}

/* INT SCROLL */
/* .accordion_sidebar .card-body::-webkit-scrollbar { width: 0 !important }
.accordion_sidebar .card-body { -ms-overflow-style: none; }
.accordion_sidebar .card-body { overflow: -moz-scrollbars-none; } */
/* /INT SCROLL */

.lecture_link{
  display: block;
  width: 100%;
  padding: 5px 7px;
  position: relative;
  font-size: 15px;
  border-top: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
  margin-bottom: 5px;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.lecture_link:last-child{
  margin-bottom: 0;
}

.lecture_link:hover{
  color: #6c757d;
  background-color: rgba(0,0,0,.03);
}

.lecture_link_active{
  padding: 5px 30px 5px 7px;
  background-color: #df1114;
  color: #fff;
  border-top: 1px solid #df1114;
  border-bottom: 1px solid #df1114;
  width: calc(100% + 31px);

  /* INT SCROLL */
  padding: 5px 21px 5px 7px;
  width: 100%;
  /* /INT SCROLL */
}

.collapse .ps__rail-y{
    right: 15px!important;
    z-index: 2!important;
}

.lecture_link_active:hover{
  border-top: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
}

.lecture_link_active i{
  color: #fff;
  position: absolute;
  top: 50%;
  right: 7px;
  margin-top: -7px;
}

/* /SIDE BAR ACCORDION */

/* FOOTER */

footer{
  padding: 15px;
  margin-top: 15px;
  border-top: 1px solid #ced4da;
}

footer p{
  color: rgba(0,0,0,.5);
  padding: 0;
  margin: 0;
  font-size: 14px;
}

.versione_software{
  color: rgba(0,0,0,.25);
  float: right;
}

/* /FOOTER */

/* NAVBAR */

.nav-underline .nav-link {
  color: #868e96;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.nav-underline .nav-link:hover {
  color: #df1114;
}

.nav-underline .active {
  font-weight: 500;
  color: #df1114;
}

.navbar-toggler{
    font-size: 28px;
    cursor: pointer;
}

.navbar-toggler:focus {
    outline: 0;
}

.navbar .navbar-brand{
  padding: 0;
  /*margin-right: 100px;*/
  margin-right: 142px;
}

.navbar .navbar-brand img{
    height: 65px;
}

.navbar{
  border-bottom: 1px solid #ced4da;
}

.navbar-light{
  background-color: #ffffff!important;
}

.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
    color: #df1114;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 15px;
    padding-left: 15px;
}

/* /NAVBAR */

/* SUB NAVBAR */

.sub_nav{

}

/* /SUB NAVBAR */

/* NOTY JS */

.noty_bar{
  -webkit-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow:    0px 0px 13px 0px rgba(0, 0, 0, 0.25);
  box-shadow:         0px 0px 13px 0px rgba(0, 0, 0, 0.25);
}

.noty_buttons{
    padding-left: 20px!important;
    padding-right: 20px!important;
}

.noty_button_centred{
    margin-left: calc(50% - 17px);
}

/* /NOTY JS */

/* DATATABLES */

.dataTables_wrapper{
  padding: 0;
  margin-bottom: 15px;
}

table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:before {
    right: 19px;
}

table.dataTable thead > tr > th.sorting_asc,
table.dataTable thead > tr > th.sorting_desc,
table.dataTable thead > tr > th.sorting,
table.dataTable thead > tr > td.sorting_asc,
table.dataTable thead > tr > td.sorting_desc,
table.dataTable thead > tr > td.sorting {
    padding-right: 40px;
}

table td .btn{
  margin: 0;
}

/* /DATATABLES */

/* BREADCRUMB */

.breadcrumb{
  border-radius: 0;
  font-size: 14px;
  margin-bottom: 0;
}

.breadcrumb-assets {
    border-radius: 0;
    font-size: 14px;
    margin-bottom: 0;
    background-color: transparent;
}
/* /BREADCRUMB */

/* CHECKBOX */

.checkbox {
    padding-left: 0;
}

.checkbox.checkbox-inline{
  display: inline;
}

.checkbox label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 27px;
    line-height: 22px;
    margin-right: 15px;
    margin-bottom: 5px;
}

.checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0;
    margin-left: -3px;
    border: 1px solid #cccccc;
    border-radius: 0;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}

.checkbox label::after {
  width: 20px;
  height: 20px;
  left: -1px;
  top: 0;
  margin-left: 0px;
  padding-left: 0px;
  padding-top: 0px;
  font-size: 15px;
  margin-top: -1px;
  color: #df1114;
}

.checkbox input[type="checkbox"] {
    opacity: 0;
    z-index: 1;
    margin-right: -16px;
}

/* /CHECKBOX */

/* RADIO BUTTON */

.radio {
    padding-left: 0;
}

.radio.radio-inline {
    display: inline;
    margin-left: 0 !important;
}

.checkbox input[type="radio"] {
    opacity: 0;
    z-index: 1;
    margin-right: -16px;
}

.radio label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #cccccc;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out;
    transition: border 0.15s ease-in-out;
}

.radio label::after {
    display: inline-block;
    position: absolute;
    content: " ";
    width: 10px;
    height: 10px;
    left: 5px;
    top: 5px;
    margin-left: -20px;
    border-radius: 50%;
    background-color: #df1114;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}

.radio input[type="radio"]:checked + label::before {
    border-color: #df1114;
}

.radio label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    color: #333;
    padding-left: 12px;
    margin-right: 15px;
    margin-bottom: 5px;
}

/* /RADIO BUTTON */

/* BUTTON CUSTOM */

.btn-outline-light {
    color: #df1114;
    background-color: transparent;
    background-image: none;
    border-color: #df1114;
}

.btn-outline-light:hover {
      color: #fff;
      background-color: #df1114;
      border-color: #df1114;
}

.btn-outline-light:not([disabled]):not(.disabled).active,
.btn-outline-light:not([disabled]):not(.disabled):active,
.show>.btn-outline-light.dropdown-toggle {
    color: #fff;
    background-color: #df1114;
    border-color: #df1114;
    box-shadow: 0 0 0 0.2rem rgba(223, 17, 20,.5);
}

.btn-light {
    color: #fff;
    background-color: #df1114;
    background-image: none;
    border-color: #df1114;
}

.btn-light:hover {
    color: #fff;
    background-color: #858083;
    border-color: #858083;
}

button:focus {
    outline: 0;
}

button.close{
  cursor: pointer;
}

/* /BUTTON CUSTOM */

/* DROPDOWN WITH CHECKBOX */

.dropdown_checkbox .dropdown-menu{
    padding: .5rem .5rem 0 .5rem;
}

/* /DROPDOWN WITH CHECKBOX */

/* FILTER */

.row_collapse_filter .col-md-12{
  min-height: 0;
}

.btn_filter_absolute{
  position: absolute;
  right: 0;
  margin-top: -64px;
}

.collapse_filter{
  margin-bottom: 15px;
}

.btn_go_filter{
  float: right;
  margin-top: 32px;
}

/* /FILTER */

/* TABLE */

.table_custom th,
.table_custom td{
  padding: 5px 7px;
}

/* /TABLE */

/* MODAL */

.modal-content{
  border-radius: 0;
  border: 1px solid #e9ecef;
}

.modal-footer{
  display: initial;
  justify-content: normal;
}

.modal-footer .btn{
  margin: 0;
}

.modal-footer .btn:last-of-type{
    float: right;
}

.modal-backdrop.show {
    background-color: rgba(73, 80, 87, 0.9);
}

/* /MODAL */

/* DATE PICKER */

.ranges li{
  color: #df1114;
}

.ranges li:hover {
    background-color: #df1114;
    border: 1px solid #df1114;
    color: #fff;
}

.ranges li.active {
  background-color: #df1114;
  border: 1px solid #df1114;
}

.daterangepicker td.in-range {
    background-color: rgba(35, 65, 150, 0.2);
}

.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #df1114;
}

.daterangepicker .input-mini.active {
    border: 1px solid #df1114;
}

.range_inputs button{
  margin-bottom: 0;
}

.range_inputs button:last-of-type{
  float: right;
}

/* /DATE PICKER */

/* DATATABLES */

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #df1114;
    background-color: #fff;
    border: 1px solid #ddd;
}

.page-item.active .page-link {
    z-index: 2;
    color: #fff;
    background-color: #df1114;
    border-color: #df1114;
}

.page-link:focus, .page-link:hover {
    color: #df1114;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #ddd;
}

table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:before {
    right: 21px;
    top: 5px;
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
    right: 0.5em;
    top: 5px;
}

/* /DATATABLES */

/* LOGIN */

.form-signin-body {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  padding-top: 22vh;
  padding-bottom: 0;
  background-color: #f8f9fa;
}

.form-signin {
    width: 100%;
    max-width: 330px;
    padding: 15px;
    margin: 0 auto;
}

.form-signin {
  width: 100%;
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}

.form-signin .checkbox {
  font-weight: 400;
}

.form-signin .checkbox label::after {
  margin-left: -3px;
}

.form-signin .form-control {
  position: relative;
  box-sizing: border-box;
  height: auto;
  padding: .25rem .5rem;
  font-size: .875rem;
  line-height: 1.5;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}


/* /LOGIN */

/* FULLCALENDAR */

.fc-event,
.fc-event:hover {
    color: #fff !important;
    text-decoration: none;
}

.fullcalendar_custom{
  margin-bottom: 15px;
}

/* /FULLCALENDAR */

/* YOUR PROGRESS */

.progress_label{
  margin-bottom: 0;
}

.progress{
  margin-bottom: 30px;
}

/* YOUR PROGRESS */

/* VALUTATION BOX */

.valutation_box{
  width: auto;
  border-radius: .2rem;
  padding: .25rem .5rem;
  padding-right: 33px;
  font-size: .875rem;
  margin-bottom: 30px;
  line-height: 1.5;
  background-color: #f0f1f2;
  border: 1px solid #d9dadb;
  color: #6c757d !important;
  display: block;
  cursor: pointer;
  position: relative;
  float: right;
}

.valutation_box i {
  position: absolute;
  top: 8px;
  right: 9px;
  color: #155724;
}

.btn_test{
  margin-top: 9px;
  float: right;
}

/* /VALUTATION BOX */

/* SCHEDE */

.schede_box{
  margin-bottom: 30px;

}

.schede_box .card-header{
  padding-left: 54px;
  position: relative;
  font-size: 18px;
}

.schede_box .card-header i.fas,
.schede_box .card-header i.far{
  color: #df1114;
  font-size: 26px;
  position: absolute;
  top: 13px;
  left:15px;
}

.schede_box .card-header i.num{
  color: #df1114;
  font-size: 26px;
  line-height: 26px;
  position: absolute;
  top: 13px;
  left:15px;
  font-style: normal;
}

.schede_box .card-body{
  border-radius: .25rem;
  background-color: white;
}

.lista_download_schede{
  padding: 0;
  margin: 0;
}

.lista_download_schede li{
  padding: 0;
  margin: 0 0 15px 0;
  list-style: none;
}

.lista_download_schede li:last-child{
  margin: 0;
}

.schda_download{
  width: 100%;
  border-radius: .2rem;
  padding-top: 9px;
  padding-bottom: 8px;
  padding-left: 33px;
  padding-right: 30px;
  font-size: 16px;
  line-height: 26px;;
  background-color: #f0f1f2;
  border: 1px solid rgba(0,0,0,0);
  display: block;
  cursor: pointer;
  position: relative;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.schda_download .file_ico{
  position: absolute;
  font-size: 18px;
  top: 8px;
  left: 9px;
  color: #df1114;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.schda_download p{
  color: #6c757d;
  margin: 0;
  line-height: 17px;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.schda_download .file_not_downloaded{
  position: absolute;
  top: 10px;
  right: 9px;
  color: #df1114;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.schda_download .file_downloaded{
  position: absolute;
  top: 10px;
  right: 9px;
  color: #155724;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.link_schda_download:hover .schda_download {
  background-color: #df1114;
  color: #ffffff !important;
  border: 1px solid #df1114;
}

.link_schda_download:hover .schda_download i,
.link_schda_download:hover .schda_download p{
  color: #ffffff;
}

.lista_download_schede>li{
  position: relative;
}

.add_note{
  position: absolute;
  font-size: 14px;
  padding: 11px 3px;
  top: 0;
  /* right: 32px; */
  right: -12px;
  color: #6c757d;
  opacity: 0;
  z-index: 3;
  cursor: pointer;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.lista_download_schede>li:hover .add_note{
  opacity: 1;
  color: #6c757d;
  right: -21px;
}

.add_note_active{
  opacity: 1;
  color: #6c757d;
  right: -21px;
}

.lista_download_schede>li .add_note:hover{
  color: #df1114;
}

.popover-body textarea{
  height: 61px;
}

.schede_domande .card-header{
  line-height: 24px;
}

.schede_risposta{
  border-radius: .2rem;
  padding: 0 0 0 11px;
  background-color: #f0f1f2;
  border: 1px solid rgba(0,0,0,0);
}

.schede_risposta label{
  width: calc(100% - 19px);
  margin: 0;
  line-height: 21px;
  /*padding: 8px 11px 6px 11px;*/
  padding: 8px 62px 6px 40px;
  color: #6c757d;
  cursor: pointer;
  position: relative;
}

.schede_domande p {
    margin: 0;
}

.answer-sort-index {
    position: absolute;
    left: 15px;
    top: 8px;
}

.schede_risposta label:hover{
  color: #df1114;
}

.schede_risposta label::after{
  top: 13px;
}

/* /SCHEDE */

/* QUESTIONS */

.questions_title{
  padding-top: 25px;
  margin-bottom: 15px;
  border-top: 1px solid rgba(0,0,0,.125);
}

.questions_title h1{
  font-size: 28px;
  line-height: 28px;
  margin: 0;
}

.question_box {
    border: 0;
    margin-bottom: 30px;
    border-radius: 0;
    border-left: 1px solid #eff1f2;
    border-right: 1px solid #eff1f2;
}

.question_box .card-body{
  background-color: #ffffff;
}

.question_box .card-header{
  border: 0;
}

.question_box .card-header h5{
  color: #6c757d!important;
  margin: 0;
}

.question_box .card-footer {
    border: 0;
    background-color: rgb(251, 251, 251)!important;
    font-size: 12px;
    line-height: 12px;
    border-radius: 0;
    border-bottom: 1px solid #eff1f2;
}

.question_box .card-body .btn{
    margin: 0;
}

.question_submit{
  border-top: 1px solid rgba(0,0,0,.125);
  padding-top: 30px;
}

.question_submit h5{
  color: #6c757d!important;
  line-height: 1.25rem;
  margin-bottom: 15px;
}

.question_submit .btn{
  margin-top: 15px;
  margin-bottom: 30px;
}

/* /QUESTIONS */

/* LOGIN */

.login_box{
  background-color: white;
  padding: 17px 30px 30px 30px;
  border-radius: 0;
  margin: auto;
  margin-top: 60px;
  width: 100%;
  max-width: 300px;
  border: 1px solid #e9ecef;
}

.login_box h2{
  margin-top: 0;
}

.forgo_password{
  font-size: 12px;
  display: block;
  text-align: right;
  border-top: 1px solid #ced4da;
  padding-top: 12px;
  margin-top: 15px;

}

/* /LOGIN */

/* ADMIN */

.admin{

}

.admin .col_grid .card-header{
  position: relative;
  padding-right: 50px;
}

.admin .col_grid .card-header .delete_card{
  position: absolute;
  top: 6px;
  right: 37px;
  cursor: pointer;
}

.admin .col_grid .card-header .delete_card i{
  font-size: 16px;
}

.admin .col_grid .card-header .delete_card:hover i{
  color: #6c757d;
}

.admin .col_grid .card-header .edit_card{
  position: absolute;
  top: 6px;
  right: 65px;
  cursor: pointer;
}

.admin .col_grid .card-header .edit_card i{
  font-size: 16px;
  color: #6c757d;
}

.admin .col_grid .card-header .edit_card:hover i{
  color: #df1114;
}

.admin .lista_download_schede .schda_download{
  padding-right: 60px;
}

.admin .lista_download_schede .delete_card i{
  font-size: 16px;
}

.admin .lista_download_schede .delete_card{
  position: absolute;
  top: 4px;
  right: 9px;
  cursor: pointer;
}

.admin .lista_download_schede .delete_card i{
  color: #df1114;
}

.admin .lista_download_schede .delete_card:hover i{
  color: #6c757d;
}

.admin .lista_download_schede .edit_card{
  position: absolute;
  top: 4px;
  right: 33px;
  cursor: pointer;
}

.admin .lista_download_schede .edit_card i{
  font-size: 16px;
  color: #6c757d;
}

.admin .lista_download_schede .edit_card:hover i{
  color: #df1114;
}

.admin .lista_download_schede .download_card{
  position: absolute;
  right: 63px;
  top: 4px;
  cursor: pointer;
}

.admin .lista_download_schede .download_card i{
  font-size: 16px;
  color: #6c757d;
}

.admin .lista_download_schede .download_card:hover i{
  color: #df1114;
}

.admin .tiolo{
  position: relative;
  padding-right: 50px;
}

.admin .tiolo .btn-group{
  position: absolute;
  right: 0;
  top: 5px;
}

.admin .tiolo .btn-group .dropdown-toggle::after {
  display: none;
  width: 0;
  height: 0;
  margin-left: 0;
  vertical-align: 0;
  content: "";
  border: 0;
}

.admin .tiolo .btn-group .dropdown-menu{
  max-width: 200px;
  margin-left: -162px;
}

.admin_link_version{
  font-size: 14px;
  line-height: 12px;
  padding: 15px 30px;
  width: 100%;
  background-color: #e9ecef;
  display: block;
  position: absolute;
  top: 13px;
  left: 0;
}

/* /ADMIN */

/* COURSE SUBSCRIPTIONS */

.course_subscription_date .checkbox{
    padding: 11px 15px 11px 15px;
    border-top: 1px solid #f0f1f2;
    border-bottom: 1px solid #f0f1f2;
}

.course_subscription_date .checkbox:nth-of-type(odd){
    background-color: #f0f1f2;
}

.course_subscription_date .checkbox label{
    margin: 0;
}

.course_subscription_date .course_end_date{
  float: right;
}

.course_subscription_date .course_end_date p{
  display: inline-block;
  margin: 0;
}

/* /COURSE SUBSCRIPTIONS */

/* USER LECTURES */

.add_user_lecture{
  position: relative;
  padding-right: 40px;
}

.user_lectures_modal{
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}

.user_lectures{
  position: relative;
  padding: 11px 40px 11px 15px;
}

.user_lectures_remove{
  position: absolute;
  right: 15px;
  top: 12px;
}

/* USER LECTURES */

.error {
    color: #df1114;
}

/* Responsive image for tinymce */
.tinymce-responsive-image {
    max-width:100%;
}

/* HOME PAGE */

.row_home_box{
  margin: 0;
}

.home_box {
   /*background-color: white;*/
   /* padding: 17px 30px 30px 30px; */
   padding: 19px 30px 30px 30px;
   border-radius: 0;
   margin-top: 0.5rem;
   margin-bottom: 30px;
   width: 100%;
   height: auto;
   border: 1px solid #e9ecef;
}

.home_box h2 {
   margin-top: 0;
   font-size: 27px;
}

.home_box h3{
 color: #ced4da;
}

.home_box_link p{
    color: #6c757d;
}

.home_box .icons{
 /*position: absolute;
 margin-top: -60px;
 margin-bottom: 0;
 left: 0;
 width: 100%;*/
 text-align: center;
 font-size: 60px;
 color: #fff;
 -webkit-text-stroke-width: 0.05rem;
 -webkit-text-stroke-color: #e9ecef;
 text-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.09);
 text-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.075);
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

/*.home_box_link:hover .icons{
    color: #df1114;
}*/

.home_box_link:hover .home_box.box-shadow {
    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.095);
}

.home_box_img{
  width: 100%;
  height: auto;
  margin-top: 30px;
  margin-bottom: 0;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid rgba(0,0,0,.1);
  border-top: 1px solid rgba(0,0,0,.1);
}

/* /HOME PAGE */

/* ==================================================================== MEDIA QUERIES ==================================================================== */

@media (max-width: 1199px) {

  /* SIDE BAR */

  .main_content_no_side{
    max-width: 100%;
    margin-left: auto;
  }

  /* /SIDE BAR */

}

@media (max-width: 991px) {

  /* NAVBAR */

  li.nav-item {
      border-bottom: 1px solid #dde1e5;
  }

  .navbar-collapse {
      border-top: 1px solid #dde1e5;
      margin-top: 5px;
  }

  /* /NAVBAR */

  /* SIDE BAR */

  .side_bar{
    width: 100%;
    float: none;
    height: auto;
    position: relative;
    padding: 15px;
  }

  .main_content{
    float: none;
    width: 100%;
    padding-top: 15px;
    margin-left: 0;
  }

  .side_bar.box-shadow{
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  }

  .side_bar_link li:last-child{
    margin-bottom: 0;
  }

  .side_bar_scroll {
    top: 0;
}

  /* /SIDE BAR */

  /* SIDE BAR ACCORDION */

  .lecture_link_active{
    width: 100%;
  }

  /* /SIDE BAR ACCORDION */

  /* SCHEDE */

  .add_note{
    opacity: 1;
    right: -20px;
  }

  /* /SCHEDE */

  /* HOME PAGE */

  .home_box {
     height: auto;
  }

  /* / HOME PAGE */
}

@media (max-width: 767px) {

  /* GENERAL */

  html,
  body {
    overflow-x: hidden;
  }

  /* /GENERAL */

  .offcanvas-collapse {
    position: fixed;
    top: 56px; /* Height of navbar */
    bottom: 0;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    overflow-y: auto;
    background-color: #fff;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }

  .offcanvas-collapse.open {
    -webkit-transform: translateX(-1rem);
    transform: translateX(-1rem);
  }

  .navbar-collapse .nav-item{
    border-top: 1px solid #ced4da;
  }

  .navbar-collapse .nav-item:last-child{
    border-bottom: 1px solid #ced4da;
  }

}

@media (max-width: 575px) {

  /* GENERAL */

  .tiolo{
    font-size: 24px;
  }

  /* /GENERAL */

}