/* Global */
.cOTtitle { display: none; }

/*body { background-color:#ffffff; color: #444444; }
a:link { color: #0d6fc4; text-decoration: none; }
a:hover { text-decoration: none; padding: 0px 0px 1px; border-bottom: solid 1px #999999; }
a:visited { text-decoration: none; }
.cClear { clear: both; }
a.cBookmark { display: inline-block; position: absolute; margin: -135px 0px 0px; }
a.cBookmarkTop { display: inline-block; position: absolute; margin: -150px 0px 0px; }
p { margin: 10px 0px 15px; }
h2 { font-size: 150%; font-weight: 300; margin: 0px 0px 20px; }
a.cBlue { color: #0071bc; }
p { font-weight: 400; font-size: 100%; line-height: 150%; color: #404041; }
.cWebinarContainer { width: 90%; max-width: 906px; margin: 170px auto 0 auto; }*/

.mid-header { display: none; }
#contentcolumn-content .innertube { width: 100%; background-image: none; background-color: transparent; }
.cOTlayoutContainer { width: 100%; margin-top: 0px; }
#contentcolumn-content { width: 100%; }
#contentcolumn-content .innertube div.mid-content div.content { padding-right: 0px; }

/* search bar */
.cContentType { background-image: url(//b.content.wso2.com/sites/all/resource-pages/images/search-separator.png); background-repeat: no-repeat; background-position: center bottom; padding: 0px 0px 7px; }
.cSearch { border-bottom: solid 1px #cccccc; background-color: #ffffff; }
.cSearchContent { margin: auto; padding: 0px 0px 15px; }
.cSearch .cCategory { font-size: 1.5em; font-weight: 400; color: #333333; margin: 12px 0px 0px; display: inline-block; line-height: 32px; padding: 0px 0px 0px 45px; background-image: url(//b.content.wso2.com/sites/all/resource-pages/images/webinars-icon-h32.png); background-repeat: no-repeat; background-position: left center; }
.cSearch .cForm { display: inline-block; float: right; max-width: none; margin: 15px 0px 0px; padding: 0px; height: 25px; }
.cSearch .cForm select.cSelectBox { display: inline-block; float: left; font-weight: normal; font-size: 100%; color: #444444; height: 25px; margin: 0px 3px 15px 0px; border: solid 1px #cccccc; border-radius: 3px; background-color: #ffffff; }
.cSearchButton { height: 25px; width: 36px; margin: 0px; background-image: url(//b.content.wso2.com/sites/all/resource-pages/images/search-icon.png); background-repeat: no-repeat; background-position: center; border: 0px; background-color: transparent; border-radius: 5px; cursor: pointer; }
.cSearch .cForm a { font-size: 110%; padding: 5px 0px 0px; display: block; }

.cWebinar .cSearch { background-color: transparent; border-bottom: 0; }
.cWebinar .cSearch .cCategory { font-size: 3em; font-weight: 800; color: #ffffff; margin: 12px 0px 0px; display: inline-block; line-height: 1.5em; padding: 0; background-image: none; }
.cWebinar { margin-top: -12em; }
.cWebinar .cContentType { background-image: none; }


/* Webinar header */
.cWebinarheader { margin: auto; padding: 20px 0px; color: #666666; background-image: url(//b.content.wso2.com/sites/all/resource-pages/images/webinar-bg.png); background-repeat: no-repeat; background-position: right 40px center; }
.cWebinarTitle { background-color: transparent; margin: 0px 0px 25px; height: auto; }
.cWebinarTitle h1 { text-transform: none;
font-size: 2em;
line-height: 1.5em;
font-weight: 800;
color: #000000;
border-bottom: solid 1px #cccccc;
padding: 0px 0px 15px;
height: auto;
margin: 0px; 
margin: 59px 0 0;
}
.cWebinarSeries { margin: 0 0 40px; }
.cWebinarSeries a { font-size: 125%; color: #ff5000; }
.cWebinarDate { font-size: 140%; float: left; margin: 55px 0px; }
.cWebinarTime { font-size: 140%; float: left; margin: 40px 0px 0px 30px; padding: 0px 0px 0px 30px; border-left: solid 1px #666666; }
.cWebinarLocalTime { font-size: 70%; margin: 5px 0px 0px; }
.cWebinarRegister { float: right; margin: 50px 0px 0px; }
.cWebinarRegister a { background-color: #f47a20; border-radius: 7px; color: #ffffff; font-size: 175%; font-weight: 600; padding: 15px 30px; }
.cWebinarRegister a:hover { border-bottom: 0px; background-color: #f9a01e; }
#register h2 { color: #f47a20; font-size: 175%; font-weight: 600; }

.cForm { max-width: none !important; }

/* Webinar Intro */
.cWebinarIntro { background-color: #f7f7f7; }
.cWebinarIntroContent { width: 90%; max-width: 960px; padding: 25px 0px; margin: auto; }

.cWebinar .cRecording { display: none; }
.cWebinar .cSlides { display: none; }
.cWebinar #mediaplayer { display: none; }

/* Webinar Presenter */
.cPresenter { background-color: #ededed; padding: 30px 0px; }
.cPresenterContent { width: 90%; max-width: 960px; margin: auto; }
.cPresenterContent h2 { font-size: 2em; font-weight: 800; line-height: 1.5em; margin: 0px; }
.cPresenterDetails { font-size: 1.5em; font-weight: 800; margin: 10px 0px 20px; }
.cPresenterDetails .cDesignation { font-weight: 400; margin: 0 0 0 10px; font-size: .85em; }
.cPresenterPic { border: solid 1px #999999; float: left; line-height: 0px; margin: 0px 15px 15px 0px; }
.cPresenterBio { margin: 0px 0px 0px 110px; }


.cWebinar .cWebinarIntroContent ul li { font-size: 1.2em; line-height: 1.4em; }
.cWebinar .cWebinarRegisterNew { text-align: right; }

/* Message styles */
.cBottomMessages { margin: auto; padding: 30px 0px 30px; }
.cBottomMessages .cWebinarSeries { font-size: 135%; font-weight: 700; }
.cBottomMessages .cWebinarSeries a { font-size: 100%; }


/*  ONDEMAND WEBINAR STYLES  */
.cOndemandWebinar .cWebinarTitle h1 { text-transform: none; font-size: 2em; line-height: 1.5em; font-weight: 800; color: #000000; border-bottom: solid 1px #cccccc; padding: 0px 0px 15px; height: auto; margin: 0px; }
.cOndemandWebinar .cWebinarDateNew, .cOndemandWebinar .cWebinarTimeNew { font-size: 1.2em; font-weight: 400; color: #333333; padding: 10px 0 0; }
.cOndemandWebinar .cWebinarIntroContent ul li { font-size: 1.2em; line-height: 1.4em; }

.cOndemandWebinar .cSearch .cCategory { background-image: url(//b.content.wso2.com/sites/all/resource-pages/images/ondemand-webinars-icon-h32.png); }
.cOndemandWebinar .cWebinarheader { background-image: none; }
.cOndemandWebinar .cWebinarTitle { margin: 0px 0px 10px; }
.cOndemandWebinar .cWebinarTime, .cOndemandWebinar .cWebinarLocalTime, .cOndemandWebinar .cWebinarRegister { display: none; }
.cOndemandWebinar .cWebinarDate { color: #999999; float: left; margin: 10px 0px 0px; } 
.cOndemandWebinar .cWebinarIntro { background-color: transparent; }
.cRecording { width: 90%; max-width: 750px; border: solid 1px #cccccc; margin: 10px auto 0px auto; line-height: 0px; }
.cRecordingWis {width: 90%; max-width: 750px; border: solid 1px #cccccc; margin: 10px auto 0px auto; line-height: 0px;}
.cRecording img { width: 100%; }
#mediaplayer { margin: 10px auto 0px auto; width: 90%; max-width: 750px; }
.cSlides { float: right; display: inline-block; margin: 20px 0px 0px 40px; width: 45%; max-width: 465px; }
.cSlides img { width: 100%; }
.ssholder { float: right; margin: 20px 0px 20px 40px; }

#iRightNavigation {  }
.cRightButtons { font-weight: 400; font-size: 120%; line-height: 150%; display: inline-block; position: fixed; right: 0; top: 45vH; background-color: #f47b20; border: solid 2px #ffffff; border-right: 0px; border-top-left-radius: 7px; border-bottom-left-radius: 7px; padding: 20px 0px 17px 20px; }
#iRightNavigation ul { list-style: none; margin: 0px; padding: 0px; }
#iRightNavigation ul li { padding: 0px 20px 10px 0px; border-bottom: solid 1px #ffffff; font-weight: 600; font-size: 110%; }
#iRightNavigation ul li.cBottom { border-bottom: 0px; padding: 10px 20px 0px 0px; }
#iRightNavigation ul li a { color: #ffffff; }
#iRightNavigation ul li a:hover { border-bottom: solid 1px #ffffff; }
#iRightNavigation li.cDownloadButton { display: none; }


.cNewWebinarPage-Col , .cDescription ,.cArticle2016Info , h1.title {
    display: none;
}
.col-sm-12.col-md-8.cArticle2016LeftCol.cNewWebinarPage-Content {
    width: 100%
}

.cWebinarDateNew , .cWebinarTimeNew , .cWebinarRegisterNew {
    font-size: 1.5em;
color: #000000;
padding: 0;
line-height: 1.4em;
}
.cWebinarDateNew { font-weight: 800; }

.cWebinarLocalTime {
    font-size: 0.8em;
}
.cWebinarRegisterNew a {
    color: #ffffff; background-color: #ff5000; border-radius: 0;
}
.cWebinarRegisterNew a:hover { color: #000000; }

.node, .cBlogPostContainer, .cOndemandWebinar, .cVideoList ul li {
    border-bottom: 0px solid #ababab;
    padding: 0;
}
.col-sm-12.col-md-4.cArticle2016RightCol {
    display: none;
}
.cArticle2016LeftCol {
    border: none !important;
}





@media screen and (max-width: 1250px) {
    .cWebinarRegister { clear: both; float: none; margin: 0px 0px 20px; }
}
@media screen and (max-width: 1023px) {
    .cNav { display: block; background-color: #909520; height: 50px; margin: 0px 0px 0px; float: none; }
    .cFloating { width: 90%; }
    .cWebinarDate { float: none; margin: 0px; }
    .cWebinarTime { float: none; margin: 20px 0px 10px; padding: 0; border-left: 0; }
    .cWebinarRegister { margin: 40px 0px 20px; }
}

/*.row.cLibrary2017V2-SearchBarContainer , .row.cLibrary2017V2-ProductListContainer {
    background: transparent;
    display: none;
}

.row.cLibrary2017-ArticleContent {
    margin-top: 300px;
}*/
.cSocial-sidebar {
    background: #ffffff;
    position: fixed;
    top: 50%;
    right: -50px;
    left: 0;
    width: 50px;
}
.cHorizontalList.cSocialMedia li {
    padding: 0;
    margin: 0;
    list-style: none !important;
    border: none;
    color: #ffffff !important;
}
/* Mobile */
@media screen and (max-width: 700px) {
      
     #iRightNavigation { display: none; }
     
     .cWebinarheader { background-image: none; }

     .cWebinarDate { float: none; margin: 20px 0px 10px; }

     .cWebinarTime {  float: none; margin: 20px 0px 0px 0px; border-left: 0px; padding: 0px; }
    
     
     .cPresenterDetails .cDesignation { margin: 0px; display: block; }
     
     .cPresenterBio { margin: 0px; }
     
     .cBottomMessages .cWebinarSeries a { display: block; }

    .cDownload a { width: auto; }    
    #contentcolumn-content .innertube div.mid-content .cFeatured h2 { margin: 0px 20px 10px;  }
    
    /*  ONDEMAND WEBINAR STYLES  */
    .cSlides { float: none; margin: 0px auto 10px auto; max-width: 465px; width: auto; display: block; }
    .ssholder { float: none; margin: 0px 0px 10px 0px; text-align: center; }

}