/*!
 * @author   Laurent Abbal <laurent@abbal.com>
 */

.nav>li>a {
    position: relative;
    display: block;
    padding: 18px 10px 18px 10px;
	font-size:90%;
}
 
.screenshot {
	padding:10px;
	border-radius:5px;
	background-color:#f2f2f2;	
} 

.icon_php {
	color:#d4d4d4;
}

.icon_php:hover {
	color:#4f5b93;
}

.icon_apache {
	color:#d4d4d4;
}

.icon_apache:hover {
	color:#C2203C;
}

.icon_mysql {
	color:#d4d4d4;
}

.icon_mysql:hover {
	color:#F29111;
}

.devicons {
	color:silver;
	text-align:center;
	font-size:60px;
	line-height:60px;
}

.devicons i {
	padding:10px;
}


#downloads_updates code {
	background-color:#f2f2f2;
	color:#2d3f52;
}

 
#downloads_content {
	background-color:white;
}
 
#downloads_content h2 {
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:0px;

}

#downloads_content code {
	background-color:white;
}

/* UPDATES MENU */
#updates_home {
	padding:0px 0px 0px 0px;
	color:gray;
}

#updates_home .version {
	font-weight:bold;
	padding:25px 0px 0px 0px;
	color:white;
}

#updates_download {
	padding:0px 0px 0px 0px;
	color:gray;
}

#updates_download .version {
	font-weight:bold;
	padding:25px 0px 0px 0px;
	color:#2c3e50;
}
/* --------- */

h1 {
	font-size:34px;
	font-weight:200;
	text-align:center;
} 

h2 {
	font-size:26px;
	font-weight:300;
}

h3 {
	font-size:16px;
	font-weight:600;
}

h4 {
	font-size:20px;
	font-weight:300;
}

#gototop {
	position: fixed;
	bottom:20px;
	right:20px;
}

.new {
	float:left;
	margin-left:-20px;
	color:white;
	/*background-color:#9365B8;*/
	/*background-color:#7aa83c;*/
	background-color:#f0ad4e;
	padding:0px 4px 0px 4px;
	border-radius:2px;
}

.newblink {
    animation:fade 3000ms infinite;
    -webkit-animation:fade 3000ms infinite;
}

@keyframes fade {
    from { opacity: 1.0; }
    50% { opacity: 0.4; }
    to { opacity: 1.0; }
}
 
@-webkit-keyframes fade {
    from { opacity: 1.0; }
    50% { opacity: 0.4; }
    to { opacity: 1.0; }
}
 
 
 
#menu-left {
	width:100px;
	padding-top:40px;
}
 
@media (max-width: 768px) {
	#logo-easyphp {
		display:none;
	}
	#menu-left {
		width:95%;
		margin:0px auto 30px auto;
		padding-top:0px;
	}
}

.navbar-brand {
float: left;
padding: 10px 15px 0px 15px;
font-size: 18px;
line-height: 20px;
}


.list-group-item {
    position:relative;
    display:block;
    padding:8px 10px 8px 15px;
    margin-bottom:-1px;
    background-color:#ffffff;
    border:1px solid #dddddd;
	font-size:80%;
}

a.list-group-item:hover, a.list-group-item:focus {
    text-decoration: none;
    background-color: #f5f5f5;
	color:black;
}
 


/* ==========================================================================
   Buttons
   ========================================================================== */
 
.download {
	width:100%;
}

.download-left {
	color: #ffffff;
	background-color: #7aa83c;
	border-top-left-radius:4px;
	border-bottom-left-radius:4px;
	text-align:center;
	padding:10px;
}

.download-left:hover, .btn-green:focus, .btn-green:active, .btn-green.active, .open > .dropdown-toggle.btn-green {
	color: #ffffff;
	background-color: #82b440;
} 

.download-left a, .download-left a:hover {
	display:block;
	color:white;
}

.download-right {
	color: #ffffff;
	font-weight:bold;
	background-color: #82b440;
	border-top-right-radius:4px;
	border-bottom-right-radius:4px;
	text-align:center;
	padding:10px;
}


/* downloadupdates */ 
 
.downloadupdates {
	width:100%;
}

.downloadupdates-left {
	color: #ffffff;
	background-color: #7f8c8d;
	border-top-left-radius:4px;
	border-bottom-left-radius:4px;
	text-align:center;
	padding:10px;
}

.downloadupdates-left:hover, .btn-green:focus, .btn-green:active, .btn-green.active, .open > .dropdown-toggle.btn-green {
	color: #ffffff;
	background-color: #859394;
} 

.downloadupdates-left a, .downloadupdates-left a:hover {
	display:block;
	color:white;

}

