/*
    This css forces the header/footer to always show up.
    Baseline sometimes sets the footer to have a display:none which was not desired behavior.
*/
#TopPane .LayoutCell, #BottomPane .LayoutCell {
	display: table-cell !important;
}

.hide-by-default {
	display: none;
}

.control-label {
	color: #31708f;
}

@media (min-width: 480px) {
	.form-horizontal .controls {
		margin-left: 200px;
	}

	/* This is to undo the previous rule, in the scenario where baseline is adding a text display to the designed form */
	.form-horizontal .controls .alert.block { 
		margin-left: -200px;
	}
	.form-horizontal .controls .DataFormDivDefault {  
		margin-left: -200px;
	}

	.FindFormResponsive .form-horizontal .controls {
		margin-left: 180px;
	}
}

.gsCustomPager #pager.pager {
	float: left;
	margin: 20px 0;
}

.gsCustomPager #pager .pagedisplay {
	border: none;
    background-color: white;
    background: transparent;
    box-shadow: none;
	cursor: auto;
    font-size: 20px;
    font-weight: bold;
	margin-bottom: 0;
    text-align: center;
    width: 100px;
}

.gsResponsiveContainerNoPadding {
	padding: 0;
}

#ContentPane h1 {
	font-size: 26px;
	font-weight: 300;
	color: #666;
	border-bottom: 1px solid #eee;
	padding: 0 0 0.3em 0;
	line-height: 40px;
	margin: 10px 0;
	text-transform: none;
}

#ContentPane {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
}


#DesignedDiv.container {
	width: 100%;
		
}


.WizardContentTable,
.WizardContentTable #DesignedTable {
	width: 100%;
} 

.ui-widget-header .ui-icon {
    background-image: url(../../Content/images/ui-icons_ffffff_256x240.png);
}

.processingOverlay {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background-color: #aaaaaa;
	opacity:	0.3;
}

.processingModal {
    display: none;
}

.processingModal img {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 1001;
}

body.loading .processingOverlay, body.loading .processingModal {
    display: block;
}

/* Sponsor Program Mgmt Section CSS */

.sponsorQuickLinks {
	background-color: #d9edf7;
	border: 1px solid #bce8f1;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
	border-radius: 4px;
	margin-left:15px;
}

#pendingProgramsButtons {
	margin: 20px 0;
}

.noProgramMsg {
	margin-top: 10px;
	font-size: 15px;
	opacity: .75;
}

#allInvoicesLinkDiv, #inactiveProgramsLinkDiv {
	margin-bottom: 75px;
}

#addToCartConfirmDialog p {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    margin-left: 10px;
    margin-top: 20px;
}

/* End of Sponsor Program Mgmt Section CSS */

/* Sponsor Add Program Styles */

#addProgramUploadSection {
	margin-bottom: 30px;
}

span.help-icon
{
    font-size: 20px;
    color: #999;
    display: inherit;
    align-content: center;
    align-self: center;
    margin-right: 20px;
}

.help-text-container {
    display: flex;
    align-content: center;
    margin-bottom: 10px;
}

span.help-text
{
    color: #999;
    align-content: center;
    align-self: center;
    font-size: 12px;
    line-height: 14px;
	max-width: 500px;
}

.show-help-icon
{
    color: #08c;
    font-size: 12px;
    margin-right: 5px;
    cursor: pointer;
}

.toggle-help-text
{
	cursor: pointer
}

/* End of Sponsor Add Program Styles */

/* CE Reporting Styles */

.BatchUploadH3 {
    text-transform: uppercase;
    white-space: nowrap;
    font-family: arial,helvetica,clean,sans-serif;
    font-size: 14px;
}

.filtrationLabel, .filtrationLink {
	font-size: 14px !important;
}

.filtrationLabel {
	font-weight: bold;
}

li.active a.filtrationLink {
	pointer-events: none;
	text-decoration: none;
	font-weight: bold;
}

#SearchTextBox {
	height: 30px !important;
	width: 250px;
	padding: 0 10px !important;
	box-sizing: border-box;
}

#CeBatchResultsTable th {
	background-color: #ffce35;
	font-size: 12px;
}

#CeBatchResultsTable th.header {
	cursor: pointer;
}

#CeBatchResultsTable th.headerSortUp, #CeBatchResultsTable th.headerSortDown {
	background-color: #333;
	color: white;
}

#CeBatchResultsTable th.header span i {
	margin-top: 0;
	display: none;
}

#CeBatchResultsTable th.headerSortUp span i.icon-circle-arrow-up {
	display: inline-block;

}

#CeBatchResultsTable th.headerSortDown span i.icon-circle-arrow-down {
	display: inline-block;
}

#CeBatchResultsTable td {
	word-wrap: break-word;
}

#CeBatchResultsTable td span.NoRecordsMsg {
	font-weight: bold;
	font-style: italic;
}

#UploadFixesTd {
	vertical-align: middle;
	text-align: center;
}

#uploadedFileNameTd {
	max-width: 160px;
}

#CeBatchResultsTable a.downloadLink {
	font-size: 11px;
}

#CeBatchResultsTable td a.btn-inverse {
	text-decoration: none;
	font-size: 14px;
	color: #fff;
}

#CeBatchResultsTable td span.NotApplicableMsg {
	font-size: 18px;
}

#CeBatchBottomNav #pager.pager {
	float: left;
	margin: 20px 0;
}

#CeBatchBottomNav #pager .pagedisplay {
	border: none;
    background-color: white;
    background: transparent;
    box-shadow: none;
	cursor: auto;
    font-size: 20px;
    font-weight: bold;
	margin-bottom: 0;
    text-align: center;
    width: 100px;
}

#CeBatchBottomNav .navButton {
	float: right;
	margin: 20px 0;
}

#CeBatchBottomNav .navButton a {
	font-size: 14px !important;
}

div.FileUploadSection {
	margin-top: 20px;
}

div.FileUploadSection div.errorDiv label {
	font-size: 14px;
}

div.FileUploadSection #prependedInput {
	width: 325px;
}

div.UploadNavigation {
	text-align: right;
}

.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

#prependedInput {
	height: 30px !important;
	box-sizing: border-box;
	cursor: default;
}

#prependedInput:focus {
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
}

#BeginUploadBtn.clickedSubmitButton, #BeginUploadBtn.clickedSubmitButton:focus {
	background-color: lightgray;
	border-color: lightgray;
	outline-width: 0;
}

#BeginUploadBtn:disabled {
	opacity: 0.5;
	cursor: default;
}

.StagingDetailTable th {
    background-color: #ffce35;
    font-size: 12px;
}

    .StagingDetailTable th.header {
        cursor: pointer;
    }

    .StagingDetailTable th.headerSortUp, .StagingDetailTable th.headerSortDown {
        background-color: #333;
        color: white;
    }

    .StagingDetailTable th.header span i {
        margin-top: 0;
        display: none;
    }

    .StagingDetailTable th.headerSortUp span i.icon-circle-arrow-up {
        display: inline-block;
    }

    .StagingDetailTable th.headerSortDown span i.icon-circle-arrow-down {
        display: inline-block;
    }

.StagingDetailTable td {
    word-wrap: break-word;
}

    .StagingDetailTable td span.NoRecordsMsg {
        font-weight: bold;
        font-style: italic;
    }

.StagingDetailTable a.downloadLink {
    font-size: 11px;
}

.StagingDetailTable td a.btn-inverse {
    text-decoration: none;
    font-size: 14px;
    color: #fff;
}

.StagingDetailTable td span.NotApplicableMsg {
    font-size: 18px;
}

/* End - /* CE Reporting Styles */
