/* Cascading Stylesheet for Soluzione - Scuola online */

@import url('Sol_color.css');
@import 'https://fonts.googleapis.com/css?family=Roboto:100,400,900';

/* --------- Reset -------------------------------------------------------------- */
table { 
	border-collapse:collapse;
}
table, tr, td, a, p, h1, h2, h3, h4 {
	font-family:'Roboto', sans-serif;
}
table tbody tr:hover td, table tbody tr:hover {
	/*border:0 none;*/
}

/* --------- Struttura generale ------------------------------------------------- */
body {
	background:#fbfbfb repeat center;
	font-family:'Roboto', sans-serif;
	margin:0;
	padding:0;
}
.clear {
	clear:both;
	height:1px;
	overflow:hidden;
	display:block;
}
.hidden {
	display:none;
}
.pointer {
	cursor:pointer;
}
.top {
	vertical-align:top;
}
.disabled {
	opacity:.50;
	filter:alpha(opacity=50);
	cursor:default !important;
}
.space6 {
	height:6px;
	margin:0;
	padding:0;
	overflow:hidden;
	display:block;
}
.space12 {
	height:12px;
	margin:0;
	padding:0;
	overflow:hidden;
	display:block;
}
.nowrap {
	white-space:nowrap;
}
.wrap {
	white-space:normal !important;
}
hr {
    border-width:1px 0 0;
    border-color:#ddd;
    border-style:solid;
}
a {
	text-decoration:none;
	color:#333;
}
a:hover {
	text-decoration:none;
}
a.aspNetDisabled {
	/*
	cursor:auto;
	text-decoration:none;
	opacity:0.4;
	filter:alpha(opacity=40);
	*/
}
.widthAuto {
	width:auto !important;
}
td.error {
	text-align:left;
}
#content {
	font-size:11px;
}
/* --------- Struttura grid ----------------------------------------------------- */
.container-fluid {
  /*padding-right:5px;*/
  /*padding-left:5px;*/
  margin-right:auto;
  margin-left:auto;
  padding:0;
  width:100%;
}
.row {
  margin-right:-5px;
  margin-left:-5px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position:relative;
  min-height:1px;
  /*padding-right:5px;*/
  /*padding-left:5px;*/
}
@media (min-width:768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float:left;
  }
  .col-sm-12 {
    width:100%;
  }
  .col-sm-11 {
    width:91.66666667%;
  }
  .col-sm-10 {
    width:83.33333333%;
  }
  .col-sm-9 {
    width:75%;
  }
  .col-sm-8 {
    width:66.66666667%;
  }
  .col-sm-7 {
    width:58.33333333%;
  }
  .col-sm-6 {
    width:50%;
  }
  .col-sm-5 {
    width:41.66666667%;
  }
  .col-sm-4 {
    width:33.33333333%;
  }
  .col-sm-3 {
    width:25%;
  }
  .col-sm-2 {
    width:16.66666667%;
  }
  .col-sm-1 {
    width:8.33333333%;
  }
  .col-sm-pull-12 {
    right:100%;
  }
  .col-sm-pull-11 {
    right:91.66666667%;
  }
  .col-sm-pull-10 {
    right:83.33333333%;
  }
  .col-sm-pull-9 {
    right:75%;
  }
  .col-sm-pull-8 {
    right:66.66666667%;
  }
  .col-sm-pull-7 {
    right:58.33333333%;
  }
  .col-sm-pull-6 {
    right:50%;
  }
  .col-sm-pull-5 {
    right:41.66666667%;
  }
  .col-sm-pull-4 {
    right:33.33333333%;
  }
  .col-sm-pull-3 {
    right:25%;
  }
  .col-sm-pull-2 {
    right:16.66666667%;
  }
  .col-sm-pull-1 {
    right:8.33333333%;
  }
  .col-sm-pull-0 {
    right:auto;
  }
  .col-sm-push-12 {
    left:100%;
  }
  .col-sm-push-11 {
    left:91.66666667%;
  }
  .col-sm-push-10 {
    left:83.33333333%;
  }
  .col-sm-push-9 {
    left:75%;
  }
  .col-sm-push-8 {
    left:66.66666667%;
  }
  .col-sm-push-7 {
    left:58.33333333%;
  }
  .col-sm-push-6 {
    left:50%;
  }
  .col-sm-push-5 {
    left:41.66666667%;
  }
  .col-sm-push-4 {
    left:33.33333333%;
  }
  .col-sm-push-3 {
    left:25%;
  }
  .col-sm-push-2 {
    left:16.66666667%;
  }
  .col-sm-push-1 {
    left:8.33333333%;
  }
  .col-sm-push-0 {
    left:auto;
  }
  .col-sm-offset-12 {
    margin-left:100%;
  }
  .col-sm-offset-11 {
    margin-left:91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left:83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left:75%;
  }
  .col-sm-offset-8 {
    margin-left:66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left:58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left:50%;
  }
  .col-sm-offset-5 {
    margin-left:41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left:33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left:25%;
  }
  .col-sm-offset-2 {
    margin-left:16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left:8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left:0;
  }
}
.row .box {
    margin-left:5px;
    margin-right:5px;
}
.row .titleArea {
  letter-spacing:-0.01em !important;
  font-weight:900 !important;
  font-size:16px !important;
  line-height:22px !important;
  color:#999 !important;
}

/* --------- Struttura header --------------------------------------------------- */
#Header {
	width:100%;
	position:fixed;
	left:0;
	top:0;
	z-index:110;
	/* background-image:url(../Graphics/bg.png); */
	/* background-position:bottom; */
	/* background-repeat:repeat; */
	border-bottom:1px solid #ccc;
	box-shadow:0 1px 2px rgba(0,0,0,0.1);
	background-color:#f5f5f5;
}
.logoHeavy {
	font-family:"Liam Heavy";
    font-size:25px;
}
.logoThin {
	font-family:"Liam Thin";
    font-weight:normal;
    font-size:25px;
}
.logoThin.logoThinYear {
	font-size: 19px;
	opacity: 0.75;
	margin-left: 0;
	padding-right: 2px;
}
#Header #TitleBar {
	width:100%;
	height:32px;
	padding:0 16px;
	/* 
    background-image:url(../Graphics/bg_texture1.png); 
	background-position:0 0;
	background-repeat:repeat-x;
	overflow:hidden;
    */
	line-height:30px;
}
#Header #TitleBar .heavy {
	height:30px;
    overflow:hidden;
}
#Header #TitleBarBackground {
	width:100%;
	height:32px;
	/*
    background-image:url(../Graphics/bg_texture1.png);
	background-position:0 -88px;
	background-repeat:repeat-x;
	overflow:hidden;
	position:fixed;
    */
	z-index:100;
	box-shadow:0 1px 1px rgba(0,0,0,0.3);
	position:relative;
}
#LogoHeader {
	width:100px;
	height:85px;
	position:absolute;
	top:0;
	right:16px;
	background-image:url(../GraphicsCustom/logo_m.png);
	background-position:center top;
	background-repeat:no-repeat;
	background-color:transparent;
	z-index:120;
}
#Benvenuto {
	margin-left:16px;
	line-height:32px;
    cursor:default;
    margin-bottom: -14px;
}
#EditProfile, #HyperLinkShowProfile {
	border:1px solid transparent;
	border-radius:2px 2px 2px 2px;
	-webkit-border-radius:2px 2px 2px 2px;
	height:22px;
	margin:4px 5px 0 10px;
	padding:0 8px;
	line-height:22px;
	font-weight:bold;
}
#LoginStatus, #LoginStatus1 {
	border:1px solid transparent;
	border-radius:2px 2px 2px 2px;
	-webkit-border-radius:2px 2px 2px 2px;
	height:22px;
	margin:4px 10px 0 0;
	padding:0 8px;
	line-height:22px;
	font-weight:bold;
	display:block;
}
a#EditProfile:hover, a#HyperLinkShowProfile:hover, a#LoginStatus:hover, a#LoginStatus1:hover {
	background-position:0 -126px;
	background-repeat:repeat-x;
}
#EditProfile .icons16white, #HyperLinkShowProfile .icons16white, #LoginStatus .icons16white, #LoginStatus1 .icons16white {
	margin-top:3px;
	margin-right:4px;
}
#TimeLoad {
	line-height:32px;
	font-weight:bold;
	opacity:0.5 !important;
	filter:alpha(opacity=50) !important;
}
#DateTime {
	margin-right:140px;
	line-height:32px;
	font-weight:400;
}
#TimerBox {
	border:1px solid #FFF; 
	height:4px; 
	border-radius:1px 1px 1px 1px; 
	margin:14px 0 0 12px; 
	width:60px;
	float:left;
	opacity:0.6;
	filter:alpha(opacity=60);
}
#Timer {
	background-color:#FFF; 
	height:4px; 
	width:100%; 
	opacity:0.6;
	filter:alpha(opacity=60);
}
.loaderBgConfirm {
  background-color:#FAFAFA;
  color:#000000;
  left:0;
  opacity:0.7;
	filter:alpha(opacity=70);
  overflow:hidden;
  position:fixed;
  top:0;
  width:100%;
  z-index:110;
	display:none;
}
.confirmCenter {
  position:fixed;
  z-index:120;
	top:50%;
	left:50%;
	display:none;
}
.confirm {
  background-color:#FFFFFF;
  border:2px solid #EEEEEE;
  border-radius:2px;
  box-shadow:2px 4px 6px rgba(0, 0, 0, 0.3);
  width:200px;
	left:-120px;
	top:-50px;
	padding:10px 20px;
  z-index:120;
	position:relative;
}

/* --------- Struttura content -------------------------------------------------- */
#Content, #ContentPage {
	margin:80px 16px 10px;
}
#ContentPage2 {
	margin:-10px 16px 100px;
    font-size:11px;
}
#ContentPagePopUp {
	margin:52px 16px 100px;
}
#ContentPageWindow {
	margin:0;
}
#ContentPageLogin {
	margin:0;
	padding:0;
}

/* --------- Struttura footer --------------------------------------------------- */
#Footer {
	width:100%;
	height:80px;
	position:fixed;
	left:0;
	bottom:0;
	z-index:100;
	background-color:#ddd;
	color:#999;
	border-top:solid 2px #FFF;
	display:none;
}
#FooterLabel {
	width:90px;
	height:20px;
	position:absolute;
	top:-18px;
	background-image:url(../Graphics/bg_texture2.png);
	background-position:0 0;
	background-repeat:no-repeat;
	background-color:transparent;
}
#Footer .content {
	margin:8px 16px 0px;
}
#Footer .content #Ssl {
	width:80px;
	height:26px;
	background-image:url(../Graphics/logo_ssl.png);
	background-position:center;
	background-repeat:no-repeat;
	background-color:transparent;
	float:right;
}

/* --------- Allineamenti ------------------------------------------------------- */
.left {
	float:left;
}
.right {
	float:right !important;
}
.verticalAlignMiddle {
	vertical-align:middle !important;
}
.verticalAlignMiddle input {
	vertical-align:middle !important;
}
.verticalAlignBaseline {
	vertical-align:baseline !important;
}
.verticalAlignBottom {
	vertical-align:bottom !important;
}
.textAlignLeft {
	text-align:left !important;
}
.textAlignRight {
	text-align:right !important;
}
.textAlignCenter {
	text-align:center !important;
}
.textAlignJustify {
	text-align:justify !important;
}
.textOverflow {
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
}
.mt_0 {
	margin-top:0px !important;
}
.mt_3 {
	margin-top:3px;
}
.mt_4 {
	margin-top:4px;
}
.mt_6 {
	margin-top:6px !important;
}
.mt_10 {
	margin-top:10px;
}
.mt_12 {
	margin-top:12px;
}
.mr_0 {
	margin-right:0px !important;
}
.mr_3 {
	margin-right:3px;
}
.mr_4 {
	margin-right:4px;
}
.mr_6 {
	margin-right:6px;
}
.mr_10 {
	margin-right:10px;
}
.mr_50 {
	margin-right:50px;
}
.mb_0 {
	margin-bottom:0px !important;
}
.mb_2 {
	margin-bottom:2px !important;
}
.mb_4 {
	margin-bottom:2px !important;
}
.mb_6 {
	margin-bottom:6px !important;
}
.mb_10 {
	margin-bottom:10px !important;
}
.ml_0 {
	margin-left:0 !important;
}
.ml_4 {
	margin-left:4px;
}
.ml_6 {
	margin-left:6px;
}
.ml_10 {
	margin-left:10px;
}
.ml_16 {
	margin-left:16px;
}
.ml_28 {
	margin-left:28px;
}
.ml_36 {
	margin-left:36px;
}
.ml_50 {
	margin-left:50px;
}
.pt_2 {
	padding-top:2px;
}
.pt_8 {
	padding-top:8px;
}
.pt_10 {
	padding-top:10px;
}
.pt_15 {
	padding-top:15px;
}
.pr_4 {
	padding-right:4px;
}
.pr_6 {
	padding-right:6px;
}
.pr_8 {
	padding-right:6px;
}
.pl_4 {
	padding-left:4px;
}
.pl_6 {
	padding-left:6px;
}
.pl_10 {
	padding-left:10px !important;
}
.pr_10 {
	padding-right:10px;
	vertical-align:baseline
}
.pr_20 {
	padding-right:20px;
}
.p_0 {
	padding:0 !important;
}
.pb_2 {
	padding-bottom:2px;
}

/* --------- Dimensionamenti ---------------------------------------------------- */
.wd_10 {
	width:10px;
}
.wd_22 {
	width:22px;
}
.wd_30 {
	width:30px;
}
.wd_36 {
	width:36px;
}
.wd_44 {
	width:44px;
}
.wd_50 {
	width:50px;
}
.wd_60 {
	width:60px;
}
.wd_66 {
	width:66px;
}
.wd_70 {
	width:70px;
}
.wd_80 {
	width:80px;
}
.wd_88 {
	width:88px;
}
.wd_90 {
	width:90px;
}
.wd_98 {
	width:98px;
}
.wd_100 {
	width:100px;
}
.wd_110 {
	width:110px;
}
.wd_120 {
	width:120px;
}
.wd_140 {
	width:160px;
}
.wd_160 {
	width:160px;
}
.wd_180 {
	width:180px;
}
.wd_200 {
	width:200px;
}
.wd_220 {
	width:220px;
}
.wd_240 {
	width:240px;
}
.wd_330 {
	width:330px;
}
.wd_480 {
	width:480px;
}
.wd_640 {
	width:640px;
}
.wd_30p {
	width:30%;
}
.wd_40p {
	width:40%;
}

select.wd_22 {
	width:28px;
}
select.wd_30 {
	width:36px;
}
select.wd_36 {
	width:42px;
}
select.wd_44 {
	width:50px;
}
select.wd_50 {
	width:56px;
}
select.wd_60 {
	width:66px;
}
select.wd_80 {
	width:86px;
}
select.wd_90 {
	width:96px;
}
select.wd_100 {
	width:106px;
}
select.wd_120 {
	width:126px;
}
select.wd_140 {
	width:146px;
}
select.wd_160 {
	width:166px;
}
select.wd_180 {
	width:186px;
}
select.wd_200 {
	width:206px;
}
select.wd_240 {
	width:246px;
}
select.wd_480 {
	width:486px;
}
select.wd_640 {
	/*width:646px;*/
}
.hg_100 {
	height:100px !important;
}
.hg_200 {
	height:200px !important;
}
.hg_300 {
	height:300px !important;
}
.hg_400 {
	height:300px !important;
}

