/* STANDARD */
body {
    width: 100%;
    height: 100%;
    font-family: 'Open Sans', sans-serif,Arial, helvetica, Tahoma, sans, Verdana;
    font-size: 14px;
    color:#404040;
}
select[readonly] { pointer-events: none; }
.hidden{
    opacity: 0;
}
.d_none {
    display: none;
}
.d_inline {
    display: inline;
}
.visible{
    opacity: 1;
}

.chiudi {
    clear: both;
    height: 0px;
}

.sizing {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
input.invalid, select.invalid {color:#ff0000;border:1px solid #ff0000 !important;}
input[type="checkbox"].invalid::after {content:"*";color:#ff0000;padding-left: 3px;}
#template_tek-error,#template_pdf-error {color:#ff0000;z-index: 99999;background-color: #ffffff;margin:0;}
label.invalid {display: none !important;margin:0 !important;}
a {
    text-decoration: none;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
a:hover {text-decoration: none !important;}
.color_green {
    color: #8dc643;
}
.color_blue {
    color: #426FB3;
}
.color_grey {
    color:#919191;
}
.color_black {
    color: #000000;
}
.color_gold {
    color: #e1a300;
}
.color_red {color: #ff0000;}
.color_white {
    color: #ffffff !important;
}
.color_dark {
    color: #4a4a4c !important;
}
.margin0 {margin:0;}
.m_bottom_10 {
    margin-bottom: 10px !important;
}
.m_bottom_20 {
    margin-bottom: 20px !important;
}
.m_bottom_50 {
    margin-bottom: 50px !important;
}
.m_bottom_100 {
    margin-bottom: 100px !important;
}
.m_top_20 {
    margin-top: 20px !important;
}
.m_top_10 {
    margin-top: 10px !important;
}
.m_top_100 {
    margin-top: 100px !important;
}
.m_top_50 {
    margin-top: 50px !important;
}
.m_right_0 {
    margin-right: 0 !important;
}
.m_right_10 {
    margin-right: 10px !important;
}
.m_right_20 {
    margin-right: 20px !important;
}
.m_left_20 {
    margin-left: 20px !important;
}
.m_auto {
    margin-left: auto !important;
    margin-right: auto !important;
}
.border-silver {
    border: 1px solid silver !important;
}
.border-silver-right {
    border-right: 1px solid silver !important;
}
.padding_10 {
    padding: 10px !important;
}
.padding_20 {
    padding: 20px !important;
}
.w_100 {
    width: 100px !important;
}
.w_200 {
    width: 200px !important;
}
.w_60_perc {
    width: 60% !important;
}
.w_100_perc {
    width: 100% !important;
}
.f_size_1 {
    font-size: 1em !important;
}
.f_size_1_2 {
    font-size: 1.2em !important;
}
.f_size_1_3 {
    font-size: 1.3em !important;
}
.f_size_1_5 {
    font-size: 1.5em !important;
}
.f_size_2 {
    font-size: 2em !important;
}
.f_size_3 {
    font-size: 3em !important;
}
.f_size_3_5 {
    font-size: 3.5em !important;
}
.f_size_4 {
    font-size: 4em !important;
}
.f_size_08 {
    font-size: .8em !important;
}
.f_size_06 {
    font-size: .6em !important;
}
.f_size_05 {
    font-size: .5em !important;
}
.f_size_04 {
    font-size: .4em !important;
}
.f_weight_400 {font-weight: 400;}
.f_weight_600 {font-weight: 600;}
.f_weight_700 {font-weight: 700;}
.f_weight_800 {font-weight: 800;}
.border_0 {
    border: 0 !important;
}
.height_320 {
    height: 320px !important;
}
.bg_color_red {
    background-color: #8e0f38;
}
.bg_color_dark {
    background-color: #202020 !important;
}
.bg_color_grey {
    background-color: #E8E8E8 !important;
}
.bg_color_white {
    background-color: #ffffff !important;
}
.bg_color_green {
    background-color: #014f25;
}
.h_500 {
    height: 500px !important;
}
.line-height-150 {
    line-height: 150%;
}
.line-height-170 {
    line-height: 170%;
}
.line-height-200 {
    line-height: 200%;
}
.align_justify {
    text-align: justify;
}
.align_left {
    text-align: left;
}
.align_right {
    text-align: right;
}
.flex-row-around {
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    -webkit-justify-content: space-around;
}
.flex-row-center {
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    -webkit-justify-content: center;
}
.flex-vertical-center {
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.float_lft {
    float: left;
}

.float_rgt {
    float:right;
}
a.button-blue {position: relative;width: auto;border-radius: 5px;background-color: #426FB3;color:#ffffff;font-size: 1em;text-align: center;padding: 20px 40px;margin:10px auto 0;} 
a.button-blue:hover {color:#ffffff;background-color: #35a5f4;}
.tit-h2 {font-family: Lato, 'Open Sans', sans-serif,Arial, helvetica, Tahoma, sans, Verdana;}
.txt-editor {padding-left: 15px;padding-right: 15px;}
.txt-editor img {max-width: 100%;}
.txt-editor ul li {list-style: disc;margin-left: 20px;}
.txt-editor ol li {list-style: decimal;margin-left: 40px;}
.txt-editor a.button-blue {width: 80% !important;}
.txt-editor h3, .txt-editor h4, .txt-editor h5, .txt-editor p {width: 100%;}
.oscura {display: none;position: fixed;top:80px;left:0;width: 100%;height: 100%;background-color: rgba(128,128,128,.8);}
/* END STANDARD */
.top {position: fixed;top:0;width:100%;background-color: #ffffff;color:#808080;z-index: 999;}
.logo {position: relative;width:auto;float: left;height: 150px;}
.logo img {margin:10px 0;}
.txt-logo {position: relative;float:left;font-size: 2em;height:auto;line-height: 100%;color:#000000;padding: 10px 0 0 0;}
.txt-logo p {margin:0;}
.loghi-top {position: absolute;right: 80px;top:20px;}
.loghi-top img {position: relative;float:left;margin:0 10px 0 0;height: 40px;}
.loghi-top img.logo-unipr {}
.menu {position: absolute;top:90px;right:0;width: 90%;padding: 10px;display: none;background-color: #ffffff;}
.menu-bottom {position: absolute;top:80px;right:0;width: 90%;padding: 10px;display: none;background-color: #ffffff;}
.banner {position: relative;width: 100%;padding:0;background-repeat: no-repeat;background-position: top center;background-size: contain;margin: 230px 0 0 0;}
.banner img {width:100%;max-width: 100%;margin: 90px 0 0 0;}
.banner-home {background-image: url('/images/header-mob.png');} 
.box-news-home {position: relative;width:100%;padding: 20px;background-color: #eeeeee;text-align: left;margin: 10px 0 0 0;}
.box-news-home h2 {font-size: 1.7em;margin:10px 0;}
.box-news-home time {margin: 5px 0;color:#000000;}
.box-news-home img {max-width: 100%;}
.cnt-news {width: 100%;height: 320px;}
.cnt-news h3 {text-align: left;margin: 10px 0 0 0;}
.bottom {position: relative;width: 100%;line-height: 100%;}
.footer {background-color: #000000;color:#ffffff;height: auto;line-height: 150%;}
.cnt-pages {padding-top: 250px}
.cnt-pages-oss {padding-top: 100px}
.cnt-pages-oss-news {padding-top: 0px}
.txt-home {width: 90%;margin-left: auto;margin-right: auto;font-size: 1.5em;}
.box-partner-home {position: relative;width:400px;height: 200px;padding: 10px;background-color: #ffffff;text-align: center;margin: 20px 0;}
.box-partner-home h2 {font-size: 1.4em;margin:10px 0;}
.box-partner-home h2 a {color:#00378B;}
.box-partner-home img {height: 100px;}
.cnt-box-partners {position: relative;width: 100%;margin:0 auto;}
.menu-mob {position: relative;float: right;}
.nav-item {width:100%;font-size: 1.5em;margin: 10px 0;}
.bottom-1, .bottom-2 {position: relative;float:left;}
.bottom-2 {width:auto !important;}
.dropdown-item {line-height: 20px;font-size: .9em;}
.box-sponsor {padding: 20px 0;}
.box-sponsor img {margin: 10px;max-height: 70px;}
#slides {width: 100%;height: 36vw;}
.box-video {width: 100%;}
.video1, .video2 {padding: 5px;width: 100%;height: 36vw;}
.slide_img {
    position: absolute;
    top: 0;
    left:0;
    width: 100%;
    height: 36vw;
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: contain;
}
.nav-link {padding: .5rem .6rem;}
.result-ko {
    display: none;
    position: relative;
    width: 100%;
    margin: 20px 0;
    color: #ff0000;
    font-size: 1.5em;
    border: 2px solid #ff0000;
    padding: 20px 10px;
}
.result-ok {
    display: none;
    position: relative;
    width: 100%;
    margin: 20px 0;
    color: #20a022;
    font-size: 1.5em;
    border: 2px solid #20a022;
    padding: 20px 10px;
}
.sending {
    display: none;
    position: relative;
    width: 100%;
    margin: 20px 0;
    color: #000000;
    font-size: 1em;
    border: 0;
    padding: 20px 10px;
}
#speakers {position: relative;width: 100%;height: 250px;}
.box-speaker {position: relative;width: 100%;height: 250px;text-align: left;}
.img-speaker {position: relative;width: 30%;float: left;}
.img-speaker img {max-width: 100%;}
.txt-speaker {position: relative;width: 70%;height: 100%;float: left;padding: 0 0 0 10px;}
.txt-speaker h4 {width: 100%;font-size: 1.4em;font-weight: bold;}
.txt-speaker h5 {width: 100%;font-size: 1.2em;}
.box-gallery {max-width: 100%;}
.box-gallery img {float: left;margin:10px;max-width: 200px;}
.slidesjs-container {height: 100% !important;}
/* jcarousel */
.jcarousel-wrapper {
    margin: 10px 0 0 0;
    position: relative;
    border: 0;
    width: 100%;
    height: 70px;
}


.jcarousel-wrapper .photo-credits {
    position: absolute;
    right: 15px;
    bottom: 0;
    font-size: 13px;
    color: #fff;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.85);
    opacity: .66;
}

.jcarousel-wrapper .photo-credits a {
    color: #fff;
}

/** Carousel **/

.jcarousel {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 70px;
}

.jcarousel img {
    display: block;
}

.jcarousel ul {
    width: 20000em;
    height: 100%;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarousel li {
    position: relative;
    width: 100%;
    height: 100%;
    float: left;
}

/** Carousel Controls **/

.jcarousel-control-prev,
.jcarousel-control-next {
    position: absolute;
    top: 200px;
    width: 30px;
    height: 30px;
    text-align: center;
    background: #4E443C;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 1px #000;
    font: 24px/27px Arial, sans-serif;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-box-shadow: 0 0 2px #999;
    -moz-box-shadow: 0 0 2px #999;
    box-shadow: 0 0 2px #999;
}

.jcarousel-control-prev {
    left: -50px;
}

.jcarousel-control-next {
    right: -50px;
}

.jcarousel-control-prev:hover span,
.jcarousel-control-next:hover span {
    display: block;
}

.jcarousel-control-prev.inactive,
.jcarousel-control-next.inactive {
    opacity: .5;
    cursor: default;
}

/** Carousel Pagination **/

.jcarousel-pagination {
    position: absolute;
    bottom: 0;
    left: 15px;
}

.jcarousel-pagination a {
    text-decoration: none;
    display: inline-block;

    font-size: 11px;
    line-height: 14px;
    min-width: 14px;

    background: #fff;
    color: #4E443C;
    border-radius: 14px;
    padding: 3px;
    text-align: center;

    margin-right: 2px;

    opacity: .75;
}

.jcarousel-pagination a.active {
    background: #4E443C;
    color: #fff;
    opacity: 1;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75);
}
.box-home {position: relative;float:left;width:90%;text-align: center;margin: 10px auto;}
.box-home img {max-width: 100%;}
.box-home h3 {font-size: 1.3em;color:#000000;text-transform: uppercase;margin: 20px 0 0 0;}
.bkg-pages {position: relative;width: 100%;height: 100%;background-image: url('/images/bkg-pages.png');background-position: top left;background-repeat: no-repeat;margin: 120px 0 0 0;}
.uppercase {text-transform: uppercase;}
.img-oss img {max-width: 100%;}
.ico-oss {}
.ico-oss img {max-height: 50%;}
.ico-oss h4 {}
.box-news-oss {}
.box-news-oss img {max-height: 200px;}
.box-news-oss h4 {}
.txt-banner {position: absolute;bottom:0;color:#ffffff;font-size:1.5em;width:100%;height: 150px;background-color: rgba(0,0,0,.7);}
.txt-banner span {font-size: 1em;display: block;width: 100%;text-align: center;}
.txt-banner p {display: block;position: absolute;bottom:0;width: 100%;text-align: center;}
ul.menu-dashboard {display: block;width:100%;}
ul.menu-dashboard.menu-fixed {position: fixed;top:160px;}
ul.menu-dashboard li {width:100%;padding: 10px 10px;font-size: 14px;background-color: #E8E8E8;border-bottom:1px solid #426FB3;}
ul.menu-dashboard li a {color:#426FB3;display: block;}
ul.menu-dashboard li:hover,ul.menu-dashboard li.active {background-color: #426FB3;}
ul.menu-dashboard li:hover a,ul.menu-dashboard li.active a {color:#ffffff;}
/* TABS */
.project-tab {
    padding: 0%;
    margin-top: -8%;
}
.project-tab #tabs{
    background: #007b5e;
    color: #eee;
}
.project-tab #tabs h6.section-title{
    color: #eee;
}
.project-tab #tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #0062cc;
    background-color: transparent;
    border-color: transparent transparent #f3f3f3;
    border-bottom: 3px solid !important;
    font-size: 16px;
    font-weight: bold;
}
.project-tab .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    color: #0062cc;
    font-size: 16px;
    font-weight: 600;
}
.project-tab .nav-link:hover {
    border: none;
}
.project-tab thead{
    background: #f3f3f3;
    color: #333;
}
.project-tab a{
    text-decoration: none;
    color: #333;
    font-weight: 600;
}
a.add-item {color:green;font-size: 1.5em;display: block;width: 100%;}
/* CALENDAR */
#script-warning {
    display: none;
    background: #eee;
    border-bottom: 1px solid #ddd;
    padding: 0 10px;
    line-height: 40px;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    color: red;
}

#loading {
    display: none;
    position: absolute;
    top: 10px;
    right: 10px;
}

#calendar {
    width: 100%;
    margin: 40px auto;
    padding: 0 10px;
}
.cnt-add-prenotazioni {position: relative;}
.fc-day-grid-event .fc-content {white-space: normal !important;}
#modal-esitoko-form {z-index: 999999;}
.select2-results__option.select2-results__option--disabled {color:#ff0000 !important;}
#ruolo option:disabled {background-color: #ff0000 !important;}
.orario-30 {display: none;}
i.fas, i.far, i.fa {font-size: 1.5em;}
a.btn-add {position: absolute;right: 0;}
.sticky {position: sticky;top:0;}
.container-sticky {width: 100%;height: 600px;overflow: auto;}
.loader {
  border: 16px solid #f3f3f3; /* Light grey */
  border-top: 16px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: spin 2s linear infinite;
  margin: 20% auto;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.tabella-form {font-size: 1.5em;}
.top-prenotazioni {position: relative;width:inherit;background-color: #ffffff;}
.btn-prenotazioni-fixed {top:150px;}
.cnt-prenotazioni {margin: 20px 0 0 0;}
.form-control {margin-bottom: 5px;}