/* body rules */
body{ font-family: 'Raleway', sans-serif;
	/*background-image:url('../images/bg.gif'); */
	background-repeat:none;
	background-size: cover; 
	background-position: center top;
}

.msgcenter {
	margin: 0 auto !important;
	text-align: center;
	margin-top: 100px;
	font-size: 23px;
}

/* fix grid */
.col-centered {
	float: none;
	margin: 0 auto;
}

/* container */
.container {
	background-color:#fff;
}

a#logout {
	padding:10px;
	color:#333;
	background-color:#ccc;
	text-align:center;
	text-decoration:none;
	font-weight:bold;

	/* Added */
	margin-top: 15px;
    display: inline-block;
}

/* logoContainer */
#logoContainer { margin-top:10px;}

/* formLogin */
#formLogin { border:2px solid #ccc; margin:10px; padding:10px;}

/* dash button info */
#containterInfoBox { margin:5px; padding:5px;}
.alert { margin:10px; }

/* accordionContainer */
#accordion { width:95% !important; margin:0 auto !important;}
.importantInfo { border:2px solid #000 !important; height:35px; }

/* accordion cliente  */
.accordionButton  { width: 100%; float: left; background: #fff; border-bottom: 1px solid #000; font-size: 15px; padding: 5px; }
.accordionContent { width: 100%; float: left; background: #fff; display: none; padding: 10px; border: 3px solid #ccc; }
.header-cliente   { width: 100%; float: left; border-bottom:1px solid #000; float:left; font-size:15px; padding:5px;  font-weight:bold;}
.header-cliente span { padding-left:5px; padding-right:5px; }

#infohome {width:100%;height:70px;  margin-top: 70px;}
.info-home {padding:20px;background-color:#97c0e4; font-weight:bold;color:#fff; width:100px; float:left; margin-left:20px; border:2px solid #000;}
.info-home #one {}
.info-home #two {}

#panel {}
#clip {  width:600px; margin:0 auto; margin-top:50px; margin-bottom:50px;}
#clip h3 {text-align:center;}
#clip iframe  {margin-bottom:70px;}

/* lista video accordion */
#video { }
#video ul {  list-style-type: none;}
#video ul li {  float: left;    margin: 5px;    border: 1px solid #ccc;    padding: 5px; width:500px ;}
#video ul li span {float: left;    font-size: 20px;    margin-bottom: 5px;    margin-left: 5px;    margin-right: 5px;    margin-top: 10px !important;}
#video ul li a { float:right; text-decoration: none;    colore: #000;    color: #000;    font-size: 22px;}
#video ul li a img { margin: 3px;    margin-top: 7px;}

/* lista clienti e video */
#clienti{}
#clienti .cliente { padding:5px; margin:10px;}
#clienti span { padding-left:5px; padding-right:5px; float:left; border-right:1px solid #000;}

/* notification box */
#notification { height: 40px; line-height: 40px; position: absolute; text-align: center; top: 15%; width: 680px; z-index: 100; border: 2px solid #97c0e4; background-color: #000; color: #97c0e4; display: none; margin-left: -340px; left: 50%; }
.success, .warning, .attention, .information { color: #555555; margin-bottom: 15px; padding: 10px 10px 10px 33px; }

div.fields div { margin-bottom:10px; }

div.delete { float:right; z-index: 999px !important;}
.accordionContent .delete {  margin:10px !important; float:right !important; }   

/* pulsante cerca */
.filterform { margin:20px !important;}