.page-content, .margin-top-10 {
	margin-top: 0.625rem;
}

ul.compact {
	line-height: 1.3;
}
ul.compact li {
	margin-bottom: 0.4375rem;
}
.dl-smaller-gap dt { margin-bottom: 0rem; }
.fa-calendar:before {
    padding-left: 0.3125rem !important;
}

.split-dt-month, .split-dt-day {
	width: 2.75em; display:inline-block;
}
.split-dt-year {
	width: 3.5em; display:inline-block;
}
.split-dt-inputs {
	display: block;
}

.billing-dt-month, .billing-dt-day {
	width: 45px; display:inline-block;
}
.billing-dt-year {
	width: 55px; display:inline-block;
}

 .errorMsg{
	color:red;
}

/* Errors - this probably needs to be moved to static5 */
.error input, input.error, .error textarea, textarea.error, .error input:focus, input.error:focus, .error textarea:focus, textarea.error:focus { border-color: #ee6d00; background-color: rgba(238, 109, 0, 0.1); }
.error input:focus, input.error:focus, .error textarea:focus, textarea.error:focus { outline-color: #ffbe88; }

@media print, screen and (min-width: 40em) {
	#topNavBar {
		height:5rem;
		background-image:url('/SalesPortal/resources/img/top-nav-border.png');
		background-repeat:repeat;
		margin-bottom:0.75rem;
		margin: 0 auto 0.75rem auto;
		font-size: 0; /*white-space trick*/
		border-top:1px solid rgb(0, 153, 204);
		text-align: center; }
	#topNavBar .top-nav-panel {
		width: 8.4375rem;
		margin-left: 0;
		margin-right: 0;
		height: 5rem;
		display: inline-block;
		padding-top: 0.75rem;
		color:#fff;
		background-image: linear-gradient(rgb(0, 153, 204) 0%, rgb(0, 153, 204) 0%, rgb(26, 66, 137) 100%, rgb(26, 66, 137) 100%);
		font-size: 1rem; }
	#topNavBar .top-nav-panel .top-nav-panel-text {
		font-size: 0.8125rem;
		text-transform: uppercase;
		font-weight: 600; }
	#topNavBar .top-nav-panel:hover {
		cursor: pointer;
		background-image: none;
		background-color: rgb(150, 218, 234); }
	#topNavBar .top-nav-panel:not(:last-child) {border-right:1px solid #B7E7F0;}
	#topNavBar .top-nav-panel.selected {
		color: #0099cc;
		background-image: none;
		background-color: #fff; }
	#topNavBar .top-nav-panel i {
		display: block;
		font-size: 2rem; } }

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	#topNavBar .top-nav-panel {
		width: 6.25rem; } }

@media screen and (max-width: 39.9375em) {
	#topNavBar {
		border:1px solid rgb(0, 153, 204);
		padding: 0.5rem;
		margin-bottom: 0.5rem; }
	#topNavBar .top-nav-panel {
		display: table;
		margin-bottom: 0.5rem; }
	#topNavBar .top-nav-panel i {
		width: 1.25rem; }
	#swLogoHeader {
		margin-bottom: 0.5rem; } }

.fa-rotate-45 {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.spacer-vertical-10 {margin-top: 0.625rem; margin-bottom:0.625rem;}
.spacer-horizontal-5 {margin-left: 0.3125rem; margin-right:0.3125rem;}
.spacer-right-10 {margin-right:0.625rem}
.spacer-left-10 {margin-left:0.625rem}
.spacer-bottom-10 {margin-bottom:0.625rem}
.spacer-bottom-20, .spacer-bottom-15{margin-bottom:1.25rem}

#footerContainer {
	display: none;
	position: absolute;
	left: 0;
	bottom: 0;
	height: auto;
	width: 100%;
	background-color: #0099cc;
	color: white;
	padding-top: 1.25rem;
	padding-bottom: 1rem;
	font-size: 0.8rem;
	margin-top: 2rem;
}
#footerContainer a, #footerContainer .linkStyle {
	text-decoration: underline;
	color: white;
}
#footerContainer i.linkStyle {
	text-decoration: none;
	color: white;
}
#footerBottom { margin-top:2.5rem; }

