/*!
 * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */

html,
body {
    height: 100%;
}

body {
    padding-top: 50px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

body.footer_bottom div#wrap {
	min-height:100%;
	height:auto !important;
	height:100%;
	/* Negative indent: footer height+1 */
	margin:0 auto -60px;
}
/* Fixed height of footer */
body.footer_bottom div#push,
body.footer_bottom footer#footer {
	height:60px;
}
body.footer_bottom footer#footer {
	margin-top:0; margin-bottom:0;
	border-top:1px solid #ccc;
	background-color: #eee;
	background:linear-gradient(180deg, #ddd, #eee, #fff);
}
body.footer_bottom footer#footer div.container,
body.footer_bottom footer#footer div.container-fluid {
	padding-top:8px;
	padding-bottom:8px;
}

.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

/* Home Page Carousel */

header.carousel {
    height: 50%;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}

/* Footer Styles */

footer {
    margin: 50px 0;
}

/* Responsive Styles */

@media(max-width:991px) {
	h1{font-size:28px;}
    h2{font-size:24px;}
    h3{font-size:20px;}
	h4{font-size:16px;}
    xbody{font-size:12px;}
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }
}

/* Navbar custom */
.navbar-custom {
	background-color:#E6007E;
    color:#ffffff;
  	border-radius:0;
}
.navbar-custom .navbar-nav > li > a {
  	color:#fff;
  	padding-left:20px;
  	padding-right:20px;
}
.navbar-custom .navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus {
    color: #ffffff;
	background-color:transparent;
}
.navbar-nav > li > .dropdown-menu {
    background-color: #575656;
	color:#fff;
}
.navbar-custom .dropdown-menu > li > a {
    color: #F2F2F2;
}
.navbar-custom .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    color: #262626;
}
.navbar-custom .navbar-nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: #EA46A0;
}
.navbar-custom .nav .open > a {
        background-color: #EA46A0;
}

.navbar-custom .navbar-brand {
  	color:#fff;
}
.navbar-custom .navbar-toggle {
  	background-color:#eeeeee;
}
.navbar-custom .icon-bar {
  	background-color:#EA46A0;
}

/* Panel custom */
.panel-custom > .panel-heading {
    background-color: rgba(243, 106, 222, 0.24);
    border-color: #DDD;
}
/* Bredcrumb custom */
.breadcrumb-custom {
    background-color: rgba(243, 106, 222, 0.24);
}

