/* NOTES */

/* This document contains core styles for the application template. Removing reference to this file will revert the application back to bootstrap defaults */
/* It should be referenced FIRST */

/*
sso primary color: #0076bd; (blue)
sso secondary color: #60269e; (purple)
sso tertiary color: #ff6a13; (orange)
sso link color: #60269e (purple), #cf8a00; (orange:hover)

*/

/* Core HTML styling */
* {
	box-sizing: border-box;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 10pt;
  line-height: 1.42857;
}

html, body {
	background: #ebebeb none repeat scroll 0 0;
    color: #333333;
	padding: 0;
	margin: 0;
}

html {
	width: 100vw;
	height: 100vh;
}

body {
}

.innercontainer{background-color:#fff; padding:10px; border:1px solid #ccc;}

h2, h3, h4, h5, h6 {
	color: #0076bd;
	margin-bottom: 1em;
}
h1{
	color: #000000;
	margin-bottom: 1em;
}
h1 {
	font-size: 28px;
	font-weight: 300;
	line-height: 1.2;
}
h2 {
	font-size: 24px;
	font-weight: 300;
	line-height: 1.3;
}
h3, div.bodyHeaderText {
	font-size: 22px;
	font-weight: 500;
	line-height: 1.4;
	color: #60269e;
}
h4 {
	font-size: 20px;
	font-weight: 300;
	line-height: 1.4;
}
h5, div.bodySubHeaderText {
	font-size: 18px;
	font-weight: 400;
	line-height: 1.4;
	color: #ff6a13;
}
h6 {
	font-weight: 500;
	line-height: 1.4;
}

a, a:link, a:active, a:visited {
	color: #60269e;
	text-decoration: underline;
}

a:hover {
	color: #cf8a00;
}

label {
	font-weight: 400;
}

#bodysection {
	min-height: 300px;
	margin-bottom: 20px;
}

footer {
    width: 100%;
    background-color: #ffffff;
    border-top: 5px solid #00AFAA;
	padding-top: 1em;
}