.small-vertical-divider { clear: both; position: relative; }
.small-vertical-divider:after { clear: both; content: " "; display: block; height: 0; visibility: hidden; }
.small-vertical-divider .vertical-divider-section:not(:first-child):after { background: #DDDDDD; content: " "; margin-left: -0.625rem;
	position: absolute; top: 10%; bottom: 10%; width: 1px; }
@media print, screen and (min-width: 40em) {
	.medium-vertical-divider { clear: both; position: relative; }
	.medium-vertical-divider:after { clear: both; content: " "; display: block; height: 0; visibility: hidden; }
	.medium-vertical-divider .vertical-divider-section:not(:first-child):after { background: #DDDDDD; content: " "; margin-left: -0.625rem;
		position: absolute; top: 10%; bottom: 10%; width: 1px; }
}
@media print, screen and (min-width: 64em) {
	.large-vertical-divider { clear: both; position: relative; }
	.large-vertical-divider:after { clear: both; content: " "; display: block; height: 0; visibility: hidden; }
	.large-vertical-divider .vertical-divider-section:not(:first-child):after { background: #DDDDDD; content: " "; margin-left: -0.625rem;
		position: absolute; top: 10%; bottom: 10%; width: 1px; }
}

.sw-blue-light {color:rgb(153, 204, 255)}
.sw-blue-mid {color:rgb(41, 171, 226)}
.sw-blue-dark {color:rgb(23, 121, 186)}
.sw-orange {color:#FF6600;}
.sw-grey {color:#666666;}
.sw-blue-darkest{color:rgb(20, 83, 150);}
.sw-green{color:rgb(46, 125, 50);}
.sw-red {color:#FF0000;}
.sw-italic { font-style:italic;}

.display-none {display:none}
.block {display:block}
.nobr {white-space:nowrap}
.bold {font-weight:bold}
.strike-through {text-decoration:line-through;}
.uppercase {text-transform: uppercase;}
.small-font {font-size: 0.75rem}
.smaller-font {font-size: 0.875rem}
.medium-font{font-size: 1rem}
.text-transform-uppercase{ text-transform: uppercase;}
.not-active{
	 pointer-events: none;
     cursor: default;
     color: #ccc !important;
}

@media print, screen and (min-width: 64em) {
	.dashboard-alerts-scroll {max-height:19rem; overflow:auto;}
	.dashboard-bulletin-scroll {max-height:17rem; overflow:auto;}
}

ul.checkbox-list {
	margin-left: 0;
	list-style: none; }
ul.checkbox-list input[type="checkbox"] {
	margin-bottom: 0; }
ul.checkbox-list label {
	line-height: normal;
	display: inline-block;
	width: auto; }
@media screen and (max-width: 63.9375em) and (min-width: 40em) {
	ul.checkbox-list.stretch-for-medium li {
		display: inline;
		padding-right: 1rem; }
	ul.checkbox-list.stretch-for-medium input[type="checkbox"] {
		margin-right: 0.25rem; } }

.side-by-side-inputs label {
	display:inline-block;
	margin-right:2rem; }
.side-by-side-inputs label:last-child {
	margin-right:0rem; }

select.collapse-block {
	width: auto;
	max-width: 100%;
	display: block; }

.card-divider.blue {
	background-color:#1779ba;
	color:#fefefe; }
.card-divider.blue h4 {
	color:#fefefe; }
.card-divider.short {
	padding-top:0.25rem; padding-bottom:0.25rem; }
input[readonly]:focus {
	background-color: #e6e6e6; }
.squish-form input,
.squish-form select {
	margin: 0 0 0.25rem 0;
	height: 2rem; }
.squish-form textarea {
	margin: 0 0 0.25rem 0;
	padding-top:0.25rem;
	padding-bottom:0.25rem; }

 .horizontal-inputs label {
	display:inline;
	margin-right:1rem; }
	
 .align-center {
 text-align:center;
 }
 .squish-form hr{
 	border-bottom: 1px solid #e6e6e6;
 }
 .icon-control {
    cursor: pointer;
    margin: 0 0 0 0;
	color: #f04e23;
	font-size: 1.15em;
}

.icon-control-default {
    cursor: pointer;
    text-align: center;
    margin: 0 0 0 0;
	color: #19478d;
	font-size: 1.33333333em;
}

.rowSelected{
    background-color:#D5E3F2;
}

.row-height-1{
	height:1.25rem;
}

@media print {
    html, body {
        height: 99%;
    }
}
.paperless {
	color:#177917;
}