/*!
 * Start Bootstrap - Simple Sidebar HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Toggle Styles */
#menu-toggle { display:none;}

#wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled {
    padding-left: 265px;
}

#sidebar-wrapper {
    z-index: 1;
    position: absolute;
    left: 270px;
    width: 0;
    height:auto;
    margin-left: -265px;
    overflow-y: auto;
    background: #fff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled #sidebar-wrapper {
    width: 265px;
}

#page-content-wrapper {
    width: 100%;
    position: absolute;
    padding: 15px;
}

#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -265px;
}

/* Sidebar Styles */

.sidebar-nav {
    position: absolute;
    top: 0;
    width: 265px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidebar-nav li {
    text-indent: 20px;
    line-height: 40px;
}

.sidebar-nav li a {
    display: block;
    text-decoration: none;
    color: #999999;
}

.sidebar-nav li a:hover {
    text-decoration: none;
    color: #fff;
    background:#333;
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
    height: 65px;
    font-size: 18px;
    line-height: 60px;
}

.sidebar-nav > .sidebar-brand a {
    color: #999999;
}

.sidebar-nav > .sidebar-brand a:hover {
    color: #fff;
    background: none;
}

.portlet-body { margin-bottom:15px;  border:1px solid #e5e5e5; background-color:#f5f5f5; padding:5px 10px; box-shadow:none!important; font-size:13px; color:#666666;}
.portlet-body strong { font-size:15px; color:#34495e;}





@media (max-width:980px) {

#menu-toggle { display:inline;}

}
@media(min-width:768px) {
    #wrapper {
        padding-left: 265px;
    }

    #wrapper.toggled {
        padding-left: 0;
    }

    #sidebar-wrapper {
        width: 265px;
    }

    #wrapper.toggled #sidebar-wrapper {
        width: 0;
    }

    #page-content-wrapper {
        padding: 20px; padding-top:0px;
        position: relative;
    }

    #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0;
    }
}


#filter-form label { float:left; clear:both; margin-rigaht:10px; color:#333;}
#filter-form label input { margin-right:3px; vertical-align:top;}

.filter-div { padding:10px;}

.filter-sub-div strong { font-size:14px; color:#4053ba;}
.filter-sub-div { float:left; width:100%; padding-bottom:5px; margin-bottom:10px; border-bottom:1px solid #e5e5e5; font-size:14px; color:#000000;}

.miles { width:100%; float:left; margin-right:0px; font-size:13px; margin-top:10px;}
.miles label { float:none!important; margin-right:2px; margin-left:2px;}
.miles aaa { background-color:#666666; color:#FFFFFF; padding:5px 8px;}
.miles aaa:hover { background-color:#4053ba; text-decoration:none; color:#FFFFFF;}

.miles aaa:focus { background-color:#4053ba; text-decoration:none; color:#FFFFFF;}


.miles input { margin-top:2px!important;}

.customer-sidebar { margin:0px; padding:0}
.customer-sidebar li { list-style:none; }
.customer-sidebar li a { color:#000; text-decoration:none;  padding:10px; background-color:#d9d9d9; margin:1px; display:block;}

.customer-sidebar li a:hover { background-color:#003366; text-decoration:none; color:#fff!important;}
.customer-sidebar li a.active { background-color:#003366!important; text-decoration:none; color:#fff!important;}