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

 
h1 {
	font-weight:300;
	font-size:25px;
}

h3 {
	font-size:20px;
}

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

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    width:150px;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    filter: alpha(opacity=0);
    opacity: 0;
    line-break: auto;
}

.tooltip-inner {
    max-width: 300px;
    padding: 10px;
    color: #fff;
    text-align: left;
    background-color: #000;
    border-radius: 4px;
}



.new {
	float:left;
	margin-left:-20px;
	color:white;
	background-color:#9365B8;
	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;
}



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

.devicons i {
	padding:10px;
}

 
code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
code {
/*
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
  */
}

code {
    display: block;
    text-align: left;
    padding: 0px;
    font-size: 70%;
    color: silver;
    background-color: #455A64;
	white-space: normal;
}


kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: bold;
  -webkit-box-shadow: none;
          box-shadow: none;
}


.stackoverflow-tag {
    color: #a5adb3;
    font-size: 80%;
	padding:0px 5px 0px 5px;
    white-space: nowrap;
    background-color: #3e5059;
    display: inline-block;
    margin: 2px 0px 2px 0;
    border-radius: 2px;
}


/* ==========================================================================
   Social
   ========================================================================== */

.social-icons {
margin:0px;
padding: 0px 0px 0px 0px;
}

.social-icons a {
clear:both;
padding:0px 0px 0px 0px;
margin:0px 0px 6px 0px;
border-radius: 50%;
color: #fff;
width: 30px;
height: 30px;
opacity: .7;
transition: opacity .4s;
display: block;
float:right;
}

.social-icons .facebook {background: #3b5998;padding:5px 0px 0px 0px;}
.social-icons .twitter {background: #7ac9ed;}
.social-icons .googleplus {background: #d74d2f;}
.social-icons .github {background: #616B6D;}
.social-icons a:hover,.social-icons a:active,.social-icons a:focus {opacity: 1;}






.list-group-item {
    position:relative;
    display:block;
    padding:5px 10px 5px 10px;
    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 {
	margin:10px auto 0px auto;
	width:100%;
	font-size:90%;
}

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

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

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

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

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

.download-right a, .download-right a:hover {
	display:block;
	color:white;
	width:100%;
}
 
 
 
.downloadupdates {
	margin:10px auto 0px auto;
	width:100%;
	font-size:70%;
}

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

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

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

}

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

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

.downloadupdates-right a, .downloadupdates-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;
}