/************* START: CTA BLOCK ***********/

html { scroll-behavior: smooth; }

body, html {height:100%; width:100%;}
body {font-family:'Titillium',Verdana, Geneva, sans-serif; padding-top: 0;}

@font-face { font-family: 'Titillium'; src: url('../font/TitilliumSansPro-Regular.woff') format('truetype'); font-weight: 200; font-style: normal; }

/************* HELPERS - Start ***********/
/*
.border-0 { border: 0px; }
.mt30  { margin-top: 30px; }
*/
/************* HELPERS - End ***********/

/************* BASICS - Start ***********/
/*
h1 { font-size: 36px; color: #000 !important; text-align: left; margin-bottom: 0; margin-top: 0; font-weight: 500; line-height: 1.2; }
h1 small { display: block; font-size: 65%; color: #000 !important; font-weight: 400; line-height: 1; }
.img-thumbnail { background: transparent; border: 0px; border-radius: 0px; }
*/
/************* BASICS - End ***********/
/*
.main { box-shadow: 0px 7px 25px #89878775; background:var(--cta-bg-light-green); padding-bottom: 15px; }
.m-grafic img { height: 60px; width: auto; }
.logo-intro { height: 100px; float: left; }
*/
/************* NAVIGATION - Start ***********/
/*
.navbar { padding-top: 0 !important; padding-bottom: 0 !important; }
.navbar .container-fluid  { background: #fafafa; border-bottom: 5px solid var(--cta-bg-green); }
.navbar-default { background-color: #f8f8f8; border-color: #e7e7e7; }
.navbar-default .navbar-nav>li>a { color: #4c762c !important; font-weight:normal; transition:all 0.5s ease; padding: 10px 15px !important; }
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover { color: #4c762c; font-weight:bold; background-color: transparent; }
.navbar-fixed-top { border-width: 0 0 0px!important; top: 0;}
.navbar-brand { height: 50px; line-height: 20px; float: right; }
*/
/************* NAVIGATION - End ***********/
/*
@media (max-width: 1199px) {
  .logo-intro { margin-top: 0px; }
}
@media (max-width: 768px) {
  .navbar-header { width: 100%; }
  h1 { font-size: 1.4em; }
  h1 small { padding-top: 15px; font-size: 15px; }
  .logo-intro { height: 80px; margin-top: 25px; }
}

.p2k-header { background-color: var(--cta-bg-light-green); }
.p2k-header-title { font-size: 2em; }
#btt_login { background-color: var(--cta-bg-light-green); }
@media (max-width: 540px) {
  .p2k-header-title { font-size: 1.5em; }
}
*/
/************* END: CTA BLOCK ***********/




.p2k-bg-image { position:fixed; width:100vw; height:100vh; top:0; left:0; background-image: url(../img/SYS_login/0000.jpg); background-repeat: no-repeat; background-size: cover; background-position:center; z-index:-1000; }
/*.p2k-login-panel { position:relative; width:540px; border:1px solid var(--cta-bg-light-green); background-color:#ccc; box-shadow:0 0 10px black; }*/
/*.p2k-login-panel { position:relative; width:540px; border:5px solid var(--cta-bg-light-green); background-color:#ccc; }*/
.p2k-login-panel { position:relative; width:540px; }
.p2k-login-panel.p2k-test {
  background: repeating-linear-gradient(45deg, #ddd, #ddd 10px, #888 10px, #888 20px);
}
@media (max-width: 540px) {
  .p2k-login-panel { width: 100%; }
}
/*
.p2k-logo { padding: 40px 5px 10px; }
.p2k-logo-bandiera { background-image: url(../img/bandiera.png); margin: 0; padding: 0; width: 100%; height: 4em; background-size: contain; background-repeat: no-repeat; }
.p2k-logo-olimpiadi { background-image: url(../img/olimpiadi.png); margin: 0; padding: 0; width: 100%; height: 4em; background-size: contain; background-repeat: no-repeat; background-position: right;}

.p2k-language { position: absolute; right: 0; z-index:1; }
*/
.p2k-panel-footer { text-align: right; margin-top: 15px; }
.p2k-panel-footer span { color: #888; }