/*
 * Common extensions and changes to Bootstrap
 */
/*
 * input labels and button fixes
 */

body {
    min-width:320px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

aside h1, 
aside h2, 
aside h3, 
aside h4, 
aside h5, 
aside h6 {
    color: #000;
    font-weight: lighter;
}

h1 {
    font-size:2em;
}

h2 {
    font-size:1.85em;
}

h3 {
    font-size:1.6em;
}

h4 {
    font-size:1.45em;
    margin-bottom:20px;
}

h5 {
    font-size:1.3em;
}

h6 {
    font-size:1.15em;
}

.hero-text {
    font-weight:bold;
    color:#000;
}
.super-text {
    font-size:400%;
}

.text-leader,
.text-lg {
    font-weight:700;
    font-size:140%;
}

li {
    line-height:2em;
}

#main-content {
    background-color: #ffffff;
}

.well.success {

background-color: #dff0d8;
border-color: #d6e9c6;

}

input.input-validation-error,
select.input-validation-error,
textarea.input-validation-error,
checkbox.input-validation-error {
    background-color:#ffe9e9;
    outline:0;
}
input, select, textarea {
    outline:0;
}

[data-toggle="buttons"] > .btn > input[type="radio"],
[data-toggle="buttons"] > .btn > input[type="checkbox"] {
    display:inline-block;
    position:absolute;
    left:0px;
 /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  /* IE 5-7 */
  filter: alpha(opacity=50);

  /* Netscape */
  -moz-opacity: 0;

  /* Safari 1.x */
  -khtml-opacity: 0;

  /* Good browsers */
  opacity: 0;
}

