/* Desktop View */
@media (min-width: 992px) {
    #sideBar{
        width: 300px !important;
        max-width: 300px !important;
        margin-right: 10px;
        height: 100%;
        display: flex;
        flex-flow: column nowrap;
    }
    #sideBar > div{
        min-width: 300px;
    }

    .dvSideBar .navbar-collapse.collapse.in {
        display: block !important;
        overflow-y: auto !important;
    }
}
/* /Desktop View */
/* Mobile View */
@media (max-width: 991.98px) {
    #sideBar{
        max-width: 100%;
    }
    .dvSideBar{
        width: 100% !important;
        margin-right: 15px;
        margin-left: 15px;
    }

    .social_items {
        width: 100% !important;
    }

    .social_items .tw {
        margin-top: 0px !important;
    }
}

/*#sideBar .transBox{
    padding: 0;
}*/

.sideBarBox {
    background-color: #1f488a;
    /*width: 265px;*/
    margin: 10px auto;
}

.sideBarBox .simpleSearch {
    min-height: 290px;
}

.dvSideBar h3 {
    display: block;
    color: #630d03;
    text-transform: uppercase;
    font-size: 1.5rem;
    padding: 9px 7px 5px 5px;
    margin: 0;
    line-height: 20px;    
    border-bottom: 2px ridge #630d03;
    font-family: 'Pragati narrow';
    font-weight: bold;
}

.sideBarBox .form-row {
    display: block;
    margin: 5px 0 5px 0;
    padding: 5px 10px;
    clear: both;
}

.sideBarBox .form-row span.label {
    width: 35%;
    display: inline-block;
    text-align: left;
    float: left;
    line-height: 20px;
    background: #163a75;
    font-size: 13px;
}

.sideBarBox .form-row select,
.sideBarBox .form-row .input {
    width: 60%;
    float: right;
    height: 28px;
}

.rdOptions {
    color: #fff;
}

.sideBarBox .btn_search {
    background: #66aed8;
    text-align: center;
    padding: 5px 0 0 0;
    border: 1px solid #a5daf8;
    font-family: 'Pragati Narrow';
    font-size: 17px;
    color: #fff!important;
    text-transform: uppercase;
    text-decoration: none;
    display: block;
}

.sideBarBox a {
    display: inline-block;
}

.sideBarBox a:hover {
    color: #fff;
    text-decoration: none;
}


/*SideBar - Favorites*/

.favorites {
    color: #fff;
    margin: 10px auto !important;
}

.favorites .btn {
    margin-left: 5px;
    text-align: center !important;
    max-width: 30%;
}

.favorites .btn:hover {
    color: #f0f0f0;
}

.favorites .active {
    background: #eee;
    color: navy;
}

.favorites .content {
    height: 200px;
    overflow-y: auto;
}

.about {
    background: #dcdcdc;
    padding: 1px 20px 10px 20px;
    font-size: 13px;
    color: #232323;
    line-height: 1.5em;
}

.social_items {
    background-color: transparent;
}

.social_items .row{
    margin: 0px;
}

.social_items img {
    max-width: 100%;
    max-height: 35px
}

.social_items .fb,
.social_items .tw {
    padding: 24px 0px;
    max-width: 330px;
}

.social_items .fb {
    background: url('https://v11.usssa.net/images/landing/social_fb_bg2.jpg') no-repeat;
    background-size: 100% 100%;
}

.social_items .tw {
    background: url('https://v11.usssa.net/images/landing/social_tw_bg2.jpg') no-repeat;
    background-size: 100% 100%;
    margin-top: 1rem;
}

.social_items .fb span, .social_items .tw span {
    display: block;
    margin: 16px 0;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 16px 8px;
    font-weight: bold;
    font-family: tahoma;
    line-height: 1.2em
}

.social_items .fb > [class^="col-"], .social_items .tw > [class^="col-"] {
    margin: auto 0px;
}

.social_items .fb span {
    background: #1e4175;
    color: #b4c7fc;
}

.social_items .tw span {
    background: #0c6b96;
    color: #b7e5fa;
}

.social_items .innerright {
    float: right;
    list-style: none;
    padding: 0;
}

.social_items .fb li,
.social_items .tw li {
    margin: 0 0 8px 0;
    padding: 6px 0 6px 22px;
    line-height: 13px
}

.social_items .fb li {
    background: url('https://v11.usssa.net/images/landing/icon_fb_sm.png') no-repeat center left;
}

.social_items .tw li {
    background: url('https://v11.usssa.net/images/landing/icon_tw_sm.png') no-repeat center left;
}

.social_items a:link,
.social_items a:visited {
    color: #FFF;
    font-weight: normal;
    font-family: tahoma;
    font-size: 13px;
    text-decoration: none
}

.social_items a:hover {
    color: #ffa609
}

/* Nav-Sidebar */
.nav-sidebar { 
    width: 100%;
    padding: 8px 0; 
}
.nav-sidebar .fa{
    font-size: 18px;
    min-width: 21px;
    text-align: center;
    margin-right: 10px;
}

.nav-sidebar li{
    margin-bottom: 2px;
}

.nav-sidebar a {
    background-color: #eaeaea;   
    color: #333;
    -webkit-transition: all 0.08s linear;
    -moz-transition: all 0.08s linear;
    -o-transition: all 0.08s linear;
    transition: all 0.08s linear;
    -webkit-border-radius: 4px 0 0 4px; 
    -moz-border-radius: 4px 0 0 4px; 
    border-radius: 4px 0 0 4px; 
}
.nav-sidebar .active a { 
    cursor: default;
    background-color: #428bca; 
    color: #fff; 
    text-shadow: 1px 1px 1px #666; 
}
.nav-sidebar .active a:hover {
    background-color: #428bca;   
}
.nav-sidebar .text-overflow a,
.nav-sidebar .text-overflow .media-body {
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis; 
}
/* //Nav-Sidebar  */