/* TAG */
textarea { min-height: 100px;}
label { font-weight: 500!important;}
.v_a_m th, .v_a_m td { vertical-align: middle }

/* ID */
#divHelp { visibility: hidden; position: fixed; width: 350px; height: 250px; background: #fff; z-index: 10000; right: 20px; bottom: 20px; border: 1px solid #949599; border-radius: 10px; padding: 20px; }
#helpTitle { border-bottom: 2px solid #949599 }
#helpClose {  visibility: hidden; position: fixed; right: 30px; bottom: 240px }
#helpImage { visibility: hidden; position: fixed; z-index: 15; right: 340px; bottom: 240px; width: 60px; height: 60px; border: 1px solid #949599; border-radius: 50%; background: #fff; padding: 5px; }
#helpText { padding: 5px; font-size: 12px }

/* CLASS */
.courseCategories ul { padding-left: 15px }
.dashboardIcon { border-radius: 10px; margin: auto; margin-bottom: 10px; border: 3px solid #949599; height: 150px; width:150px; padding: 30px; background: #fff; box-shadow: 5px 5px rgba(0,0,0,0.2) }
.dashboardIcon:hover{ margin-left: 5px; margin-top: 5px;  margin-bottom: 5px; box-shadow: none; }
.divider_md{ display: none }
.div_title { text-transform: uppercase; border-bottom: 2px solid #949599; padding-bottom: 10px; margin-bottom: 40px }
.div_counter { width: 100px; height:100px; border: 2px solid #949599; border-radius: 50%; margin: auto }
.div_counter img { width: 64px; height:64px; margin: 13px }
.div_cover { max-height: 250px; overflow: hidden; border-radius: 5px }
.error input, .error textarea, .error select, .error div.well, .error img, .error video, .error .thumbnail { border-color: #CB0C0F!important }
.g-recaptcha div { margin: auto }
.home_title { font-size: 44px!important; letter-spacing: -1px !important; line-height: 1.2!important; text-transform: none!important;}
.section_text p { font-size: 16px; text-align: justify }
.icon_pr { border: 2px solid #949599; padding: 3px; background: #fff }
.icon_amber { border: 2px solid #EB9C4D; padding: 3px; background: #fff }
.icon_red { border: 2px solid #C02942; padding: 3px; background: #fff }
.icon_green { border: 2px solid #59ba41; padding: 3px; background: #fff }
.icon_grey { border: 2px solid #333; padding: 3px; background: #fff }
.icon_allergens { width: 13px; height: 13px }
.icon_info { width: 15px; height: 15px }
.icon_directory, .icon_file { width: 30px; height: 30px; margin-right: 10px; margin-bottom: 5px; }
.img_icon { max-width: 100px; max-height: 100px }
.error > .label_tc { color: #C02942!important}
.modal_stripe { border-bottom: 1px solid #949599; background: #949599; height: 20px }
.notice { width: 400px; position: fixed; z-index: 1050; right: 5px; top: 5px; }
.photo_border { border: 2px solid #222 !important}
.revo-slider-caps-text { font-size: 16px; font-weight: 400; letter-spacing: 3px; font-family: 'Raleway', sans-serif; }
.revo-slider-desc-text { font-size: 20px; font-family: 'Lato', sans-serif; width: 650px; text-align: center; line-height: 1.5; }
.revo-slider-emphasis-text { font-size: 64px; font-weight: 700; letter-spacing: -1px; font-family: 'Raleway', sans-serif; padding: 15px 20px; border-top: 2px solid #FFF; border-bottom: 2px solid #FFF; }
.table.p_025p th, .table.p_025p td { padding: 0.25rem !important }
.table_info th, .table_info td{ padding: 4px  }
.table_no_border th, .table_no_border td { border: none } 
.table_no_border th, .table_no_border td { border: none }
.td_action { min-width: 50px; width: 50px; text-align: center }
.td_action img, .icon_action { min-width: 30px; min-height: 30px; width: 30px; height: 30px; cursor:pointer }
.tp-caption { white-space: nowrap; }
.tp-video-play-button { display: none !important; }
.separator { padding: 0px!important }
.spacer { margin: 20px 0px }
.sticky-side-element { position: fixed; top: 50%; margin-top: -24px; left: auto; right: -31px; height: 48px; line-height: 48px; padding: 0 15px; background-color: #EEE; color: #222; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; font-size: 14px; z-index: 100; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); }
.subtitle { font-weight: 100; margin-bottom: 10px }

.pagination { float: right; }
.pagination span { margin-right: 5px; background: #949599; padding: 3px; width: 30px; height: 30px; text-align: center; border-radius: 50%; margin-bottom: 10px}
.pagination span.current { color:white!important }
.pagination span a { color:#ddd!important }
.powered_by { font-size:11px!important; width:160px; height:25px; padding:4px 4px; background:white; border-radius:3px; color:rgba(0,0,0,0.65)!important; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 1px -1px rgba(0, 0, 0, 0.15); font-weight: 600;  }
.powered_by:hover { background-color: #ddd; }
.powered_by img { height:19px; margin-right:5px }

.banner {
    height: 30px;
    background: #949599;
    width: 100px;
    border-radius: 15px;
    position: absolute;
    top: 10px;
    right: 10px;
    text-align: center;
}

.banner > span {
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
}

/* MEDIA */
@media (min-width: 992px){
    .side-header #logo { margin: 10px 0 20px; }
    .divider_md{ display: block }
}


/* CSS IMPORTATI */
.bg-overlay { z-index: 5; }
.bg-overlay-content { display: -ms-flexbox; display: flex; align-items: center; justify-content: center; z-index: 1; padding: 20px; }
.bg-overlay, .bg-overlay-bg, .bg-overlay-content { position: absolute; width: 100%; height: 100%; top: 0; left: 0; overflow: hidden; }
.col-mb-50>.col, .col-mb-50>[class*=col-] {
    padding-bottom: 50px;
}
.gutter-40>.col, .gutter-40>[class*=col-] {
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 40px;
}

.slider_title { position: absolute; width: 100%; text-align: center; color: white; z-index:1000; top:30%; font-size: 70px; }
.slider_subtitle { position: absolute; width: 100%; text-align: center; color: white; z-index:1000; top:50%; animation-delay: 0.5s; font-size: 40px; }
/* MEDIA */
@media (max-width: 1600px){
    .slider_title { top:30%; font-size: 60px;}
    .slider_subtitle { top:55%; font-size: 35px }
}
@media (max-width: 1200px){
    .slider_title { top:30%; font-size: 50px;}
    .slider_subtitle { top:55%; font-size: 30px }
}
@media (max-width: 767px){
    .slider_title { top:20%; font-size: 40px; }
    .slider_subtitle { top:45%; font-size: 26px; }
}
@media (max-width: 600px){
    .slider_title { top:20%; font-size: 32px; }
    .slider_subtitle { top:45%; font-size: 20px; }
}
@media (max-width: 500px){
    .slider_title { top:20%; font-size: 30px; }
    .slider_subtitle { top:50%; font-size: 18px; }
}