[data-toggle="buttons"] > label:active{
    border:1px solid #ff0000;
}
button.btn:disabled, 
button.btn-xs:disabled, 
button.btn-sm:disabled, 
button.btn-lg:disabled {
    background: #f2f2f2 !important;
    background: -ms-linear-gradient(top,#f2f2f2,#dbdbdb) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2',endColorstr='#dbdbdb') !important;
    background: -webkit-gradient(linear,left top,left bottom,from(#f2f2f2),to(#dbdbdb)) !important;
    background: -moz-linear-gradient(top,#f2f2f2,#dbdbdb) !important;
    color: #777 !important;
    border: 1px solid #dbdbdb !important;
}

html > body.sponsor .focusLabelFix {
    outline:1px solid #97CD5D !important;
}

div label,
p.form-label {
    margin-top:8px;
    margin-bottom:0;
}

.btn label {
    margin-top:0px;
}

label.sub-label {
    display: block;
    font-weight:normal;
}

div.btn-group > label {
    margin-top:0px;
}

div.btn-group-vertical label {
    margin-bottom:5px;
}
label {
}

#document-header {
    margin-bottom:2em;
}

aside .list-group-item {
    margin-bottom:0px;
    border:0;
    background:none;
    border-radius:0;
}

aside .list-group-item:not(:first-child) {
    border-top:1px solid #dbdbdb;
}

aside ul.list-group {
    border-bottom:1px solid #dbdbdb;
}

aside .list-group-item {
    padding:0px;
}

aside .list-group-item > span.glyphicon {
    color: #045A32;
}

aside .list-group-item {
    padding-left:0;
}

aside .list-group-item .faux-link,
aside .list-group-item a {
    display:block;
    padding:10px 15px;
}

aside .list-group {
    margin-bottom:30px;
}


.panel-invis {
    border:1px transparent;
    background-color:transparent;
}
.panel-invis > .panel-heading {

}
.compress-panel {
    display:inline-block;
}

fieldset.form-group {
    border-bottom:1px solid #dbdbdb;
}

fieldset > legend {
    display:none;
}
.form-group .row.formActions {
    padding-bottom:0px;
}
.form-group input:not([type='checkbox']):not(.inline):not([type='radio']) {
    min-width: 245px;
}
.form-group table input:not([type='checkbox']):not(.inline):not([type='radio']) {
    min-width: 0; 
}
.form-group input.form-control.inline.multiline{
    width:80px;
}
.form-group input.form-control.inline.multiline[maxlength="2"]{}
.form-group input.form-control.inline.multiline[maxlength="3"]{}
.form-group input.form-control.inline.multiline[maxlength="4"]{}
.form-group input.form-control.inline.multiline[maxlength="7"]{}
.form-group input.form-control.inline.multiline-lg{
    width:100px;
}

.form-control.inline {
    width:auto;
    min-width:0;
    max-width:100%;
    display:inline-block
}
.form-group  .form-control.currency-input {
    max-width:80px;
}
.form-group .row {
	padding-bottom:15px;
}

.form-group .row small.optionalField {
	display:block;
}

.form-control {
    border-radius:0;
}
.btn,
.btn-lg,
.btn-sm,
.btn-xs {
    border-radius:0;
}

.btn-group .btn,
.btn-group .btn-lg,
.btn-group .btn-sm,
.btn-group .btn-xs {
    min-width: 120px;
}

.btn-group .btn:not(:last-child) {
	margin:0;
	margin-right:10px;
}

img.loadingAnimation {
    display:none;
    width:40px;
    height:auto;
}

.primaryButtonActionContainer {}
.field-validation-error {
    display:block;
    padding: 0;
    color: #ff0000;
    margin-bottom:5px;
}
a.btn, a.btn-lg, a.btn-sm, a.btn-xs {
    cursor: pointer;
    text-decoration:none !important;
}
.btn-group .btn,
.btn-group .btn-lg,
.btn-group .btn-sm,
.btn-group .btn-xs
/*
.btn-group .btn:not(:last-child),
.btn-group .btn-lg:not(:last-child),
.btn-group .btn-sm:not(:last-child),
.btn-group .btn-xs:not(:last-child) */{
	margin:0;
	margin-right:9px;
}

.formActions {
    padding-top:15px;
}

.ui-tooltip {
    border:1px solid #ccc;
    background-color: #fff;
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
    -webkit-box-shadow: 4px 4px 10px 0px rgba(50, 50, 50, 0.34);
    -moz-box-shadow:    4px 4px 10px 0px rgba(50, 50, 50, 0.34);
    box-shadow:         4px 4px 10px 0px rgba(50, 50, 50, 0.34);
}
body .ui-tooltip {
	border-width: 2px;
    font-size:90%;
}

a.helpPop {
    color: #000;
}

.helpPop {
    font-size: inherit;
    cursor: help;
}

.helpPop .toolTipContent {
    display:none;
}

.helpPop .glyphicon {
    top :5px;
}

.popupInfoModal {
    display:none;
}

.list-group-item span.glyphicon {
    margin-right:10px;
}

.glyphicon-pdf {
    background-image: url('../img/pdf.png');
    background-size:14px 14px;
    width:14px;
    height:14px;
    content:' ';
    display:inline-block;
    margin-right:10px;
    background-repeat:no-repeat;
}

footer {
    border-top:1px solid #ccc;
    margin-top:20px;
    padding-top:20px;
}

footer .row {
   margin-bottom:20px;
}

/*
    AURA styling    
*/

.AURA.form-group  small {
    display: block;
    padding-top: 5px;
}

.AURA.form-group li small {
    display: initial;
    padding-top: 0;
}

.has-error {}

/* Specific control styles */
/* Direct Debit Bank Account controls */
.form-inline input.form-control.inline.multiline.ddinput1 {
    width:40px;
    min-width:0;
}
.form-inline input.form-control.inline.multiline.ddinput2 {
    width:60px;
    min-width:0;
}
.form-inline input.form-control.inline.multiline.ddinput3 {
    width:75px;
    min-width:0;
}
.form-inline input.form-control.inline.multiline.ddinput4 {
    width:60px;
    min-width:0;
}

ol.list-col-2, 
ul.list-col-2 {
    column-count:2;
    -webkit-columns: 2;
    -moz-columns: 2;
}
ol.list-col-3, 
ul.list-col-3 {
    column-count: 3;
    -webkit-columns: 3;
    -moz-columns: 3;
}

/* control form action buttons */
.formActions div + div a {
    margin-right:10px;
    cursor:pointer;
}
.formActions div + div button:not(.btn):not(.btn-lg):not(.btn-sm):not(.btn-xs) {
    border: 0;
    background: transparent;
}
.formActions div + div button:hover:not(.btn):not(.btn-lg):not(.btn-sm):not(.btn-xs) {
    border: 0;
    background: transparent;
}


/* 
    =====================================
    jQUery-UI stuff 
    =====================================
*/

.ui-autocomplete { position: absolute; cursor: default; }       
.ui-autocomplete-loading {}
* html .ui-autocomplete { width:1px; } 
.ui-menu {
        list-style:none;
        padding: 2px;
        margin: 0;
        display:block;
}
.ui-menu .ui-menu {
        margin-top: -3px;
}
.ui-menu .ui-menu-item {
        margin:0;
        padding: 0;
        width: 100%;
}
.ui-menu .ui-menu-item a {
        text-decoration:none;
        display:block;
        padding:.2em .4em;
        line-height:1.5;
        zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
        margin: -1px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 4px;
}
.ui-widget-content {
	border: 1px solid #aaaaaa;
	background: #ffffff;
	color: #222222;
}
.ui-widget {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1.1em;
}

.slider {
    padding-top:10px;
    margin-bottom:10px;
}
.slider-info {
    padding-top:10px;
    font-style:italic;
}

.ui-slider {
	position: relative;
	text-align: left;
    margin: 0.5em;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 30px;
    border-radius:10px;
	height: 1.375em;
	cursor: default;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: 1px;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.6em;
	margin-left: -15px;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #d3d3d3;
	background: #e6e6e6;
	font-weight: normal;
	color: #555555;
}
.ui-helper-hidden-accessible {
    display:none;
}



/* Custom Media querie overrides */
@media (max-width: 768px) {
    .form-inline select {
        width:auto;
    }
    .form-inline .form-group {
        display:inline-block;
    }
    div label, p.form-label {
        margin-bottom: 10px;
    }
    .form-group input:not([type='checkbox']):not(.inline):not([type='radio']) {
        min-width:0;
        width:100%;
    }
}
@media (min-width: 769px) and (max-width: 992px) {}
@media (min-width: 993px) and (max-width: 1200px) {}
@media (min-width: 1201px) {}

/* Chrome font fix  */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	@font-face {
		font-family: 'Glyphicons Halflings';
		src: url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
	}
}