/*!
 * Friends First implementation of Bootstrap Theme v3.3.5
 */

 @media (min-width: 660px)and (max-width: 768px) {
	.col-sm-1.mb-fix1,.col-sm-1.mb-fix3 {    top: 9px;}

}

@media (min-width: 660px) {
#calcResults .col-md-6 {
    width: 50%;
    float: left;
	display:inline-block
 }
	.col-sm-1.mb-fix1,.col-sm-1.mb-fix3 {
    width: 50px!important;
    display: inline-block!important;


	}
}

 .sliderbox {
    padding-left: 20px!important;
    padding-right: 20px!important;
    display: inline-block;
    width: 240px;
}


@media (max-width: 660px) {
	.mb-fix1,.mb-fix3 {
		width:50px;display:inline-block!important;
}
	.mb-fix2{
		width:50px;display:inline-block!important;
	}
	.form-checkbox>input[type=checkbox] + label:before {margin-bottom:10px;}
	.form-group {
		margin-bottom: 0px;
}
	.form-group div{
		margin-top:10px;
}
		.sliderbox {
			width:130px;display:inline-block!important;
	    padding-left: 0px!important;
		padding-right: 0px!important;

}
		.sliderbox .tab-rem {
			display: none!important;
		}

    .sliderbox strong.ng-binding {
        position: relative;
		top:-10px!important;
        margin:0 auto;
		display:block;
		text-align:center
    }
    .tab-rem {
        display: none!important;
    }


    .sliderbox {
        margin: 10px 0px;
    }
}
    .results .stateCoverChart {
		margin-bottom:15px;
    }
@media (min-width: 660px) {

.col-sm-6 {
    width: 50%;
	float: left;
}
.col-md-5 {
    width: 41.66666667%;
	float:left;
}
    .sliderbox strong.ng-binding {
top: -34px;
    right: -38px;
    }
	
	.sliderbox strong.ng-binding {
		position:absolute;
	}
	
    .container {
        width: 660px;
    }
	.col-md-7 {
    width: 58.33333333%;
	float:left;
}
}
@media (min-width: 660px) {
.visible-md {
    display: block!important;
}
}
.container {
    padding-right: 0;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto;
    background-color: #fff;
    border: 0px solid #dedede;
}

.row {
    margin-right: 0;
    margin-left: 0;
/*
    display: flex;
*/
}

.page-header {
    color: #684994;
    margin-top: 0;
    margin-bottom: 0;
    border-bottom: none;
}

.page-header h1 {
    font-weight: bold;
}

.page-header .logo {
    padding-right: 20px;
    border-right: 2px solid #F47B20;
}

.footer {
    border-top: 1px dotted #dedede;
    padding-top: 20px;
    width: 100%;
    clear: both;
}

/* spinner */

.spinner {
    display: inline-block;
    opacity: 0;
    width: 0;
    -webkit-transition: opacity 0.25s, width 0.25s;
    -moz-transition: opacity 0.25s, width 0.25s;
    -o-transition: opacity 0.25s, width 0.25s;
    transition: opacity 0.25s, width 0.25s;
}

.has-spinner.active {
    cursor: progress;
}

.has-spinner.active .spinner {
    padding-right: 10px;
    opacity: 1;
    width: auto;
    /* This doesn't work, just fix for unkown width elements */
}


/* buttons */

.btn-default,
.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075)!important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075)!important;
    width: 100%;
    max-width: 323px;
    display: block;
    margin: 0 auto;
    cursor:pointer;
    font-weight: bold;
}

/* button - primary */

.btn-primary:focus,
.btn-primary.focus {
    color: #004fb6;
    background-color: #fff979;
    border-color: #fff979;
}

.btn-primary:hover {
    color: #004fb6;
    background-color: #fff979;
    border-color: #fff979;
}

.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    color: #004fb6;
    background-color: #ffd900;
    border-color: #ffd900;
    font-weight: bold;
}

.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
    color: #004fb6;
    font-weight: bold;
    //border: 1px solid rgba(72, 47, 122, 1);
    //background: rgb(133, 110, 171);
    //background: -moz-linear-gradient(top, rgba(133, 110, 171, 1) 0%, rgba(104, 73, 148, 1) 100%);
    //background: -webkit-linear-gradient(top, rgba(133, 110, 171, 1) 0%, rgba(104, 73, 148, 1) 100%);
    //background: linear-gradient(to bottom, rgba(133, 110, 171, 1) 0%, rgba(104, 73, 148, 1) 100%);
    //filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#856eab', endColorstr='#684994', GradientType=0);
}

