@charset "utf-8";
/* POWERED BY VITTORIO PAONE */
@import url(https://fonts.googleapis.com/css?family=Ubuntu:400,300|Oswald:400,300);
/*@import url(grid.css);*/

html, body { padding:0; margin:0; width:100%; height:100%; font-family:'Ubuntu', Arial, Helvetica, sans-serif; background:#EFEFEF url(../images/bg.jpg) center; background-size:cover; background-attachment:fixed; color:#666666; font-size:14px; line-height:22px; font-weight:300; }

/* A */
a { color:inherit !important; text-decoration:none; display:inline;

	-ms-transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition-property: all 0.25s ease-in-out;

}
a:link { color:inherit !important; text-decoration:none; }
a:hover { color:#5799CA !important; text-decoration:none; }

/* GENERAL */
div { outline-color:transparent;
	/*
	-ms-transition: all 0.35s ease-in-out;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	-o-transition: all 0.35s ease-in-out;
	transition-property: all 0.35s ease-in-out; 
	*/}
img { background-color:transparent; border:none; }
p { margin:0 0 10px 0; font-weight:100; }

/* H */
h1 { font-size:30px; color:#25507E; font-family:'Oswald', Arial, Helvetica, sans-serif; margin:0; padding:0 0 5px 0; font-weight:100; line-height:38px; }
h2 { font-size:28px; color:#25507E; font-family:'Oswald', Arial, Helvetica, sans-serif; margin:0; padding:0 0 5px 0; font-weight:100; line-height:38px; }
h3 { font-size:22px; color:#231407; font-family:'Oswald', Arial, Helvetica, sans-serif; margin:0; padding:0 0 4px 0; font-weight:300; line-height:35px; }
h4 { font-size:20px; color:#666666; font-family:'Oswald', Arial, Helvetica, sans-serif; margin:0; padding:0 0 10px 0; font-weight:400; line-height:30px; }
h5 { font-size:18px; color:#FFFFFF; font-family:'Oswald', Arial, Helvetica, sans-serif; margin:0; padding:4px 0px 4px 10px; font-weight:100; line-height:30px; }

/* BUTTON */
.button, a.button { font-weight:100; font-family:'Oswald', Arial, Helvetica, sans-serif; color:#FFFFFF !important; background:#25507E; border:1px solid transparent; padding:6px 10px; margin:0; cursor:pointer; display:inline-block; zoom:1; *display:inline; text-transform:uppercase; }
.button:hover, a.button:hover { text-decoration:none; color:#FFFFFF !important; background:#5799CA; border:1px solid #FFFFFF; }

.button-cancel, a.button-cancel { font-weight:100; font-family:'Oswald', Arial, Helvetica, sans-serif; background:#FFFFFF; border:1px solid #EFEFEF; padding:6px 10px; margin:0; cursor:pointer; display:inline-block; zoom:1; *display:inline; text-transform:uppercase; }
.button-cancel:hover, a.button-cancel:hover { text-decoration:none; color:#FFFFFF !important; background:#C9302C; border:1px solid #FFFFFF; }
.button-cancel:before, a.button-cancel:before { font:normal normal normal 20px/1 FontAwesome; content:"\f00d"; vertical-align:central; margin-right:5px; color:#C9302C; }
.button-cancel:hover:before, a.button-cancel:hover:before { color:#FFFFFF; }

.button-reset, a.button-reset { font-weight:100; font-family:'Oswald', Arial, Helvetica, sans-serif; background:#FFFFFF; border:1px solid #EFEFEF; padding:6px 10px; margin:0; cursor:pointer; display:inline-block; zoom:1; *display:inline; text-transform:uppercase; }
.button-reset:hover, a.button-reset:hover { text-decoration:none; color:#FFFFFF !important; background:#1b926c; border:1px solid #FFFFFF; }
.button-reset:before, a.button-reset:before { font:normal normal normal 20px/1 FontAwesome; content:"\f021"; vertical-align:central; margin-right:5px; color:#1b926c; }
.button-reset:hover:before, a.button-reset:hover:before { color:#FFFFFF; }

/* BUTTON GROUP */
.button-group {
    position: relative;
    display: inline-block;
    vertical-align: middle;
	font-size:12px;
	text-align:left !important;
}
.button-group a:hover { background:#5799CA; color:#FFFFFF !important; text-decoration:none; }
.button-group .first { padding:4px 6px; background:#EFEFEF; border:1px solid #CCCCCC; float:left; }
.button-group span { padding:9px; background:#EFEFEF; border:1px solid #CCCCCC; border-left:none; float:right; color:#666666; }

.button-sub-group { background:#EFEFEF; border:1px solid #CCCCCC; position:absolute; left:0; margin-top:8px; min-width:102px; z-index:900; }
.button-sub-group a { padding:4px 6px; display:block; white-space:nowrap; }

.button-group span > .button-sub-group { display:none; }
.button-group span:hover > .button-sub-group { display:block;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);
}
.button-group span a:hover { background:#5799CA; color:#FFFFFF; text-decoration:none; }
.button-group span:hover { background:#5799CA; }
.button-group span:hover > i { color:#FFFFFF; }
.up{ top:auto; bottom:100%; }

/* PAGE */
.container { width:100%; min-width:1000px; height:auto; margin:0px auto; overflow:hidden; }
.header { color:#666666; width:100%; border-bottom:1px solid #CCCCCC; background:#FFFFFF; height:80px; position:fixed; z-index:1; }
.header-small {
	height:60px;
	-ms-transition: all 0.35s ease-in-out;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	-o-transition: all 0.35s ease-in-out;
	transition-property: all 0.35s ease-in-out;
}
.columnSx { position:fixed; height:100%; z-index:1; background-color:#282b30; left:0; top:80px; color:#FFFFFF; overflow:auto; padding-bottom:80px; }
.columnSx h5 { color:#FFFFFF; border-bottom:1px solid #363A41; cursor:pointer; }
.columnSx h5:hover i { color:#5799CA; }
.columnSx ul { list-style:none; padding:0; margin:0; font-size:13px; }
.columnSx ul li { display:block; padding:0px; }
.columnSx ul li a { padding:5px 0 5px 40px; display:block; }
.columnSx ul li a:hover { background:#282b30; text-decoration:none; }
.columnSx ul li a:hover:before { font:normal normal normal 12px/1 FontAwesome; content:"\f061"; vertical-align:central; margin-left:-20px; margin-right:10px; }
#menuMobile { display:none; }

.content { position:relative; padding:72px 0 50px 16.5%; }
#showcase { padding-top:80px; clear:both; }
.footer { 
	display: block;
    width: 100%;
    height: 50px;
    position: fixed;
    bottom: 0;
    z-index: 999;
    background-color: rgba(0,0,0,0.8);
    color: #aaa;
    line-height: 50px;
	padding:0 10px;
}

/* EXTRA */


#loader { position:fixed; z-index:999; width:100%; height:100%; margin:0; padding:0; background:url(../images/bg-white-80.png); overflow:hidden; font-size:10px; }
#loaderContent { position:absolute; margin-left:-50px; left:50%; margin-top:-50px; top:50%; text-align:center; width:100px; height:100px; }

.logo { float:left; padding:0; border-bottom:2px solid #25507E; position:absolute; width:250px; }
.logo img { width:100% !important; height:auto !important; }

.login {
	width:400px; margin-left:-200px; left:50%;
	height:500px; margin-top:-250px; top:50%;
	position:absolute;
}
.loginLogo { text-align:center; margin-bottom:30px; }
.loginBox {
	background-color:#FFFFFF;
	border-bottom:1px solid #DEDEDE;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);
	padding:20px;
}
.loginCopy { text-align:center; margin-top:30px; font-size:11px; }

/* FORM */
form { border:none; margin:0; padding:0; }
select, input, textarea { font-weight:100; color:#666666 !important; border:1px solid #CCCCCC; background:#ffffff; padding:5px 8px; outline:none; font-size:16px; font-family:'Oswald', Arial, Helvetica, sans-serif; word-wrap:normal;
	-ms-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition-property: all 0.3s ease-in-out;
	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
option { padding:0 !important; margin:0 !important; }
select:focus, input:focus, textarea:focus { border-color:#5799CA; }
.error { display:block; clear:both; font-size:13px; color:#FF0000; padding:10px 0; font-weight:100; }
.error:before { font:normal normal normal 14px/1 FontAwesome; content:"\f06a"; vertical-align:central; margin-right:5px; }
.aster	{ color:#FF0000; font-weight:100; }



input[type=checkbox] { display:none; padding:0; margin:0; }
input[type=checkbox] + label:before { font:normal normal normal 16px/1 FontAwesome; content:"\f096"; vertical-align:central; margin-right:10px; vertical-align:middle; cursor:pointer; }
input[type=checkbox]:checked + label:before { font:normal normal normal 16px/1 FontAwesome; content:"\f046"; vertical-align:central; margin-right:8px; vertical-align:middle; color:#1b926c; }

input[type=radio] { display:none; padding:0; margin:0; }
input[type=radio] + label:before { font:normal normal normal 16px/1 FontAwesome; content:"\f1db"; vertical-align:central; margin-right:4px; vertical-align:middle; cursor:pointer; }
input[type=radio]:checked + label:before { font:normal normal normal 16px/1 FontAwesome; content:"\f05d"; vertical-align:central; margin-right:3px; vertical-align:middle; color:#1b926c; }

.checkbox-active { display:block !important; padding:0; margin:0; }

.separator { border-bottom:1px dotted #DDDDDD; margin:5px 0px; height:10px; clear:both; overflow:hidden; }
.separatorButton { border-bottom:1px dotted #DDDDDD; margin:2px 0px; padding-bottom:2px; clear:both; overflow:hidden; }
.separatorInvisible { height:20px; clear:both; overflow:hidden; float:none; }

.pagination { font-size:14px; }
.pagination b { padding:2px; background:#25507E; color:#FFFFFF; border-radius:50px; display:inline-block; min-width:20px; text-align:center; }
.pagination a { border:1px solid #CCCCCC; padding:2px; border-radius:50px; display:inline-block; min-width:20px; text-align:center; }
.pagination a:hover { color:#FFFFFF !important; background:#5799CA; }

@media screen and (max-width: 960px) {
	body { font-size:14px; }
	h1 { font-size:25px; }
	h2 { font-size:20px; }
	h3 { font-size:18px; }
	h4 { font-size:16px; }
	.menu { font-size:14px !important; }
	.logo img { width:80%; float:left; }
}

@media screen and (min-width: 701px) {
	.titleMenu { display:block !important; }
	#menuMobile { display:none; }
}

@media screen and (max-width: 700px) {
	html, body { font-size:15px; }
	.container { width:100%; min-width:300px; }
	.content { margin:0; padding:0; width:100%; }
	.header { position:relative; height:auto; }
	
	.columnSx { width:100%; position:relative; padding:0; margin:0; top:0; }
	#menuMobile { display:block; width:100%; margin:0px auto; padding:10px 0; clear:both; text-align:center; background:#E6494F; color:#FFFFFF; font-weight:100; cursor:pointer; }
	.menu { background:#363A41; display:none; font-size:20px; font-weight:100; clear:both; padding:0; margin:0; display:none; }
	.columnSx ul { text-align:center; }
	.columnSx ul li { clear:both; text-align:left; width:100%; padding:0; }
	.columnSx ul li a { display:block; }
	.titleMenu { display:none; }
	.menuActive a { background:none; color:#E6494F !important; }

	.logo { margin:0px auto; text-align:center; padding:15px 0; width:100% !important; position:inherit; }
	.logo img { width:100% !important; text-align:center; }
	#showcase { display:none; }
}

.ChangeOnTheFlyInput{
	width:160px;
}

.ChangeOnTheFlyAcceptIcon{
	margin: 0 10px;
	color:green;
	cursor:pointer;
}

.ChangeOnTheFlyCancelIcon{
	color:red;
	cursor:pointer;
}

.ChangeOnTheFlyModifyIcon{
	margin: 0 10px;
	cursor:pointer;
}
.dashboard-button{
	background: #007490;
}
.dashboard-button:hover {
	background: #F35812 !important;
}

.dashboard-button a, .dashboard-button h5:hover i { color:#FFF;}

.dashboard-button a:hover { color:#FFF !important; }
}
/* EX GRID*/
.left { text-align:left !important; }
.center { text-align:center !important; }
.right { text-align:right !important; }
.top { vertical-align:top !important; }
.central { vertical-align:central !important; }
.bottom { vertical-align:bottom !important; }

.row { height:100%; width:100%; margin:0px auto; display:block; clear:both; border-bottom:1px solid transparent; }
.box { margin:6px auto; padding:10px; background:#FFFFFF; border:1px solid #CCCCCC; }
.row-header-table { height:100%; width:100%; margin:0px auto; display:block; clear:both; background:#363A41; color:#FFFFFF; }
.row-hover:hover { background:#EFEFEF !important; border-bottom:1px solid #EFEFEF; }

.height-100 { height:100%; min-height:100px; }
.height-200 { height:100%; min-height:200px; }
.height-300 { height:100%; min-height:300px; }

.navigationMobile { display:none; }
.navigation ul { display:block; background:rgba(0,0,0,0.8); overflow:hidden; list-style:none; padding:0; margin:0; color:#FFFFFF; }
.navigation ul li { float:left; }
.navigation ul li a { padding:20px 20px; display:block; color:#FFFFFF; text-decoration:none;
	-ms-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition-property: all 0.3s ease-in-out;
}
.navigation ul li a:hover { color:#FF6600; }

@media screen and (max-width: 700px) {
	.col { padding:20px; }
	.row { padding:0; }
	.row-header { padding:0; }
	.col-1, .col-2 { width:48%; float:left; padding:1%; }
	.col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 { width:96%; padding:2%; }
	.offset-1, .offset-2, .offset-3, .offset-4, .offset-5, .offset-6, .offset-7 { margin:5px; }
	.col-sm-12 { width: 100% !important; }
	.left, .center, .right { text-align:center !important; }
	.col-mb { display:none }
	.navigationMobile { display:block; background:rgba(0,0,0,0.8); padding:10px; color:#FFFFFF; text-align:right; font-size:26px; cursor:pointer; }
	.navigation ul { display:none; background:rgba(0,0,0,0.5); }
	.navigation li { width:100%; text-align:center; }
	#goUp { bottom:76px !important; }
}

#goUp { width:45px; height:45px; z-index:999; background:url(../images/goup.png) no-repeat; position:fixed; bottom:25px; margin:0px auto; cursor:pointer; right:2%;
	-ms-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition-property: all 0.2s ease-in-out;
}
#goUp:hover { }