/* Font styling */
.red {color: #ff0000;}
.bold {font-weight: bold;}
.underline {text-decoration: underline;}
.italicize {font-style: italic;}
.tinyText {font-size: smaller;}
.green {color: #4c6a00;}

/* Custom styling */
.fullWidth {
	width: 100%;
}
.readOnly {
	cursor: not-allowed;
}

.bottomButtonContainer {
	margin-top: 20px;
	padding: 20px;
	border-top: 1px solid #efefef;
}
	.bottomButtonContainer *:nth-child(n+2) {
		margin-left: 20px;
	}

#dynamicModal div.modal-content {
	background-color: #fff;
}

.alert-environmentText {

	margin: 20px;
	background-color: #f2dede;
	color: #ff0000;
	font-weight: bold;
	font-size: 20px;
	text-align: center;
	border: 5px dashed red;
    box-shadow: -8px 8px 4px 0px#cfcfcf ;
    text-shadow: -4px 4px #cfcfcf;

}

label.requiredFieldLabel::after{
	content: ' *';
	color: #ff6a13;
}

.requiredFieldHighlight {
	border: 1px solid #ff0000 !important;
	background-color: #ffcecf !important;
}
.spanMini {
	max-width: 50px;
}

.spanMicro {
	max-width: 20px;
}

.align-center{
    text-align:center;
}

/* Media (viewport size) overriddes */

@media screen and (max-width: 768px) {

	body {
		margin-top: 50px;
	}

}

@media screen and (max-width: 990px) {

	* {
		font-size: 12px;
	}
	
}

.clientheader{
	margin:0 auto;
	padding:0px;
	border: 1px solid #ccc;
}

.subheader{
	padding:10px 20px 0 0px;
	border-bottom:1px solid #efefef;
	width:940px;
}

.subheader h1{display:inline-block;}

.innerrow{margin:0 auto; padding:10px 0;}


li.active {
    background-color: #337ab7;
    color: #fff;
    padding:12px;
}
.panel-heading {
    background:#337ab7;
    background-color: #337ab7;
    color: #fff;
    padding:12px;
}
.muted{
    color:#999999;
}

/*Custom Gold Package Header and Classes */
h1.goldpackage {
    background: url("../Images/goldpackageICON.png") no-repeat left transparent;
    color: #333;
    display: inline-block;
    font: 30px/38px 'Arial';
    letter-spacing: -0.8px;
    margin-top: 5px;
    overflow-y: visible;
    padding:10px 5px 0 60px;
    width: auto;
	text-shadow: -1px -1px 1px #FFFFFF, 1px 1px 1px #000000;
}
.btn {
    font-weight: bold;
}
.btn-primary {
    background-color: #025aa5;
    background-image: none;
    border-color: #01549b;
    color: #fff;
    border: medium none;
    display: inline-block;
    line-height: 20px;
    padding: 7px 30px 7px;
    text-decoration: none;
    vertical-align: top;
    border-radius:3px;
    margin-bottom:5px;
}

.btn-info {
    background-color: #781D7E;
    background-image: none;
    border-color: #01549b;
    color: #fff;
    border: medium none;
    display: inline-block;
    line-height: 20px;
    padding: 7px 30px 7px;
    text-decoration: none;
    vertical-align: top;
    border-radius: 3px;
    margin-bottom: 5px;
}

.round {
	border-radius: 24px;
}
    a.btn-primary:hover {
        background-color: #01549b;
    background-image: none;
    border-color: #01549b;
    color: #fff;
    text-decoration:none;
    }

/* Default Page Layout */
.bs-callout {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #eee;
    border-image: none;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px 1px 1px 5px;
    margin: 20px 0;
    padding: 20px;
}
.bs-callout h4 {
    margin-bottom: 5px;
    margin-top: 0;
}
.bs-callout p:last-child {
    margin-bottom: 0;
}
.bs-callout code {
    border-radius: 3px;
}
.bs-callout + .bs-callout {
    margin-top: -5px;
}
.bs-callout-danger {
    border-left-color: #ce4844;
}
.bs-callout-danger h4, .bs-callout-danger a {
    color: #ce4844;
}
.bs-callout-warning {
    border-left-color: #aa6708;
}
.bs-callout-warning h4, .bs-callout-warning a {
    color: #aa6708;
}
.bs-callout-info {
    border-left-color: #1b809e;
}
.bs-callout-info h4 , .bs-callout-info a {
    color: #1b809e;
}

.bs-callout-success {
    border-left-color: #69b340;
}
.bs-callout-success h4, .bs-callout-success a {
    color: #69b340;
}
    .bs-callout-warning a.btn-primary, .bs-callout-success a.btn-primary, .bs-callout-danger a.btn-primary {
        color: #fff;
    }
.borderedContain {
    border: 1px solid #ccc;
    padding: 15px;
}
.login-text {
    line-height: 28pt;
}

.yellowdivider {
  border-bottom: 2px solid #E5A21C;
  margin-bottom: 5px;
  padding-top: 7px;
}

.shadowedtext {
  letter-spacing: -0.1px;
  text-shadow: -1px -1px 1px #FFFFFF, 1px 1px 1px #000000;
}

/* USGIF Splash Page */
.splashBG{
	margin:0 auto;
	padding:170px 35px 0 33px;
	width:888px;
	min-height:520px;
	background:url(../images/usgif_splashBG.jpg) no-repeat;
	font-family:"Times New Roman", Times, serif;
	font-size:13px;
	color:#1c2739;
}

input[type="submit"].splashYES, input[type="button"].splashYES, a.splashYES{
	width:278px;
	height:42px;
	background:url(../images/splashbutton_moreinfo.png) no-repeat;
	border:0px;
	cursor:pointer;
}

input[type="submit"].splashNO, input[type="button"].splashNO, a.splashNO{
	width:278px;
	height:42px;
	background:url(../images/splashbutton_nothankyou.png) no-repeat;
	border:0px;
	cursor:pointer;
}

input[type="text"], select, textarea {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;

}

.splashBG h4 {font-size:16px; font-weight:bold; font-family:"Times New Roman", Times, serif; padding-bottom:0px;margin:0px;}
.splashBG ul{margin-left:14px; margin-top:5px;padding-left:0px;}
.splashBG ul li{line-height:15px;}

/* dividers */
.right_separator{border-right:1px dashed #ccc;}
.left_separator{border-left:1px dashed #ccc;}
.horizontaldivider{border-bottom:1px solid #e2e2e2; margin-bottom:10px; padding-top:5px;}
.paddeddivider{border-bottom:1px solid #e2e2e2; margin-bottom:20px; padding-top:15px;}
.float-right{float:right;}
.float-left{float:left;}

/*Font, font styles, and alignment classes */
h1{
    color:#000000;
    font-size:30px;
}
    h1.headerText {
        margin-top: 5px;
    }

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    border-top:0px;
}
btn
select {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
    min-width:30px;
}
.bold{font-weight:bold;}
.italic{font-style:italic;}
.black{color:#000;}
.gray{color:#ccc;}
.mediumgray {
    color: #666;
}
.darkgray{color:#333;}
.red{color:#cc2800;}
.required{color:#cc2800;}
.gold{color:#A99F29}


.xsmall{font-size:9px;}
.small{font-size:11px;}

.normal{font-size:13px;}
.large{font-size:15px;}
.xlarge{font-size:18px;}

.graybg{background-color:#f1f1f1;}
.lightgreenbg{background-color:#D5ECDE;}

.center_text{text-align:center}
.right_text{text-align:right;}
.left_text{text-align:left;}
.indent{margin-left:10px;}
.topmargin{margin-top:10px;}
.rightmargin{margin-right:10px;}
.bottommargin{margin-bottom:10px;}
.leftmargin{margin-left:10px;}

ul.nobullets{list-style-type:none;}
ul.nobulletspadding{list-style-type:none; padding-left:0px; margin-left:0px;}
.nopadding{padding:0px;}
.nomargin{margin:0px;}
.inline{display:inline;}
.inlineblock{display:inline-block;}
.absolute{position:absolute;}

label {width:auto;}
td{vertical-align:top;}
hr{margin:5px 0}

.hidden{visibility:hidden;}

.stripedRow {
    background: #d9edf7;
}

.badgepreview {
	background:url(../images/badgeBackground.jpg) no-repeat top;
	display:block;
	margin:0px;
	height:190px;
    width:300px;
    text-align:center;
    padding-top:25px;
    padding:55px 5px 10px 5px;
	-webkit-border-radius: 5px 0px;
    border-radius: 5px 5px 0px 0px;
	}

.badge {
    padding-top: 30px;
    color:#333;
}
/*Specific Classes */
.socialMediaModalTrigger {
	cursor: pointer !important;
}
.alert {margin-top:10px;}
.alert > ul {margin-bottom:0px;}

ul#toggle-view{margin-left:10px;}
ul#toggle-view li{margin-left:0px; border-bottom:1px solid #ccc; margin-bottom:5px;}
#toggle-view .icon-plus{cursor:pointer;}
#toggle-view h5{cursor:pointer;}


.footer, .footer-content{font-size:13px;margin:0px;padding-bottom:20px; color:#055da5; margin:0 auto; margin:10px 0;}
.footer,.footer a{color:#fff; font-weight:normal;}
.footer a:hover{text-decoration:underline; font-weight:normal;}
footer{line-height:18px; padding-top:10px;}

select
{
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    min-width:50px;
}

.socialMediaIcon {
	width: 40px;
	height: 40px;
	margin: 0 2px;
	border: 0;
}

#pinfoTable.table
{
    width:80%;
    max-width:80%;
}

input[readonly]
{
    background-color:#f2f2f2;
}