/* --------- Stili testo -------------------------------------------------------- */
.titleArea {
	font-size:23px;
	color:#aaa;
	font-weight:lighter;
	letter-spacing:-0.02em;
	margin:0 0 12px 58px;
	padding:0 0 0;
	border-bottom:solid 1px #ccc;
	line-height:34px;
    position:relative;
}
.titleArea .titleAreaText {
    border-bottom-width:3px;
    border-bottom-style:solid;
    display:inline-block;
}
.fieldset {
	font-size:13px;
	font-weight:bold;
	color:#666;
	border-top:1px solid #ddd;
	/*text-shadow:0 1px 0 #FFFFFF;*/
	padding:3px 6px;
	margin:12px 0 6px;
	background-color:#F2F2F2;
}
table.grid td.fieldset {
	font-size:12px;
	color:#666 !important;
}
.testo {
	font-size:11px;
	color:#666;
}

/* --------- Tipografia --------------------------------------------------------- */
@font-face {
	font-family:"Liam Thin";
	src:url("Fonts/LiamThin.eot");
	src:local("â?º"), url("Fonts/LiamThin.woff") format("woff"), url("Fonts/LiamThin.ttf") format("truetype"), url("Fonts/LiamThin.svg") format("svg");
	font-weight:normal;
	font-style:normal;
}
@font-face {
	font-family:"Liam Heavy";
	src:url("Fonts/LiamHeavy.eot");
	src:local("â?º"), url("Fonts/LiamHeavy.woff") format("woff"), url("Fonts/LiamHeavy.ttf") format("truetype"), url("Fonts/LiamHeavy.svg") format("svg");
	font-weight:normal;
	font-style:normal;
}
@font-face {
	font-family:"Liam Script";
	src:url("Fonts/LiamScript.eot");
	src:local("â?º"), url("Fonts/LiamScript.woff") format("woff"), url("Fonts/LiamScript.ttf") format("truetype"), url("Fonts/LiamScript.svg") format("svg");
	font-weight:normal;
	font-style:normal;
}
.thin {
	font-weight:bold;
	font-family:'Roboto', sans-serif;
}
.heavy, h1.heavy {
	font-weight:900;
	letter-spacing:-0.05em;
	font-family:'Roboto', sans-serif;
}
.script {
	font-weight:normal;
	font-family:"Liam Script", cursive;
}
.serif {
	font-family:Georgia, "Times New Roman", Times, serif;
}

.fs_08 {
	font-size:8px;
}
.fs_09 {
	font-size:9px;
}
.fs_10 {
	font-size:11px;
}
.fs_11 {
	font-size:11px;
}
.fs_12 {
	font-size:12px;
}
.fs_14 {
	font-size:14px !important;
}
.fs_18 {
	font-size:18px;
}
.fs_20 {
	font-size:20px;
}
.fs_21 {
	font-size:21px;
}
.fs_22 {
	font-size:22px;
}
.outset {
	text-shadow:0 1px 0 rgba(0, 0, 0, 0.45);
	filter:Shadow(Color=#000000, Direction=180, Strength=1);
}
.normal {
	font-weight:normal;
}
.bold {
	font-weight:bold;
}
.italic {
	font-style:italic;
}
.barrato {
	text-decoration:line-through;
}
.whiteSpaceNormal {
	white-space:normal !important;
}
.whiteSpaceNowrap {
	white-space:nowrap !important;
}

/* --------- Rotate ------------------------------------------------------------- */
.rotate90 div {
    -moz-transform:rotate(90.0deg);  /* FF3.5+ */
    -o-transform:rotate(90.0deg);  /* Opera 10.5 */
    -webkit-transform:rotate(90.0deg);  /* Saf3.1+, Chrome */
    filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083);  /* IE6,IE7 */
    -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)"; /* IE8 */
    white-space:nowrap;
}

/* --------- Icone -------------------------------------------------------------- */
.icons16white {
	width:16px;
	height:16px;
	background-image:url(../Graphics/icons_16_white.png);
	background-repeat:no-repeat;
}
.icons16gray {
	width:16px;
	height:16px;
	background-image:url(../Graphics/icons_16_gray.png);
	background-repeat:no-repeat;
}
.icons16whiteTransparent {
	width:16px;
	height:16px;
	background-image:url(../Graphics/icons_16_white_transparent.png);
	background-repeat:no-repeat;
}
.icons16grayTransparent {
	width:16px;
	height:16px;
	background-image:url(../Graphics/icons_16_gray_transparent.png);
	background-repeat:no-repeat;
}
.icons16menu {
	width:16px;
	height:16px;
	background-repeat:no-repeat;
	margin:6px 4px 0 0;
	background-image:url(../Graphics/icons_16_gray_transparent.png);
}
.icons16combobox {
	width:12px;
	height:16px;
	background-image:url(../Graphics/icons_16_gray.png);
	background-repeat:no-repeat;
	background-position:-162px 0;
	display:inline-block;
}
a .icons16Hover {
	background-image:url(../Graphics/icons_16_white_transparent.png);
}
a:hover .icons16Hover {
	background-image:url(../Graphics/icons_16_white.png);
}
.icons16editProfile {
	background-position:0 0;
}
.icons16logout {
	background-position:0 -16px;
}
.icons16home {
	background-position:0 -32px;
}
.icons16agenda {
	background-position:0 -48px;
}
.icons16registro {
	background-position:0 -64px;
}
.icons16classe {
	background-position:0 -80px;
}
.icons16assenze {
	background-position:0 -96px;
}
.icons16voti {
	background-position:0 -112px;
}
.icons16pagelle {
	background-position:0 -128px;
}
.icons16comunicazioni {
	background-position:0 -144px;
}
.icons16down {
	background-position:0 -160px;
}
.icons16up {
	background-position:0 -176px;
}
.icons16left {
	background-position:0 -192px;
}
.icons16right {
	background-position:0 -208px;
}
.icons16edit {
	background-position:0 -224px;
}
.icons16add {
	background-position:0 -240px;
}
.icons16g {
	background-position:0 -256px;
}
.icons16allegati {
	background-position:0 -272px;
}
.icons16delete {
	background-position:0 -288px;
}
.icons16first {
	background-position:0 -304px;
}
.icons16last {
	background-position:0 -320px;
}
.icons16sud {
	background-position:0 -336px;
}
.icons16nord {
	background-position:0 -352px;
}
.icons16ovest {
	background-position:0 -368px;
}
.icons16est {
	background-position:0 -384px;
}
.icons16timbro {
	background-position:0 -400px;
}
.icons16aggiorna {
	background-position:0 -416px;
}
.icons16ricarica {
	background-position:0 -432px;
}
.icons16attesa {
	background-position:0 -448px;
}
.icons16admin {
	background-position:0 -464px;
}
.icons16info {
	background-position:0 -480px;
}
.icons16link {
	background-position:0 -496px;
}
.icons16compleanno {
	background-position:0 -528px;
}
.icons16pagina {
	background-position:0 -544px;
}
.icons16excel {
	background-position:0 -560px;
}
.icons16grafico {
	background-position:0 -576px;
}
.icons16vista {
	background-position:0 -592px;
}
.icons16loginUser {
	background-position:0 -608px;
}
.icons16duplica {
	background-position:0 -624px;
}
.icons16firma {
	background-position:0 -640px;
}
.icons16alert {
	background-position:0 -656px;
}
.icons16erase {
	background-position:0 -672px;
}
.icons16cerca {
	background-position:0 -688px;
}
.icons16delete2 {
	background-position:0 -704px;
}
.icons16expand {
	background-position:0 -720px;
}
.icons16riporta {
	background-position:0 -736px;
}
.icons16orario {
	background-position:0 -752px;
}
.icons16help {
	background-position:0 -768px;
}
.icons16moveUpDown {
	background-position:0 -784px;
}
.icons16upload {
	background-position:0 -800px;
}
.icons16selectCloud {
	background-position:0 -816px;
}
.icons16selectFile {
	background-position:0 -832px;
}
.icons16check {
	background-position:0 -848px;
}
.icons16cancel {
	background-position:0 -864px;
}
.icons24 {
	width:24px;
	height:24px;
	background-image:url(../Graphics/icons_24_color.png);
	background-repeat:no-repeat;
	display:inline-block;
}
.icons24firma1 {
	background-position:0 0;
}
.icons24firma0 {
	background-position:-24px 0;
}
.icons24giuNegativo {
	background-position:-48px 0;
}
.icons24suNegativo {
	background-position:-72px 0;
}
.icons24stabile {
	background-position:-96px 0;
}
.icons24giuPositivo {
	background-position:-120px 0;
}
.icons24suPositivo {
	background-position:-144px 0;
}
.icons48 {
	width:48px;
	height:48px;
	background-image:url(../Graphics/icons_48_color.png);
	background-repeat:no-repeat;
}
.titleArea .icons48 {
	margin-right:6px;
    position:absolute;
    left:-58px;
}
.icons48classe {
	background-position:0 0;
}
.icons48comunicazioni {
	background-position:-96px 0;
}
.icons48login {
	background-position:-144px 0;
}
.icons48utente {
	background-position:-192px 0;
}
.icons48assenze {
	background-position:-288px 0;
}
.icons48registro {
	background-position:-336px 0;
}
.icons48voti {
	background-position:-384px 0;
}
.icons48pagelle {
	background-position:-432px 0;
}
.icons48report {
	background-position:-48px -48px;
}
.icons48home {
	background-position:-96px -48px;
}
.icons48editProfile {
	background-position:-144px -48px;
}
.icons48professori {
	background-position:-192px -48px;
}
.icons48compiti {
	background-position:-240px -48px;
}
.icons48registroProfessore {
	background-position:-288px -48px;
}
.icons48layoutClasse {
	background-position:-336px -48px;
}
.icons48utenti {
	background-position:-384px -48px;
}
.icons48virtualClassroom {
	background-position:-432px -48px;
}
.icons48postit {
	background-position:0 -96px;
}
.icons48bacheca {
	background-position:-48px -96px;
}
.icons48sms {
	background-position:-96px -96px;
}
.icons48comunicazioniRegistro {
	background-position:-144px -96px;
}
.icons48calendario {
	background-position:-192px -96px;
}
.icons48ore {
	background-position:-240px -96px;
}
.icons48impostazioni {
	background-position:-288px -96px;
}
.icons48agenda {
	background-position:-336px -96px;
}
.icons48ricevimento {
	background-position:-384px -96px;
}
.icons48relazione {
	background-position:-432px -96px;
}
.icons48sincronizzaDB {
	background-position:0 -144px;
}
.icons48statistiche {
	background-position:-48px -144px;
}
.icons48programmazione {
	background-position:-96px -144px;
}
.icons48estrattoConto {
	background-position:-144px -144px;
}
.icons48assistenza {
	background-position:-192px -144px;
} 
.icons48questionari {
	background-position:-240px -144px;
} 
.icons48mensa {
	background-position:-288px -144px;
} 
.icons48fileManager {
	background-position:-336px -144px;
} 
.icons48videoTutorial {
	background-position:-384px -144px;
} 
.pointerEdit:hover {
	background-image:url(../Graphics/bg_edit.png);
	background-repeat:no-repeat;
	background-position:right bottom;
}

/* --------- Tasti -------------------------------------------------------------- */
.button1, .button2, .template .ui-dialog .ui-dialog-buttonpane .ui-button {
	/*height:28px;*/
	background-image:url(../Graphics/bg_texture1.png);
	background-position:0 -32px;
	background-repeat:repeat-x;
	font-size:12px;
	font-weight:bold;
	/*letter-spacing:0.05em;*/
	line-height:16px;
	/*vertical-align:middle;	*/
	/*text-transform:uppercase;*/
	display:inline-block;
	border-radius:2px 2px 2px 2px;
	-webkit-border-radius:2px 2px 2px 2px;
	cursor:pointer;
	padding:5px 12px;
	/* text-shadow:0 1px 0 rgba(0, 0, 0, 0.30); */
	text-align:center;
	color:#FFF;
	font-family:'Roboto', sans-serif;
}
input[type="submit"].wd_80 {
	padding-left:0 !important;
	padding-right:0 !important;
	width:104px !important;
}
a.button1 {
	line-height:16px;
}
.button2 {
	/*font-weight:normal !important;*/
	background-color:#ccc;
	border:solid 1px #bbb;
}
.button1:hover, .button2:hover, .template .ui-dialog .ui-dialog-buttonpane .ui-button:hover {
	background-position:0 -60px;
}
.disabled:hover {
	background-position:0 -32px !important;
}
.button3 {
	width:20px;
	height:20px;
	background-image:url(../Graphics/bg_texture1.png) !important;
	border-radius:3px 3px 3px 3px;
	-webkit-border-radius:3px 3px 3px 3px;
	text-align:center;
	background-color:#E9E9E9;
	border:solid 1px #bbb !important;
}
.button3:hover {
	background-position:0 -60px !important;
}
.button4 {
	width:18px;
	height:18px;
	background-image:url(../Graphics/bg_texture1.png) !important;
	border-radius:3px 3px 3px 3px;
	-webkit-border-radius:3px 3px 3px 3px;
	text-align:center;
	display:block;
	float:left;
	cursor:pointer;
	color:#999;
	font-weight:bold;
	line-height:18px;
	background-color:#E9E9E9;
	border-top:solid 1px #bbb;
	border-left:solid 1px #bbb;
	border-bottom:solid 1px #bbb;
	border-right:solid 1px #bbb;
}
.button4:hover {
	background-position:0 -60px !important;
	color:#333;
}
.grid .button4 {
	margin-right:4px;
}
.button4 .icons16gray, .button4 .icons16grayTransparent {
	margin:1px;
}
.button4:hover div.icons16grayTransparent {
	background-image:url(../Graphics/icons_16_gray.png);
}
.button5 {
    background-image:url(../Graphics/bg_texture1.png);
	background-repeat:repeat-x;
	font-size:11px;
	font-weight:bold;
	display:inline-block;
	color:#999;
	border-radius:2px 2px 2px 24px;
	-webkit-border-radius:2px 2px 2px 2px;
	cursor:pointer;
	padding:7px 12px;
	/*text-shadow:0 1px 0 rgba(255, 255, 255, 0.30);*/
	background-color:#E9E9E9;
	border-top:solid 1px #bbb;
	border-left:solid 1px #bbb;
	border-bottom:solid 1px #bbb;
	border-right:solid 1px #bbb;
}
.button5.buttonSmall {
	padding:4px 6px;
}
.button5:hover {
	background-color:#f6f6f6 !important;
	background-image:none;
}
.button5selected {
	background-color:#FAFAFA !important;
	color:#111 !important;
	cursor:auto;
}
.button5selected:hover {
	background-image:url(../Graphics/bg_texture1.png);
}
.button5active {
	background-color:#FAFAFA !important;
	color:#111 !important;
}
.button5active:hover {
	background-image:none;
}
.button6 {
	background-image:url(../Graphics/bg_texture1.png) !important;
	border-radius:3px 3px 3px 3px;
	-webkit-border-radius:3px 3px 3px 3px;
	text-align:center;
	display:block;
	float:left;
	cursor:pointer;
	color:#555;
	font-weight:bold;
	line-height:18px;
	background-color:#E9E9E9;
	border-top:solid 1px #bbb;
	border-left:solid 1px #bbb;
	border-bottom:solid 1px #bbb;
	border-right:solid 1px #bbb;
    padding:3px 6px;
}
.button6:hover {
	background-position:0 -60px !important;
	color:#333;
}
.button6 .icons16gray, .button6 .icons16grayTransparent {
	margin:1px 4px 1px 1px;
}
.button6:hover div.icons16grayTransparent {
	background-image:url(../Graphics/icons_16_gray.png);
}