.downloadupdates-right {
	color: #ffffff;
	background-color: #859394;
	border-top-right-radius:4px;
	border-bottom-right-radius:4px;
	width:100%;
	padding:10px 10px 10px 20px;
}


.downloadadditional {
	margin:10px auto 0px auto;
	width:100%;
	font-size:70%;
}

.downloadadditional-left {
	color: #ffffff;
	background-color: #2e4154;
	border-top-left-radius:4px;
	border-bottom-left-radius:4px;
	text-align:center;
	padding:0px 10px 0px 10px;
}

.downloadadditional-left:hover, .btn-green:focus, .btn-green:active, .btn-green.active, .open > .dropdown-toggle.btn-green {
	color: #ffffff;
	background-color: #2e4154;
} 

.downloadadditional-left a, .downloadadditional-left a:hover {
	display:block;
	color:white;

}

.downloadadditional-right {
	color: #ffffff;
	background-color: #34495e;
	border-top-right-radius:4px;
	border-bottom-right-radius:4px;
	width:100%;
	padding:14px 15px 13px 5px;
}

.downloadadditional-right:hover, .btn-green:focus, .btn-green:active, .btn-green.active, .open > .dropdown-toggle.btn-green {
	color: #ffffff;
	background-color: #2e4154;
} 

.downloadadditional-right a, .downloadadditional-right a:hover {
	display:block;
	color:white;
	width:100%;
} 


 
 
 
 .download-dev {
	margin:10px auto 0px auto;
	width:100%;
	font-size:90%;
}

.download-dev-left {
	color: #ffffff;
	background-color: #4b636e;
	border-top-left-radius:4px;
	border-bottom-left-radius:4px;
	text-align:center;
}

.download-dev-left:hover, .btn-green:focus, .btn-green:active, .btn-green.active, .open > .dropdown-toggle.btn-green {
color: #ffffff;
background-color: #4b636e;
} 

.download-dev-left a, .download-dev-left a:hover {
	display:block;
	color:white;
	width:100%;
	padding:10px 20px 10px 20px;
}

.download-dev-right {
	color: #ffffff;
	background-color: #546E7A;
	border-top-right-radius:4px;
	border-bottom-right-radius:4px;
	width:100%;
}

.download-dev-right:hover, .btn-green:focus, .btn-green:active, .btn-green.active, .open > .dropdown-toggle.btn-green {
	color: #ffffff;
	background-color: #4b636e;
} 

.download-dev-right a, .download-dev-right a:hover {
	display:block;
	color:white;
	width:100%;
	padding:10px 10px 10px 10px;
}
 
 
 
.btn-green {
color: #ffffff;
background-color: #299429;
border-color: #299429;
}

.btn-green:hover, .btn-green:focus, .btn-green:active, .btn-green.active, .open > .dropdown-toggle.btn-green {
color: #ffffff;
background-color: #258725;
border-color: #258725;
}

.btn_quickstart {
  color: #fff;
  background-color: #c9302c;
  border-color: #c9302c;
}
.btn_quickstart:hover,
.btn_quickstart:focus,
.btn_quickstart:active,
.btn_quickstart.active,
.open > .dropdown-toggle.btn_quickstart {
  color: #fff;
  background-color: black;
  border-color: black;
}

.btn_settings {
  color: #fff;
  background-color: #658100;
  border-color: #658100;
}
.btn_settings:hover,
.btn_settings:focus,
.btn_settings:active,
.btn_settings.active,
.open > .dropdown-toggle.btn_settings {
  color: #fff;
  background-color: black;
  border-color: black;
}

.btn_help {
  color: #fff;
  background-color: #972638;
  border-color: #972638;
}
.btn_help:hover,
.btn_help:focus,
.btn_help:active,
.btn_help.active,
.open > .dropdown-toggle.btn_help {
  color: #fff;
  background-color: black;
  border-color: black;
}

.alert-danger {
  background-color: #e74c3c;
  border-color: #e74c3c;
  color: #ffffff;
}

.btn-primary {
color: #ffffff;
background-color: #2c3e50;
border-color: #2c3e50;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
color: #ffffff;
background-color: #1a242f;
border-color: #161f29;
}

.btn-default {
color: #ffffff;
background-color: #95a5a6;
border-color: #95a5a6;
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
color: #ffffff;
background-color: #798d8f;
border-color: #74898a;
}

.btn-info {
color: #ffffff;
background-color: #3498db;
border-color: #3498db;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #ffffff;
  background-color: #217dbb;
  border-color: #2077b2;
}

.btn-xxs, .btn-group-xxs > .btn {
padding: 2px 4px 2px 4px;
font-size: 9px;
border-radius: 2px;
}