.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    background-image: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    background: #fff979;
    //background: -moz-linear-gradient(top, #f68a57 0%, #f15e27 100%);
    //background: -webkit-linear-gradient(top, #f68a57 0%, #f15e27 100%);
    //background: linear-gradient(to bottom, #f68a57 0%, #f15e27 100%);
    //filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f68a57', endColorstr='#f15e27', GradientType=0);
    border-color: #fff979;
}

.btn-primary .badge {
    color: #F47B20;
    background-color: #fff;
}

.btn-primary {
    background: #ffd900;
    color: #004fb6;
    //background: -moz-linear-gradient(top, #f68a57 0%, #f15e27 100%);
    //background: -webkit-linear-gradient(top, #f68a57 0%, #f15e27 100%);
    //background: linear-gradient(to bottom, #f68a57 0%, #f15e27 100%);
    //filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f68a57', endColorstr='#f15e27', GradientType=0);
    border-color: #ffd900;
}

.btn-primary.result-btn {
    background: #ffd900;
    border: 1px solid #fff979;
}

.btn-primary.ca:focus,
.btn-primary.ca:active,
.btn-primary.ca:hover,
.btn-primary:active,
.btn-primary:hover,
.btn-primary:focus {
    border: 1px solid rgba(72, 47, 122, 1);
    background-color: #004fb6;
    color: #fff;
    font-weight: bold;
}


/* button - success */

.btn-success {
    color: #fff;
    background-color: #836CA9;
    border-color: #836CA9;
}

.btn-success:focus,
.btn-success.focus {
    color: #fff;
    background-color: #836CA9;
    border-color: #836CA9;
}

.btn-success:hover {
    color: #fff;
    background-color: #836CA9;
    border-color: #836CA9;
}

.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
    color: #fff;
    background-color: #836CA9;
    border-color: #836CA9;
}

.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
    color: #fff;
    background-color: #836CA9;
    border-color: #836CA9;
}

.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
    background-image: none;
}

.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
    background-color: #836CA9;
    border-color: #836CA9;
}

.btn-success .badge {
    color: #44C0FF;
    background-color: #fff;
}