.headerTable .button4 {
	background-color:#E0E0E0;
	border-top:solid 1px #999;
	border-left:solid 1px #999;
	border-bottom:solid 1px #999;
	border-right:solid 1px #999;
}
a.aspNetDisabled:hover div.icons16grayTransparent {
	background-image:url(../Graphics/icons_16_gray_transparent.png);
}
.buttonset input {
	display:none;
}
.buttonset .buttonLeft, .buttonset .buttonNoCorner {
	border-right:solid 1px #fff;
}
.buttonset .selected {
	background-color:#fafafa;
	color:#111;
	cursor:auto;
}
.buttonset .icons16gray {
	opacity:0.7;
}
.buttonset .button6:hover .icons16gray {
	opacity:0.85;
}
.buttonset .selected:hover .icons16gray {
	opacity:1;
}
.buttonset .selected .icons16gray {
	opacity:1;
}
.boxButtonset {
    display:none;
}
.boxButtonsetSelected {
    display:block;
}
.iconButton2 {
	width:20px;
	height:20px;
	background-image:none !important;
	text-align:center;
	border:solid 1px transparent;
	display:block;
	float:left;
	background-image:url(../Graphics/bg_texture1.png) !important;
	background-position:0 0 !important;
	background-repeat:repeat-x !important;
	border-radius:2px 2px 2px 2px;
	-webkit-border-radius:2px 2px 2px 2px;
	text-align:center;
	background-color:#efefef;
	border:solid 1px #bbb;
}
.iconButton2 div {
	margin:2px;
}
.iconButton2:hover {
    background-image:url(../Graphics/bg_texture1.png) !important;
	background-position:0 -32px !important;
	background-repeat:repeat-x !important;
}
.iconButton2:hover div.icons16grayTransparent {
	background-image:url(../Graphics/icons_16_gray.png);
}

.iconButton3 {
	width:20px;
	height:20px;
	background-image:none !important;
	text-align:center;
	border:solid 1px transparent;
	display:block;
	float:left;
	border-radius:2px 2px 2px 2px;
	-webkit-border-radius:2px 2px 2px 2px;
	text-align:center;
}
.iconButton3 div {
	margin:2px;
}
.iconButton3:hover {
    background-image:url(../Graphics/bg_texture1.png) !important;
	background-position:0 -32px !important;
	background-repeat:repeat-x !important;
	background-color:#Efefef;
	border:solid 1px #bbb !important;
}
.iconButton3:hover div.icons16grayTransparent {
	background-image:url(../Graphics/icons_16_gray.png);
}

.iconButton4 {
	width:18px;
	height:18px;
	background-image:none !important;
	border:solid 1px transparent;
	border-radius:2px 2px 2px 2px;
	-webkit-border-radius:2px 2px 2px 2px;
	text-align:center;
	display:block;
	float:left;
	cursor:pointer;
	color:#999;
	font-weight:bold;
	line-height:18px;
}
.grid .iconButton4 {
	margin-right:4px;
}
.iconButton4 .icons16gray, .iconButton4 .icons16grayTransparent {
	margin:1px;
}
.iconButton4:hover {
    background-image:url(../Graphics/bg_texture1.png) !important;
	background-position:0 -60px !important;
	color:#333;
	background-color:#E9E9E9;
	border:solid 1px #bbb !important;
}
.iconButton4:hover div.icons16grayTransparent {
	background-image:url(../Graphics/icons_16_gray.png);
}

.buttonLeft {
	border-radius:2px 0 0 2px !important;
	-webkit-border-radius:3px 0 0 3px !important;
	margin-right:0 !important;
}
.buttonRight {
	border-radius:0 2px 2px 0 !important;
	-webkit-border-radius:0 3px 3px 0 !important;
}
.buttonNoCorner {
	border-radius:0 0 0 0 !important;
	-webkit-border-radius:0 0 0 0 !important;
	margin-right:0 !important;
}
td.ajax__combobox_buttoncontainer, td.ajax__combobox_textboxcontainer {
	vertical-align:top !important;
}
.ajax__combobox_buttoncontainer button {
    background-image:url(../Graphics/bg_texture1.png) !important;
	background-position:0 -32px !important;
	background-repeat:repeat-x !important;
	border-radius:0 2px 2px 0;
	-webkit-border-radius:0 2px 2px 0;
	text-align:center;
	background-color:#E9E9E9;
	border:solid 1px #bbb !important;
}
.ajax__combobox_buttoncontainer button:hover {
	background-position:0 -60px !important;
}

#LogoDropBox {
	margin-right:10px;
	vertical-align:middle;
}

/* --------- Tabs --------------------------------------------------------------- */
.tabs {
}
.tabs ul {
	display:block;
	list-style:none;
	margin:0 0 0 6px;
	padding:0;
}
.tabs ul li {
	display:block;
	float:left;
	margin:0;
	padding:0;
}
.tabs ul li a {
    background-image:url(../Graphics/bg_texture1.png);
	background-position:0 -32px;
	background-repeat:repeat-x;
	font-size:11px;
	font-weight:bold;
	display:inline-block;
	border-radius:2px 2px 0 0;
	-webkit-border-radius:2px 2px 0 0;
	padding:6px 16px;
	/*text-shadow:0 1px 0 rgba(0, 0, 0, 0.05);*/
	background-color:#C6C6C6;
	border-top:solid 1px #aaa;
	border-left:solid 1px #aaa;
	border-bottom:none 0;
	border-right:solid 1px #aaa;
	color:#fafafa;
	margin-right:4px;
	line-height:normal;
}
.tabs ul li.active a {
	border-bottom:none 0;
	cursor:auto;
	padding:6px 16px 7px;
	color:#fff;
}
.tabs ul li a:hover {
	background-color:#b6b6b6;
	color:#fff;
}
.tabs ul li.active a:hover {
	cursor:auto;
	color:#fff;
}
.tabs .clear {
	height:0;
}
.tab {
	font-size:11px;
}

/* --------- TabsV -------------------------------------------------------------- */
.tabsV {
	width:120px;
	float:left;
}
#tabs2.tabsV {
	width:280px;
}
.tabsV ul {
	display:block;
	list-style:none;
	margin:0;
	padding:0;
}
.tabsV ul li {
	display:block;
	margin:0;
	padding:0;
}
.tabsV ul li a {
    background-image:url(../Graphics/bg_texture1.png);
	background-position:0 -32px;
	background-repeat:repeat-x;
	font-size:12px;
	font-weight:bold;
	display:block;
	border-radius:2px 0 0 2px;
	-webkit-border-radius:2px 0 0 2px;
	padding:6px 16px 5px;
	/*text-shadow:0 1px 0 rgba(0, 0, 0, 0.05);*/
	background-color:#C6C6C6;
	border-top:solid 1px #aaa;
	border-left:solid 1px #aaa;
	border-bottom:solid 1px #aaa;
	border-right:none 0;
	color:#fafafa;
	margin-bottom:4px;
	margin-right:1px;
	line-height:normal;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.tabsV ul li.active a {
	border-right:none 0;
	margin-right:0;
	cursor:auto;
	padding:6px 16px 5px;
	color:#fff;
}
.tabsV ul li a:hover {
	background-color:#b6b6b6;
	color:#fff;
}
.tabsV ul li.active a:hover {
	cursor:auto;
	color:#fff;
}
.tabsV .clear {
	height:0;
}
.tabVContent {
	padding-left:20px;
}
.tabV {
	font-size:11px;
}
.tabVContent .fieldset {
	margin-top:0;
}
.tabVContent table.modulo {
	margin-bottom:24px;
}

/* --------- Bubble ------------------------------------------------------------- */
.bubble {
	padding:1px 5px;
	/*background-color:#C00;*/
	border:2px solid #fff;
	border-radius:10px 10px 10px 10px;
	-webkit-border-radius:10px 10px 10px 10px;
	font-weight:bold;
	display:inline-block;
	color:#FFF;
					box-shadow:1px 1px 1px rgba(0, 0, 0, 0.20);
		 -moz-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.20);
	-webkit-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.20);
}

/* --------- Input -------------------------------------------------------------- */
input[type="text"], input[type="number"], input[type="password"], input.inputText {
	margin:1px 0 0 0;
	padding:2px 2px 3px;
	font-size:11px !important;
	background-color:#FFF;
}
input[type="text"], input[type="number"], input[type="password"], input.inputText, select, textarea {
	border:1px solid #ddd;
	-webkit-box-shadow:0 0 0 rgba(0, 0, 0, 0);
	-moz-box-shadow:0 0 0 rgba(0, 0, 0, 0);
	box-shadow:0 0 0 rgba(0, 0, 0, 0);
	-webkit-transition:border linear 0.4s, box-shadow linear 0.2s;
	-moz-transition:border linear 0.4s, box-shadow linear 0.2s;
	-o-transition:border linear 0.4s, box-shadow linear 0.2s;
	transition:border linear 0.4s, box-shadow linear 0.2s;
}
input[type="text"], input[type="number"]:hover, input[type="password"]:hover, input.inputText:hover, select:hover, textarea:hover {
  -webkit-box-shadow:0 0 0 rgba(0, 0, 0, 0);
     -moz-box-shadow:0 0 0 rgba(0, 0, 0, 0);
          box-shadow:0 0 0 rgba(0, 0, 0, 0);
  -webkit-transition:border linear 0.4s, box-shadow linear 0.2s;
     -moz-transition:border linear 0.4s, box-shadow linear 0.2s;
       -o-transition:border linear 0.4s, box-shadow linear 0.2s;
          transition:border linear 0.4s, box-shadow linear 0.2s;
}
input[type="text"]:focus, input[type="number"]:focus, input[type="password"]:focus, input.inputText:focus, select:focus, textarea:focus {
  -webkit-transition:border linear 0.4s, box-shadow linear 0.2s;
     -moz-transition:border linear 0.4s, box-shadow linear 0.2s;
       -o-transition:border linear 0.4s, box-shadow linear 0.2s;
          transition:border linear 0.4s, box-shadow linear 0.2s;
}
input[type="text"]:disabled, input[type="number"]:disabled, input[type="password"]:disabled, input.inputText:disabled, select:disabled, textarea:disabled {
	border:1px solid #dadada;
}
.noBorder input[type="checkbox"] {
	margin:0 3px 6px 4px;
	vertical-align:text-top;
}
select {
	border:1px solid #ddd;
	margin:0 !important;
	padding:1px 1px 1px 3px !important;
	font-size:11px !important;
	height:20px !important;
	background-color:#FFF;
}
div.selectAreaBox {
	border:#bbb 1px solid;
	padding:2px;
	/*float:left;*/
	/*clear:right;*/
	background-color:#fff;
}
div.textAreaBox {
	border:#bbb 1px solid;
	padding:2px 2px 0;
	background-color:#fff;
}
div.selectAreaBox>select.selectArea_480 {
    width:100% !important;
}
div.textAreaBox>textarea.textArea {
    width:100% !important;
    border:0;
    padding:0;
    margin:0;
}
select.selectArea {
	height:auto !important;
}
select.selectArea_480 {
	width:474px !important;
	border:0 none !important;
}
select.selectArea_480 option {
	padding:2px 4px;
	margin:0 4px 0 0;
}
select option {
	margin:0px 2px;
	padding:3px 2px;
}

.textArea {
	font-family:Arial, Helvetica, sans-serif !important;
	font-size:11px !important;
	border:1px solid #bbb;
	/*padding:4px;*/
}
textarea.wd_480 {
	width:476px;
}

/* --------- Many to many ------------------------------------------------------- */
.box_ManyToMany {
	border:#bbb solid 1px;
	background-color:#FFF;
	overflow:auto;
}
.box_ManyToManyContent {
	margin:5px;
}
.box_ManyToManyContent input {
	display:none;
}
.box_ManyToManyContent label {
	display:block;
	font-size:12px !important;
	padding:2px;
	color:#333 !important;
}
.box_ManyToManyContent input:checked + label {
	background-color:#999 !important;
	color:#fff !important;
}

/* --------- Menu --------------------------------------------------------------- */
#Header #MainMenuContainer {
	width:100%;
	padding:0 16px 0 10px;
    /*position:static;*/
    z-index:10;
}
#Header #MainMenuBox {
	width:1200px;
}
#MainMenu {
	/*
	margin-bottom:40px;
	*/
    float: left; /*>;*/
}
#MainMenu > ul  {
    position: relative; /*>;*/
    width: auto; /*>;*/
    float: left; /*>;*/
    list-style: none; /*>;*/
}
#MainMenu > ul > li  {
    position: relative; /*>;*/
    float: left; /*>;*/
}
#MainMenu > ul > li > ul  {
    display: none; /*>;*/
    position: absolute; /*>;*/
    top: 100%; /*>;*/
    left: 0px; /*>;*/
}
#MainMenu > ul > li > ul > li  {
    position: relative; /*>;*/
}
#MainMenu > ul > li > ul > li > ul  {
    position: absolute; /*>;*/
    top: 0px; /*>;*/
    left: 100%; /*>;*/
}
#MainMenu a {
	float:left;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
#MainMenu ul li ul li a {
	float:none;
}
#MainMenu li {
	margin-right:0;
}
#MainMenu li a.static {
    cursor:default;
	font-size:14px;
	font-weight:normal;
	padding-left:10px !important;
	padding-right:6px !important;
	/*padding-top:36px;*/
	padding-top:3px;
	padding-bottom:3px;
	display:block;
	/* text-shadow:0 1px 0 rgba(255, 255, 255, 1); */
	border-radius:0;
	-webkit-border-radius:0;
	color:#777;
	border-top:0 none;
	border-left:0 none;
	border-bottom:0 none;
	border-right:1px solid #e6e6e6;
    height: 28px;
}
#MainMenu li.has-popup a {
	padding-right:10px !important;
	border-bottom:0 none !important;
}
#MainMenu li.has-popup a.static {
	border-radius:0;
	-webkit-border-radius:0;
}
#MainMenu li a.highlighted {
	/*text-shadow:0 1px 0 rgba(0, 0, 0, 0.33);*/
	border:0 none;
    margin-right:1px;
	/*box-shadow:2px 4px 4px rgba(0, 0, 0, 0.33);*/
	/*-webkit-box-shadow:2px 4px 4px rgba(0, 0, 0, 0.33);*/
	/*-moz-box-shadow:2px 4px 4px rgba(0, 0, 0, 0.33);*/
	z-index:2;
	position:relative;
	color:#fff;
}
#MainMenu li.has-popup a.highlighted {
	/*box-shadow:0 0 0 rgba(0, 0, 0, 0);*/
	/*-webkit-box-shadow:0 0 0 rgba(0, 0, 0, 0);*/
	/*-moz-box-shadow:0 0 0 rgba(0, 0, 0, 0);*/
}
#MainMenu li a.highlighted {
	/*text-shadow:0 1px 0 rgba(0, 0, 0, 0.33);*/
	border:0 none;
	z-index:2;
	position:relative;
}
#MainMenu ul.level2, #MainMenu ul.level3 {
	width:180px;
	/*border:2px solid #fff;*/
	padding-top:6px !important;
	padding-left:0px !important;
	padding-right:0px !important;
	padding-bottom:4px !important;
	box-shadow:2px 2px 4px rgba(0, 0, 0, 0.20);
	-webkit-box-shadow:2px 2px 4px rgba(0, 0, 0, 0.20);
	-moz-box-shadow:2px 2px 4px rgba(0, 0, 0, 0.20);
	margin-top:0px;
	line-height:normal !important;
}
#MainMenu ul.level2 {
	border-radius:0 0 2px 2px;
	-webkit-border-radius:0 0 2px 2px;
}
#MainMenu ul.level3 {
	border-radius:2px 2px 2px 2px;
	-webkit-border-radius:0px 2px 2px 0px;
	top:-6px !important;
}