/********************************************************************************/
/* DIV.INFOBOX									*/
/********************************************************************************/
div.infobox {
	background-color:#f8f8f8;
	background-image:linear-gradient(to top, #f0f0f0, #f9f9f9);
	border:1px solid #dfdfdf;
	border-radius:3px;
	margin-bottom:8px;
	padding:0;
}
div.infobox h3 {
	background-color: #f1f1f1;
	background-image:linear-gradient(to top, #ececec, #f9f9f9);
	margin:0;
	padding:8px;
	border-bottom:1px solid #dfdfdf;
	text-shadow:1px 1px #c8c8c8;
	font-size:16px;
}
div.infobox div.infobox_in {
	border-top:1px solid #fff;
	padding:8px;
}
/********************************************************************************/
/* DIV.LOGIN									*/
/********************************************************************************/
div.login {
	padding:20px;
	box-shadow:0 0 1px rgba(0, 0, 0, 0.3),
		0 3px 7px rgba(0, 0, 0, 0.3),
		inset 0 1px rgba(255,255,255,1),
		inset 0 -3px 2px rgba(0,0,0,0.25);
	border-radius:5px;
	background:linear-gradient(#eeefef, #ffffff 60%);
}
div.login h3 {
	margin:0 0 10px;
}
div.login p.login {
	position:relative;
}
div.login p.login i,
div.login p.login label i {
	border-right:1px solid rgba(0, 0, 0, 0.1);
	box-shadow:1px 0 0 rgba(255, 255, 255, 0.7);
	color:#777777;
	text-align:center;
	line-height:42px;
	transition:all 0.3s ease-in;
	position:absolute;
	left:0px;
	top:0px;
	height:36px;
	width:36px;
}
div.login input.login {
	text-shadow: 0 1px 0 rgba(255,255,255,0.8);
	width:100%;
	padding:10px 18px 10px 45px;
	border:none;
	box-shadow:inset 0 0 5px rgba(0,0,0,0.1),
		inset 0 3px 2px rgba(0,0,0,0.1);
	border-radius:3px;
	background:#f9f9f9;
	color:#777;
	transition:all 0.3s ease-in;
}
div.login input.login:focus {
	box-shadow:0px 0px 8px #286090,
		inset 0 3px 4px rgba(0, 0, 0, 0.1);
	color:black;
}
div.login input:focus + label i {
	color:#286090;
}
div.login div.login_buttons {
	text-align:center;
}
div.login div.login_buttons button.login {
	margin:0px 2px 4px 2px;
	min-width:170px;
}
/********************************************************************************/
/* DIV.INPUT-LINE (INPUT-GROUP deprecated)					*/
/********************************************************************************/
div.input-line {
	display:inline-block;
	margin-bottom:4px;
	margin-right:8px;
}
div.input-line label,
div.input-line input,
div.input-line button,
div.input-line select,
div.input-line span.checkbox {
	border:1px solid #cccccc;
	border-right-width:0px;
	margin:0;
	padding-left:5px;
	height:34px;
	box-shadow:inset 2px 2px 5px rgba(0,0,0,0.08);
	transition-property:border-color, box-shadow;
	transition-duration:0.2s, 0.2s;
	transition-timing-function:ease-in-out, ease-in-out;
	vertical-align:middle;
}
div.input-line label {
	xfont-weight:normal;
	display:inline-block;
	line-height:32px;
	padding-left:12px;
	padding-right:12px;
	background-color:#eeeeee;
}
div.input-line select:focus,
div.input-line input:focus {
	border-color:#66afe9;
	box-shadow:inset 3px 3px 3px rgba(102,175,233,0.3);
	outline:none;
}
div.input-line button,
div.input-line input[type=submit] {
	padding-left:12px; padding-right:12px;
	background-color:#337ab7;
	background-image:linear-gradient(to bottom, #337ab7 0, #265a88 100%);
	background-repeat:repeat-x;
	border:1px solid #245580;
	box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
	color:white;
	text-shadow:0 -1px 0 rgba(0,0,0,.2);
}
div.input-line button:hover,
div.input-line input[type=submit]:hover {
	background-color:#265a88;
	background-position:0 -15px;
	color:#eee;
}
div.input-line input[type=radio],
div.input-line input[type=checkbox] {
	display:none;
}
div.input-line input[type=radio] + label,
div.input-line input[type=checkbox] + label {
	padding-left:8px;
	padding-right:8px;
	-moz-user-select:none;
	-webkit-user-select:none;
	background-color:#e6e6e6;
	background-image:linear-gradient(to bottom, #fff 0, #e0e0e0 100%);
	background-repeat:repeat-x;
	border:1px solid #ddd;
	box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
	color:#505050;
	text-shadow:0 -1px 0 rgba(255,255,255,.4);
}
div.input-line input[type=radio]:first-child + label,
div.input-line input[type=checkbox]:first-child + label {
	border-top-left-radius:4px;
	border-bottom-left-radius:4px;
}
div.input-line input[type=radio] + label:hover,
div.input-line input[type=checkbox] + label:hover {
	background-position:0 -15px;
	color:#000;
}
div.input-line input[type=radio]:checked + label,
div.input-line input[type=checkbox]:checked + label {
	border:1px solid #245580;
	background-color:#265a88;
	background-image:linear-gradient(to bottom, #337ab7 0, #265a88 100%);
	color:white;
}
div.input-line input[type=radio] + label:before,
div.input-line input[type=checkbox] + label:before {
	font-family:FontAwesome;
	text-decoration:inherit;
	display:inline-block;
}
div.input-line input[type=checkbox] + label:before {
	width:16px;
	content:'\f096';
}
div.input-line input[type=checkbox]:checked + label:before {
	content:'\f046';
}
div.input-line input[type=radio] + label:before {
	padding-right:4px;
	content:'\f10c';
}
div.input-line input[type=radio]:checked + label:before {
	content:'\f192';
}
div.input-line :first-child {
	border-top-left-radius:4px;
	border-bottom-left-radius:4px;
}
div.input-line :last-child {
	border-top-right-radius:4px;
	border-bottom-right-radius:4px;
	border-right-width:1px;
}
/********************************************************************************/
/* table.table-input								*/
/********************************************************************************/
table.table-input {
	border-collapse:collapse;
	border:1px solid #ddd;
	border-top:0;
	border-bottom:0;
	margin-bottom:4px;
}
table.table-input tr td {
}
table.table-input tbody tr td,
table.table-input tr th {
	padding-left:5px;
	padding-right:5px;
	border-bottom:1px solid #f2f2f2;
	height:32px;
}
table.table-input thead tr th,
table.table-input tbody tr th {
	text-align:center;
}
table.table-input tr.hi th:first-child,
table.table-input tr.hi td:first-child {
	background-image:linear-gradient(to right, #ffea00 8px, transparent 9px);
	padding-left:14px;
}
table.table-input tr.greyed td:first-child,
table.table-input tr.gr1 td:first-child {
	background-image:linear-gradient(to right, #808080 8px, transparent 9px);
	padding-left:14px;
}
table.table-input td.error,
table.table-input tr.error td:nth-child(2) {
	background-image:linear-gradient(to left, #c93a36 8px, transparent 9px);
	padding-right:14px;
}
table.table-input tr.warning td span.warning,
table.table-input tr.error td span.error {
	display:block;
	padding:6px;
	padding-left:38px;
	padding-right:8px;
	border-radius:4px;
	border:1px solid #dca7a7;
	background-image:linear-gradient(to bottom, #f2dede 0, #e7c3c3 100%);
	color:#a94442;
}
table.table-input tr.warning td span.warning {
	background-color:#fcf8e3;
	border-color:#f5e79e;
	background-image:linear-gradient(to bottom, #fcf8e3 0, #f8efc0 100%);
	color:#8a6d3d;
}
table.table-input tr.warning td span.warning:before,
table.table-input tr.error td span.error:before {
	font-family:'Glyphicons Halflings';
	font-size:18px;
	float:left;
	margin-top:-2px;
	margin-left:-26px;
}
table.table-input tr.warning td span.warning:before { content:"\e209"; }
table.table-input tr.error td span.error:before { content:"\e101"; }
/* tr.hdr		*/
table.table-input tr.hdr th,
table.table-input tr.hdr td {
	text-align:left;
	padding:6px;
	padding-left:10px;
	padding-right:10px;
	border:1px solid #ddd;
	border-top:0;
	border-bottom:3px solid #999;
}
table.table-input tr.hdr:first-child th,
table.table-input tr.hdr:first-child td {
	font-size:110%;
	border-top:7px solid #446a92;
	border-bottom:1px solid #ddd;
	background-image:linear-gradient(to top, #e0e0e0 0, #f5f5f5 20%, #fff);
}
/* tr.hdr1		*/
table.table-input tr.hdr1 th,
table.table-input tr.hdr1 td {
	color:#666;
	text-align:left;
	padding:10px;
	padding-top:8px;
	padding-bottom:2px;
	background:#fff;
	border-bottom:3px solid #999;
	border-left:1px solid white;
	border-right:1px solid white;
}
/* tr.ftr		*/
table.table-input tr.ftr th {
	background:#f0f0f0;
	border-bottom:1px solid #ddd;
	border-top:2px solid #ddd;
	padding:8px;
}
/* input styling	*/
table.table-input tr td select,
table.table-input tr td textarea,
table.table-input tr td input[type=text],
table.table-input tr td input[type=email],
table.table-input tr td input[type=time],
table.table-input tr td input[type=date],
table.table-input tr td input[type=datetime],
table.table-input tr td input[type=datetime-local],
table.table-input tr td input[type=month],
table.table-input tr td input[type=number],
table.table-input tr td input[type=range],
table.table-input tr td input[type=search],
table.table-input tr td input[type=tel],
table.table-input tr td input[type=url],
table.table-input tr td input[type=password] {
	border-color:#d0d0d0;
	border-style:solid;
	border-radius:3px;
	border-width:1px;
	margin-top:2px;
	margin-bottom:2px;
	padding:4px;
	line-height:1.45em;
	transition-property:border-color, box-shadow;
	transition-duration:0.2s, 0.2s;
	transition-timing-function:ease-in-out, ease-in-out;
}
table.table-input tr td textarea {
	height:auto;
}
table.table-input tr td textarea:focus,
table.table-input tr td select:focus,
table.table-input tr td input[type=text]:focus,
table.table-input tr td input[type=email]:focus,
table.table-input tr td input[type=time]:focus,
table.table-input tr td input[type=date]:focus,
table.table-input tr td input[type=datetime]:focus,
table.table-input tr td input[type=datetime-local]:focus,
table.table-input tr td input[type=month]:focus,
table.table-input tr td input[type=number]:focus,
table.table-input tr td input[type=range]:focus,
table.table-input tr td input[type=search]:focus,
table.table-input tr td input[type=tel]:focus,
table.table-input tr td input[type=url]:focus,
table.table-input tr td input[type=password]:focus {
	border-color:#66afe9;
	box-shadow: 0px 1px 4px rgba(102, 175, 223, 0.2) inset, 0 0 6px rgba(13, 189, 183, 0.4);
	outline: 0 none;
}
table.table-input tr td select {
	background-color:white;
}

/* Formattazione .date di datepicker */
span.date {
	position:relative;
}
span.date label i.fa {
	border-right:1px solid rgba(0, 0, 0, .2);
	color:#666666;
	text-align:center;
	line-height:24px;
	position:absolute;
	vertical-align:middle;
	left:1px;
	width:30px;
}
table.table-input tr td span.date label i.fa {
	margin-top:2px;
	line-height:29px;
}
table.table-input tr td span.date input[type=text],
span.date input[type=text] {
	padding-right:4px;
	padding-left:34px;
	text-align:center;
}
/********************************************************************************/
/* BS alert additions: alert.icon-xx						*/
/********************************************************************************/
.alert.icon-done:before,
.alert.icon-info:before,
.alert.icon-warning:before,
.alert.icon-error:before {
	font-family:'Glyphicons Halflings';
	font-size:24px;
	float:left;
	position:absolute;
	top:40%;
	margin-top:-10px;
	margin-left:-35px;
}
.alert.icon-done:before { content:"\e084"; }
.alert.icon-info:before { content:"\e086"; }
.alert.icon-warning:before { content:"\e209"; }
.alert.icon-error:before { content:"\e101"; }
.alert.icon-done,
.alert.icon-info,
.alert.icon-warning,
.alert.icon-error {
	padding-left:50px;
	position:relative;
	margin-bottom:8px;
}
/********************************************************************************/
/* BS table additions								*/
/********************************************************************************/
table.table-nonfluid {
	width:auto;
}
table.table-hover-pointer tbody tr {
	cursor:pointer;
}
table.table tr.row-current td:first-child {
	background-image:linear-gradient(to right, #337ab7 2px, transparent 3px);
}
table.table tr.row-current:hover td:first-child {
	background-image:linear-gradient(to right, #275b89 2px, transparent 3px);
}
table.table tr.row-selected td {
	background-image:linear-gradient(to top, #fac68a 0, transparent 30%);
	font-weight:bold;
}


/********************************************************************************/
/* Hover effec								*/
/********************************************************************************/
.hovereffect {
	width:100%;
	height:100%;
	float:left;
	overflow:hidden;
	position:relative;
	text-align:center;
	cursor:default;
    margin-top: 10%;
}

.hovereffect .overlay {
	width:100%;
	height:100%;
	position:absolute;
	overflow:hidden;
	top:0;
	left:0;
	opacity:0;
	background-color:rgba(0,0,0,0.5);
	-webkit-transition:all .4s ease-in-out;
	transition:all .4s ease-in-out
}

.hovereffect img {
	display:block;
	position:relative;
	-webkit-transition:all .4s linear;
	transition:all .4s linear;
	border: 1px solid RGB(177, 175, 175);
}

.hovereffect h2 {
	text-transform:uppercase;
	color:#fff;
	text-align:center;
	position:relative;
	font-size:14px;
	background:rgba(0,0,0,0.6);
	-webkit-transform:translatey(-100px);
	-ms-transform:translatey(-100px);
	transform:translatey(-100px);
	-webkit-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
	padding:10px;
}

.hovereffect a.info {
	text-decoration:none;
	display:inline-block;
	text-transform:uppercase;
	color:#fff;
	border:1px solid #fff;
	background-color:transparent;
	opacity:0;
	filter:alpha(opacity=0);
	-webkit-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
	margin:auto;
	padding:7px 14px;
}

.hovereffect a.info:hover {
	box-shadow:0 0 5px #fff;
}

.hovereffect:hover img {
	-ms-transform:scale(1.2);
	-webkit-transform:scale(1.2);
	transform:scale(1.2);
}

.hovereffect:hover .overlay {
	opacity:1;
	filter:alpha(opacity=100);
}

.hovereffect:hover h2,.hovereffect:hover a.info {
	opacity:1;
	filter:alpha(opacity=100);
	-ms-transform:translatey(0);
	-webkit-transform:translatey(0);
	transform:translatey(0);
}

.hovereffect:hover a.info {
	-webkit-transition-delay:.2s;
	transition-delay:.2s;
}