body {
      background-attachment: fixed;
    background-color: #48b0bc;
    background-image: url("//b.content.wso2.com/sites/all/docs-dashboard-2016/docs-dashboard-2016-bg.jpg");
   background-position: -104px 50px;
    background-repeat: no-repeat;
    background-size: 162% auto;
}
.row.cDocsIntro {
    color: #ffffff;
    padding: 3em 0;
}
.row.cDocsContnt {
    background-color: rgba(0,18,47,0.6);
   }
.cDocsIntro h1 {
    color: #ffffff;
    margin-bottom: 0.5em;
}
.cDocsIntro p {
    color: #ffffff;
}
.cDocsIntro h1 span {
    font-weight: 600;
}


.accordionContent {
    display: none;
}
a.docsLogo {
    display: inline-block;
    width: 100%;
    cursor: pointer;
    transition: all 0.5s ease 0s;
    border-radius: 5px;
    height: 30px;
    border-radius: 7px;

}
a.docsLogo:hover {
    background-image: url("//b.content.wso2.com/sites/all/docs-dashboard-2016/down-arrow.svg");

    /*    background-position: right center;*/
    background-position: 293px 5px;
    background-repeat: no-repeat;
    /*    background-size: 5% auto;*/
    box-shadow: inset 0 0 44px rgba(0, 0, 0, 0.5);
}

a.docsLogo img {
      box-shadow: 0 0 20px rgba(0, 0, 0, 0.85);
        border-radius: 7px;
        height: 30px;
        transition: all 0.5s ease 0s;
}

/*a.docsLogo:Hover img {
   
}*/

a.docsLogo:hover img  {
    box-shadow:0 0 20px rgba(0, 234, 255, 0.3);
/*    border: 1px solid #ffffff;*/
}
a.docsLogo.cDS img {
    height: 40px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
    margin-top: -10px;
}

a.docsLogo.active {
     background-image: url("//b.content.wso2.com/sites/all/docs-dashboard-2016/up-arrow.svg");

    background-position: 293px 5px;
    background-repeat: no-repeat;
/*    background-size: 5% auto;*/
    transition: all 0.5s ease 0s;
    
     
}

a.accordionTrigger:hover {
/*    background-color: rgba(0,18,47,0.5);*/
}


a.docsLogo.cNoSubLinks {
    background-image: none;
    background-color: transparent;
    width: auto;
}

a.docsLogo.cNoSubLinks:hover {
    background-color: transparent;
}

.accordionContent  {
     border: 1px solid #00254A;
    border-radius: 8px;
    margin-top: -38px;
    padding-top: 2em;
/*    background-color: rgba(255,255,255,0.5);*/
background-color: rgba(0,18,47,0.3);
    box-shadow: inset 0 0 44px rgba(0, 0, 0, 0.5);
}

.cDocsCol {
    border-left: 1px solid #408393;
    display: inline-block;
    padding: 0 0em 0em 2em;
    width: 100%;
}
.cDocsCol h2 {
 background-position: left center;
    background-repeat: no-repeat;
    color: #ffffff;
    font-size: 1.4em;
    line-height: 3em;
    margin-bottom: 2em;
    margin-top: 0;
    padding-left: 3em;
    text-transform: uppercase;
}

.cDocsCol h3 {
   
    color: #ffffff;
    font-size: 1.1em;
    line-height: 2em;
    margin-bottom: 1em;
    
    margin-top: 1.2em;
    text-transform: uppercase;
    font-weight: 200;
}
.cDocsCol h2 span {
    text-transform: none;
}
/*.cDocsCol:last-child {
    border: none;
}*/

.cDocsCol h2.h2apim {
     background-image: url("//b.content.wso2.com/sites/all/docs-dashboard-2016/apim.svg");
}
.cDocsCol h2.h2Int {
     background-image: url("//b.content.wso2.com/sites/all/docs-dashboard-2016/integration.svg");
}
.cDocsCol h2.h2Analytics {
     background-image: url("//b.content.wso2.com/sites/all/docs-dashboard-2016/analytics.svg");
}
.cDocsCol h2.h2Security {
     background-image: url("//b.content.wso2.com/sites/all/docs-dashboard-2016/security.svg");
}