#MainMenu ul.level2 li a, #MainMenu ul.level3 li a {
	font-size:13px;
	font-weight:400;
	padding:5px 8px !important;
	/*text-shadow:0 1px 0 rgba(0, 0, 0, 0.33);*/
	margin:0;
    color:rgba(255,255,255,0.80);
}
#MainMenu ul.level2 li a sup, #MainMenu ul.level3 li a sup {
  font-size:9px;
  line-height:6px;
  opacity:0.4;
}
#MainMenu ul.level2 li.has-popup a {
	background-image:url(../Graphics/icons_16_white_transparent_arrow.png);
	background-repeat:no-repeat;
	background-position:right 4px center;
}
#MainMenu ul.level2 li.has-popup ul li a {
	background-image:none !important;
}

#MainMenu ul.level2 li a.highlighted, #MainMenu ul.level3 li a.highlighted {
	border:0 none;
	color:#fff;
}
#MainMenu a.popout {
	background-image:none !important;	
}
#MainMenu a.level2 {
    white-space: normal;
}
a.highlighted .icons16menu {
	background-image:url(../Graphics/icons_16_white_transparent.png);
}

/* --------- Corner Tooltip ----------------------------------------------------- */
.cornertip:before {
  border-color:transparent #00406e #00406e transparent ;
  border-style:solid;
  border-width:8px 8px 0 0;
  bottom:0;
  content:"";
  display:block;
  position:absolute;
  right:0;
  width:0;
}
.cornertip {
  position:relative;
}


/* --------- Tooltip ------------------------------------------------------------ */
.tooltip {
	color:#FFF;
	position:absolute;
	margin:3px 0 0 10px;
	padding:8px;
	border-radius:3px;
	-webkit-border-radius:3px;
	display:none;
	box-shadow:0px 3px 6px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow:0px 3px 6px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:0px 3px 6px rgba(0, 0, 0, 0.2);
	z-index:200;
	color:#fff !important;
	/*border:solid 2px #fff;*/
}
#Benvenuto .tooltip {
	margin:28px 0 0 10px;
    border-top:2px solid #fff;
}
a .tooltip {
	display:none;
}
a:hover .tooltip {
	display:block;
}
#CalendarioMensa td .tooltip {
	display:none;
    margin:3px 0 0 -10px !important;
}
#CalendarioMensa td:hover .tooltip {
	display:block;
}
.tooltip .notch {
	position:absolute;
	top:-5px;
	left:10px;
	margin:0;
	border-top:0;
	border-left:8px dashed transparent;
	border-right:8px dashed transparent;
	border-bottom-style:solid;
	border-bottom-width:8px;
	padding:0;
	width:0;
	height:0;
	font-size:0;
	line-height:0;
}
.tooltip .border-notch { 
	top:-8px;
	border-bottom-style:solid;
	border-bottom-width:8px;
	border-bottom-color:#fff !important;
}
.tooltip ul {
	margin:4px 0 4px 12px;
	padding:0 0 0 2px;
	/*list-style:inside;*/
	line-height:120%;
}
.tooltip li {
	margin:4px 0 0;
}
.tooltip table.noBorder, .tooltip table.noBorder td {
	color:#fff !important;
}
.tooltip table.noBorder tr:hover, .tooltip table.noBorder tr:hover td {
	background-color:transparent !important;
}
#TooltipOldSolBox {
    top:  50%;
    margin-top: -16px;
    background-color: #cc0000;
    display:block;
}
#TooltipOldSolBox p {
    margin:  10px;
}
#TooltipOldSolBox .notch {
    top: -14px;
    left: 14px;
    border-left: 16px dashed transparent;
    border-right: 16px dashed transparent;
    border-bottom-width: 16px;
    border-bottom-color: #cc0000;
}
#TooltipOldSolBox .ui-icon {
    position: absolute;
    right: 10px;
    top: 10px;
    background-image: url(images/ui-icons_ffffff_256x240.png);
    opacity:0.7;
    cursor:pointer;
}
#TooltipOldSolBox.hidden {
    display:none !important;
}
#TooltipOldSolBox .ui-icon:hover {
    opacity:1.0;
}

/* --------- Ribbon ------------------------------------------------------------- */
.ribbon-container {
    position:relative;
    overflow:hidden;
}
.ribbon-strip {
	background-color:#b00;
	overflow:hidden;
	white-space:nowrap;
	/* top left corner */
	position:absolute;
	right:-40px;
	top:15px;
	/* 45 deg ccw rotation */
	-webkit-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
			-o-transform:rotate(45deg);
			transform:rotate(45deg);
	/* shadow */
	-webkit-box-shadow:0 0 5px #888;
		-moz-box-shadow:0 0 5px #888;
			box-shadow:0 0 5px #888;
}
.ribbon-strip a {
	/*border:1px solid rgba(255,255,255,0.5);*/
	color:#fff;
	display:block;
	/* font:bold 81.25% 'Helvetica Neue', Helvetica, Arial, sans-serif; */
	margin:1px 0;
	padding:4px 50px;
	text-align:center;
	text-decoration:none;
	/* shadow */
	/*text-shadow:0 0 5px rgba(0,0,0,0.4);*/
}

/* --------- ProgressBar -------------------------------------------------------- */
.progressBar td {
	border:0 none !important;
	padding:0 !important;
	vertical-align:middle !important;
}

/* --------- Tabelle ------------------------------------------------------------ */
tbody tr td a {
	font-weight:normal;
}
#ContentPlaceHolder1_GridViewMessaggiRicevuti tbody tr td a {
	font-weight:inherit;
}
table.noBorder {
	margin:0 !important;
	padding:0 !important;
	border:0 none !important;
	background-color:transparent !important;
	line-height:normal !important;
}
table.noBorder tr {
	border:0 none !important;
}
table.noBorder td {
	border:none 0 !important;
	margin:0 !important;
	padding:0 !important;
}
table.noBorder td.pl_6 {
	padding:0 0 0 6px !important;
}
table.noBorder td.pr_6 {
	padding:0 6px 0 0 !important;
}
table.noBorder td.pr_8 {
	padding:0 8px 0 0 !important;
}
table.noBorder td.pr_10 {
	padding:0 10px 0 0 !important;
}
table.noBorder td.moduloReiscrizioni {
	padding:3px 10px 3px 0 !important;
}
.tooltip table.noBorder td {
	padding:2px 8px 2px 0 !important;
	border:0 none !important;
	height:auto !important;
}
.infoAlunno .tooltip table.noBorder td {
	padding:1px 8px 1px 0 !important;
}
.assenzeNomeAlunno>strong,
.infoAlunno>strong {
    vertical-align:middle;
}
table.radioBool {
	border-top:0 none;
}
table.radioBool td {
	width:50% !important;
}
td.noBorder {
	border:0 none !important;
}
td.noBorderTop {
	border-top:0 none !important;
}
table.noBorderBottom {
	/*
	margin:0 !important;
	padding:0 !important;
	*/
	border-bottom:0 none !important;
}
table.noBorderTop {
	/*
	margin:0 !important;
	padding:0 !important;
	*/
	border-top:0 none !important;
}

/* --------- Moduli ------------------------------------------------------------- */
body input:-webkit-autofill,
body textarea:-webkit-autofill,
body Select:-webkit-autofill {
    background-color:#fff;
}
body input:-webkit-autofill,
body textarea:-webkit-autofill,
body Select:-webkit-autofill {
    -webkit-box-shadow:0 0 0px 1000px white inset !important;
}

table.modulo {
	width:100%;
	margin:22px 0 0;
	padding:0;
	border-top:0 none;
	border-left:0 none;
	border-right:0 none;
	border-bottom:solid 1px #ccc;
	border-collapse:collapse;
}
#ContentPageWindow table.modulo {
	margin-top:0;
}
table.modulo td {
	border-top:1px solid #eee;
	border-right:none 0;
	border-bottom:none 0;
	border-left:none 0;
	padding:5px 10px 4px 0;
	font-size:11px;
	color:#666;
	vertical-align:middle;
	white-space:nowrap;
}
table.modulo td.top {
	vertical-align:top;
}
table.modulo td label {
	font-size:11px;
	color:#666;
}
table.modulo td.label {
	width:120px;
	padding-top:5px;
	vertical-align:top;
}
table.modulo td.labelSmall {
	width:60px;
	padding-top:5px;
	vertical-align:top;
}
table.modulo tr.buttons, table.modulo td.buttons, div.buttons {
	background-color:#f0f0f0;
	text-align:right;
}
div.buttons {
	padding:3px 6px;
}
table.modulo td span.error {
	margin-left:4px;
}
table.modulo>tbody>tr>th {
	background-color:#f0f0f0;
	text-align:left;
	border-top:1px solid #DDDDDD;
	border-right:none 0;
	border-bottom:none 0;
	border-left:none 0;
	padding:5px 10px;
	font-size:11px;
	color:#666;
	vertical-align:middle;
	white-space:nowrap;
}
table.modulo td input[type="checkbox"],
table.modulo td input[type="radio"] {
    vertical-align: sub;
}
/* --------- CookieChoice ------------------------------------------------------- */
#cookieChoiceInfo .icon-CookieChoice {
    width: 60px;
    height: 60px;
    background-image:url('../Graphics/icon_cookies.png');
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center;
    float: left;
    top: -12px;
    position: absolute;
    margin-right: 10px;
    left: 0px;
}
#cookieChoiceInfo > span {
    width: 100%;
    max-width: 840px;
    margin: 0 auto;
    display: block;
    padding-left: 75px;
    position: relative;
}
#cookieChoiceInfo a {
    color:#fff;
    font-weight:bold;
    background-color: transparent !important;
}
#cookieChoiceInfo .faa-parent.animated-hover:hover>.faa-tada, 
#cookieChoiceInfo .faa-tada.animated, 
#cookieChoiceInfo .faa-tada.animated-hover:hover {
    -webkit-animation: tada 2s linear infinite;
    animation: tada 2s linear infinite;
}
#cookieChoiceInfo .ui-icon {
    background-image: url(images/ui-icons_ffffff_256x240.png);
}

@-webkit-keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(.9) rotate(-8deg);transform:scale(.9) rotate(-8deg)}30%,50%,70%{-webkit-transform:scale(1.3) rotate(8deg);transform:scale(1.3) rotate(8deg)}40%,60%{-webkit-transform:scale(1.3) rotate(-8deg);transform:scale(1.3) rotate(-8deg)}100%,80%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}


/* --------- Questionari -------------------------------------------------------- */
.questionari h3.titoloQuestionario {
    background-color:#dfdfdf;
    padding:3px 6px;
    margin:0 0 0 110px;
}
#questionarioDetail h3.titoloQuestionario {
    margin:0;
}
.questionari p.descrizioneQuestionario {
    padding:12px 0;
    margin:0 0 0 110px;
}
#questionarioDetail p.descrizioneQuestionario {
    margin:0;
}
.questionari table.grid {
  border-bottom:#eaeaea 1px solid;
  float:left;
  margin:-6px 16px -7px 0;
  width:auto;
}
.questionari table.grid tr:hover {
    background-color:#fcfcfc !important;
}
.questionari .moveUpDown {
    cursor:n-resize;
    opacity:0.5;
}
.questionari .icons16moveUpDown {
  margin:3px 0 0 3px;
}
.questionari ul {
    list-style:none;
    margin:0;
    padding:0;
    display:block;
    border-bottom:2px solid #dfdfdf;
}
.questionari li {
    list-style:none;
    margin:0;
    padding:5px 0;
    display:block;
    border-top:1px solid #eee;
    background-color:#f4f4f4;
}
.questionari li.hidden {
    display:none;
}
#questionarioDetail li {
    border-top:0 none;
    background-color:transparent;
}
.questionari li label {
  color:#999;
  display:block;
  float:left;
  font-size:11px;
  font-weight:bold;
  width:160px;
}
.questionari li .domanda {
    display:block;
    float:left;
}
.questionari li div.descrizione, .questionari li p {
  color:#666;
  display:block;
  line-height:130%;
  margin:0 0 2px;
  padding:0;
  width:486px;
  text-align:justify;
}
.questionari li div.descrizione, .questionari li div.descrizione p {
  width:645px;
  margin:0;
}
.questionari li .suggest {
  color:#c00 !important;
  display:inline-block;
  font-size:xx-small;
  margin-top:-3px;
  vertical-align:top;
}
.questionari li h3.titoletto {
    color:#999;
    letter-spacing:0;
    margin:0;
    padding:0;
}
.questionari li hr {
    margin:10px 0 0;
    padding:0;
    border-top:2px solid #dfdfdf;
    border-right:0 none;
    border-bottom:0 none;
    border-left:0 none;
}
.questionari .opzioneQuestionario {
    float:none;
    font-weight:normal;
    color:#666;
    display:inline;
    padding-left:4px;
}
.questionari input[type="radio"], .questionari input[type="checkbox"] {
    vertical-align:middle;
    margin-left:0;
}
.questionarioEdit ul,
.questionarioEditBorsellino ul {
    list-style:none;
    margin:0;
    padding:0;
}
.questionarioEdit li,
.questionarioEditBorsellino li {
    list-style:none;
    margin:0;
    padding:2px 0;
    display:block;
}
.questionarioEdit li label,
.questionarioEditBorsellino li label {
  color:#999;
  display:block;
  float:left;
  font-size:11px;
  width:180px;
}
.questionarioEdit li input,
.questionarioEditBorsellino li input {
  width:300px;
}



