/* Google Fonts pre-load */

/*Most Styles will go here Use Media breaks to modify for larger Devices (Responsive is Mobie-first) */
body {
	background-color: #ffffff;
	font-family: 'Quicksand', sans-serif;
	font-weight: 400;
}
body.fullbg {	
	background-color: #ffffff;
	background-image: url('https://clientreports.stpinc.com/dev/assets/images/Login-bg.jpg');
	background-position: 100% 0px;
	background-attachment: scroll;
	background-size: auto;
	background-repeat: no-repeat;
}
.children{
	position: relative;
	top: 50%;
	transform:translateY(-50%);
}
a {color:#00A79D;}
a:hover {color:black;}
p, blockquote, li {
	font-family: 'Quicksand', sans-serif;
	font-weight: 300;
}
h1,h3 {
	font-family: 'alternate-gothic-no-1-d', sans-serif;
	color:#4e196f;
}
h2{
	font-family: 'Quicksand', sans-serif;
	font-weight: bold;
}
.btn {border-radius: 0px;}
.btn-round {border-radius: 50px;}
.btn-accent { background-color:#ffffff;
	border-width: 2px;
	border-color: #00A79D;
	 -webkit-transition: all .9s ease; /* Safari and Chrome */
    -moz-transition: all .9s ease; /* Firefox */
    -ms-transition: all .9s ease; /* IE 9 */
    -o-transition: all .9s ease; /* Opera */
    transition: all .9s ease;
    font-family: 'Quicksand', sans-serif;
    padding:14px;
    color:#00A79D;
}
.btn-accent:hover { border-color: #000000; }
form.form-signin label { font-size:12px; }

/*input[type="text"].form-control, input[type="password"].form-control
{
  color:#4D186E;
  padding:24px;
  background-color: rgba(200, 201, 202, 0) !important;
}*/

.ie-login-fields 
{
  color:#000000;
  padding:5px;
  background-color: #ffffff;
}

.login-fields{
	color:#4D186E; 
	padding:24px;
	border-radius: 0px; 
	/*border-left: 2px solid #00A79D; 
	border-bottom: 2px solid #00A79D; 
	border-right: none; 
	border-top: none; 
	border-bottom-left-radius: 5px; */
	background-color: #ffffff;
}


input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #F9F9FB inset;
    color: #4D186E;
    background-color: rgba(200, 201, 202, 0) !important;
}
.headline-vspacing { margin-top:36px;margin-bottom:36px;} 
h2.form-signin-heading { font-size: 16px; margin-top:0px; margin-bottom:20px;}
.text-spacing { letter-spacing: 6px;}
.text-white { color:white; }
.text-black: { color:#000000; }
.text-aqua { color:#00A79D; }
.text-purple { color:#4D186E; }
.text-unbold { font-weight: 300; }
.reports-header { background-color: rgba(0, 0, 0, 0); border: 0px solid rgba(0, 0, 0, 0); }
.header-wrap { display: block;overflow: hidden;  padding-bottom: 20px;margin-top:80px;margin-bottom:0px;}
h1.text-lvl1 {font-size: 18px; }
h1.text-lvl1 {font-size: 24px; }
.brand-banner {
	background-color: #4D186E; 
	display:block;
	overflow: hidden;
	background-image: url('');
	background-position: center center;
	background-size: 100%;
}
body.fullbg .brand-banner {
	display:block;
	overflow: hidden;
	background-image: url('');
	background-position: center center;
	background-size: 100%;
	background-color:rgba(0, 0, 0, 0); 
}

.white-banner {background-color: #ffffff; display:block;overflow: hidden;}
.cta { padding-top:24px;padding-bottom:24px;font-size:24px; color: #262262}
.brandLogo {margin:0px; padding:0px; margin-top:24px;margin-bottom:24px;}
.brainLogo {margin:0px; padding:0px; margin-top:24px;margin-bottom:24px;display: none;}
.descriptions { padding-top:24px; padding-bottom:24px;}
.navbar-default, .jumbotron { background-color: rgba(255, 255, 255, 0.9); border-color: rgba(255, 255, 255, 0.9); }
.popover{
	width: 100%; max-width: 350px; // Max Width of the popover (depending on the container!)
}
.panel, .panel-heading {border-radius: 0px;margin-bottom:0px;border-top-color: #ffffff;border-left-color: #ffffff;border-right-color: #bcbcbc;border-bottom-color: #bcbcbc;}
.panel-default .panel-heading { background-color: #4D186E; margin-bottom:0px;border-radius: 0px;padding:24px;}
.panel-default .panel-heading h4, .panel-default .panel-heading a { color:#ffffff; font-size: 14px;}
.expandablePanels .panel-group { margin-bottom:0px;margin-top:0px;}
.expandablePanels {  }
.panel-default .panel-heading .badge {float:right;letter-spacing: 0px; color:#00A79D;}
.panel-group .panel + .panel {
    margin-top: 0px;
}
.homeblock {
	margin-top: 75px;
	background-color: rgba(255, 255, 255, 0);
	padding:3%;
}
.list-group {
	 
	 margin-bottom: 0px;
}

.homeblock .list-group-item {
	padding:24px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0px;
	background-color: rgba(200, 200, 200, 0.5);
	 -webkit-transition: all .9s ease; /* Safari and Chrome */
    -moz-transition: all .9s ease; /* Firefox */
    -ms-transition: all .9s ease; /* IE 9 */
    -o-transition: all .9s ease; /* Opera */
    transition: all .9s ease;
    color:#f0f0f0;
    border: 0px solid black;
    margin:4px;
}

.homeblock .list {
	display: block;
	width: 100%;
	padding-top: 100%;
}

.homeblock .list-group-item:hover, .btn-accent:hover {
	-webkit-transform:scale(1.03); /* Safari and Chrome */
	    -moz-transform:scale(1.03); /* Firefox */
	    -ms-transform:scale(1.03); /* IE 9 */
	    -o-transform:scale(1.03); /* Opera */
	     transform:scale(1.03);
	 -webkit-transition: all .5s ease; /* Safari and Chrome */
    -moz-transition: all .5s ease; /* Firefox */
    -ms-transition: all .5s ease; /* IE 9 */
    -o-transition: all .5s ease; /* Opera */
    transition: all .5s ease;
    /*box-shadow: 0px 0px 18px black;*/
    letter-spacing: 6px;
    background-color: rgba(200, 200, 200, 0.75);
    color:#00A79D;
}

.client-wrapper {
	background-color: #4D186E;
	display:block;
	overflow: hidden;
	background-image: url('https://clientreports.stpinc.com/dev/assets/images/atomicRings.png');
	background-position: 50% -75px;
	background-repeat: no-repeat;
	background-size: 100%;
	background-attachment: fixed;
	padding-bottom:0px;
}
.panel-dark {
	background-color: rgba(0, 0, 0, 0.8);
	border: 0px solid black;
	
}
.scale-transition {
	 -webkit-transition: all .9s ease; /* Safari and Chrome */
    -moz-transition: all .9s ease; /* Firefox */
    -ms-transition: all .9s ease; /* IE 9 */
    -o-transition: all .9s ease; /* Opera */
    transition: all .9s ease;
	
}
.scale-transition:hover {
	-webkit-transform:scale(1.05); /* Safari and Chrome */
	    -moz-transform:scale(1.05); /* Firefox */
	    -ms-transform:scale(1.05); /* IE 9 */
	    -o-transform:scale(1.05); /* Opera */
	     transform:scale(1.05);
	 -webkit-transition: all .5s ease; /* Safari and Chrome */
    -moz-transition: all .5s ease; /* Firefox */
    -ms-transition: all .5s ease; /* IE 9 */
    -o-transition: all .5s ease; /* Opera */
    transition: all .5s ease;

	}
.panel-default > .panel-heading .badge { background-color:#f0f0f0 }

.navbar-inverse {
	background-color: #4D186E;
	border-bottom: 3px solid #cfb360;
}

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

.footer{
	background-color: #4D186E;
}

.ghost {
  content: '';
  display: inline-block;
  min-height: 150px;
  height: 100%;
  vertical-align: middle;
  width: 1px;
  margin-right: -1px; /* Adjusts for spacing */
}

.v-center {
	vertical-align: middle;
}

.login-block{width: 100%; float:left; margin-top: 80px}
.brain-block{display: none}
.login-unit{width: 100%;}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	
	
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
body.fullbg {		
	background-color: #ffffff;
	background-image: url('https://clientreports.stpinc.com/dev/assets/images/Login-bg.jpg');
	background-position: 0px -50px;
	background-attachment: scroll;
	background-size: auto;
	background-repeat: no-repeat;
}

.brainLogo {margin:0px; padding:0px; margin-top:40px;margin-bottom:0px;display: block;}
	
.brain-block{display: block}
.login-unit{width: 95%; align-content: center; margin-left: 5%}

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	
	
}