/* 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 */

:root {
    
    --apha-darkBlue: #012f60;
    --apha-blueGrey: #457395;
    --apha-darkRed: #b61236;

    --headerTag-color: var(--apha-blueGrey);
    
    --aTag-color: var(--apha-darkBlue);
    --aTag-color-hover: var(--apha-blueGrey);

    --badgePreview-topBorder-color: var(--apha-blueGrey);
    --apha-contentSection-wrapper-borderColor: var(--apha-blueGrey);

    --footerTag-textColor: #fff;
    --footerTag-anchor-color: #fff;
    --footerTag-anchorHover-color: var(--apha-darkRed);
}

/* 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-color: #efefef;
    color: #333333;
	padding: 0;
	margin: 0;
}

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

body {
}

.innercontainer{background-color:white; padding:10px;}
/* 
    #012F60 : navy blue
    #007BC1 : blue
    #57B046 : green
    #FCB712 : orange
    #B71338 : red
    #00B6B9 : aquamarine

*/ 
h1, h2, h3, h4, h5, h6 {
	color: var(--headerTag-color);
	font-weight: bold;
	margin-bottom: .4em;
}

h1 {
    font-size: 32px;
}

h2 {
	font-size: 26px;
	line-height: 1.3;
}
h3, div.bodyHeaderText {
	font-size: 22px;
	line-height: 1.4;
}
h4 {
	font-size: 18px;
	line-height: 1.4;
}
h5, div.bodySubHeaderText {
	font-size: 1rem;
	line-height: 1.4;
}
h6 {
	font-size: 1rem;
	line-height: 1.4;
}

a, a:link, a:visited {
	color: var(--aTag-color);
	text-decoration: underline;
}

a:hover, a:active {
	color: var(--aTag-color-hover);
}

label {
	font-weight: 400;
}

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

footer {
    width: 100%;
    background-color: #000;
    color: var(--footerTag-textColor);
	margin-top: 50px;
    padding: 20px 0;
}

    footer a, footer a:link, footer a:visited {
        color: var(--footerTag-anchor-color);
    }

    footer a:hover, footer a:active {
        color: var(--footerTag-anchorHover-color);
    }

/* 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;
}

.responsive-button-group, .bottomButtonContainer {
	margin-top: 20px;
	padding: 20px;
    text-align:right;
	/*border-top: 1px solid #efefef;*/
}
	.bottomButtonContainer *:nth-child(n+2) {
		margin-left: 20px;
	}

.bottomButtonContainer_ext {
	margin-top: 20px;
	padding: 20px;
	border-top: 1px solid #efefef;
}

#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: #457395;
    color: #fff;
    padding: 12px;
}
.panel-heading {
    background: #457395;
    background-color: #457395;
    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: #457395;
    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;}


    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;}

.hidden{visibility:hidden;}

.stripedRow {
    background: #d9edf7;
}

.badgepreview {
    border: 1px solid #a0a0a0;
	border-top-width: 20px;
    border-top-color: var(--badgePreview-topBorder-color);
	width: 100%;
    padding: 10px;
    min-height: 200px;
    text-align:center;
	-webkit-border-radius: 5px 0px;
    border-radius: 5px 5px 0px 0px;
	}

.badgepreview-textitem {
    font-weight: bold;
    margin-bottom: 20px;
    text-align: center;
}

.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;
}

.card{
border:none !important;

}

.mb4{
border:none !important;

}

.card-body{
background-color:white !important;
}

.showpanel
{
    background-color:#12263F;
    color:white;
    padding:3px;
    cursor:pointer;
}

.font16
{
    font-size:16px !important;
}

.flex-column-container {
    display: flexbox;
    column-gap: 20px;
}

flex-column-container .column {
    flex: 1;
    padding: 15px;
    border: 1px solid red;
}

.col-container {
    display: table;
    width: 100%;
}
    .col-container .col {
        display: table-cell;
        border: 1px solid lime;
        padding: 20px;
        margin: 20px;
    }

        .col-container .col .col-wrapper {
            border: 1px solid red;
            height: 100%;
            width: 100%;
        }

.apha-contentSection-wrapper {
    padding: 20px;
    border: 1px solid var(--apha-contentSection-wrapper-borderColor);
    border-radius: 20px;
    margin-bottom: 20px;
}

.fill-blue {
    background-color: #46B1E130; /* 8-digit HEX notation (where the first 6 digits is the color, and the 2nd 2 digits is the alpha-channel/opacity */
    
}

.fill-yellow {
    background-color: #FFFF0030; /* 8-digit HEX notation (where the first 6 digits is the color, and the 2nd 2 digits is the alpha-channel/opacity */
    
}

.fill-orange {
    background-color: #FFC00030; /* 8-digit HEX notation (where the first 6 digits is the color, and the 2nd 2 digits is the alpha-channel/opacity */
    
}