/* --------- Grid --------------------------------------------------------------- */
table.grid {
	font-size:12px;
	width:100%;
	border-bottom:1px solid #d0d0d0;
	border-top:1px solid #ccc;
	border-left:1px dotted #ccc;
	border-right:1px dotted #ccc;
	color:#333;
	background-color:#fcfcfc;
}
table.grid tr {
  -webkit-transition:background linear 0.2s;
     -moz-transition:background linear 0.2s;
       -o-transition:background linear 0.2s;
          transition:background linear 0.2s;
}
table.grid tr.odd {
	background-color:#fafafa;
  -webkit-transition:background linear 0.2s;
     -moz-transition:background linear 0.2s;
       -o-transition:background linear 0.2s;
          transition:background linear 0.2s;
}
table.grid tr.headerTable:hover {
	background:#f5f5f5 !important;
  -webkit-transition:none;
     -moz-transition:none;
       -o-transition:none;
          transition:none;
}
table.grid tr.separator {
    border-bottom:4px solid #eaeaea;
}
table.grid td {
	border-bottom:0 none;
	border-top:1px solid #eaeaea;
	border-left:1px dotted #eaeaea;
	border-right:1px dotted #eaeaea;
	color:#333;
}
table.grid td, table.grid th {
	padding:6px 6px;
	vertical-align:top;
}
table.grid a, table.grid a:hover {
	text-decoration:none;
}
table.grid .headerTable {
	background:#f5f5f5;
	border:1px solid #ddd;
	font-size:11px;
	color:#555;
	/* text-shadow:0 1px 0 rgba(255, 255, 255, 0.45); */
}
table.grid .headerTable th, table.grid .headerTable td { 
	font-weight:bold;
	text-align:left;
	padding:6px;
}
table.grid tr:hover,table.grid .hover  {
	background:#f5f5f5 !important;
  -webkit-transition:background linear 0.2s;
     -moz-transition:background linear 0.2s;
       -o-transition:background linear 0.2s;
          transition:background linear 0.2s;
}
table.grid th, table.grid .headerTable td {
	border:1px solid #dedede;
}
table.grid tbody .headerTable th, table.grid tbody .headerTable td, tbody .headerTable th a {
	font-size:11px;
	color:#888;
}
table.grid tbody .headerTable th a:hover {
	text-decoration:none;
	color:#363636;
}
table.grid tbody .headerTable th a { 
 font-weight:bold;
 text-decoration:none;
}
table.grid .gridResult{
	float:right;
	margin-top:4px;
}
table.grid .gridResult span {
	padding-left:10px;
}
table.grid .highlights {
	background-image:url(../Graphics/bg_grid_highlights.png) !important;
}
table.grid .suggestValue, table.modulo .suggestValue {
	height:18px;
	border:#EAEAEA 1px solid;
	margin-right:4px;
	overflow:hidden;
}
table.grid .suggestValue span, table.modulo .suggestValue span {
	margin:2px;
	display:block;
}
table.scrutinioClasse .suggestValue {
	height:18px;
	border:#EAEAEA 1px solid;
	margin-right:3px;
	overflow:hidden;
	display:inline-block !important;
	vertical-align:middle !important;
	width:26px !important;
}
table.scrutinioClasse .suggestValue small {
	margin:2px;
	display:block;
}
table.grid div.group {
	float:none;
}
table.grid table.gridElenco {
	border-top:1px solid #EAEAEA;
}
table.grid .borderLeft {
	border-left:#ddd solid 1px;
}
.gridList ul {
	margin:0;
	padding:0;
	line-height:130%;
	display:none;
}
#ContentPlaceHolder1_DetailsViewDettagliAlunno .gridList ul {
	display:block;
}
.gridList ul li {
	list-style:none;
}
.pagerFooter {
	border-bottom:1px solid #d0d0d0;
	border-top:0px none;
	border-left:0px none;
	border-right:0px none;
	color:#333;
	background-color:#fafafa;
	padding:6px;
	vertical-align:top;
	font-size:11px;
}

/* --------- Grid Registro del professore --------------------------------------- */
#ContentPlaceHolderTitlePage_GridViewAlunniRegistroProfessore td, #ContentPlaceHolderTitlePage_GridViewAlunniRegistroProfessore th, #tableAlunni td {
	white-space:nowrap;
	height:24px;
}
#ContentPlaceHolderTitlePage_GridViewAlunniRegistroProfessore .specifica, 
#ContentPlaceHolderTitlePage_GridViewAlunniRegistroProfessore .voto, 
#ContentPlaceHolderTitlePage_GridViewAlunniRegistroProfessore .oraAssenza{
	display:inline-block;
	float:none;
}
#ContentPlaceHolderTitlePage_GridViewAlunniRegistroProfessore .left {
	float:none;
    position:relative;
}
#ContentPlaceHolderTitlePage_GridViewAlunniRegistroProfessore .tooltip td {
	height:auto;
}

/* --------- Grid Inserimento assenze --------------------------------------- */
#ContentPlaceHolderTitlePage_GridViewAssenzeAlunni td, #ContentPlaceHolderTitlePage_GridViewAssenzeAlunni th, #tableAlunni td {
	white-space:nowrap;
	height:24px;
}
#ContentPlaceHolderTitlePage_GridViewAssenzeAlunni td:first-child {
    padding-right:20px;
}
#tableAlunni.AssenzeAlunni td a.nomeAlunno {
    /*position:absolute;*/
}
.assenzeNomeAlunno {
    position:relative;
    padding-right:24px !important;
}
.assenzeBadge {
    display: block;
    width: 23px;
    height: 14px;
    float: right;
    line-height: 14px;
    background-image: url(../Graphics/icon_badge_rfid.png);
    background-repeat: no-repeat;
    position: absolute;
    text-align: left;
    right: 3px;
    top: 0px;
}
.assenzeBadge div.tooltip {
    margin: 22px 0 0 -10px;
}

/* --------- Grid google-visualization-table-table ------------------------------ */
table.google-visualization-table-table {
	font-size:11px;
	width:100%;
}
table.google-visualization-table-table td, table.google-visualization-table-table th {
	padding:6px 6px;
	vertical-align:top;
}
table.google-visualization-table-table a, table.google-visualization-table-table a:hover {
	text-decoration:none;
}
table.google-visualization-table-table .headerTable th, table.google-visualization-table-table .headerTable td { 
	font-weight:bold;
	text-align:left;
	padding:6px;
}
table.google-visualization-table-table .headerTable th a { 
 font-weight:bold;
 text-decoration:none;
}
table.google-visualization-table-table {
	border-bottom:1px solid #d0d0d0;
	border-top:1px solid #ccc;
	border-left:1px dotted #ccc;
	border-right:1px dotted #ccc;
	color:#333;
	background-color:#fcfcfc;
}
table.google-visualization-table-table td {
	border-bottom:0 none;
	border-top:1px solid #eaeaea;
	border-left:1px dotted #eaeaea;
	border-right:1px dotted #eaeaea;
	color:#333;
}
table.google-visualization-table-table .headerTable { 
	background:#ccc;
	border:1px solid #C3C3C3;
	font-size:11px;
	color:#555;
	/*text-shadow:0 1px 0 rgba(255, 255, 255, 0.45);*/	
}
table.google-visualization-table-table th, table.google-visualization-table-table .headerTable td { 
	border:1px solid #C3C3C3;
}
table.google-visualization-table-table tbody .headerTable th, table.google-visualization-table-table tbody .headerTable td, tbody .headerTable th a { 
	font-size:11px;
	color:#555;
}
table.google-visualization-table-table tbody .headerTable th a:hover {
	text-decoration:none;
	color:#363636;
}
table.google-visualization-table-table tr.odd {
	background-color:#fafafa;
}

/* --------- Grid Light---------------------------------------------------------- */
table.gridLight {
	font-size:11px;
	width:100%;
	border-bottom:1px solid #dfdfdf;
	border-top:1px solid #dfdfdf;
	border-left:1px dotted #dfdfdf;
	border-right:1px dotted #dfdfdf;
	color:#333;
	background-color:#f9f9f9;
}
table.gridLight .headerTable { 
	background:#dfdfdf;
	border:1px solid #eaeaea;
	font-size:11px;
	color:#666;
	/*text-shadow:0 1px 0 rgba(255, 255, 255, 0.45);*/	
}
table.gridLight th { 
	border:1px solid #eaeaea;
}
table.gridLight td {
	border-bottom:0 none;
	border-top:1px solid #eaeaea;
	border-left:1px dotted #eaeaea;
	border-right:1px dotted #eaeaea;
	color:#333;
}
table.gridLight td, table.gridLight th, table.gridElenco td table.gridLight td, table.gridElenco th table.gridLight th {
	padding:6px 6px;
	vertical-align:top;
}
table.allegati td.allegatiContent table.gridLight td {
	padding:6px 6px !important;
}
table.gridLight a, table.gridLight a:hover {
	text-decoration:none;
}
table.gridLight .headerTable th { 
	font-weight:bold;
	text-align:left;
	padding:6px;
}
table.gridLight tbody .headerTable th a { 
 font-weight:bold;
 text-decoration:none;
}
table.gridLight tbody .headerTable th, tbody .headerTable th a {
	font-size:11px;
	color:#888;
}
table.gridLight tbody .headerTable th a:hover {
	text-decoration:none;
	color:#363636;
}
table.gridLight tr.odd {
	background-color:#f7f7f7;
}

/* --------- Grid Elenco -------------------------------------------------------- */
table.gridElenco	 {
	border-top:0 none;
	border-left:0 none;
	border-right:0 none;
	border-bottom:0 none;
	color:#333;
	background-color:transparent;
	margin-top:-6px;
	font-size:11px;
	width:100%;
}
table.gridElenco .headerTable { 
	background:transparent;
	border-top:0 none;
	border-left:0 none;
	border-right:0 none;
	border-bottom:1px solid #dfdfdf;
	font-size:11px;
	color:#555;
	/*text-shadow:0 1px 0 rgba(255, 255, 255, 0.45);*/	
}
table.gridElenco tr.headerTable:hover { 
	background:transparent !important;
}
table.gridElenco td, table.gridElenco th, table.gridElenco .headerTable th {
	padding:6px 0 !important;
	vertical-align:top;
}
table.gridElenco th { 
	border-bottom:0 none;
	border-top:1px solid #eaeaea;
	border-left:0 none;
	border-right:0 none;
}
table.gridElenco td {
	border-top:0 none;
	border-left:0 none;
	border-right:0 none;
	border-bottom:1px solid #eaeaea;
	color:#333;
}
table.gridElenco a, table.gridElenco a:hover {
	text-decoration:none;
}
table.gridElenco .gridElenco th { 
	font-weight:bold;
	text-align:left;
	padding:6px;
}
table.gridElenco tbody .gridElenco th a { 
 font-weight:bold;
 text-decoration:none;
}
table.gridElenco tbody .headerTable th, table.gridElenco tbody .headerTable th a { 
	font-size:11px;
	color:#555;
}
table.gridElenco tbody .headerTable th a:hover {
	text-decoration:none;
	color:#363636;
}
table.gridElenco tr.odd {
	background-color:transparent;
}
table.gridElenco.wd_480 {
	width:480px;
}
table.gridElenco table.noBorder td {
    padding:0 !important;
}
/* --------- Filtri ------------------------------------------------------------- */
.styleTableFilter {
	border-top:1px solid #fafafa;
	border-right:0 none;
	border-bottom:0 none;
	border-left:0 none;
    display:inline;
    float:left;
    margin:5px 4px 0 0;
    padding:0;
    width:114px;
	height:50px;
	background-image:url(../Graphics/bg_texture1.png) !important;
	background-position:0 -148px !important;
	background-repeat:repeat-x !important;
}
.styleTableFilterOption {
	border-top:1px solid #fafafa;
	border-right:0 none;
	border-bottom:0 none;
	border-left:0 none;
    display:inline;
    float:left;
    margin:5px 4px 0 0;
    padding:0;
	background-image:url(../Graphics/bg_texture1.png) !important;
	background-position:0 -148px !important;
	background-repeat:repeat-x !important;
}
table.styleTableFilterOption td {
	vertical-align:top;
	border:0 none !important;
}
.styleTableFilter td {
  padding:1px 4px 2px;
	border:0 none !important;
}
.LabelFilterUserControl {
  display:inline;
  font-size:11px;
  overflow:hidden;
  padding-right:10px;
  text-align:right;
  vertical-align:middle;
  white-space:nowrap;
  width:150px;
}
.LabelTopPage{
	color:#666666;
	margin:10px 0px 10px 0px;
}

/* --------- Calendario --------------------------------------------------------- */
.ajax__calendar{
	font-weight:normal;
	letter-spacing:normal;
	line-height:normal;
	text-shadow:none;
	text-transform:none;
	font-family:Arial, Helvetica, sans-serif !important;
}
.ajax__calendar div {
	padding-top:0 !important;
}

/* --------- Editor ------------------------------------------------------------- */
div.ajax__htmleditor_toolbar_button table tr td {
	border-top:none 0;
	border-right:none 0;
	border-bottom:none 0;
	border-left:none 0;
	padding:0;
	font-size:1px;
	color:#666;
	vertical-align:top;
	white-space:normal;
}
.ajax__htmleditor_editor_editpanel {
	background-color:#FFF;
	padding:2px !important;
}

/* --------- Box ---------------------------------------------------------------- */
.box {
	display:block;
	font-size:11px;
	color:#666;
	background-color:#f3f3f3;
	border-radius:3px 3px 3px 3px;
	-webkit-border-radius:3px 3px 3px 3px;
	border-top:#eaeaea 1px solid;
	border-right:#eaeaea 1px solid;
	border-left:#eaeaea 1px solid;
	border-bottom:#eaeaea 3px solid;
	padding:6px 10px;
}
.box.box-green {
	color:#fff;
	background-color:#6ca31f;
	border:#5c8d18 2px solid;
}
.box.box-red {
	color:#fff;
	background-color:#cc0000;
	border:#ad0000 2px solid;
}
.box .titolo {
	font-weight:bold;
	font-size:11px;
	color:#666;
	/*text-shadow:0 1px 0 rgba(255, 255, 255, 0.45);*/
	border-bottom:#eaeaea 1px solid;
	padding-bottom:2px;
	margin-bottom:2px;	
}
.boxOggi {
	background-image:url(../Graphics/icon_oggi.png);
    background-repeat:no-repeat;
    background-position:right bottom;
}
.boxAlunni {
	background-image:url(../Graphics/icon_alunni.png);
    background-repeat:no-repeat;
    background-position:right bottom;
}
.boxClassi {
	background-image:url(../Graphics/icon_classi.png);
    background-repeat:no-repeat;
    background-position:right bottom;
}
.boxComunicazioni {
	background-image:url(../Graphics/icon_comunicazioni.png);
    background-repeat:no-repeat;
    background-position:right bottom;
}

/* --------- Login -------------------------------------------------------------- */
#ContentPageLogin {
}
#boxLogin {
	width:400px;
	border:#FFF 3px solid;
	background-color:rgba(255,255,255,0.92);
	box-shadow:0 3px 15px rgba(0,0,0,0.75);
	margin:50px auto;
	z-index:9;
}
#headerLogin {
	padding:6px 10px;
	background-color:rgba(0,0,0,0.3);
	font-size:15px;
	color:#fff;
}
#headerLogin h2 {
    margin:0;
    padding:0;
	font-size:15px;
	color:#fff;
    letter-spacing:-0.01em;
}
.secureCode {
	border:1px solid #ddd;
	background-color:#eee;
}
table.login {
	margin:0;
	border-top:0 none;
	border-bottom:0 none !important;
}
.testoLogin {
	overflow:auto;
	width:380px;
	max-height:120px;
}
table.login select {
	color: #0080bf;
	font-weight: bold;
	font-size: 14px !important;
	padding: 4px 2px !important;
	height: auto !important;
}
#credits {
	padding:10px;
	background-color:rgba(0,0,0,0.1);
	font-size:9px;
	color:#999;
}
#credits a {
	font-size:9px;
	color:#999;
}
.creditsLogo {
	border-left:rgba(0,0,0,0.08) solid 1px;
	margin-left:6px;
	padding-left:6px;
}
#background {
  position:fixed; 
  top:-50%; 
  left:-50%; 
  width:200%; 
  height:200%;
	z-index:-1;
}
#background img {
  position:absolute; 
  top:0; 
  left:0; 
  right:0; 
  bottom:0; 
  margin:auto; 
  min-width:50%;
  min-height:50%;
	z-index:1;
}
#background img.active {
	z-index:3;
}
#logoScuolaOnline {
	background-image:url(../Graphics/logo_scuola_on_line.png);
	background-position:center;
	background-repeat:no-repeat;
	display:block;
	width:121px;
	height:39px;
}
#logoSoluzione {
	background-image:url(../Graphics/logo_soluzione.png);
	background-position:center;
	background-repeat:no-repeat;
	display:block;
	width:132px;
	height:39px;
}
#logoMiur {
	background-image:url(../Graphics/logo_miur.png);
	background-position:center;
	background-repeat:no-repeat;
	display:block;
	width:100px;
	height:39px;
}
#logoScuolaOnline img {
	background-image:url(../Graphics/logo_scuola_on_line_hover.png);
	opacity:0;
  -webkit-transition:opacity 2.0s linear 3.0s;
     -moz-transition:opacity 2.0s linear 3.0s;
       -o-transition:opacity 2.0s linear 3.0s;
          transition:opacity 2.0s linear 3.0s;
}
#logoSoluzione img {
	background-image:url(../Graphics/logo_soluzione_hover.png);
	opacity:0;
  -webkit-transition:opacity 2.0s linear 3.0s;
     -moz-transition:opacity 2.0s linear 3.0s;
       -o-transition:opacity 2.0s linear 3.0s;
          transition:opacity 2.0s linear 3.0s;
}
#logoMiur img {
	background-image:url(../Graphics/logo_miur_hover.png);
	opacity:0;
  -webkit-transition:opacity 2.0s linear 3.0s;
     -moz-transition:opacity 2.0s linear 3.0s;
       -o-transition:opacity 2.0s linear 3.0s;
          transition:opacity 2.0s linear 3.0s;
}
#logoScuolaOnline:hover img {
	opacity:1;
  -webkit-transition:opacity linear 0.2s;
     -moz-transition:opacity linear 0.2s;
       -o-transition:opacity linear 0.2s;
          transition:opacity linear 0.2s;
}
#logoSoluzione:hover img {
	opacity:1;
  -webkit-transition:opacity linear 0.2s;
     -moz-transition:opacity linear 0.2s;
       -o-transition:opacity linear 0.2s;
          transition:opacity linear 0.2s;
}
#logoMiur:hover img {
	opacity:1;
  -webkit-transition:opacity linear 0.2s;
     -moz-transition:opacity linear 0.2s;
       -o-transition:opacity linear 0.2s;
          transition:opacity linear 0.2s;
}
#background:before {
    display:block;
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    content:"";
    background: linear-gradient(250deg, #00c3aa, #0064d9, #00c4d9);
    background-size: 600% 600%;
    z-index:10;
    opacity:0.75;

    -webkit-animation: AnimationName 30s ease infinite;
    -moz-animation: AnimationName 30s ease infinite;
    animation: AnimationName 30s ease infinite;
}

