@CHARSET "UTF-8";
/*
over-ride "Weak" message, show font in dark grey
*/

.progress-bar {
    color: #333;
} 

/*
Reference:
http://www.bootstrapzen.com/item/135/simple-login-form-logo/
*/

* {
    -webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	outline: none;
}

    .form-control {
	  position: relative;
	  font-size: 14px;
	  height: auto;
	  padding: 10px;
		@include box-sizing(border-box);

		&:focus {
		  z-index: 2;
		}
	}

body {
	background: url(http://ffc.ac.uk/wp-content/uploads/2015/05/gradient-background-more-white.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.login-form {
	margin-top: 60px;
}

.container
{background:#fff;}

form[role=login] {
	color: #5d5d5d;
	background: #f2f2f2;
	padding: 26px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
	form[role=login] img {
		display: block;
		margin: 0 auto;
		margin-bottom: 35px;
	}
	form[role=login] input,
	form[role=login] button {
		font-size: 18px;
		margin: 16px 0;
	}
	form[role=login] > div {
		text-align: center;
	}
	
.form-links {
	text-align: center;
	margin-top: 1em;
	margin-bottom: 50px;
}
	.form-links a {
		color: #fff;
	}
	
	
.customsign
{
background: #1c75bc; /* Old browsers */
background: -moz-linear-gradient(top,  #1c75bc 0%, #2b3990 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #1c75bc 0%,#2b3990 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #1c75bc 0%,#2b3990 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c75bc', endColorstr='#2b3990',GradientType=0 ); /* IE6-9 */
font-size:12px;}

.userlogin
{
background: #1c75bc; /* Old browsers */
background: -moz-linear-gradient(top,  #1c75bc 0%, #2b3990 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #1c75bc 0%,#2b3990 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #1c75bc 0%,#2b3990 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c75bc', endColorstr='#2b3990',GradientType=0 ); /* IE6-9 */
font-size:16px;
padding-top:20px;
padding-bottom:20px;
border-radius:20px;
border:none;}

.userlogin:focus
{background: #1c75bc; /* Old browsers */ 
background: -moz-linear-gradient(top,  #2b3990 0%, #1c75bc 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #2b3990 0%,#1c75bc 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #2b3990 0%,#1c75bc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b3990', endColorstr='#1c75bc',GradientType=0 ); /* IE6-9 */}


.trainerlogin
{
background: #ed1c24; /* Old browsers */
background: -moz-linear-gradient(top,  #ed1c24 0%, #8b0304 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ed1c24 0%,#8b0304 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ed1c24 0%,#8b0304 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed1c24', endColorstr='#8b0304',GradientType=0 ); /* IE6-9 */
font-size:16px;
padding-top:20px;
padding-bottom:20px;
border-radius:20px;
border:none;}


.trainerlogin:focus
{background: #ed1c24; /* Old browsers */
background: -moz-linear-gradient(top,  #8b0304 0%,#ed1c24  100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #8b0304 0%,#ed1c24 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #8b0304 0%,#ed1c24 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8b0304', endColorstr='#ed1c24',GradientType=0 ); /* IE6-9 */}



.popover.primary {
    border-color:#337ab7;
}
.popover.primary>.arrow {
    border-top-color:#337ab7;
}
.popover.primary>.popover-title {
    color:#fff;
    background-color:#337ab7;
    border-color:#337ab7;
}
.popover.success {
    border-color:#d6e9c6;
}
.popover.success>.arrow {
    border-top-color:#d6e9c6;
}
.popover.success>.popover-title {
    color:#3c763d;
    background-color:#dff0d8;
    border-color:#d6e9c6;
}
.popover.info {
    border-color:#bce8f1;
}
.popover.info>.arrow {
    border-top-color:#bce8f1;
}
.popover.info>.popover-title {
    color:#31708f;
    background-color:#d9edf7;
    border-color:#bce8f1;
}
.popover.warning {
    border-color:#faebcc;
}
.popover.warning>.arrow {
    border-top-color:#faebcc;
}
.popover.warning>.popover-title {
    color:#8a6d3b;
    background-color:#fcf8e3;
    border-color:#faebcc;
}
.popover.danger {
    border-color:#ebccd1;
}
.popover.danger>.arrow {
    border-top-color:#ebccd1;
}
.popover.danger>.popover-title {
    color:#a94442;
    background-color:#f2dede;
    border-color:#ebccd1;
}

form[role=login] input, form[role=login]

{
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}

.input-group .form-control, .input-group-addon
{
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}

ul.dropdown-menu > li { float: left; width: 100%; }
.dropdown-menu > ul { float: left; width: 100%; }



.dropdown-menu {
  min-width:auto;
  width:100%;
}

.thumbnail img {
    width: 100%;
}

.ratings {
    padding-right: 10px;
    padding-left: 10px;
    color: #d17581;
}

.thumbnail {
    padding: 0;
}

.thumbnail .caption-full {
    padding: 9px;
    color: #333;
}

footer {
    margin: 50px 0;
}

.nav>li>a
{    padding: 10px 10px;}

.navbar-nav>li>a {
 padding-top: 15px;
 padding-bottom: 0px; 
 margin-right:-10px;
}

.nav>li>a:focus, .nav>li>a:hover
{background-color:transparent;}

.messagebtn
{border-radius:0px;
color:#2b3990;
border:solid 1px #2b3990}

.messagebtn:hover
{border-radius:0px;
background-color:#2b3990;
color:#fff;
border:solid 1px #2b3990}


.logoutbtn
{border-radius:0px;
color:#ed1c24;
border:solid 1px #ed1c24}

.logoutbtn:hover
{border-radius:0px;
background-color:#ed1c24;
color:#fff;
border:solid 1px #ed1c24}


.glyphicon
{padding-right: 5px;}

.name
{font-weight:bold;
    font-size: 18px;}

.profile
{font-size:12px;}

.leftside
{padding-top:15px;}

.mainer
{padding-left:30px;
padding-top:20px;}

.navigationleft h3
{    margin-top: 30px;}


.dash {
    list-style-image: url('../img/blackicon.png');
}

.messages {
    list-style-image: url('../img/messages.png');
}

.gym {
    list-style-image: url('../img/gym.png');
}

.settings {
    list-style-image: url('../img/settings.png');
}

.mypp {
    list-style-image: url('../img/mypp.png');
}

.help {
    list-style-image: url('../img/help.png');
}

.logout {
    list-style-image: url('../img/logout.png');
}

li {
  padding-bottom:20px;
  
}

.dashboard 
{color:#ed1c24; 
font-weight:bold;
    font-size: 36px;}

.general
{font-size: 22px;}

.customhr1
{margin-top: 10px;
    margin-bottom: 10px;
}

.gradback
{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f6f6f6+47,ededed+100;White+3D+%231 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
border-radius:10px;
border:solid 2px #d1d3d4;
padding-left:10px;
padding-right:10px;
margin-left:10px;
margin-right:50px;
text-align:center;
min-height:125px;
padding-top:10px;
}

.acttitle
{font-weight:bold;
font-size:14px;}

.result
{color:#ed1c24;
font-size:32px;}

.bluenavbar
{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1c75bc+0,2b3990+100 */
background: #1c75bc; /* Old browsers */
background: -moz-linear-gradient(top,  #1c75bc 0%, #2b3990 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #1c75bc 0%,#2b3990 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #1c75bc 0%,#2b3990 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c75bc', endColorstr='#2b3990',GradientType=0 ); /* IE6-9 */
font-size:14px;
color:#fff;}

.navbar-nav>li>a
{color:#fff;}

.navbar-nav>li>a:hover
{color:#cdcdcd;}

.whypp {
	background: url(../img/whyppbg2.jpg) no-repeat left center;
    padding-bottom:100px;
}


.why
{text-align:right;
color:#fff;}


.navigation
{font-weight:bold;}

.fiticons
{margin-left: -10px;}

.leftsidehr {
    margin-top: 10px;
    margin-bottom: 15px;
    border: 0;
    border-top: 1px solid #b2b2b2;
}


.fiticons a
{color:#000;}

.active a
{color:#ed1c24;}

.fiticons a:hover
{text-decoration:underline;}


.active
{color:#ed1c24 !important;
font-weight:bold;}