/*	GROUP RESPONSIVE OVERRIDE CSS FILE  		*/




/*      MOBILE WIDTH     */
@media (max-width: 767px) {

    .external-page-header-1
    {
        margin-top: 15px;
    }

    .external-page-header-1 > a
    {
        display: inline-block;
        background-image: url("img/mobile_external.png");
        background-repeat:no-repeat;
        width:240px;
        height:81px;
    }

    .page-section-tabs > div > div > a
    {
        border: none;
        background-color: #EFEFEF;
        color: #4C5F6C;
        font-size: 10px;
        padding:11px 2px;
        font-weight:700;
    }
    
    .page-section-tabs > div > div.active > a
    {
        border: none;
        background-color: #4C5F6C;
        color: #fff;
    }

    .panel-right .panel-right-list-heading
    {
        background-color: #E4E5E6;
    }

    .panel-right .panel-right-list
    {
        background-color: #FFF;
    }

    .panel-right .panel-right-list .list-item.selected
    {
        background-color: #E4E5E6;
    }

    .panel-right .panel-right-list .list-item:not(.selected) .list-item-description
    {
        color: #989898;
    }
    
}



/*      GREATER THAN MOBILE WIDTH        */
@media only screen and (min-width: 768px) {

    .external-page-header-1
    {
        margin-top: 30px;
    }

    .external-page-header-1 > a
    {
        display: inline-block;
        background-image: url("img/desktop_external.png");
        background-repeat:no-repeat;
        width:308px;
        height:103px;
    }
    
    /* tab section background color*/
    .page-section-tabs
    {
        background-color: #E4E5E6;
    }

    /* tab section line color*/
    .page-section-tabs > div > div:not(.active)
    {
        border-bottom: 1px solid #B6C1CA;
    }
    .page-section-tabs > div > div.active
    {
        background-color: #B6C1CA;
    }

    /* tab section text color*/
    .page-section-tabs > div > div:not(.active) a
    {
        color: #4C5F6C;
    }
    .page-section-tabs > div > div.active a,
    .page-section-tabs > div > div.tab-buttons span,
    .page-section-tabs > div > div.tab-buttons a
    {
        color: #7C8E9A;
    }
    
    /* dashboard & datalist control*/
    .panel-datalist-items > div[active]:after,
    .page-section-dashboard .left-panel .panel-account-items > div[active]:after 
    {
        content: " ";
        display: block;
        width: 0;
        height: 0;
	    border-top: 13px solid transparent;           
	    border-bottom: 13px solid transparent;
	    border-left: 13px solid #7C8E9A;
	    position: absolute;
	    top: 50%;
	    margin-top: -13px;
	    right:-12px;
	    z-index: 0;    
    }

    .panel-right 
    {
        background-color: #E4E5E6;
    }

    .panel-right .panel-right-accordian .accordian-heading
    {
        background-color: #B6C1CA;
    }
    
    /*  PANEL-RIGHT-VALUES */
    .panel-right .panel-right-values > div > div
    {
        background-color: transparent;
    }
       

}