@-webkit-keyframes AnimationName {
    0%{background-position:0% 97%}
    50%{background-position:100% 4%}
    100%{background-position:0% 97%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 97%}
    50%{background-position:100% 4%}
    100%{background-position:0% 97%}
}
@keyframes AnimationName { 
    0%{background-position:0% 97%}
    50%{background-position:100% 4%}
    100%{background-position:0% 97%}
}
/* --------- Crs ---------------------------------------------------------------- */
#bgCrs {
	width:280px;
	height:180px;
	background-image:url(../Graphics/bg_carta_regionale_servizi.png);
	background-repeat:no-repeat;
	background-position:center top;
	margin:0;
}
#contentCrs {
	margin:56px 0 0 82px;
	float:left;
}
#contentCrs table tr td strong {
	display:block !important;
	width:125px !important;
	height:15px !important;
	overflow:hidden !important;
}
#AccediCrs.hidden {
	display:none !important;
}

#contentCrs .loaderBox {
	position:absolute;
	margin:15px 0 0 20px;
	display:none;
}

/* --------- Registro ----------------------------------------------------------- */
#registroGiorno, #registroGiorno h1, #registroGiorno h2, #registroGiorno h3, #registroGiorno h5, #registroPeriodo, #registroPeriodo h1, #registroPeriodo h2, #registroPeriodo h3, #registroPeriodo h5 {
	color:#888;
}
#styleTableFilterRegistro {
	border-right:#ccc solid 1px;
	border-top:0 none;
	margin-right:8px;
	width:120px;
	background-image:none !important;
}
#styleTableFilterRegistro td {
	padding:2px 0;
}
#registroGiornoDetail {
	display:block;
	float:left;
	margin:6px 20px 0 10px;
	padding:0;
}
#registroGiorno h1 {
	display:block;
	float:left;
	font-size:58px;
	line-height:58px;
	letter-spacing:-0.07em;
	margin:0;
	padding:0;
	color:#bbb;
}
#registroGiorno h2 {
	font-size:18px;
	line-height:18px;
	letter-spacing:-0.05em;
	margin:0;
	padding:0;
	color:#bbb;
}
#registroGiorno h3 {
	font-size:12px;
	margin:0;
	padding:0;
}
#registroGiorno h5 {
	font-size:8px;
	line-height:11px;
	margin:0;
	padding:2px 0 0;
}
#registroPeriodo {
	display:block;
	float:left;
	margin:6px 20px 0 10px;
	padding:0;
}
#registroPeriodo h2 {
	font-size:20px;
	line-height:20px;
	letter-spacing:-0.05em;
	margin:0;
	padding:0;
}
#registroPeriodo h3 {
	font-size:16px;
	line-height:16px;
	margin:10px 0 0;
	padding:0;
}
.registroPeriodoGiorno {
	margin:0 10px 10px 0;
	width:290px;
	overflow:hidden;
}
.registroPeriodoGiorno table.grid tbody .headerTable th {
	font-size:14px;
}
.registroPeriodoGiorno .iconButton3, .registroPeriodoGiorno input {
	display:none;
}
.registroOra strong {
	font-size:14px;
	color:#777;
	padding-left:4px;
	display:block;
}
.registroOra small {
	background-color:#eee;
	border-radius:6px 6px 6px 6px;
	color:#999;
	display:block;
	float:left;
	font-size:9px;
	font-weight:bold;
	margin-top:2px;
	margin-bottom:2px;
	padding:2px 9px;	
}
.registroFirma {
	margin-left:6px;
	vertical-align:top;
}
.registroAssenze {
	margin:2px 0 5px;;
}
#registroNavigator .button1 {
	display:block;
	height:24px;
	padding:2px 12px;
}
#registroNavigator .button1 .icons16white {
	margin-top:4px;
}
#registroNavigator #registroNavigatorData div {
	padding-top:3px;
}
#registroNavigatorMese div {
	padding-top:3px;
	margin-right:10px;
}
#registroNavigator input[type="text"], #registroNavigatorMese input[type="text"] {
	background-color:transparent !important;
	border:0 none;
	color:#fff;
	font-weight:bold;
	/*text-align:center;*/
	width:96px;
	cursor:pointer;
	position:relative;
	background-image:url(../Graphics/icons_16_white_transparent.png);
	background-position:right -334px;
	background-repeat:no-repeat;
}
#registroNavigator select.wd_100 {
	background-color:transparent !important;
	border:0 none;
	color:#fff;
	font-weight:bold;
	width:120px !important;
	cursor:pointer;
	position:relative;
	background-image:url(../Graphics/icons_16_white_transparent.png);
	background-position:87px -335px;
	background-repeat:no-repeat;
}
#registroNavigator select option {
	background-color:transparent !important;
	color:#fff;
	font-weight:bold;
	margin:0;
	padding:3px 4px;
}
#registroNavigator select:focus {
	background-color:#fff !important;
	color:#000 !important;
	font-weight:normal !important;
}
#registroNavigator select:focus option {
	background-color:#fff !important;
	color:#000 !important;
	font-weight:normal;
	margin:0;
	padding:3px 4px;
}
#comunicazioniGiornaliere, #compleanni {
	font-size:11px;
	margin:0 0 10px;
	padding:0;
	width:100%;
	border-top:0 none;
	border-bottom:0 none;
	border-left:0 none;
	border-right:0 none;
}
#compleanni {
	border-bottom:1px solid #dfdfdf;
	border-top:1px solid #dfdfdf;
	border-right:1px dotted #dfdfdf;
	color:#333;
	background-color:#f9f9f9;
}
#comunicazioniGiornaliere tr,  #compleanni tr {
	border:0 none;
}
#comunicazioniGiornaliereContent, #compleanniContent {
	vertical-align:top;
	margin:0;
	padding:0;
	border:0 none;
}
#compleanniContent {
	padding:6px 6px;
	vertical-align:top;
}
#compleanniContent .numeroRegistro {
    display:none;
}
#compleanniContent .infoAlunno {
  top:2px;
  position:relative;
  margin-left:4px;
  float:none !important;
}
#compleanniContent .infoAlunno strong {
  margin-right:2px;
}
#comunicazioniGiornaliereHeader, #compleanniHeader {
	vertical-align:top;
	background-color:#dfdfdf;
	width:24px;
	text-align:center;
	margin:0;
	padding:0;
	border:0 none;
}
#comunicazioniGiornaliereHeader .icons16white, #compleanniHeader .icons16white {
	margin:6px 6px 5px;
}
table.allegati {
	margin:0;
	padding:0;
	width:100%;
	border-top:0 none !important;
	border-bottom:0 none !important;
	border-left:0 none !important;
	border-right:0 none !important;
	cursor:auto;
}
table.allegati td.allegatiContent {
	vertical-align:top;
	margin:0;
	padding:0 !important;
	border-bottom:0 none !important;
	border-top:0 none !important;
	border-left:0 none !important;
	border-right:0 none !important;
}
table.allegati td.allegatiHeader {
	vertical-align:top;
	background-color:#dfdfdf;
	width:24px;
	text-align:center;
	margin:0;
	padding:0 !important;
	border-bottom:0 none !important;
	border-top:0 none !important;
	border-left:0 none !important;
	border-right:0 none !important;
}
table.allegati td.allegatiHeader .icons16white {
	margin:6px 6px 5px;
}
.specifica {
	display:block;
	height:18px;
	width:18px;
	float:left;
	text-align:center;
	border:#EAEAEA 1px solid;
	background-color:#EAEAEA;
	/*color:#FFF;*/
	/*font-weight:bold;*/
	line-height:18px;
	overflow:hidden;
	margin-left:-1px;
}
.voto {
	display:block;
	height:18px;
	/*width:18px;*/
	float:left;
	text-align:center;
	border:#EAEAEA 1px solid;
	/*color:#FFF;*/
	font-weight:bold;
	line-height:18px;
	overflow:hidden;
	padding:0 5px;
	margin-left:-1px;
	white-space:nowrap;
}
.infoVoto .voto {
	float:none;
    cursor:default;
}
.infoVoto .tooltip .notch {
    left: 4px;
}
.infoVoto  .tooltip {
    padding: 4px 12px;
    border-radius:3px;
	-webkit-border-radius:3px;
}
.infoVoto  .tooltip .border-notch {
    display:none;
}
a.nomeAlunno em, a.nomeMateria em {
	display:inline-block;
	width:8px;
	height:8px;
	margin-left:5px;
}
a.nomeAlunno:hover em, a.nomeMateria:hover em {
	background-image:url(../Graphics/icons_16_gray_transparent.png);
	background-repeat:no-repeat;
	background-position:-4px -500px;
}
.numeroRegistro {
    font-size:80%;
    opacity:0.6;
    letter-spacing:-0.02em;
}
.infoAlunno strong {
	display:inline-block;
	width:12px;
	height:12px;
	background-image:url(../Graphics/icons_16_gray_transparent.png);
	background-repeat:no-repeat;
	background-position:-2px -482px;
	margin-right:4px;
}
.infoAlunno div.tooltip {
	margin:3px 0 0 -14px;
}
.infoVoto strong {
	display:inline-block;
	width:12px;
	height:12px;
	background-image:url(../Graphics/icons_16_gray_transparent.png);
	background-repeat:no-repeat;
	background-position:-2px -482px;
	margin-right:4px;
}
.infoVoto div.tooltip {
	margin:3px 0 0 0;
}


/* --------- Assenze ------------------------------------------------------------ */
.oraAssenza {
	display:block;
	height:18px;
	width:18px;
	float:left;
	text-align:center;
	border:#EAEAEA 1px solid;
	color:#FFF;
	font-weight:bold;
	line-height:18px;
	overflow:hidden;
	margin-left:-1px;
}
.oraAssenza div.tooltip {
	margin:3px 0 0 -11px;
	text-align:left;
	font-weight:normal;
}
.assenza  .tooltip {
	margin:3px 0 0 -10px;
}

/* --------- Scrutinio classe---------------------------------------------------- */
#ContentPlaceHolderTitlePage_GridViewAlunniVoti td, #tableAlunni td {
	white-space:nowrap;
	height:22px;
}
#ContentPlaceHolderTitlePage_GridViewAlunniVoti .aspNetDisabled {
	/*display:none;*/
}
#ContentPlaceHolderTitlePage_GridViewAlunniVoti input.NumeroAssenze, #ContentPlaceHolderTitlePage_GridViewAlunniVoti select {
	margin-right:2px !important;
}
#ContentPlaceHolderTitlePage_GridViewAlunniVoti table.gridLight td {
	height:auto;
}

/* --------- Scrutinio ---------------------------------------------------------- */
.tableCrediti input.wd_480 {
    width:100%;
}
.tableCrediti .wd_24 {
    width:24px;
}
table.tableCrediti td {
    border-top:0 none !important;
}
table.tableGiudizi .label {
    font-size: 11px;
    color: #666;
}

/* --------- Pagelle ------------------------------------------------------------ */
#ContentPlaceHolderTitlePage_GridViewAlunniVoti a.aspNetDisabled, #ContentPlaceHolderTitlePage_GridViewVotiMaterie a.aspNetDisabled  {
	cursor:auto;
	text-decoration:none;
	opacity:0.4 !important;
	filter:alpha(opacity=40) !important;
}
#LegendaCrediti {
	position:absolute;
	left:400px;
	top:4px;
	display:none;
}
#LegendaCrediti table.gridLight td {
	padding:1px 12px 2px !important;
}
#LegendaCrediti34, #LegendaCrediti5 {
	display:none;
}

/* --------- Scheda dettaglio --------------------------------------------------- */
.userPhotoBox_120 {
	display:block;
	float:left;
	padding:8px 0;
	background-color:#F0F0F0;
	border-radius:4px 4px 4px 4px;
	-webkit-border-radius:4px 4px 4px 4px;
	box-shadow:1px 1px 2px rgba(0, 0, 0, 0.20);
	-webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.20);
	-moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.20);
	border-top:#fafafa 1px solid;
	border-left:#fafafa 1px solid;
	border-bottom:#c0c0c0 1px solid;
	border-right:#c0c0c0 1px solid;
}
.userPhoto_120 {
	display:block;
	height:120px;
	width:120px;
	margin:0 8px;
	background:url(../Graphics/bg_user_photo_120.png) no-repeat center;
	background-color:#F4F4F4;
	text-align:center;
	border-top:#dfdfdf 1px solid;
	border-left:#dfdfdf 1px solid;
	border-bottom:#fafafa 1px solid;
	border-right:#fafafa 1px solid;
}
.userPhotoImg_120 {
	background-position:center;
	background-repeat:no-repeat;
    background-size:cover;
	width:120px;
	height:120px;
	overflow:hidden;
}

.userPhotoBox_80 {
	display:block;
	float:left;
	padding:6px 0;
	border-radius:4px 4px 4px 4px;
	-webkit-border-radius:4px 4px 4px 4px;
	box-shadow:1px 1px 2px rgba(0, 0, 0, 0.20);
	-webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.20);
	-moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.20);
}
.userPhoto_80 {
	display:block;
	height:80px;
	width:80px;
	margin:0 6px;
	background:url(../Graphics/bg_user_photo_80.png) no-repeat center;
	text-align:center;
}
.userPhotoImg_80 {
	background-position:center;
	background-repeat:no-repeat;
	width:80px;
	height:80px;
}
.infoAlunno .userPhotoImg_80 {
    background-size:cover;
}

