.filter-container > .well {
    border-radius: 0;
    margin-bottom: 10px;    
}

.filter-container > .filter-header,
.filter-container > .filter-body {
    padding: 0.5rem 0.5rem;
}
.subheader{
    background-color: #DEB439;
    color: #FFFFFF;
    line-height: 25px;
    padding-left: 10px;
}
.table {
    border: 1px solid #e5e5e5;
}

#compare-table-body > tr > td, #compare-table-body > tr > th {  
  /*border-color: inherit;   */
}

#compare-table-body tr:first-child {
    background-color: #DEB439;
    color: #FFFFFF;
}
 

table tr:first-child > td:nth-child(2) > p > a {
    color: #FFFFFF;
}

.selection > div {
    border: 1px solid #000000;
    padding: 5px;
    margin: 10px 15px;
}

.itemp{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.9em;
    margin-bottom: 0px;
}

.mast-container{
    font-size: 1em;
    color: #FFFFFF;   
    padding:15px 0 15px 15px;
    background-color: #ccc;  
}

#selection-list .compare-btn{   
    display:block;
    margin:5px 15px 10px 15px;
}
.mast-head{
    height:60px;
    position:relative;
    margin-left: 25px;
}

.mast-circle{
    width: 65px;
    height: 65px;
    border: 2px solid white;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position:absolute;
    left: -35px;
    top: -2px; /*adjustor for centering the circle wrt mast-content*/
    font-size: 2em;
    text-align:center;
    line-height:60px;
}

.mast-content{
    width: 100%;
    height:100%;
    background-color: #999;
    text-align:center;
    font-size:1.2em;
    padding-left:35px;
}

.mast-label{
    display:inline-block;
    width:70%;
    margin:auto; 
}

.tab-icon{
    width:144px;
    height: 72px;
    margin: -10px -30px;
    /*svg props */
    fill: white;
}


.panel > .panel-heading
{
    background-color: transparent;
    color: #406EB5;
    font-weight: bold;
    text-transform: uppercase;   
    border: 1px solid #636466;    
}
    
.panel-heading > a
{
    text-decoration: none;
    color: #406EB5;
}

.borderbottom {
    border-bottom: 1px solid #000000;
}

@media screen and (max-width:400px) {
	.tab-icon {
		width: 72px;
		margin: -10px 0;
	}

    .miles{
        margin-top: 5px;
    }
}

@media screen and (max-width:360px){
    .mast-label{
        width:68%;
        font-size: 0.8em;
        margin-top: 20px;
    }

    .miles{
        margin-top: 5px;
    }
}

/*-- advanced compare --*/

.filter-slider .ui-slider .ui-slider-handle {
    width: 20px;
    height: 2em;
    color: #FFFFFF;
    text-align: center;
    top: -.5em;
}

.filter-slider .ui-widget.ui-widget-content {
    border: none;
}

.filter-slider .ui-widget-header, .ui-widget-content .ui-state-default {
    background: #466FB4;
    border: none;
}

.filter-slider .ui-widget-content {
    background: #B6C4E0;
}

.filter-slider .ui-slider-horizontal {
    height: 1.1em;
}

.filter-slider .ui-corner-all {
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.filter-slider {
}

.filter-header {
    border: none;
    background-color: #E6E7E8;
}

.filter-options {
    /*padding-left: 10px;*/
}

    .filter-options > label {
        padding-right: 0px;
    }

.slider-range {
    /*margin-bottom: 10px;
        margin-left: 10px;
        margin-right: 15px;*/
    margin: 0px 15px 10px 10px;
}

.range-label {
    border: solid 2px #456EB4;
    padding: 2px;
    color: #456EB4;
}

.range-container {
    /*margin-bottom: 6px;*/
}

.inner-addon {
    position: relative;
    margin-bottom: 5px;
}

    .inner-addon .glyphicon {
        position: absolute;
        padding: 10px;
    }

.right-addon .glyphicon {
    right: 0px;
}

.right-addon input {
    padding-right: 30px;
}

#searchschools, #expandcollapse {
    color: #000000;
}

.padding-left {
    padding-left: 5px;
}

.filters > .section .active {
    background: #466FB4;
}

.filters > .section .active > a {
    color: #FFFFFF;
}

.source-entity-value {
    color: #FFFFFF;
    background-color: #DEB439;
}

#txtsearch + label::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f002';
    margin-right: 0.1rem;
}
/*--end of advanced compare styles --*/

@media screen and (max-width:330px){
    .mast-label{
        width:60%;
        font-size: 0.8em;
        margin-top: 20px;
    }

    .miles{
        margin-top: 5px;
    }
}