@charset "UTF-8";
/******************************************************************
Site Name: BRHC_CC
Author: Neil Roberts

Stylesheet: Site Stylesheet
******************************************************************/

/*    --------------------------------------------------
	:: Login Section
	-------------------------------------------------- */


html {
    height: 100%;
}


body#loginbg{
    height: 100%;
    margin: 0;
    background: url('../Images/bg-main-orange.jpg') no-repeat;
    background-size:cover;   
}



.br_logo {
    /*background: url(http://web-cpt-001.brhc.co.za/dataserviceqa.broadreachanalytics.ch/LogoImages/br-vantage-reverse-small.png) no-repeat;*/
    background: url('../Images/br-vantage-reverse-small.png') no-repeat;
    width: 324px;
    height: 77px;
    margin: 0 auto;
}

.faded_line{
     background: url('../Images/hr-faded.png') no-repeat;
     width:388px;
     height:1px;
     margin:20px auto;
}

.container{
    background:none;
}

#login {
    padding-top: 10%;
     font-family: 'Roboto', sans-serif;
}
#login .form-wrap {
    width: 100%;
    margin: 0 auto;
     padding: 10px 50px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+50,ffffff+100&0+0,0.15+50,0+100 */
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.15)), color-stop(100%, rgba(255, 255, 255, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0) 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#00ffffff', GradientType=0);
  /* IE6-9 */
}

#login h1 {
    display:block;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 70px;
    font-weight:100;
    text-align: center;

}

#login p{
    color:#fff;
    font-size:22px;
    text-align:center;
}

#login .form-group {
    margin-bottom: 25px;
}
#login .checkbox {
    margin-bottom: 20px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
#login .checkbox.show:before {
    content: '\e013';
    color: #1fa67b;
    font-size: 17px;
    margin: 1px 0 0 3px;
    position: absolute;
    pointer-events: none;
    font-family: 'Glyphicons Halflings';
}
#login .checkbox .character-checkbox {
    width: 25px;
    height: 25px;
    cursor: pointer;
    border-radius: 3px;
    border: 1px solid #ccc;
    vertical-align: middle;
    display: inline-block;
}
#login .checkbox .label {
    color: #6d6d6d;
    font-size: 13px;
    font-weight: normal;
}
#login .btn.btn-custom {
    font-size: 14px;
	margin-bottom: 20px;
}
#login .forget {
    font-size: 13px;
	text-align: center;
	display: block;
}

/*    --------------------------------------------------
	:: Inputs & Buttons
	-------------------------------------------------- */
.form-control {
    font-family: 'Roboto', sans-serif;
    padding:10px 20px !important;
    width:360px;
    font-size:16px;
    font-weight:400;
    color:#fff;
    margin:10px auto;
    box-shadow:none;
    border:none;
}

#login .form-control {
    color:#fff;
}


.btn-custom {
    color: #fff;
	background-color: #F29540;
    width:200px;
    padding:20px;
    margin: 10px auto 20px auto;
}
.btn-custom:hover,
.btn-custom:focus {
    color: #fff;
}



.Absolute-Center {
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
}

.Absolute-Center.is-Responsive {
  width: 50%; 
  height: 50%;
  min-width: 200px;
  max-width: 600px;
  padding: 40px;
}





#login .form-wrap ::-webkit-input-placeholder {
  color: #fff;
}
#login .form-wrap :-moz-placeholder {
  color: #fff;
}
#login .form-wrap ::-moz-placeholder {
  color: #fff;
}
#login .form-wrap :-ms-input-placeholder {
  color: #fff;
}
#login .form-wrap .invalid {
  border: 1px solid #F44336;
}
#login .form-wrap input {
  display: block;
  width: 100%;
  border: none;
  outline: none;
  padding: 10px 20px;
  margin: 10px 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: rgba(255, 255, 255, 0.4);
  background: none\9;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66ffffff', endColorstr='#66ffffff');
  -moz-transition: all 0.3s ease-out;
  /* FF4+ */
  -o-transition: all 0.3s ease-out;
  /* Opera 10.5+ */
  -webkit-transition: all 0.3s ease-out;
  /* Saf3.2+, Chrome */
  -ms-transition: all 0.3s ease-out;
  /* IE10 */
  transition: all 0.3s ease-out;
}
#login .form-wrap input:not([dummy]) {
  filter: progid:DXImageTransform.Microsoft.gradient(enabled='false');
}
#login .form-wrap input#username:focus,
#login .form-wrap input#password:focus,
#login .form-wrap input#username:hover,
#login .form-wrap input#password:hover,
#login .form-wrap input#username:active,
#login .form-wrap input#password:active {
  background-color: rgba(255, 255, 255, 0.5);
  background: none\9;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff', endColorstr='#80ffffff');
}
#login .form-wrap input#username:focus:not([dummy]),
#login .form-wrap input#password:focus:not([dummy]),
#login .form-wrap input#username:hover:not([dummy]),
#login .form-wrap input#password:hover:not([dummy]),
#login .form-wrap input#username:active:not([dummy]),
#login .form-wrap input#password:active:not([dummy]) {
  filter: progid:DXImageTransform.Microsoft.gradient(enabled='false');
}