/* --------- Bacheca ------------------------------------------------------------ */
.bacheca {
    margin-left:-10px;
    margin-right:-18px;
}
.bacheca .c {
	background-image:url(../Graphics/bg_bacheca_c.png);
	background-repeat:repeat;
	background-position:left top;
}
.bacheca .n {
	background-image:url(../Graphics/bg_bacheca_n.png);
	background-repeat:repeat-x;
	background-position:left top;
}
.bacheca .ne {
	background-image:url(../Graphics/bg_bacheca_ne.png);
	background-repeat:no-repeat;
	background-position:top right;
}
.bacheca .e {
	background-image:url(../Graphics/bg_bacheca_e.png);
	background-repeat:repeat-y;
	background-position:right top;
}
.bacheca .se {
	background-image:url(../Graphics/bg_bacheca_se.png);
	background-repeat:no-repeat;
	background-position:bottom right;
}
.bacheca .s {
	background-image:url(../Graphics/bg_bacheca_s.png);
	background-repeat:repeat-x;
	background-position:left bottom;
}
.bacheca .so {
	background-image:url(../Graphics/bg_bacheca_so.png);
	background-repeat:no-repeat;
	background-position:bottom left;
}
.bacheca .o {
	background-image:url(../Graphics/bg_bacheca_o.png);
	background-repeat:repeat-y;
	background-position:left top;
}
.bacheca .no {
	background-image:url(../Graphics/bg_bacheca_no.png);
	background-repeat:no-repeat;
	background-position:top left;
}
.bacheca .content {
	padding:80px 70px 60px;
	text-align:center;
}
.bacheca .bachecaDocumento {
	width:360px;
	background-color:#FFF;
	box-shadow:3px 3px 9px rgba(0, 0, 0, 0.50);
	-webkit-box-shadow:3px 3px 9px rgba(0, 0, 0, 0.50);
	-moz-box-shadow:3px 3px 9px rgba(0, 0, 0, 0.50);
	margin-right:30px;
	margin-bottom:30px;
	float:left;
	text-align:left;
	color:#666;
}
.bacheca .bachecaDocumento .container {
	margin:30px;
	font-size:11px;
}
.bacheca .bachecaDocumento .container h2 {
	font-size:12px;
	font-weight:bold;
	color:#666;
	margin:20px 0 20px;
	padding-top:10px;
}
.bacheca .bachecaDocumento .container small  {
	font-size:7px;
	font-weight:normal;
	font-style:italic;
	padding-top:30px;
	display:block;
	color:#999;
}

/* --------- Postit ------------------------------------------------------------- */
.modulo #postit .postit {
	width:305px;
	position:relative;
	left:auto;
	top:auto;
}
.modulo #postit .postit textarea {
	width:245px;
	border:0 none;
	background-color:transparent;
	font-size:22px;
	text-align:center;
	font-weight:normal;
	overflow:hidden;
	min-height:50px;
	resize:none;
}
.postitHiddenDiv {
	width:245px;
	font-size:22px;
	text-align:center;
	font-weight:normal;
	white-space:pre-wrap;
	word-wrap:break-word;
	min-height:50px;
	position:relative;
	display:none;
}
.postitTip, .smsTip {
	background-image:url(../Graphics/bg_textTip.png);
	background-repeat:no-repeat;
	background-position:center 15px;
}
#postit .postit {
	width:305px;
	position:absolute;
	left:160px;
	top:160px;
	display:none;
}
#postit .postit .n {
	background-image:url(../Graphics/bg_postit_n.png);
	background-repeat:no-repeat;
	background-position:left top;
	width:305px;
	height:10px;
}
#postit .postit .c {
	background-image:url(../Graphics/bg_postit_c.png);
	background-repeat:repeat-y;
	background-position:left top;
	width:305px;
}
#postit .postit .s {
	background-image:url(../Graphics/bg_postit_s.png);
	background-repeat:no-repeat;
	background-position:left top;
	width:305px;
	height:84px;
}
#postit .postit .s .chiudiPostit {
	margin:43px 0 0 20px;
	cursor:pointer;
}
#postit .content {
	padding:5px 30px 0 25px;
	font-size:22px;
	text-align:center;
	font-weight:normal;
}
.buttonPostit {
    /*
    background-image:url("../Graphics/bg_texture1.png");
    background-position:0 0px;
    background-repeat:repeat-x;
    */
    border-radius:2px 2px 0 0;
    cursor:pointer;
    display:block;
    font-size:11px;
    font-weight:bold;
    padding:3px 12px 9px;
    /*text-shadow:1px 1px 1px rgba(255, 255, 255, 1.0);*/
    position:fixed;
    bottom:-8px;
    left:16px;
}

/* --------- Sms ---------------------------------------------------------------- */
.sms {
  background-image:url("../Graphics/bg_sms.png");
	background-repeat:no-repeat;
	background-position:center;
	width:200px;
	height:350px;
}
.sms textarea {
	width:130px;
	height:200px;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	border:0 none;
	background-color:transparent;
	margin:80px 0 0 35px;
	resize:none;
	line-height:130%;
	overflow:hidden;
}

/* --------- Errore ------------------------------------------------------------- */
.errore {
	background-image:url(../Graphics/bg_errore.png);
	background-repeat:no-repeat;
	background-position:left top;
	font-size:11px;
	margin:100px 10% 20px;
	padding:40px 0 100px 200px;
}
.erroreNotFound {
	background-image:url(../Graphics/bg_errore_not_found.png);
	background-repeat:no-repeat;
	background-position:left top;
	font-size:11px;
	margin:100px 10% 20px;
	padding:40px 0 160px 270px;
}
.error {
	font-size:11px;
	vertical-align:top;
	line-height:20px;
}
span.errorBlock[style*="inline"]
{
    display:block !Important;
}
.error ul {
	margin:0;
	padding:0;
	line-height:120%;
	list-style-position:inside;
}
label.erroreCampo, .questionari li label.erroreCampo {
  color:#c44 !important;
  display:block;
  padding:2px 0 0;
  font-weight:bold;
}
.questionari li label.erroreCampo {
    float:none;
    font-weight:normal;
    width:476px;
}
input.erroreCampo {
  background-color:#fffdfb;
  border-color:#c99 !important;
  color:inherit;
}
/* --------- Layout classe ------------------------------------------------------ */
#ContentPlaceHolder1_ListViewDisposizioneClasse_itemPlaceholderContainer {
	height:800px;
	position:relative;
}
.desk {
	display:block;
	float:left;
	background-color:#F0F0F0;
	border-radius:8px 8px 8px 8px;
	-webkit-border-radius:8px 8px 8px 8px;
	box-shadow:1px 1px 2px rgba(0, 0, 0, 0.20);
	-webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.20);
	-moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.20);
	border-top:#fafafa 1px solid;
	border-left:#fafafa 1px solid;
	border-bottom:#c0c0c0 1px solid;
	border-right:#c0c0c0 1px solid;
	font-size:11px;
	margin:22px 8px 8px 0;
	cursor:move;
	position:relative;
}
div.deskRandom {
	background-color:#e6e6e6;
	border-top:#F0F0F0 1px solid;
	border-left:#F0F0F0 1px solid;
	border-bottom:#e0e0e0 1px solid;
	border-right:#e0e0e0 1px solid;
}
div.deskSelect {
}
.deskContent {
	width:140px;
	height:65px;
	margin:6px;
	position:relative;
}
.deskContent table {
	display:block;
	width:140px;
	overflow:hidden;
	position:relative;
	top:26px;
}
.deskContent .userPhotoBox_40 {
	display:block;
	padding:4px 0;
	background-color:#F0F0F0;
	border-radius:4px 4px 4px 4px;
	-webkit-border-radius:4px 4px 4px 4px;
	border-top:#fafafa 1px solid;
	border-left:#fafafa 1px solid;
	border-bottom:#c0c0c0 1px solid;
	border-right:#c0c0c0 1px solid;
	margin-bottom:4px;
	top:-30px;
	position:absolute;
}

.userPhotoBox_40 {
	display:block;
	padding:4px 0;
	background-color:#F0F0F0;
	border-radius:4px 4px 4px 4px;
	-webkit-border-radius:4px 4px 4px 4px;
	border-top:#fafafa 1px solid;
	border-left:#fafafa 1px solid;
	border-bottom:#c0c0c0 1px solid;
	border-right:#c0c0c0 1px solid;
	margin-bottom:4px;
}
.userPhoto_40 {
	display:block;
	height:40px;
	width:40px;
	margin:0 4px;
	/*background:url(../Graphics/bg_user_photo_120.png) no-repeat center;*/
	background-color:#F4F4F4;
	text-align:center;
	border-top:#dfdfdf 1px solid;
	border-left:#dfdfdf 1px solid;
	border-bottom:#fafafa 1px solid;
	border-right:#fafafa 1px solid;
    background-size:cover;
}
.userPhotoImg_40 {
	background-position:center;
	background-repeat:no-repeat;
    background-size:cover;
	width:40px;
	height:40px;
}
#photoBigScutinioBox {
    position:relative;
}

#photoBigScutinioBox:hover #photoBigScutinio {
    opacity:1;
    transform: scale(1);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
#photoBigScutinio {
    opacity:0;
    position:absolute;
    left:0;
    top:0;
    transform: scale(0.5);
    transform-origin: left top;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

/* --------- Elenco alunni home page -------------------------------------------- */
#gridElencoAlunni td {
    vertical-align:top;
}
#gridElencoAlunni .userPhotoBox_30 {
	display:inline-block;
	padding:2px 0;
    margin:0;
	background-color:#F0F0F0;
	border-radius:4px 4px 4px 4px;
	-webkit-border-radius:4px 4px 4px 4px;
	border-top:#fafafa 1px solid;
	border-left:#fafafa 1px solid;
	border-bottom:#c0c0c0 1px solid;
	border-right:#c0c0c0 1px solid;
}
#gridElencoAlunni .userPhoto_30 {
	display:block;
	height:30px;
	width:30px;
	margin:0 2px;
	/*background:url(../Graphics/bg_user_photo_120.png) no-repeat center;*/
	background-color:#F4F4F4;
	text-align:center;
	border-top:#dfdfdf 1px solid;
	border-left:#dfdfdf 1px solid;
	border-bottom:#fafafa 1px solid;
	border-right:#fafafa 1px solid;
    background-size:cover;
}
#gridElencoAlunni .userPhotoImg_30 {
	background-position:center;
	background-repeat:no-repeat;
	width:30px;
	height:30px;
    background-size:cover;
}

/* --------- VirtualClassroom --------------------------------------------------- */
.post small {
	background-color:#eee;
	border-radius:6px 6px 6px 6px;
	color:#999;
	display:block;
	float:left;
	font-size:9px;
	font-weight:bold;
	margin-top:2px;
	margin-bottom:2px;
	padding:2px 9px;	
}

/* --------- Loader ------------------------------------------------------------- */
.loaderBg {
  background-color:#FAFAFA;
  color:#000000;
  left:0;
  opacity:0.7;
	filter:alpha(opacity=70);
  overflow:hidden;
  position:fixed;
  top:0;
  width:100%;
  z-index:110;
}
.loaderIcon {
  background-color:#FFFFFF;
  background-image:url("../Graphics/loader.gif");
  background-position:center center;
  background-repeat:no-repeat;
  /*border:2px solid #EEEEEE;*/
  border-radius:3px;
  /*border-radius:10px 10px 10px 10px;*/
  /*box-shadow:2px 4px 6px rgba(0, 0, 0, 0.3);*/
  height:40px;
  position:fixed;
  width:40px;
  z-index:120;
  top:50%;
  left:50%;
}
.loaderBox {
  background-color:#FFFFFF;
  background-image:url("../Graphics/loader.gif");
  background-position:4px center;
  background-repeat:no-repeat;
  border-radius:8px 8px 8px 8px;
  /*box-shadow:1px 1px 4px rgba(0, 0, 0, 0.3);*/
  color:#CCCCCC;
  font-size:11px;
  font-weight:bold;
  margin:10px auto;
  padding:9px 6px 9px 32px;
  width:40px;
}
.loaderBoxIcon {
  background-color:#FFFFFF;
  background-image:url("../Graphics/loader.gif");
  background-position:center center;
  background-repeat:no-repeat;
  border-radius:3px;
  height:40px;
  position:absolute;
  width:40px;
  z-index:120;
  top:50%;
  left:50%;
  margin-top:-20px;
}


/* --------- Periodi ------------------------------------------------------------ */
.periodo {
	height:19px;
	position:absolute;
	left:0;
	top:0;
	width:1px;
  box-shadow:1px 1px 2px rgba(0, 0, 0, 0.3);
}
.periodo0 {
}
.periodo1 {
}
.periodo2 {
}
.periodo3 {
}
.periodo4 {
}
.periodo5 {
}

/* --------- Messaggi ----------------------------------------------------------- */
#MessaggiNonLettiBox {
  border-radius:8px 8px 0 0;
  border-left:2px solid #FFFFFF;
  border-top:2px solid #FFFFFF;
  border-right:2px solid #FFFFFF;
  border-bottom:0 none;
  bottom:0;
  box-shadow:2px 4px 6px rgba(0, 0, 0, 0.5);
  color:#222222;
  cursor:pointer;
  display:none;
  font-size:12px;
  position:fixed;
  right:20px;
  text-align:center;
  width:180px;
}
#MessaggiNonLetti {
	background-color:#f7f7f7;
	margin:24px 0 6px;
	padding:16px 0;
}
/* --------- Orario ------------------------------------------------------------- */
#ContentPlaceHolder1_TableRegistroProposto .ltGrayBg {
	background-color:rgba(230,230,230,0.5);
}
.CheckBoxOra {
	display:block;
}
.CheckBoxOra label {
	position:relative;
	top:-2px;
	margin-left:4px;
    font-size:11px;
}
.CheckBoxOra label strong {
    font-weight:400 !important;
}
.ltGrayBg .CheckBoxOra {
	color:#FFF;
}
#ContentPlaceHolder1_TableRegistroProposto .DropDownListMateria.error,
#ContentPlaceHolder1_TableRegistroProposto .DropDownListPersonaleScolastico.error {
    /*
    border-bottom: solid #c00 1px;
    box-shadow: 0 2px 0 #c00;
    */
}
#erroreDocentiMaterie {
    text-align:left;
    line-height:13px;
}

/* --------- Edit Image---------------------------------------------------------- */
.userPhotoBox_400 {
	display:block;
	float:left;
	padding:8px 0;
	background-color:#F0F0F0;
	border-radius:4px 4px 4px 4px;
	-webkit-border-radius:4px 4px 4px 4px;
	box-shadow:1px 1px 2px rgba(0, 0, 0, 0.20);
	-webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.20);
	-moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.20);
	border-top:#fafafa 1px solid;
	border-left:#fafafa 1px solid;
	border-bottom:#c0c0c0 1px solid;
	border-right:#c0c0c0 1px solid;
}
.userPhoto_400 {
	display:block;
	height:400px;
	width:400px;
	margin:0 8px;
	background-color:#F4F4F4;
	text-align:center;
	border-top:#dfdfdf 1px solid;
	border-left:#dfdfdf 1px solid;
	border-bottom:#fafafa 1px solid;
	border-right:#fafafa 1px solid;
	overflow:hidden;
}
#ContentPlaceHolder1_GestisciImmagine1_ImageToEdit {
	/*
	max-width:400px;
	max-height:400px;
	*/
}
/* --------- Parametri configurabili -------------------------------------------- */
#tabsRegistri .noBorder input {
	margin-top:3px !important;
	margin-bottom:2px !important;
}