.cDocsCol h2.h2MobileandIot {
     background-image: url("//b.content.wso2.com/sites/all/docs-dashboard-2016/mobile.svg");
}
.cDocsCol h2.h2UnifiedGovernance {
    background-image: url("//b.content.wso2.com/sites/all/docs-dashboard-2016/governance.svg");
}
.cDocsCol h2.h2ServiceandAppsDev {
     background-image: url("//b.content.wso2.com/sites/all/docs-dashboard-2016/appdev.svg");
}
.cDocsCol h2.h2Cloud {
    background-image: url("//b.content.wso2.com/sites/all/docs-dashboard-2016/cloud.svg");
}

.cDocsCol h2.h2Frameworks {
     background-image: url("//b.content.wso2.com/sites/all/docs-dashboard-2016/frameworks.svg");
}
.cDocsCol h2.h2PaaS {
    background-image: url("//b.content.wso2.com/sites/all/docs-dashboard-2016/paas-support.svg");
}
.cDocsCol h2.h2Extensions {
    background-image: url("//b.content.wso2.com/sites/all/docs-dashboard-2016/extensions.svg");
}
.cDocsCol h2.h2CrossPlatform {
    background-image: url("//b.content.wso2.com/sites/all/docs-dashboard-2016/cross-platform.svg");
}
.cDocsCol h2.h2DevelopmentResources {
    background-image: url("//b.content.wso2.com/sites/all/docs-dashboard-2016/development.svg");
    line-height: 1.4em;
}
.cDocsCol h2.h2Legacy {
    background-image: url("//b.content.wso2.com/sites/all/docs-dashboard-2016/legacy.svg");

}

.col-sm-12.col-md-6.cLegacyCol {
    padding-left: 0;
    padding-right: 1.7em;
}




.cDocsClear {
     border-bottom: 1px solid #408393;
    clear: both;

    margin-bottom: 2em;
    padding-top: 2em;;
}

.cDocsCol.cDocsColLast {
    border: none;
}
.accordiandiv {
    padding-bottom: 1em;
}
.accordionContent ul  {
    padding: 1em;
    margin: 0px;
    
}

.accordionContent ul li {
    padding-bottom: 0.5em;
    border-bottom: 1px solid #408393;
    margin-bottom: 0.5px;
    list-style: none;
    
    
}
.accordionContent ul li a {
    color: #ffffff;
}

.accordionContent ul li:last-child {
    border: none;
}

#footer {
    padding-top: 0;
}


  .cDocsCol {
        border: none;
        padding: 0 1em 0 1em;
    }
    .cBgCol {
        display: inline-block;
        width: 100%;
        background-image: url("//b.content.wso2.com/sites/all/docs-dashboard-2016/bg-col.png");
        background-repeat: repeat-y;
        background-size: 100%;
    }
    .cBgCol.cBgColLast {
         background-image: url("//b.content.wso2.com/sites/all/docs-dashboard-2016/bg-col-last.png");
    }
    
    
@media screen and (max-width: 991px) {
    .cDocsIntro h1 {
        font-size: 2em;
    }
    body {
        background-size: 400%;
           background-position: 0px 0px;
    }
    .cDocsCol , .cDocsClear {
        border: none;
    }
    .cBgCol.cBgColLast , .cBgCol {
        background-image: none;
    }
    .cDocsClear {
        display: none;
    }
    
    .cDocsCol , .cDocsCol.cDocsColLast {
         border-bottom: 1px solid #408393;
         padding: 2em 0 2em 0;
    }
    .cDocsCol h2 {
        line-height: 3.4em  !important;
    }
    
    
    a.docsLogo:hover , a.docsLogo:active {
     background-image: url("//b.content.wso2.com/sites/all/docs-dashboard-2016/down-arrow.svg");


      background-position-x: -10px;
    background-repeat: no-repeat;
    background-size: auto;
    box-shadow: inset 0 0 44px rgba(0, 0, 0, 0.5);
    
}
    
    
    
}