.btn-success {
    background-image: -webkit-linear-gradient(top, #836CA9 0%, #836CA9 100%);
    background-image: -o-linear-gradient(top, #836CA9 0%, #836CA9 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#836CA9), to(#836CA9));
    background-image: linear-gradient(to bottom, #836CA9 0%, #836CA9 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff836CA9', endColorstr='#ff836CA9', GradientType=0);
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #836CA9;
}

.btn-success:hover,
.btn-success:focus {
    background-color: #836CA9;
    background-position: 0 -15px;
}

.btn-success:active,
.btn-success.active {
    background-color: #836CA9;
    border-color: #836CA9;
}

.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
    background-color: #836CA9;
    background-image: none;
}


/* panel */

.panel {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: 0 0 0 rgba(0, 0, 0, .05);
    background-color: transparent;
    border: none;
}

.panel-default p {
    color: #444444;
    font-weight: bold;
}


/* multiselect */

.multiselect-selected-text {
    text-shadow: none;
    color: #555;
}

.multiselect-container>li.multiselect-group label {
    color: #555;
}

.multiselect-container>li>a>label {
    color: #555;
}


/* checkboxes */

.form-checkbox label {
    margin-bottom: 0;
}

.form-checkbox>input[type=checkbox] {
    opacity: 0;
    float: left;
    margin-left: -20px;
}


/* to hide the checkbox itself */
.form-checkbox>input[type=checkbox] + label {
	cursor:pointer;
	line-height:30px;
}
.form-checkbox>input[type=checkbox] + label:before {
    font-family: FontAwesome;
    font-weight: normal;
	float:left;
    display: inline-block;
    font-size: 24px;
width:30px!important;
    color: #004fb6;
}

.form-checkbox>input[type=checkbox] + label:before {
    content: "\f096";
}


/* unchecked icon */

.form-checkbox>input[type=checkbox] + label:before {
    letter-spacing: 10px;
}


/* space between checkbox and label */

.form-checkbox>input[type=checkbox]:checked + label:before {
    content: "\f046";
}


/* checked icon */

.form-checkbox>input[type=checkbox]:checked + label:before {
    letter-spacing: 10px;
    color:  #004fb6;
}

input[type=checkbox]:hover + label:before {
    color:  #ffd900;
}

input[type=checkbox]:focus + label:before {
     color:  #ffd900;
 }



/* allow space for check mark */


/* radio buttons */

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    opacity: 1;
}

input[type=radio].with-font {
	color:#004fb6!important;
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
    padding: 0;
    position: absolute;
    width: 1px;
}

input[type=radio].with-font + label {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Chrome/Safari/Opera */
    -khtml-user-select: none;
    /* Konqueror */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    cursor: pointer;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    padding: 8px 0px;
    border-radius: 2px;
    font-size: 15px;
    line-height: 23px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4c317f+0,4c317f+49,492683+51,4c317f+100 */
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8e77b5+0,482f7a+100 */
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b8abd2+0,907ab3+100 */
    //background: rgb(184, 171, 210);
    background: #ffd900;
    /* Old browsers */
    //background: -moz-linear-gradient(top, rgba(184, 171, 210, 1) 0%, rgba(144, 122, 179, 1) 100%);
    /* FF3.6-15 */
    //background: -webkit-linear-gradient(top, rgba(184, 171, 210, 1) 0%, rgba(144, 122, 179, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    //background: linear-gradient(to bottom, rgba(184, 171, 210, 1) 0%, rgba(144, 122, 179, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    //filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#b8abd2', endColorstr='#907ab3', GradientType=0);
    /* IE6-9 */
    border: 1px solid #ffd900;
    width: 67px;
	color:#004fb6!important;
    text-align: center;
}

/*input[type=radio].with-font:checked + label,
input[type=radio].with-font:hover + label {
    color: white!important;
    border: 1px solid rgba(72, 47, 122, 1);
    *//* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#856eab+0,684994+100 *//*
    background: rgb(133, 110, 171);
    *//* Old browsers *//*
    background: -moz-linear-gradient(top, rgba(133, 110, 171, 1) 0%, rgba(104, 73, 148, 1) 100%);
    *//* FF3.6-15 *//*
    background: -webkit-linear-gradient(top, rgba(133, 110, 171, 1) 0%, rgba(104, 73, 148, 1) 100%);
    *//* Chrome10-25,Safari5.1-6 *//*
    background: linear-gradient(to bottom, rgba(133, 110, 171, 1) 0%, rgba(104, 73, 148, 1) 100%);
    *//* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *//*
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#856eab', endColorstr='#684994', GradientType=0);
    *//* IE6-9 *//*
}*/
input[type=radio].with-font:focus + label {
	    border: 1px solid #004fb6;
}

input[type=radio].with-font:checked + label,
input[type=radio].with-font:hover + label {
    color: white!important;
    border: 1px solid #004fb6;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#856eab+0,684994+100 */
    background: #004fb6;
    /* Old browsers */
    background: -moz-linear-gradient(top, #004fb6 0%, #004fb6 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #004fb6 0%, #004fb6 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #004fb6 0%, #004fb6 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#004fb6', endColorstr='#004fb6', GradientType=0);
    /* IE6-9 */
}

input[type=radio].with-font + label:before {
    display: inline-block;
    content: " ";
    letter-spacing: 10px;
    font-weight: normal;
    font-size: 18px;
    color: #ffd900;
}

input[type=radio].with-font:checked + label:before {
    content: " ";
    letter-spacing: 5px;
    font-weight: normal;
    font-size: 18px;
    color: #ffd900;
}


/* after checked */

input[type=radio].with-font:focus + label:before,
input[type=radio].with-font:focus + label {
    color: #ffd900;
}


/* spinner */

.loader {
    margin: 60px auto;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    border-top: 1.1em solid rgba(255, 255, 255, 0.2);
    border-right: 1.1em solid rgba(255, 255, 255, 0.2);
    border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
    border-left: 1.1em solid #ffffff;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}

.loader,
.loader:after {
    border-radius: 50%;
    width: 10em;
    height: 10em;
}

.loader.ng-animate { transition: 0s none; animation: 0s none; }

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}