/* --------- Assistenza --------------------------------------------------------- */
#VerWin, #VerMac {
	border-bottom:#ddd solid 1px;
	margin-bottom:6px;
	padding-bottom:6px;
}
#VerWin .title, #VerMac .title {
	margin-bottom:6px;
}
#VerWin {
	background-image:url(../Graphics/icon_win.png);
	background-repeat:no-repeat;
	background-position:left top;
	padding-left:50px;
	float:left;
	margin:0;
	width:120px;
}
#VerMac {
	background-image:url(../Graphics/icon_mac.png);
	background-repeat:no-repeat;
	background-position:left top;
	padding-left:50px;
	float:left;
	margin:0 0 0 15px;
	width:120px;
}
#Assistenza .title {
	color:#aaa;
	margin:0 0 12px;
	padding:10px 0 0;
	font-size:18px;
	letter-spacing:0;
}
.FondoAssistenza {
	background-image:url(../Graphics/bg_assistenza.jpg) !important;
	background-repeat:no-repeat !important;
	background-position:left bottom !important;
}

/* --------- New-Old SOL -------------------------------------------------------- */
#NewSolBox {
	line-height:20px; 
	margin-top:-28px;
	color:#fff;
	padding:15px 16px;
	border-radius:50px 50px 50px 50px;
    font-size: 18px;
}
#OldSolBox {
	box-shadow:0px 4px 6px rgba(0, 0, 0, 0.6); 
	left:-240px; 
	position:fixed; 
	top:50%; 
	margin:-100px 0px 0px;
    z-index:90;
	/*display:none;*/
    -webkit-transition:left 1.8s;
	-moz-transition:left 1.8s;
	-o-transition:left 1.8s;
	transition:left 1.8s;
}
#OldSolBox:hover {
	left:0px; 
    -webkit-transition:left 0.6s;
	-moz-transition:left 0.6s;
	-o-transition:left 0.6s;
	transition:left 0.6s;
}

#OldSolLink {
    display: block;
    padding: 10px 20px 8px;
    color: #fff;
}
#OldSolText1 {
    display: block;
    float: left;
    width: 212px;
    color: #fff;
    font-size: 25px;
    line-height: 32px;
}
#OldSolText1 .logoHeavy,
#OldSolText1 .logoThin {
    font-size: 38px;
}
#OldSolText2 {
    display: block;
    float: left;
    color: #fff;
    margin-left: 6px;
    border-left: 1px solid rgba(255, 255, 255, 0.4);
    padding-left: 10px;
    font-size: 16px;
    line-height: 18px;
}

/* --------- Parametri configurabili -------------------------------------------- */
#ContentPlaceHolder1_FormViewEdit_GridViewFoto {
	width:486px !important;
}
#ContentPlaceHolder1_FormViewEdit_GridViewFoto .thumbFoto {
	width:40px;
	height:40px;
	overflow:hidden;
}
#ContentPlaceHolder1_FormViewEdit_GridViewFoto .thumbFoto img {
	max-width:40px;
	max-height:40px;
}

Service

/* --------- Service ------------------------------------------------------------ */
#Service .titleArea {
	font-weight:normal !important;
    font-size:16px !important;
    line-height:22px !important;
    color:#999 !important;
}
#Service .thin {
	font-family:'Roboto', sans-serif;
	letter-spacing:-0.01em !important;
	font-weight:900 !important;
    font-size:16px !important;
    line-height:22px !important;
    color:#999 !important;
}

/* --------- Guide -------------------------------------------------------------- */
#Guide {
    overflow:hidden;
}
.guida_thumb {
    margin-right:10px;
}

/* --------- Aree --------------------------------------------------------------- */
#Aree ul, #Aree ul li {
    list-style:none outside none;
    margin:0;
    padding:0;
}
#Aree li.select i {
	width:16px;
	height:16px;
	background-image:url(../Graphics/icons_16_white_transparent.png);
	background-repeat:no-repeat;
	background-position:0 -848px;
    display:inline-block;
    margin-right:6px;
    position:relative;
    top:2px;
}
#Aree li.selectable i {
	width:16px;
	height:16px;
	background-image:url(../Graphics/icons_16_gray_transparent.png);
	background-repeat:no-repeat;
	background-position:0 -208px;
    display:inline-block;
    margin-right:6px;
    position:relative;
    top:4px;
}
#Aree li.selectable:hover i {
	background-image:url(../Graphics/icons_16_gray.png);
}
#Aree li.selectable a {
	background-color:#eee;
    margin:0 0 4px;
    padding:2px 6px;
    border:2px solid #fff;
    display:block;
    box-shadow:2px 1px 2px rgba(0, 0, 0, 0.2);
    border-radius:2px;
}
#Aree li.selectable a:hover {
	background-color:#ddd;
}
#Aree .tooltip {
    border:2px solid #fff;
    border-radius:2px;
    box-shadow:2px 1px 2px rgba(0, 0, 0, 0.2);
    color:#fff !important;
    z-index:90;
    display:block;
    position:relative;
    font-weight:bold;
    margin:0 0 4px;
    padding:2px 6px;
}
#Aree .tooltip b {
    display:none;
}

/* --------- Calendario --------------------------------------------------------- */
#CalendarioMensa table.grid th,
#CalendarioExtra1 table.grid th, 
#CalendarioExtra2 table.grid th {
    text-align:center;
    padding-left:2px;
    padding-right:2px;
    width:2.5%;
}
#CalendarioMensa table.grid th.mese, 
#CalendarioExtra1 table.grid th.mese, 
#CalendarioExtra2 table.grid th.mese {
    width:5%;
}
#CalendarioMensa table.grid td, 
#CalendarioExtra1 table.grid td,
#CalendarioExtra2 table.grid td {
    text-align:center;
    padding:0 !important;
}
#CalendarioMensa table.grid td span, 
#CalendarioExtra1 table.grid td span, 
#CalendarioExtra2 table.grid td span {
    text-align:center;
    padding:6px 2px  !important;
    display:block;
}
#CalendarioMensa table.grid td.totaleMese,
#CalendarioMensa table.grid th.totaleMese,
#CalendarioExtra1 table.grid td.totaleMese,
#CalendarioExtra1 table.grid th.totaleMese,
#CalendarioExtra2 table.grid td.totaleMese,
#CalendarioExtra2 table.grid th.totaleMese {
    text-align:right;
    padding-left:6px;
    padding-right:6px;
    font-weight:bold;
    width:30px;
}
#Calendario table.grid .redBg {
  background-color:#c00 !important;
  color:#fff !important;
}
#Calendario table.grid input.calendarioCheckBox {
    margin:0 !important;
    vertical-align:middle;
}
#Calendario table.grid .calendarioLabel {
    margin-left:4px;
    vertical-align:middle;
}

/* --------- UI ----------------------------------------------------------------- */
table.RadioButtonListObbiettiviEducativi td,
table.RadioButtonListObbiettiviDidattici td {
    border:0 none !important;
}

/* --------- UI ----------------------------------------------------------------- */
.template .ui-widget {
	font-family:Arial,sans-serif;
	font-size:11px;
}
.template .ui-corner-all, .template .ui-corner-top, .template .ui-corner-left, .template .ui-corner-tl { -moz-border-radius-topleft:2px; -webkit-border-top-left-radius:2px; -khtml-border-top-left-radius:2px; border-top-left-radius:2px; }
.template .ui-corner-all, .template .ui-corner-top, .template .ui-corner-right, .template .ui-corner-tr { -moz-border-radius-topright:2px; -webkit-border-top-right-radius:2px; -khtml-border-top-right-radius:2px; border-top-right-radius:2px; }
.template .ui-corner-all, .template .ui-corner-bottom, .template .ui-corner-left, .template .ui-corner-bl { -moz-border-radius-bottomleft:2px; -webkit-border-bottom-left-radius:2px; -khtml-border-bottom-left-radius:2px; border-bottom-left-radius:2px; }
.template .ui-corner-all, .template .ui-corner-bottom, .template .ui-corner-right, .template .ui-corner-br { -moz-border-radius-bottomright:2px; -webkit-border-bottom-right-radius:2px; -khtml-border-bottom-right-radius:2px; border-bottom-right-radius:2px; }
.template .ui-widget .ui-widget { 
	font-size:11px !;
 }
.template .ui-widget-content { 
	border:1px solid #cccccc;
	background:#fcfcfc;
	color:#222222;
}
.template .ui-dialog { 
	position:absolute; 
	top:0; 
	left:0; 
	padding:0; 
	width:300px; 
	overflow:hidden; 
	box-shadow:0 3px 6px rgba(0,0,0,0.30); 
	background:	url("../Graphics/bg.png") repeat scroll center center transparent !important;
}
.template .ui-dialog .ui-dialog-titlebar { 
	padding:.4em 1em; 
	position:relative; 
	border-top:0 none !important; 
	border-left:0 none !important; 
	border-right:0 none !important; 
	border-bottom:1px #C3C3C3 !important;
	background-color:#dddddd !important;
	-moz-border-radius-bottomleft:0px; 
	-webkit-border-bottom-left-radius:0px; 
	-khtml-border-bottom-left-radius:0px; 
	border-bottom-left-radius:0px; 
	-moz-border-radius-bottomright:0px; 
	-webkit-border-bottom-right-radius:0px; 
	-khtml-border-bottom-right-radius:0px; 
	border-bottom-right-radius:0px; 
}
.ui-dialog-title {
    font-size:12px !important;
    font-weight:bold !important;
    /*text-shadow:0 1px 0 rgba(255, 255, 255, 0.45) !important;*/
	color:#555 !important;
}
.template .ui-dialog .ui-dialog-titlebar-close {
	border-radius:2px 2px 2px 2px;
	-webkit-border-radius:2px 2px 2px 2px;
	border:solid 1px transparent !important;
	text-align:center;
	background-image:none !important;
	background-color:transparent !important;
	width:18px !important;
	height:18px !important;
	padding:0 !important;
}
.template .ui-dialog .ui-dialog-titlebar-close:hover {
	border-radius:2px 2px 2px 2px;
	-webkit-border-radius:2px 2px 2px 2px;
	border:solid 1px #bbb !important;
	text-align:center;
	/*
    background-image:url(../Graphics/bg_texture1.png) !important;
	background-position:0 -34px !important;
	background-repeat:repeat-x !important;
    */
	background-color:transparent !important;
	width:18px !important;
	height:18px !important;
	padding:0 !important;
}
.template .ui-dialog-titlebar-close .ui-icon-closethick {
	background-image:url(../Graphics/icons_16_gray_transparent.png) !important;
	background-position:0 -704px !important;
	margin:1px;
}
.template .ui-dialog-titlebar-close:hover .ui-icon-closethick {
	background-image:url(../Graphics/icons_16_gray.png) !important;
	margin:1px;
}
.template .ui-widget-overlay {
	background-color:#EFEFEF !important;
	background-image:url(../Graphics/bg_overlay.png) !important;
	background-repeat:repeat;
	z-index:109 !important;
	opacity:0.70 !important;
	filter:alpha(opacity=60) !important;
}
.k-block, .k-widget, .k-inline-block, .k-textbox > input, .k-input[type="text"], .k-input[type="number"], .k-textbox, .k-picker-wrap .k-input, .k-button, .k-draghandle {
	font-size:11px !important;
}
.k-overlay {
    background-color:#fff !important;
}
.k-scheduler-content .k-event {
    background-color: rgba(0, 0, 0, 0.01);
    border-color: rgba(0, 0, 0, 0.01);
    height: 67px !important;
}
.k-scheduler-content .k-event .k-event-actions {
    display:none;
}
.k-scheduler-content .k-event .descrizione-evento {
    margin:4px;
}
.k-scheduler-table .k-scheduler-timecolumn {
    display:none;
}
/*
.k-scheduler-toolbar .k-nav-current .k-link span:nth-child(2) {
    display:none;
}
*/

.template .k-window-content {
	background-color:#f8f8f8 !important;
}
.template .ui-dialog .ui-dialog-buttonpane .ui-button .ui-button-text {
	padding:0;
}
.template .ui-dialog .ui-dialog-buttonpane {
	background-color:#f9f9f9;
	margin-top:0;
}
.template .ui-widget-content a {
	color:inherit;
}
.page
{
    position:fixed;
    height:100%;
    width:100%;
    top:0px;
    left:0px;    
    z-index:50;
 }
.editArgomento .page,
.gridElenco .page,
#ContentPlaceHolder1_GridViewCompiti .page
{
    position:inherit;
}

/* --------- video-tutorial ---------------------------------------------------- */
.video-tutorial {
    /* display: none; */
    /* float: right; */
    margin: 5px 0 0 1.0em;
    background-color: rgb(66, 138, 202);
    color: #ffffff;
    border-radius: 40px 40px 0 0;
    padding: 2px 30px 0 0;
    width: 40px;
    max-width: fit-content;
    overflow: hidden;
    white-space: nowrap;
    border: 0px solid #428bca;
    cursor: pointer;
    position: fixed;
    right: 240px;
    bottom: 0;
    z-index: 1;
    height: 40px;
    line-height: 40px;
    box-shadow: 0 0 0 rgba(66, 138, 202, 0.4);
    animation: pulse 2s infinite;
    font-weight: 900;
    font-size:12px;
    -webkit-transition:width 1s ease-in-out;
       -moz-transition:width 1s ease-in-out;
        -ms-transition:width 1s ease-in-out;
         -o-transition:width 1s ease-in-out;
            transition:width 1s ease-in-out;
}
.video-tutorial:hover {
    width: 300px;
    max-width: fit-content;
    animation: none;
    -webkit-transition:width 1s ease-in-out;
       -moz-transition:width 1s ease-in-out;
        -ms-transition:width 1s ease-in-out;
         -o-transition:width 1s ease-in-out;
            transition:width 1s ease-in-out;
}
.video-tutorial i.fs {
    display: inline-block !important;
    font-size: 2.4em !important;
    vertical-align: middle !important;
    color: #ffffff !important;
    margin: 0 20px 0 24px !important;
    background-image: url(images/icon-video-tutorial.png);
    width:26px;
    height:18px;
    background-repeat:no-repeat;
    background-position:center;
}
#dialogWindowVideoTutorial {
    overflow:hidden;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(66, 138, 202, 0.6);
  }
  70% {
      -webkit-box-shadow: 0 0 0 15px rgba(66, 138, 202, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(66, 138, 202, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(66, 138, 202, 0.6);
    box-shadow: 0 0 0 0 rgba(66, 138, 202, 0.6);
  }
  70% {
      -moz-box-shadow: 0 0 0 15px rgba(66, 138, 202, 0);
      box-shadow: 0 0 0 15px rgba(66, 138, 202, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(66, 138, 202, 0);
      box-shadow: 0 0 0 0 rgba(66, 138, 202, 0);
  }
}

.thumb-video img {
    width:96px !important;
    margin:0;
}
#GridVideo h5 {
    color: #069;
    font-size: 12px !important;
    margin:0;
}
#GridVideo tr.k-alt,
#GridVideo tr.k-state-selected {
    background: transparent;
    box-shadow:none;
}
#GridVideo tr.k-alt td,
#GridVideo tr.k-state-selected td {
    border-color: #f5f5f5 #eee;
}
#GridVideo .k-grid-content tr td {
    cursor:pointer !important;
    vertical-align:top;
}
#GridVideo .k-grid-content tr span.thumb-video {
    display:block;
    position:relative;
    height: 54px;
}
#GridVideo .k-grid-content tr:hover {
    background-color: rgba(0, 0, 0, 0.02);
}
#GridVideo .k-grid-content tr:hover span.thumb-video:before {
    content: '\f01d';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 87, 130, 0.64);
    color: #fff;
    font: normal normal normal 14px/1 FontAwesome;
    text-align: center;
    font-size: 3em;
    opacity: 1;
    line-height: 54px;
    text-shadow: 0 0 10px rgba(0,0,0,0.9);