body, h1, h2, h3, h4, h5, h6 {
	font-family: Arial,Helvetica,sans-serif;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.row{
  max-width: 75rem;
}
.devoHeaderBgImageContainer, .devoComponenetBgImageContainer{
    position: relative;
    display: table;
    width: 100%;
}
.devoHeaderBgImage, .devoComponenetBgImage{
    overflow: hidden;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 35.625rem;
}
.devoHeadline{
  padding-top: 3.75rem;
  padding-bottom: 3rem;
}
.top-bar-section a.devoLandingMenuItem {
    font-weight: 600;
}
.top-bar{
  background: transparent;
}
.top-bar .toggle-topbar.menu-icon a{
  display:none;
}
.devoAgendaTimeSlotContainer >.row >.columns{
  display:table;  
}
.mm-menu {
  width: 320px;
}
html.mm-right.mm-opening .mm-slideout {
  -webkit-transform: translate(-320px, 0);
  -moz-transform: translate(-320px, 0);
  -ms-transform: translate(-320px, 0);
  -o-transform: translate(-320px, 0);
  transform: translate(-320px, 0);
}
.devoButton {
  padding-right: 0.9375rem !important;
  padding-left: 0.9375rem !important;
  color: #fff;
  border-radius: 4px;
  border-color: #cad9de;
  line-height: 38px !important;
  margin-top: 0.4375rem;
  margin-bottom: 0.4375rem;
  display: inline-block;
  position: relative;
  font-weight: bold;
}
.devoCodeSpeaker #devoExpandable .devoExpandableIcon {
    cursor: pointer;
}
.devoButton:after {
    font-family: "FontAwesome";
    content: "\f054";
    position: relative;
    right: -0.5rem;
}
.codeSpeakerLine{
  border-bottom: none;
  padding-top: 0;
  padding-bottom: 0;
}
.devoComponentButtonsContainer .devoButton:after {
    font-family: "FontAwesome";
    content: "\f054";
    position: absolute;
    right: 10px;
}
.devoCodeHeadline .devoButton:after {
    font-family: "FontAwesome";
    content: initial;
    position: absolute;
    right: 10px;
}
.devoCodeHeadlineContainer .devoObjectContainerSecondBlock{
  text-align:center;
} 
.devoHeader .devoCodeHeadlineContainer .devoObjectContainerSecondBlock {
  padding-left: 0;
  padding-right: 0;
}
.devoHeader .devoCodeHeadlineContainer .devoObjectContainerThirdBlock {
  padding-left: 0;
  padding-right: 0;
}
.devoHeader.CODE_LANDING_HEADER .devoCodeHeadlineContainer .devoObjectContainerSecondBlock {
  padding-bottom: 2rem; 
  padding-top: 3.375rem;
}
.devoHeader.CODE_LOCATION_HEADER .devoCodeHeadlineContainer .devoObjectContainerSecondBlock {
  padding-top: 1rem;
} 
.devoCodeHeadline .devoCTA .devoButton:hover{
  color: #e6e6e6;
  text-decoration: none;
}
.devoCodeHeadline .devoCTA .devoButton.orange:hover{
	background-color: #e28100;
}
.devoHeaderTechPanelContainer{
	padding:1.25rem;
}
.devoHeaderTechPanelContainer .devoMenuHeading .title{
    font-size: 1rem;
    text-align: center;
    font-weight: bold;
    padding-bottom: 1.25rem;
    color: #003B4D;
    font-family: Arial;
    display: block;
    line-height: 1rem;
}
.devoHeaderTechPanelContainer .devoMenuHeading .title span{
	padding-left: 1.25rem;
    padding-right: 1.875rem !important;
    margin-bottom: 0.625rem;
    line-height: 2.25rem;
    padding: 0 15px;
   	color: #008cba;
   	line-height: 1rem;
}
.devoMenuContainerRow.devoFirstMenuItemPanel .devoHeaderTechPanelContainer .devoMenuDropdownCategoryGroup:first-child{
	background:red;
	background: transparent;
}
.opcObject-container .top-bar .top-bar-section .dropdown .devoHeaderTechPanelContainer .devoMenuDropdownCategoryGroup  {
	padding-bottom:0.25rem;
}
.opcObject-container .top-bar .top-bar-section .dropdown .devoHeaderTechPanelContainer .devoMenuDropdownCategoryGroup  a {
	color: #003b4d;
    font-weight: bold;
	font-size: 0.9375rem;
    padding-left: 0;
    line-height: 1.3125rem;
    padding-bottom:0;
    margin-bottom:0;
}
.opcObject-container .top-bar .top-bar-section .dropdown .devoHeaderTechPanelContainer .devoMenuDropdownCategoryGroup  a:hover{
	color: #003b4d;
}
.top-bar .devoHeaderTechPanelContainer .devoMenuDropdownCategoryGroup  {
    padding-bottom:0;
}
.top-bar .devoHeaderTechPanelContainer .row.devoMenuHeading  {
    margin-left: 0;
    margin-right: 0;
}
.devoCodeHeadline .devoCTA .devoButton{
	padding-right: 1.625rem !important;
    width: 100%;
    border-radius: 0.3125rem;
    line-height: 3.75rem !important;
    font-size: 1.25rem;
    padding-left: 1.625rem !important;
	box-shadow: 0 10px 15px rgba(0,59,77,0.15);
	width: auto;
}
.devoComponentButtonsContainer .devoButton {
  padding-right: 30px !important;
}
.devoComponentButtonsContainer .devoButton:hover {
    color: #e6e6e6;
}
.opcObjectVideoImageContainer img {
    width: 100%;
}
.opcComponent a:hover{
  text-decoration: underline;
}
.opcComponent .top-bar .right a:hover{
  text-decoration: none;
}
.opcComponent .top-bar .right a.devoButton:hover{
  text-decoration: none;
}
.devoHeaderMenuItem .devoButton.red {
  background-color: #f80000 !important;
}
.devoHeaderMenuItem .devoButton.red:hover {
  background-color: #cd0000 !important;
}
.orange {
  background-color: #f29111;
}
.devoComponentButtonsContainer{
  padding-top: 30px;
}
.devoHeadlineArticleContainer.row{
  margin-bottom:1.125rem;
}
.top-bar-section ul.devoHeaderRightMenusContainer {
  display: none;
}
.devoCodeHeadline .devoCodeHeadlineContainer ul.devoCodeInfo .location {
	font-size: 4rem;
	color:white;
	font-family:Arial;
	font-weight:bold;
}
#hamburger{
  display: block; 
  width: 44px;
  height: 44px;
  position: absolute; 
  top: 0;
  right: 0;
  z-index: 1001;
  background: url(/National_Library/20160521004321oe_/https://developer.oracle.com/devo/res/images/1383859028098/odev-hamburger.png) center center no-repeat;
  padding-right: 30px;
}
.opcComponent-container.DEVO_CODE #hamburger{
  background: url(/National_Library/20160521004321oe_/https://developer.oracle.com/devo/res/images/1383859027319/ocode-hamburger.png) center center no-repeat;
}
.mm-menu .mm-header,
.mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after{
  border-bottom-color: #4b4c4d;
}
#hamburger:hover, #hamburger.active-mmenu-link:hover {
    background: url(/National_Library/20160521004321oe_/https://developer.oracle.com/devo/res/images/1383859028141/odev-hamburger-hov.png) center center no-repeat;
}
.opcComponent-container.DEVO_CODE #hamburger:hover, .opcComponent-container.DEVO_CODE #hamburger.active-mmenu-link:hover {
    background: url(/National_Library/20160521004321oe_/https://developer.oracle.com/devo/res/images/1383859028058/ocode-hamburger-hover.png) center center no-repeat;
}
.mm-list > li > a, 
.mm-list > li > span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: inherit;
    line-height: 25px;
    display: block;
    padding: 15px 10px 15px 20px;
    margin: 0;
    color: white;
    font-size: 1rem;
    font-weight: bold;
}
.mm-list > li.devoButtonContainer{
  text-align: center;
}
.mm-list > li > a.devoButton{
    display: inline-block;
    margin-top: 0.625rem;
    margin-bottom: 0.625rem;
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
    border-radius: 0;
}
.mm-menu .mm-list > li > a.mm-subopen:after, 
.mm-menu .mm-list > li > a.mm-subclose:before{
  border-color: white;
}
.mm-menu .mm-header .mm-prev:before, 
.mm-menu .mm-header .mm-next:after, 
.mm-menu .mm-header .mm-close:after{
  border-color: white;
}
.mm-header [href].mm-prev:before, 
.mm-header [href].mm-next:after{
  width: 10px;
    height: 10px;
}
.mm-header .mm-title{
  color: white;
    font-size: 1rem;
    font-weight: bold;
}
.mm-list a.mm-subopen:after,
.mm-list a.mm-subclose:before{
  width: 10px;
    height: 10px;
}
#devoEventListingDialog{
}
.devoSpeackersSectionContainer{
  background: linear-gradient(#f2f7f7, #dde9ed);
}
.devoHeadlineArticleImage{
  width: 90px;
    height: 65px;
    display: inline-block;
    float: left;
    margin-right: 20px;
}
.devoHeadlineArticleImage img{
  width:100%;
}
.devoObjectContainerFirstBlock .opcObjectVideoImageContainer img {

}
.sepakerModalTitleContainer.row {
    padding-bottom: 1.5rem;
}
.sepakerModalTitleContainer.row .modalName {
    font-size: 1.25rem;
    font-weight: bold;
}
.reveal-modal .sepakerModalTitleContainer .close-reveal-modal{
	font-weight:300;
	top:0;
}
#devoEventListingDialog.reveal-modal.full{
  width: 100%;
}
.uppercase {
  text-transform: uppercase;
}
.devoHeadlineArticle .type{
  color: #8a331d;
    font-weight: bold;
    font-size: 0.875rem;
    font-family: Arial;
}
.devooFeaturedSpeaker .devoImage img{
    width: 16.75rem;
    height: 16.75rem;
    border-radius: 50%;
  display: inline-block;
}
.opcComponent.devoCodeSpeaker[class*='DEVO_ANCHOR_'] .devoSpeackersSectionContainer .slick-prev,
.opcComponent .devoSpeackersSectionContainer .slick-prev {
  left: 100px;
  top: auto;
  bottom: 0;
  z-index: 100;
}
.opcComponent.devoCodeSpeaker[class*='DEVO_ANCHOR_'] .devoSpeackersSectionContainer .slick-next,
.opcComponent .devoSpeackersSectionContainer .slick-next {
  right: 100px;
  top: auto;
  bottom: 0;
  z-index: 100;
}
.opcComponent.devoCodeSpeaker[class*='DEVO_ANCHOR_'] .devoSpeackersSectionContainer .slick-prev:before,
.opcComponent.devoCodeSpeaker[class*='DEVO_ANCHOR_'] .devoSpeackersSectionContainer .slick-next:before, 
.opcComponent .devoSpeackersSectionContainer .slick-prev:before,
.opcComponent .devoSpeackersSectionContainer .slick-next:before {
  font-family: "FontAwesome"; 
  color: white;
  background-color: #1a1a1a;
  padding: 0.375rem;
  content: "\f054";
}
.opcComponent.devoCodeSpeaker[class*='DEVO_ANCHOR_'] .devoSpeackersSectionContainer .slick-prev:before,
.opcComponent .devoSpeackersSectionContainer .slick-prev:before {
  content: "\f053";   
}
.opcComponent.devoCodeSpeaker[class*='DEVO_ANCHOR_'] .devoSpeackersSectionContainer .slick-next:before
.opcComponent .devoSpeackersSectionContainer .slick-next:before {
  content: "\f054";
}
.opcComponent.devoCodeSpeaker[class*='DEVO_ANCHOR_'] .devoSpeackersSectionContainer .slick-slider,
.opcComponent .devoSpeackersSectionContainer .slick-slider {
  margin-bottom: 0;
}
.opcComponent.devoCodeSpeaker[class*='DEVO_ANCHOR_'] .devoSpeackersSectionContainer ul.slick-dots,
.opcComponent .devoSpeackersSectionContainer ul.slick-dots {
  margin-left: 0;
  bottom: 0;  
}
.opcComponent.devoCodeSpeaker[class*='DEVO_ANCHOR_'] .devoSpeackersSectionContainer ul.slick-dots li button:before,
.opcComponent .devoSpeackersSectionContainer ul.slick-dots li button:before {
  font-size: 1rem;
}
.opcComponent.devoCodeSpeaker[class*='DEVO_ANCHOR_'] .devoSpeackersSectionContainer ul.slick-dots li.slick-active button:before,
.opcComponent .devoSpeackersSectionContainer ul.slick-dots li.slick-active button:before {
  color: red;
}
.devooFeaturedSpeaker .devoImage img.NoImageDefault{
    width: 16.75rem;
    height: 16.75rem;
    border-radius: 50%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}
.devoComponentButtonsContainer.expanded{
  text-align:center;
}
.devooFeaturedSpeaker .devoImage{
  padding-bottom:1.25rem;
}
.devoHeadlineArticle .title a:after {
    font-family: "FontAwesome";
    content: "\f054";
    float: right;
    position: absolute;
    padding-left: 0.25rem;
    font-weight: normal;
    font-size: 0.8rem;
    margin-top: 0.25rem;
}
/*devocode speaker*/
.devoCodeSpeaker  #devoExpandable .devoExpandableIcon{
	text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -22px;
    width: 44PX;
    height: 44PX;
    background: #f29111;
    border-radius: 50%;
    margin: auto auto;
    line-height: 44px;
    z-index: 100;
}
.devoCodeSpeaker  #devoExpandable .devoExpandableIcon:hover{
    background: #e28100;
}
.devoSpeackersSectionContainer .row .devooFeaturedSpeaker.columns{
  vertical-align:top;
  margin-bottom:2rem;
}
.devoCodeSpeaker .devooFeaturedSpeaker .dividerExist {
    display: inline-block;
    color: #bde6ee;
    font-size: 1.125rem;
    font-weight: bold;
}
.devoCodeSpeaker  #devoExpandable .title{
  padding-bottom:0;
}
.devoCodeSpeaker  #devoExpandable .devoExpandableIcon a:hover {
    text-decoration: none;
}
.devoCodeSpeaker  #devoExpandable .devoExpandableIcon:hover {
    cursor: pointer;
}
.devoCodeSpeaker .devopeakerTopPanel{
  padding-bottom:3.75rem;
}
.devoCodeSpeaker .devoExtendButtonTextContainer{
  text-align: center;
}
.devoCodeSpeaker .devoExtendButtonTextContainer .title{
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: normal;
    text-align: center;
    padding-top: 1rem;
    padding-bottom: 2.75rem;
    background: black;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    display: inline-block;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: transparent;
    font-family: Arial;
}
.devoCodeSpeaker  #devoExpandable .devoExpandableIcon .fa{
  line-height: 50px;
    color: white;
    font-size: 23px;
}
.devoCodeSpeaker .devoExtendButtonContainer{
  position: absolute;
    margin: auto auto;
    text-align: center;
    left: 0;
    right: 0;
}
.devoCodeSpeaker  .devooFeaturedSpeaker .title{
    color: #bde6ee;
    font-weight: bold;
    font-size: 1.125rem;
    padding-top: 0;
    padding-bottom: 0;
    display: inline;
}
.devoCodeSpeaker .devoExtendedPanel .devooFeaturedSpeaker .title{
	color: #00758f;
	display: inline;
}
.devoCodeSpeaker .devoExtendedPanel .devooFeaturedSpeaker .dividerExist {
    display: inline-block;
    color: #00758f;
    font-size: 1.125rem;
    font-weight: bold;
}
.devooFeaturedSpeaker .company{
	color: #bde6ee;
    font-weight: bold;
    font-size: 1.125rem;
}
.devoCodeSpeaker .devoExtendedPanel .devooFeaturedSpeaker .company{
    color: #397597;
}
.devoCodeSpeaker .title {
	color: white;
    font-size: 3.5rem;
    font-weight: bold;
    padding-top: 6.25rem;
    font-family: Arial;
    padding-bottom: 3.125rem;
	line-height: 1em;
}
.devoCodeSpeaker .description {
	color: #fff;
    font-size: 1.25rem;
    font-weight: bold;
    font-family: Arial;
    padding-bottom: 3.75rem;
}
.devoCodeSpeaker .devoListHeading{
  padding-bottom:2rem;
}
.devoCodeSpeaker .description .devoFollow {
  color: white;
    font-size: 1rem;
    font-weight: bold;
    text-decoration: underline;
}
.devoCodeSpeakers{
}
.devoCodeSpeakers{
  padding-top: 0;
}
.devoCodeSpeakers .devoExtendedPanel{
  padding-top:6.25rem;
  padding-bottom:1.5rem;
}
.row.devoExtendedPanel .columns {
    vertical-align: top;
}
.row.devoExtendedPanel.hideExtended{
  display:none;
}
.devooFeaturedSpeaker .name ,
.devooFeaturedSpeaker .name a{
	color: white;
    font-size: 1.625rem;
    font-weight: bold;
    font-family: Arial;
}
.devoCodeSpeaker .devoExtendedPanel .devooFeaturedSpeaker .name,
.devoCodeSpeaker .devoExtendedPanel .devooFeaturedSpeaker .name a{
    color: #003b4d;
}
.devoHeadlineArticle .title a{
    color: white;
    font-family: Arial;
    font-weight: bold;
    font-size: 1.125rem;
}
.devoHeadline a:hover {
    text-decoration: underline;
}
.tablink a:hover .devoTabItem .caption {
    text-decoration: underline;
}
.opcComponent-container.DEVO_TECHNOLOGY .opcObject-container .top-bar-section .right > li:not(.has-form) > a.devoLandingMenuItem.DEVO_TECH:not(.devoButton) {
    border-bottom: 2px solid white;
    text-decoration: none;
}
.opcComponent-container.DEVO_VIDEO .opcObject-container .top-bar-section .right > li:not(.has-form) > a.devoLandingMenuItem.DEVO_VIDEO:not(.devoButton) {
    border-bottom: 2px solid white;
    text-decoration: none;
}
.top-bar .right a.devoButton:after {
    background: url(/National_Library/20160521004321oe_/https://developer.oracle.com/devo/devo/res/images/1383860264997/announceArrow.png) center center no-repeat;
    position: relative;
    content: "";
    width: 20px;
    height: 15px;
    background-size: cover;
    top: 3px;
    text-align: left;
    left: 6px;
    display: inline-block;
}
.devoHeadlineArticle .title a:after{
    font-family: "FontAwesome";
    content: url(/National_Library/20160521004321oe_/https://developer.oracle.com/devo/res/images/1383859007638/arrow-right.png) ;
    float: right;
    position: absolute;
    padding-left: 0.375rem;
    font-size: 0.688rem;
    transform: scale(.7)
}
.devoButtonContainer{
  margin-right: 0.125rem;
    margin-left: 0.125rem;
}
.red {
    background-color: #E50000 !important
}
.blue{
  background-color: #008cba !important;
}
.devoHeaderBgImage img,
.devoComponenetBgImage img{
    min-width: 100rem;
    min-height: 100%;
    position: absolute;
    display: block;
    right: 0;
}
.devoHeadlineArticleContainer.MobileTablet.secondRow{
  padding-top:1.5rem;
}
.devoHeadlineContainer  .devoObjectContainerFirstBlock.columns,
.devoHeadlineContainer  .devoObjectContainerSecondBlock.columns {
  display: table;
}
.devoHeadlineContainer  .devoObjectContainerFirstBlock.columns .opcObjectContents,
.devoHeadlineContainer  .devoObjectContainerSecondBlock.columns .opcObjectContents{
  display:table-cell;
  vertical-align: middle;
}
/**devo agenda**/
.opcComponent.devoCodeAgenda {
    padding-top: 6.25rem;
    padding-bottom: 2rem;
    background-color: #122e3f;
}
.deoAgendaEx .agendaScheduleMultiRowContainer{
	display:block;
	width:100%;
	height:100%;
}
.deoAgendaEx .agendaScheduleMultiRowContainer .agendaScheduleSingleContainer {
    display: block;
    height: 100%;
}
.dummyColumnsSpaceContainer{
  display: table-cell;
}
.dummyColumnsSpaceContainer .dummyColumnsSpace{
  width: 126px;
}
.opcComponent.devoCodeAgenda.CODE_ADENDA .devoListHeading .title {
	font-size: 3.5rem;
    color: white;
    padding-bottom: 3.125rem;
    font-family: Arial;
    line-height: 1em;
}
.opcComponent.devoCodeAgenda.CODE_ADENDA .devoListHeading .description {
	color: #fff;
    font-size: 1.25rem;
    font-weight: bold;
    font-family: Arial;
    padding-bottom: 3.75rem;
}
.devoAgendaTimeSlotContainer{
    list-style: none;
    margin-left: 0;
    margin-bottom: 5px;
}
.devoAgendaTimeSlotContainer .multiEventsSameSlot,
.devoAgendaTimeSlotContainer .singleEventsSameSlot{
  display:table;
}
.devoAgendaTimeSlotContainer .displayTimeContainer{
    display: table-cell;
    vertical-align: middle;
    font-size: 2rem;
    color: white;
    font-weight: bold;
    padding-right: 1rem;
    width:115px;
} 
.devoAgendaTimeSlotContainer .displayTimeContainer .displayTime{
    width: 110px;
    text-align: right;
}
.devoAgendaTimeSlotContainer .displayTimeContainer .displayTime .hour{
	font-size: 3.5rem;
    font-family: Arial;
}
.devoAgendaTimeSlotContainer .displayTimeContainer .displayTime .minute{
	font-size: 1.875rem;
    font-family: Arial;
}
.devoAgendaTimeSlotContainer .displayTimeContainer .displayTime .ampm{
	font-size: 1.125rem;
    font-family: Arial;
}
.devoAgendaTimeSlotContainer .multiEventsSameSlot .session{
    border-left: 2px solid orange;
    padding-left: 1rem;
}
.devoAgendaTimeSlotContainer .multiEventsSameSlot .session.borderLeftColorFirstStyle{
    border-left-color: orange;
}
.devoAgendaTimeSlotContainer .multiEventsSameSlot .session.borderLeftColorSecondStyle{
    border-left-color: red;
}
.devoAgendaTimeSlotContainer .multiEventsSameSlot .session.borderLeftColorThirdStyle{
    border-left-color: blue;
}
.devoRfAgendaContainer .date{
  text-align: center;
    padding-bottom: 1.5rem;
    color: white;
    font-weight: bold;
    font-size: 1.5rem;
}
.devoAgendaTimeSlotContainer .session{
    display: table-cell;
    vertical-align: middle;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    width:100%;
    text-align:center;
} 
.devoAgendaTimeSlotContainer:nth-child(even) .session,
.devoAgendaTimeSlotContainer:nth-child(even) .dummyColumnsSpaceContainer {
    background-color: #1c405a;
}
.devoAgendaTimeSlotContainer:nth-child(odd) .session,
.devoAgendaTimeSlotContainer:nth-child(odd) .dummyColumnsSpaceContainer {
    background-color: #193b54;
}
.devoAgendaTimeSlotContainer .session .title{
    color: white;
    font-weight: bold;
    font-size: 1.125rem;
    font-family: Arial;
} 
.devoAgendaTimeSlotContainer .session .location{
    color: cornflowerblue;
    font-weight: bold;
    font-size: 0.85rem;
}
.devoAgendaTimeSlotContainer .singleEventsSameSlot .session{
    width: 100%;
    text-align: center;
} 
.devoAgendaTimeSlotContainer .startTime,
.devoAgendaTimeSlotContainer .endTime,
.devoAgendaTimeSlotContainer .timeConnector{
    display: inline-block;
    color: #009EC2;
    font-weight: bold;
    font-size: 1rem;
}
/** Tech Section **/
.devoPostContainer.DEVO_POST_TECH .devoCTA {
  padding-top: 22px;
  background: none;
}

.devoPostContainer.DEVO_POST_TECH  .devoCTA .devoTechLink:after{
    font-family: "FontAwesome";
    content: "\f054";
    position:absolute;
    color: #f29111;
  margin-left: 0.3125rem;
}
.devoPostContainer.DEVO_POST_TECH .devoPost{
    display: inline-block;
    text-align: center !important;
}
 .devoPostContainer.DEVO_POST_TECH .devoImage img {
  border-radius: 50%;
  width: 270px;
}
.devoPostContainer.DEVO_POST_TECH .description {font-weight: normal;font-size: 1.0rem;color: #cad9de;}

.devoPostContainer .devoCTA a {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.5rem;
    color: white;
    font-weight: bold;
    display: inline-block;
}

.devoPostContainer.DEVO_POST_TECH  .devoComponentButtonsContainer {
  padding-top: 30px;
    margin-top: 0.5rem;
}
.devoMenuDropdownCategoryGroup{
  padding-bottom:0.9375rem;
}
.devoDropdownCategoryTitle{
  color:orange;
}
.opcComponent,.devoLearnMore{
	max-width: 1600px;
	margin: 0 auto;
	overflow: hidden;
}
.opcComponent.devoHeader{
	overflow: visible;
}
.devoSpeackersSectionContainer .devoFeaturedSpeakerPanel,.opcComponent.devoHeader {
	background-position-y: 50%;
	background-position-x: 50%;
	background-size: cover;
    background-repeat: no-repeat;
}
.opcComponent-container.DEVO_VIDEO .opcComponent.devoHeader{
	overflow: visible;
} 
.devoHeaderLogoDeveloperText{
    font-size: 1.75rem;
    font-weight: bold;
    margin-top: 1rem;
    display: inline-block;
    color: #003b4d;
}
.opcComponent-container.DEVO_CODE .devoHeaderLogoDeveloperText{
    color: #ffffff;
}
.opcComponent-container.DEVO_CODE_ONLINE .devoHeaderLogoDeveloperText{
    color: #ffffff;
}
.opcComponent-container.DEVO_CODE .CODE_DEVELOPER_COMMUNITY_DAY .devoHeaderLogoDeveloperText{
    color: #003b4d;
}
.devoHeaderMenuPanelArrowUp{
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid white;
    position: absolute;
    top: -10px;
}
.devoMenuContainerRow.devoFirstMenuItemPanel .devoMenuDropdownCategoryGroup:first-child{
  background: lightblue;
}
.devoMenuDropdownCategoryGroup:first-child ul li a {
    font-weight: 600;
}
.opcComponent-container.DEVO_HOMEPAGE .opcComponent.devo3Columns .headerButtonContainer{
	display:block !important;
	min-height: 45px;
	padding-bottom:0;
}
.opcComponent-container.DEVO_HOMEPAGE .opcComponent.devo3Columns .headerButtonContainer .devoButton {
    padding-right: 0.9375rem !important;
    padding-left: 0.9375rem !important;
    color: #fff;
    border-radius: 0;
    border-color: #cad9de;
    line-height: 45px !important;
    margin-top: 0;
    margin-bottom: 0;
    display: inline-block;
    position: relative;
    font-weight: bold;
    min-width: 235px;
    font-size: 0.9375rem;
}
.java-tech-color{
	background-color:#003b4d;
} 
.javascript-tech-color{
	background-color:#f29111;
} 
.database-tech-color{
	background-color:#942645;
} 
.devtools-tech-color{
	background-color:#324b5c;
}
.devops-tech-color{
	background-color:#3a913f;
}
.opensource-tech-color{
	background-color:#8a331d;
}
.cloud-tech-color{
	background-color:#66686b;
}
.opcComponent-container.DEVO_HOMEPAGE .opcComponent.devo3Columns .devoComponentButtonsContainer{
	display:none;
} 
.opcComponent-container.DEVO_HOMEPAGE .devoComponentContentContainer{
	padding-top: 40px;
}
.devoHomePageHeaderHeadline .title{
    color: white;
    line-height: normal;
    font-family: Arial;
    font-weight: bold;
    font-size: 2.625rem;
}
.devoHomePageHeaderHeadline .description{
  
}
#navbandLocationDropdown ul {
    list-style: none;
    margin-left: 0;
}
.devocCodePageNavBand #devoCodeEventCities,
.top-bar #devoCodeEventCities{
  padding:1.25rem;
}
.devocCodePageNavBand #devoCodeEventCities ul .date,
.top-bar #devoCodeEventCities ul .date{
  display:none;
}
.devocCodePageNavBand #devoCodeEventCities ul .registerlink,
.top-bar #devoCodeEventCities ul .registerlink{
  display:none;
}
.devocCodePageNavBand #devoCodeEventCities .devoMenuHeading .title,
.top-bar #devoCodeEventCities .devoMenuHeading .title{
    font-size: 1rem;
    text-align: center;
    font-weight: bold;
    padding-bottom: 1.25rem;
    color: #003B4D;
    font-family: Arial;
    line-height: 1rem;
}
.devocCodePageNavBand #devoCodeEventCities .devoMenuHeading .title a,
.top-bar #devoCodeEventCities .devoMenuHeading .title a{
    color: #00758f;
}
.top-bar #devoCodeEventCities .devoMenuHeading .title a{
	line-height: 1rem;
}
.devocCodePageNavBand #devoCodeEventCities ul li{
    text-align:left;
    cursor: auto;
}
.devocCodePageNavBand #devoCodeEventCities ul .region,
.top-bar #devoCodeEventCities ul .region{
    color: #f29111;
    font-weight: bold;
    padding-bottom: 0.5rem;
    font-size: 0.9375rem;
}
.devocCodePageNavBand #devoCodeEventCities ul .city,
.top-bar #devoCodeEventCities ul .city{
  display:none;
}
#devoEventListingDialog  ul .menulink {
  display:none;
}
.devocCodePageNavBand #devoCodeEventCities ul .menulink a{
    color: #1C3D58;
    font-weight: normal;
    font-size: 0.9375rem;
    padding-left:0;
    line-height:1.3125rem;
    padding:0;
}
.top-bar #devoCodeEventCities ul .menulink a{
    color: #003b4d;
    font-weight: normal;
    font-size: 0.9375rem;
    padding-left:0;
    line-height:1.3125rem;
}
.devocCodePageNavBand #devoCodeEventCities ul .menulink,
.top-bar #devoCodeEventCities ul .menulink{
    color: #1C3D58;
    font-weight: normal;
    font-size: 0.9375rem;
    padding-bottom: 0.25rem;
    line-height:1.3125rem;
}
.top-bar-section .has-dropdown.hover>.dropdown, .top-bar-section .has-dropdown.not-click:hover>.dropdown{
	-webkit-box-shadow: 0px 30px 27px -27px rgba(0,0,0,0.45);
	-moz-box-shadow: 0px 30px 27px -27px rgba(0,0,0,0.45);
	box-shadow: 0px 30px 27px -27px rgba(0,0,0,0.45);
}
.top-bar-section ul li>a:not(.devoButton) {
    font-size: 1.125rem;
    font-family: Arial;
    font-weight: bold;
    color: #FFF;
}
.devoHeadlineContainer .row {
}

/** HomePage & Code Page NavBand **/
.devoHomePageNavBandHeading {
  padding-top: 55px;
}

.devoCodePageNavBandHeading {
/*   padding-top: 30px; */
}

ul.tab {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

/* Float the list items side by side */
ul.tab li {
  float: left;
  width: 130px;
/*   height: 200px; */
  text-align: center;
}
.devocHomePageNavBand ul.tab .slick-prev {
	left: -5px;
	top: 35%;
}
.devocHomePageNavBand ul.tab .slick-next {
	right: 5px;
	top: 35%;
}
.devocHomePageNavBand ul.tab .slick-prev:before,
.devocHomePageNavBand ul.tab .slick-next:before {
	font-family: "FontAwesome";
	color: black;
	background-color: transparent;
	padding: 0.375rem;
}
.devocHomePageNavBand ul.tab .slick-prev:before {
	content: "\f053";   
}
.devocHomePageNavBand ul.tab .slick-next:before {
	content: "\f054";
}
.pageNavBandNoSlide .slick-track {
    width: 100% !important;
    text-align: center;
    transform: inherit !important;
    display: flex !important;
    justify-content: space-around;
}
[class*='DEVO_ANCHOR_'] .devoListItems .slick-prev {
  left: 100px;
  top: auto;
  bottom: -45px;
  z-index: 100;
}
[class*='DEVO_ANCHOR_'] .devoListItems .slick-next {
  right: 100px;
  top: auto;
  bottom: -45px;
  z-index: 100;
}
[class*='DEVO_ANCHOR_'] .devoListItems .slick-prev:before,
[class*='DEVO_ANCHOR_'] .devoListItems .slick-next:before {
  font-family: "FontAwesome"; 
  color: white;
  background-color: #1a1a1a;
  padding: 0.375rem;
}
[class*='DEVO_ANCHOR_'] .devoListItems .slick-prev:before {
  content: "\f053";   
  padding-left: 0.5rem;
  padding-right: 0.6rem;
}

[class*='DEVO_ANCHOR_'] .devoListItems .slick-next:before {
  content: "\f054";
  padding-left: 0.6rem;
  padding-right: 0.5rem;
}
[class*='DEVO_ANCHOR_'] .devoListItems.slick-slider {
  margin-bottom: 0;
}
[class*='DEVO_ANCHOR_'] .devoListItems ul.slick-dots {
  margin-left: 0;
  bottom: -45px;  
}
[class*='DEVO_ANCHOR_'] .devoListItems ul.slick-dots li button:before {
  font-size: 1rem;
}
[class*='DEVO_ANCHOR_'] .devoListItems ul.slick-dots li.slick-active button:before {
  color: red;
}
[class*='DEVO_ANCHOR_'] .devoListItems .devoPostContainer .devoImage img {
	display: inline-block;
}
.devocHomePageNavBand ul.tab li {
  float: left;
  width: 130px;
  height: 200px;
  text-align: center !important;
}
.opcComponent-container.fixedNavBand #CodePageNavBandSection ul.tab li{
	border-bottom: 4px solid #008da6;
}
.opcComponent-container.fixedNavBand #CodePageNavBandSection ul.tab li.selected {
    border-bottom: 4px solid #bde6ee;
}
#CodePageNavBandSection ul.tab li {
  border-bottom: 4px solid #003b4d;
  width: auto;
  margin-left: 15px;
  margin-right: 15px;
}
.opcComponent.devocCodePageNavBand{
  overflow: visible;
  background-color: #003b4d;
}
.opcComponent.devocCodePageNavBand.devoVideoSelection{
  overflow: visible;
  background-color: #003b4d;
}
.opcComponent-container.fixedNavBand .opcComponent.devocCodePageNavBand{
	background-color: #008da6;
}
#navbandLocationDropdown #devoCodeEventCities{
  background:white;
}
#CodePageNavBandSection .rightContainer{
  float: right;
  margin-top: 0.875rem;
    margin-bottom: 0.875rem;
}
.devocCodePageNavBand.devoVideoSelection #CodePageNavBandSection .rightContainer{
  text-align: center;
  float: none;
  margin-top: 0.875rem;
  margin-bottom: 0.875rem;
}
#CodePageNavBandSection .city{
  display: inline-block;
    margin-left: 0.5rem;
    padding-top:1rem;
}
.opcComponent-container.fixedNavBand #CodePageNavBandSection .rightContainer .buttonContainer{
  display: inline-block;
}
.opcComponent-container #CodePageNavBandSection .rightContainer .buttonContainer{
  display: none;
}
#CodePageNavBandSection .rightContainer .buttonContainer{
  display: inline-block;
   margin-left:0.5rem;
}
.opcComponent-container.fixedNavBand #CodePageNavBandSection .date{
  display: inline-block;
}
.opcComponent-container.fixedNavBand #CodePageNavBandSection #devoCodeEventCities .date{
  display: none;
}
.opcComponent-container.fixedNavBand #CodePageNavBandSection .devoCodeCircleContainer{
	background-image: url(/National_Library/20160521004321oe_/https://developer.oracle.com/devo/res/images/1383858966445/oc-logo-sticky-nav.png);
    width: 128px;
    height: 91px;
    display: inline-block;
    float: left;
    background-repeat: no-repeat;
    background-size: cover;
}
.opcComponent-container.DEVO_CODE_ONLINE.fixedNavBand #CodePageNavBandSection .devoCodeCircleContainer{
	background-image: url(/National_Library/20160521004321oe_/https://developer.oracle.com/devo/res/images/1383859882765/oc-logo-sticky-nav-online.png);
    width: 128px;
    height: 91px;
    display: inline-block;
    float: left;
    background-repeat: no-repeat;
    background-size: cover;
}
.opcComponent-container #CodePageNavBandSection .devoCodeCircleContainer{
  display:none;
}
.opcComponent-container #CodePageNavBandSection ul.tab li.tablink.selected a{
	color:#bde6ee;
}
.opcComponent-container #CodePageNavBandSection ul.tab li.tablink a{
  padding-top: 26px;
  padding-bottom: 26px;
  font-family: Arial;
  font-size: 22px;
}
.opcComponent-container #CodePageNavBandSection ul.tab li.tablink a:hover {
    color: orange;
}
#CodePageNavBandSection .date {
    color: white;
    font-size: 0.85rem;
}
.opcComponent-container #CodePageNavBandSection .date{
  display: none;
}
.NavBandDropDownSrc {
	padding-top: 0.5625rem;
    padding-bottom: 0.5625rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    border: 1px solid #BDE6EE;
    border-radius: 3px;
    color: white;
    font-size: 1.125rem;
    font-family: Arial
}
#CodePageNavBandSection ul.tab .rightContainer li:hover{
  background-image: none;
}
.opcComponent-container.fixedNavBand{
  position: fixed;
  width:100%;
  z-index:1001;
  background:white;
  top:0;
}
#CodePageNavBandSection li a:hover{
    text-decoration: none;
}
.devocCodePageNavBand #CodePageNavBandSection #devoCodeEventCities ul .menulink a:hover{
   text-decoration: underline;
}
.opcComponent .NavBandDropDownSrc:hover{
  color:white;
  background-color: #00202f;
  text-decoration: none;
}
#CodePageNavBandSection .devoButton:hover{
  color:white;
  text-decoration: none;
}
#CodePageNavBandSection .rightContainer .devoButton.orange:hover{
	background-color: #e28100;
}
#CodePageNavBandSection .rightContainer .devoButton:after{
	content: initial;
}
#navbandLocationDropdown{
  max-width: none; 
  top:0;
  position: absolute;
  left: 0;
  background: white;
  z-index: 1000;
  display:none;
}
#CodePageNavBandSection #navbandLocationDropdown ul li {
  height: auto;
}

/* Style the links inside the list items */
ul.tab li a {
    display: inline-block;
    transition: 0.3s;
    padding-top: 15px;
    padding-bottom: 15px;
    color: white;
    font-weight: bold;
}

/* Change background color of links on hover */
#CodePageNavBandSection ul.tab li:hover {
  border-bottom: 4px solid #c4e5ee;
  opacity: 0.7;
}
#CodePageNavBandSection #devoCodeEventCities ul li:hover {
  opacity: 1;
}
#devoCodeEventCities .row.menuColumnSizeIndex  .menulink a {
	float: left;
}
#navbandLocationDropdown[columnsize="1"] .menulink{
	text-align:center;
}
.opcObject-container  .top-bar .top-bar-section  #devoCodeEventCities li:not(.has-form) .menulink a:not(.button){
	padding-right:0 !important;
}
#devoCodeEventCities .row.menuColumnSizeIndex[columnsize='1']  .menulink a{
	float:none;
}
.devocHomePageNavBand ul.tab li:hover {
  background-image: url(/National_Library/20160521004321oe_/https://developer.oracle.com/devo/res/icon/1383858835426/section-arrow-java.jpg );
  background-repeat: no-repeat;
  background-position: center bottom;
  opacity: 0.7;
}
#CodePageNavBandSection #navbandLocationDropdown ul li {
    border-bottom: none;
    border-bottom: none;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}
#CodePageNavBandSection #navbandLocationDropdown ul li:hover {
  background-color: white;
}
/* Create an active/current tablink class */
#CodePageNavBandSection ul.tab li.selected {
  border-bottom: 4px solid #bde6ee;
}
.devocHomePageNavBand ul.tab li.selected {
    background-image: url(/National_Library/20160521004321oe_/https://developer.oracle.com/devo/res/icon/1383858835426/section-arrow-java.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
}
.devoTabItem {
    vertical-align: top;
    display: inline-block;
    text-align: center !important;
}
.devoTabItem img {
    width: 96px;
    height: 96px;
    
}
.devoTabItem .caption {
  padding-top: 18px;
  padding-bottom: 36px;
  display: block;
  font-family: Arial;
  font-weight: bold;
  font-size: 1.125rem;
  color:#1f4f82;
}


#PageNavBandSection {
  text-align: center;
}

ul.tab .slick-track {
  display: inline-block;
}
.devocHomePageNavBand ul.tab .slick-track {
  vertical-align: top;
}
.devoTabItem img {
    width: 96px;
    height: 96px;
    display: inline-block;
    text-align: center !important;
    
}

/**Home page LearnMore**/
.devoLearnMore .title{
  color: #324B5C;
    font-size: 1.75rem;
    font-weight: bold;
    font-family: arial;
}
.devoComponentContentContainer{
  padding-top: 60px;
  padding-bottom: 60px;
}
.opcComponent.devoSimpleObject.DEVO_SHOW_IMAGE_ONLY .devoComponentContentContainer{
  padding-top: 0;
  padding-bottom: 0;
}
.opcComponent.devoSimpleObject.DEVO_SHOW_IMAGE_ONLY {
  background-color: #e5eff0;
}
.opcComponent-container > div[class*="DEVO_ANCHOR"] .devoButton:hover {
  text-decoration: none;
}
.devoPostContainer  .devoImage img{
  width:100%;
}
.devoPostContainer  .devoCTA{
    /* background: #f29111; */
}
.devoPostContainer  .devoCTA .devoLinkBand{
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    padding-left: 0.9375rem;
    color: white;
    font-weight: bold;
    display: inline-block;
    font-family: arial;
    font-size: 1.5rem;
    line-height: 1.25rem;
    width: 100%;
}
.devoPostContainer  .devoCTA .devoLinkBand:hover{
  text-decoration: underline;
}
.devoPostContainer .title{
  font-size: 1rem;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    font-weight: bold;
    color: #4e5052;
    font-family: arial;
    background: white;
}
.devoPostContainer .description{
  font-size: 1rem;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    padding-bottom:1.25rem;
    padding-top:1.25rem;
    font-weight: bold;
    font-family: arial;
}
.devoPostContainer.DEVO_POST_LEARNMORE .description{
  background:white; 
  color: #4e5052;
}
.devoPostContainer  .devoCTA .devoLinkBand:after{
    font-family: "FontAwesome";
    content: "\f054";
    position: absolute;
    right: 1.5625rem;
}
.devoPostContainer {
  padding-top:2.5rem;
  padding-bottom:0;
}
.devoPostContainer.DEVO_POST_LEARNMORE .devoPost.columns{
    box-shadow: 0 30px 12px -11px rgba(0,59,77,0.3);
}
/**code page header**/
.devoCodeHeadline{
    padding-top: 3.875rem;
    padding-bottom: 2.5rem;
}
.devoCodeHeadline .devoCodeHeadlineContainer  ul{
    list-style: none;
    margin-bottom: 0;
    margin-left: 0;
}
.top-bar-section .right #devoProductDropdowndevocode{
	top: 3rem;
}
.opcComponent-container.DEVO_CODE .devoCodeHeadline .devoCodeHeadlineContainer ul.devoCodeInfo .title,
.opcComponent-container.DEVO_CODE_ONLINE .devoCodeHeadline .devoCodeHeadlineContainer ul.devoCodeInfo .title{
    background: url(/National_Library/20160521004321oe_/https://developer.oracle.com/devo/res/images/1383858969711/live-for-code.png );
    width: 356px;
    height: 173px;
    margin-bottom: 1.5625rem;
}
.devoCodeHeadline .devoCodeHeadlineContainer ul.devoCodeInfo {
    text-align: center;
    display: inline-block;
}
.devoCodeHeadline .devoCodeHeadlineContainer ul.devoCodeInfo .devoLeft{
    text-align: left;
    line-height: 3rem;
}
.devoCodeHeadline .devoCodeHeadlineContainer ul.devoCodeInfo .devoLeft div {
    display: inline-block;
    font-size: 2.6rem;
    margin-left: -5px;
  font-weight: bold;
}
.devoCodeHeadline .devoCodeHeadlineContainer ul.devoCodeInfo .devoRight{
    text-align: left;
    line-height: 3.5rem;
  padding-left: 0.5rem;
}
.devoCodeHeadline .devoCodeHeadlineContainer ul.devoCodeInfo .devoRight div {
    display: inline-block;
    vertical-align: top;
    font-size: 2.6rem;
    margin-top: -20px;
    margin-left: 5px;
  font-weight: bold;
  margin-right: 5px;
}
#devoEventListingDialog .title .devoOracleText{
  border-radius: 50%;
    background: orange;
    height: 150px;
    width: 150px;
    display: table;
} 
#devoEventListingDialog.reveal-modal .close-reveal-modal,
#devoEventListingDialog dialog .close-reveal-modal{
	z-index: 100;
	color: white;
    font-weight: 300
}
.devoHeader.CODE_DEVELOPER_COMMUNITY_DAY .devoCodeHeadlineContainer .devoCodeCircle{
	background-image: url(/National_Library/20160521004321oe_/https://developer.oracle.com/devo/res/images/1383860210957/Dev_Community_Day_icon.png);
    background-position-y: 50%;
    background-position-x: 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.devoHeader.CODE_DEVELOPER_COMMUNITY_DAY .devoCodeHeadlineContainer .devoObjectContainerSecondBlock {
  padding-top: 1rem;
  padding-bottom: 2rem;
} 
.devoHeader.CODE_DEVELOPER_COMMUNITY_DAY .devoCodeHeadline .devoCTA .devoButton{
    background-color: #003b4d;  	
}
.devoHeader.CODE_DEVELOPER_COMMUNITY_DAY .devoCodeHeadlineContainer .devoCodeSocialLinks .social-icon.facebook a:hover{
    background-image: url(/National_Library/20160521004321oe_/https://developer.oracle.com/devo/res/images/1383858967343/oc-icon-fb.png);
}
.devoHeader.CODE_DEVELOPER_COMMUNITY_DAY .devoCodeHeadlineContainer .devoCodeSocialLinks .social-icon.twitter a:hover{
    background-image: url(/National_Library/20160521004321oe_/https://developer.oracle.com/devo/res/images/1383858967629/oc-icon-tw.png);
}
.devoHeader.CODE_DEVELOPER_COMMUNITY_DAY .devoCodeHeadlineContainer .devoCodeSocialLinks .social-icon.linkedin a:hover{
    background-image: url(/National_Library/20160521004321oe_/https://developer.oracle.com/devo/res/images/1383858967473/oc-icon-li.png);
}
.devoHeader.CODE_DEVELOPER_COMMUNITY_DAY .devoCodeHeadlineContainer .devoCodeSocialLinks .social-icon.oraclemedia a:hover{   
    background-image: url(/National_Library/20160521004321oe_/https://developer.oracle.com/devo/res/images/1383858967791/oc-icon-yt.png);
}
.devoHeader.CODE_DEVELOPER_COMMUNITY_DAY .devoCodeHeadline .devoCodeHeadlineContainer ul.devoCodeInfo .eventTitle {
	font-size: 3.5rem;
	color:white;
	font-family:Arial;
	font-weight:bold;
}
.devoHeader.CODE_DEVELOPER_COMMUNITY_DAY .devoCodeHeadline .devoCodeHeadlineContainer ul.devoCodeInfo .dateLocation{
    font-size: 2rem;
    color: white;
    padding-bottom: 1.5625rem;
}
.devoCodeHeadlineContainer .devoCodeCircle{
    background-image: url(/National_Library/20160521004321oe_/https://developer.oracle.com/devo/res/images/1383858966825/ocode-logo-blue.png);
    width: 180px;
    height: 180px;
    display: inline-block;
} 
.opcComponent-container.DEVO_CODE_ONLINE .devoCodeHeadlineContainer .devoCodeCircle{
    background: url("/National_Library/20160521004321oe_/https://developer.oracle.com/devo/res/images/1383859811105/O-Code-Online-clrcopy.png") center center no-repeat;
    width: 180px;
    height: 180px;
    display: inline-block;
    background-size: cover;
} 
.devoHeader.CODE_LOCATION_HEADER .devoCodeHeadlineContainer .devoCodeCircle{
	background-image: url(/National_Library/20160521004321oe_/https://developer.oracle.com/devo/res/images/1383858966865/ocode-logo-orange.png);
} 
#devoEventListingDialog .devoDialogHeader{
  display:table;
}
#devoEventListingDialog .devoCityDateSeparator {
	display:inline-block;
	margin-left:-0.25rem;
}
#devoEventListingDialog .devoLearnMoreContainer{
	display:inline-block;
}
#devoEventListingDialog .devoLearnMoreContainer a{
    color: #FFD39E;
    text-decoration: underline;
    font-size: 0.9375rem;
}
#devoEventListingDialog .devoLearnMoreRegsiterSeparator {
	display:inline-block;
	color:#c4e3ed;
	padding-left: 0.3125rem;
    padding-right: 0.3125rem;
}
#devoEventListingDialog .registerlink{
	display:inline-block;
}
#devoEventListingDialog .devoDialogHeader .devoCityDateSeparator{
	display:none;
}
#devoEventListingDialog .devoDialogHeader .devoLearnMoreLabel{
	display:none;
}
#devoEventListingDialog .devoDialogHeader .devoLearnMoreRegsiterSeparator{
	display:none;
}
#devoEventListingDialog .title{
    font-size: 2rem;
    font-style: italic;
    color: white;
    line-height: 2.1875rem;
    font-family: Arial;
    display: table;
    padding-left:0.5rem;
} 
#devoEventListingDialog .title .devoOracleText{
    background-image: url(/National_Library/20160521004321oe_/https://developer.oracle.com/devo/res/images/1383858966865/ocode-logo-orange.png);
    width: 180px;
    height: 180px;
    display: inline-block;
}
.devoCodeHeadlineContainer .devoCodeCircle li{
    font-size: 2.43rem;
    font-style: oblique;
    color: white;
    line-height: 2.1875rem;
    font-family: Arial;
    vertical-align: middle;
    display: table-cell;
}
.devoCodeHeadlineContainer .devoCodeCircle li div {
    padding-left:0.5rem;
} 
#devoEventListingDialog .title .devoHighlight{
  display:block;
  font-weight: bold;
}
.devoCodeHeadlineContainer .devoCodeCircle li .devoHighlight{
  display:block;
  font-weight: bold;
}
.devoCodeHeadlineContainer .devoCodeInfo{
    font-family: Arial;
    font-size: 2.5rem;
    font-weight: bold;
}
.devoCodeHeadlineContainer .devoCodeInfo .subtitle{
	font-family: Arial;
	color:white;
	font-weight:bold;
    font-size: 2.5rem;
}
.devoCodeHeadlineContainer .devoCodeInfo .date{
    font-size: 1.25rem;
    color: white;
    padding-bottom: 1.5625rem;
}
.devoCodeHeadlineContainer .devoCodeInfo .devoCTA{
	font-family:Arial;
    font-size: 1.25rem;
    color: white;
}
.devoCodeHeadlineContainer .devoCodeInfo .devoCTA .h_orange{
	font-family:Arial;
    font-size: 1.25rem;
    color: white;
    text-decoration: underline;
}
.devoCodeHeadlineContainer .devoCodeInfo .devoCTA .h_orange:hover{
    color: #e28100;
}
.devoCodeHeadlineContainer .devoCodeInfo .devoHighlight{
    font-size: 6rem;
    font-weight: bold;
  margin-left: -10px;
}
.devoCodeHeadlineContainer .devoCodeSocialLinks{
  position:absolute;
  bottom: 0;
  right: 0.9375rem;
}
.devoCodeHeadlineContainer .devoCodeSocialLinks .social-icon{
  display:inline-block;
  margin-left: 0.5rem;
  margin-right:0.5rem;
}
.devoCodeHeadlineContainer .devoCodeSocialLinks .social-icon a{
  display:inline-block;
    padding: 0;
    width: 32px;
    height: 32px;
    text-indent: -999999px;
}
.devoCodeHeadlineContainer .devoCodeSocialLinks .social-icon.facebook a{
    background-image: url(/National_Library/20160521004321oe_/https://developer.oracle.com/devo/res/images/1383858967343/oc-icon-fb.png);
}
.devoCodeHeadlineContainer .devoCodeSocialLinks .social-icon.twitter a{
    background-image: url(/National_Library/20160521004321oe_/https://developer.oracle.com/devo/res/images/1383858967629/oc-icon-tw.png);
}
.devoCodeHeadlineContainer .devoCodeSocialLinks .social-icon.linkedin a{
    background-image: url(/National_Library/20160521004321oe_/https://developer.oracle.com/devo/res/images/1383858967473/oc-icon-li.png);
}
.devoCodeHeadlineContainer .devoCodeSocialLinks .social-icon.oraclemedia a{   
    background-image: url(/National_Library/20160521004321oe_/https://developer.oracle.com/devo/res/images/1383858967791/oc-icon-yt.png);
}
.devoCodeHeadlineContainer .devoCodeSocialLinks .social-icon.facebook a:hover{
    background-image: url(/National_Library/20160521004321oe_/https://developer.oracle.com/devo/res/images/1383858967395/oc-icon-fb-hover.png);
}
.devoCodeHeadlineContainer .devoCodeSocialLinks .social-icon.twitter a:hover{
    background-image: url(/National_Library/20160521004321oe_/https://developer.oracle.com/devo/res/images/1383858967704/oc-icon-tw-hover.png);
}
.devoCodeHeadlineContainer .devoCodeSocialLinks .social-icon.linkedin a:hover{
    background-image: url(/National_Library/20160521004321oe_/https://developer.oracle.com/devo/res/images/1383858967556/oc-icon-li-hover.png);
}
.devoCodeHeadlineContainer .devoCodeSocialLinks .social-icon.oraclemedia a:hover{   
    background-image: url(/National_Library/20160521004321oe_/https://developer.oracle.com/devo/res/images/1383858967870/oc-icon-yt-hover.png );
}
#devoEventListingDialog {
  background-color: #003b4d;
}
#devoEventListingDialog .description{
    display: table-cell;
    vertical-align: middle;
    padding-left: 1rem;
    font-size: 3.5rem;
    font-weight: bold;
    color: #bde6ee;
    font-family: Arial;
    opacity: 0.5;
    line-height:3.5rem;
}
#devoEventListingDialog ul{
    list-style: none;
    margin-left: 0;
    display: inline-block;
    vertical-align: top;
    padding-top:1rem;
}
#devoEventListingDialog ul li{
  	font-size: 0.85rem;
    color: #c4e3ed;
    font-weight: bold;
    padding-bottom: 0.5rem;
}
#devoEventListingDialog ul li.region{
    color: white;
    font-size: 1.5rem;
    font-weight: bold;
    padding-bottom: 1rem;
}
#devoEventListingDialog ul li .city{
    font-size: 1rem;
    color: #BDE6EE;
    font-weight: bold;
    padding-bottom: 0.5rem;
    display:inline-block;
}
#devoEventListingDialog ul li .date{
    font-size: 0.85rem;
    color: #c4e3ed;
    font-weight: bold;
    padding-bottom: 0.5rem;
    display:inline-block;
}
#devoEventListingDialog ul li.open .city{
    color: #BDE6EE;
}
#devoEventListingDialog ul li .city a{
    color: #c4e3ed;
}
#devoEventListingDialog ul li.open .date{
    color: #c4e3ed;
}
#devoEventListingDialog ul li .registerlink a{
    color: #f29111;
    font-size: 0.9375rem;
    text-decoration: underline;
}
#devoEventListingDialog .devoLearnMoreContainer a:hover,
#devoEventListingDialog ul li .registerlink a:hover{
    color: white;
}
#devoEventListingDialog ul li .registerlink a:after{
	font-family: "FontAwesome";
    content: "\f054";
    position: absolute;
    padding-left: 0.1875rem;
    font-size: 0.688rem;
    margin-top: 0.313rem;
}
/**devoHomePage Footer GetStarted **/
.devoButtonContainer a:hover,
.devoButtonContainer a:focus {
  color: #e6e6e6;
  text-decoration: none;
}
.devoFooter {
    max-width: 1600px;
    margin: 0 auto;
  overflow: hidden;
    background: #fff;
}
.devoFooter .devoObjectContainer {
  position: relative;
}
.devoFooterBgImgContainer {
    position: relative;
    display: table;
    width: 100%;
}
.devoFooterBgImg {
    overflow: hidden;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 28.125rem;
}
.devoFooterBgImg img {
    min-width: 100rem;
    min-height: 100%;
    position: absolute;
    display: block;
    right: 0;
}
.devoFooter .devoObjectContainer:nth-child(2) .devoListItems .columns {
    display: table; 
}
.devoFooter .devoObjectContainer:nth-child(2) .devoListItems .columns .devoButtonContainer a {
  line-height: 45px;
    display: inline-block;
    margin-top: 10px;
}
.devoFooter .devoObjectContainer:nth-child(2) .devoListItems .columns .devoFooterHeadlineTitle {
    font-size: 30px;
}
.devoFooter .devoObjectContainer:nth-child(2) .devoListItems .columns .devoFooterHeadlineTitle,
.devoFooter .devoObjectContainer:nth-child(2) .devoListItems .columns .devoFooterHeadlineDesc,
.devoFooter .devoObjectContainer:nth-child(2) .devoListItems .columns .devoFooterHeadlineImg {
    display: table-cell;
    padding-top: 10px;
}
.devoFooter .devoObjectContainer:nth-child(2) .devoListItems .columns .devoFooterHeadlineGetStarted .devoFooterHeadlineGetStartedList {
  display: inline-block;
}
.devoFooter .devoObjectContainer:nth-child(2) .devoListItems .columns .devoFooterHeadlineGetStarted ul {
  display: table-cell;
    text-align: left;
  padding: 14px 16px;
}
.devoFooter .devoObjectContainer:nth-child(2) .devoListItems .columns .devoFooterHeadlineGetStarted ul li,
.devoFooter .devoObjectContainer:nth-child(2) .devoListItems .columns .devoFooterHeadlineGetStarted ul li a {
    padding-left: 0;
    padding-right: 0;
  color: black;
  padding-bottom: 10px;
}

.devoFooter .devoObjectContainer:nth-child(3) {
    background-color: #eabd83;
  position: relative; 
}
.devoFooter .devoObjectContainer:last-child {
    background-color: #003b4d;
  position: relative; 
}
.devoFooter .devoObjectContainer:last-child.DEVO_SPEAKERS {
  background-color: red;
}
.devoHomePageFooterGetStarted,
.devoFooterHeadlineGetStarted {
  text-align: center;
  padding: 20px;
}
.devoHomePageFooterGetStarted ul,
.devoFooterHeadlineGetStarted ul {
    list-style-type: none;
    margin: 0;
    padding: 14px 16px;
    overflow: hidden;
}
.devoHomePageFooterGetStarted li:nth-child(2) {
    padding: 14px 16px;
}
.devoHomePageFooterGetStarted li {
    display: inline;
    text-align: center;
}
.devoHomePageFooterGetStarted li a {
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}
.devoFooterHeadlineGetStarted a,
.devoHomePageFooterGetStarted a {
    color: black;
}
.devoFooterHeadlineGetStarted a:hover,
.devoHomePageFooterGetStarted a:hover {
    text-decoration: underline;
}
.devoFooterHeadlineGetStarted > div {
  background-color: #dddcdc;
    opacity: 0.9;
}

.devoHomePageFooterGetStarted [class*="fa fa-"],
.devoFooterHeadlineGetStarted [class*="fa fa-"] {
  width: 25px;
    height: 25px;
    color: black;
    background-color: white;
    border-radius: 25px;
    display: inline-block;
    line-height: 25px;
    margin: auto 3px;
    font-size: 15px;
    text-align: center;
}

/* logo and social icon section    */
.devoHomePageFooterContentLink {
  text-align: center;
}
.devoHomePageFooterContentLink ul {
    list-style-type: none;
    margin: 0;
    padding: 14px 0;
    overflow: hidden;
  display: table;
  float: left;
  height: 63px;
}
.devoHomePageFooterContentLink li {
  display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.devoHomePageFooterContentLink li a {
    color: #cecece;
    text-align: center;
    padding: 14px 45px;
    text-decoration: none;
  font-size: 16px;
}
.devoHomePageFooterContentLink li:first-of-type a,
.devoHomePageFooterContentLink li:last-of-type a {
    padding-right: 0;
    padding-left: 0;
}
.devoHomePageFooterContentLink li a:hover {
    color: #FFF;
  text-decoration: underline;
}
.devoHomePageFooterSocialIcons {
  float: right;
}
.devoHomePageFooterSocialIcons ul {
  display: table;
  float: right;
  padding: 14px 0;
  margin-left: 0;
    margin-bottom: 0;
}
.devoHomePageFooterSocialIcons ul li {
  display: table-cell;
  opacity: 0.6;
    padding: 3px 7px 4px;
  vertical-align: middle;
}
.devoHomePageFooterSocialIcons ul li  a {
  color: #cecece;
  display: block;
}
.devoHomePageFooterSocialIcons ul li:hover {
  opacity: 1;
}
.devoHomePageFooterSocialIcons ul li a {
    margin: 0 0 5px 0;
}
.devoHomePageFooterSocialIcons li div {
  padding: 0;
  width: 32px;
  height: 32px;
  background: url(/National_Library/20160521004321oe_/https://developer.oracle.com/devo/res/images/1383858819579/ODev-FooterSocialIcons.png) 0 0 no-repeat;
  background-size: 300% auto;
  text-indent: -999999px;
}
.devoHomePageFooterSocialIcons li div.scl-facebook {
  background-position: 0px 1%;
}
.devoHomePageFooterSocialIcons li div.scl-email {
  background-position: 70% 1%;
}
.devoHomePageFooterSocialIcons li div.scl-twitter {
  background-position: 0px 11%;
}
.devoHomePageFooterSocialIcons li div.scl-linkedin {
  background-position: 0px 21.5%;
}
.devoHomePageFooterSocialIcons li div.scl-g {
  background-position: 0px 32%;
}
.devoHomePageFooterSocialIcons li div.scl-youtube {
  background-position: 0px 75.5%;
}
.devoHomePageFooterSocialIcons li div.scl-cam {
  background-position: 0px 56%;
}
.devoHomePageFooterSocialIcons li div.scl-omn {
  background-position: 3% 85%;
  background-size: 310%;
}
.devoHomePageFooterSocialIcons li div.scl-otn {
  background-position: 0px 64%;
}

.devoHomePageFooterLogoSocialContainer {
  display: table;
  clear: both;
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0;
  
}
.devoHomePageFooterLogo {
  float: left;
  text-indent: -20000px;
  margin-right: 0;
  width: 185px;
  height: 63px;
}

.devoHomePageFooterLogo a {
  display: block;
  background-repeat: no-repeat;
  background-position: 0px 80%;
  background-image: url(/National_Library/20160521004321oe_/https://developer.oracle.com/devo/res/images/1383858819527/ODev-FooterLogo.png);
  background-size: 100% auto;
  width: 75%;
  margin: 13% 65px 0 auto;
  height: 24px;
}

/* scroll to Top Button*/

.scrollToTop a {
  font-size: 50px;
}
.scrollToTop a::before {
    position: absolute;
    background: rgba(0,0,0,0.5);
    color: rgba(255,255,255,0.7);
    width: 50px;
    height: 50px;
    text-align: center; 
}
.scroll-icn:before {
  font-family: "FontAwesome";
  content: "\f077";
  font-size: 30px;
}
.scrollToTop {
    display: none;
    width: 50px;
    height: 50px;
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 10;	
}
.stickyBtn .scrollToTop {
    position: absolute;
    top: -61px;
}

/* Footer Resource List section    */
.devoFooter .devoFooterResources {
    width: auto;
    padding: 0 0.625rem;
    margin: 0 auto;
    padding-bottom: 3.75rem;
    padding-top: 3.75rem; 
}
.devoFooter .devoFooterResources .resourceList {
    display: table-cell;
  padding-left: 5%;
  position: relative;
}
.devoFooter .devoFooterResources .resourceList ul {
    margin: 0;
    padding: 0;
}
.devoFooter .devoFooterResources .resourceList .title {
  color: #ffffff;
  padding-bottom: 2.5rem;
  font-size: 1.75rem;
  display: block;
  font-weight: bold;
  font-family: "Arial",Helvetica,sans-serif;
}
.opcComponent-container.DEVO_HOMEPAGE .devoFooter .devoFooterResources .resourceList .title {
    color: #003b4d;
}
.devoFooter .devoFooterResources .resourceList ul a {
  color: white;
  font-weight: bold;
  display: block;
  font-size: 1.125rem;
  font-family: "Arial",Helvetica,sans-serif;
}
.devoFooter .devoFooterResources .resourceList ul a:hover {
  text-decoration: underline;
}
.devoFooter .devoFooterResources .resourceList ul li {
    list-style-type: none;
    position: relative; 
}
.devoFooter .devoFooterResources .resourceList ul li > a:after {
    content: url("/National_Library/20160521004321oe_/https://developer.oracle.com/devo/res/images/1383859007638/arrow-right.png") !important;
    float: right;
    position: absolute;
    padding-left: 0.375rem;
    font-size: 0.688rem;
    margin-top: 0.313rem;
	transform: scale(.7);
}
.devoFooter .devoFooterResources .resourceToggleBtn {
    position: absolute;
    right: 0;
    top: 13px;
    width: 21px;
    height: 21px;
    display: none;
    background: url(/National_Library/20160521004321oe_/https://developer.oracle.com/devo/res/images/1383859015779/u12-sprite.png) no-repeat -21px 1px;
}

/* devoCodeAbout section styling   */
.devoCodeAbout .devoCodeAboutSectionTitle {
    padding-top: 6.25rem;
	padding-bottom: 3.125rem;
	font-family: "Arial",Helvetica,sans-serif;
    font-size: 3.5rem;
    font-weight: bold;  
	color: #ffffff;	
	line-height: 1em;	
}
.opcComponent-container.DEVO_CODE  .devoCodeAbout .devoListItems .devoPostContainer.DEVO_POST_ABOUT .title{
	display:none;
}
.opcComponent-container.DEVO_CODE  .devoCodeAbout .devoListItems .devoPostContainer.DEVO_POST_ABOUT .description{
	display:none;
}
.devoCodeAbout .devoCodeAboutSectionDesc {
	font-family: "Arial",Helvetica,sans-serif;
    font-weight: bold;  
	font-size: 1.25rem;
	color: #ffffff;    
}
.devoCodeAbout .row.Top {
  color: white;
}
.devoCodeAbout .expandableTitle {
  padding-top: 6.25rem;
}
.devoCodeAbout .expandableTitle .title {
    text-align: center;
    padding: 0 1.5rem 2.75rem 1.5rem;
	font-size: 1.25rem;
	font-family: "Arial",Helvetica,sans-serif;
    display: inline-block;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.devoCodeAbout .expandableTitle.active {
  background-color:initial;
}
.devoCodeAbout .expandedSection {
  background: linear-gradient(#ffffff, #dde9ed);
  text-align: center;
}
.opcComponent-container.DEVO_CODE .devoCodeAbout .expandedSection {
  background: #e5eff0;
  text-align: center;
}
.devoCodeAbout .detailContent > .title {
  padding-top: 6.25rem;
  padding-bottom: 3.125rem;
}
.devoCodeAbout .detailContent .detailList > .columns div:not(.title) {
  padding-top: 1.563rem;
    padding-bottom: 1rem;
  font-size: 1.063rem;
}
.devoCodeAbout .detailContent .detailList ul {
  padding-top: 1.563rem;             
  font-size: 1.063rem;               
}
.devoCodeAbout .expandedSection .title {
  color: #003b4d;
  font-size: 2.875rem;
  font-weight: bold;
  font-family: "Arial",Helvetica,sans-serif;
  line-height: 1em;
}
.opcComponent-container.DEVO_CODE .devoCodeAbout .expandedSection .detailContent > .title {
    color: #f29111;
}
.devoCodeAbout .expandedSection .detailList {
  text-align: left;
  padding-bottom: 5rem;
}
.devoCodeAbout .expandedSection .bottomLine {
  border-bottom: 2px solid #003b4d;
}
.devoCodeAbout .expandedSection .bottomLine:last-of-type {
  border-bottom: none;
}
.devoCodeAbout .expandedSection .detailList a {
	color: #00758f;      
    font-weight: bold;   
	font-family: "Arial",Helvetica,sans-serif;
}
.devoCodeAbout .expandedSection .detailList:last-of-type {
  border-bottom: initial;
  padding-bottom: 6.25rem;
}
.devoCodeAbout .expandedSection .detailList .title {
  font-size: 1.625rem;
}
.devoCodeAbout .expandedSection .detailList .columns > .title {
  padding-top: 2.75rem;
}
.devoCodeAbout .expandedSection .detailList .columns > .title:nth-of-type(1) {
  padding-top: 0;
}
.devoCodeAbout .devoPost {
  text-align: left;
}
.devoCodeAbout .devoPost .details {
  display: none;
}
.devoCodeAbout .devoPost .description {
  padding-left: 0;
  padding-top: 0;
  font-family: "Arial",Helvetica,sans-serif;
  font-size: 1.063rem;
  font-weight: normal;
}
.devoCodeAbout .devoPost .title {
	font-family: "Arial",Helvetica,sans-serif;
    padding-top: 1.875rem;
    padding-bottom: 1.25rem;
    padding-left: 0;
    color: white;
    font-weight: bold;
    display: inline-block;
    font-family: arial;
    font-size: 1.875rem;
    line-height: 1em;
    width: 100%;
	background: none;
}

/* devoCodeSponsors section styling   */
.devoCodeSponsors .expandedSection {
  background-color: #eeeeee;
}
.devoCodeSponsors .Bottom {
  color: #324b5c;
}
.devoCodeSponsors .devoCodeSponsorDetailDesc a,
.devoCodeSponsors .featuredSponsors .description a {  
  color: white;
  text-decoration: underline;
} 
.devoCodeSponsors .featuredSponsors {
  padding-bottom: 1rem;
} 
.devoCodeSponsors .featuredSponsors .devoImageTileImageContainer {
  padding-left: 0;
  padding-right: 0;
} 
.devoCodeSponsors .featuredSponsors .title {
  color: #06a6ef;
}
.devoCodeSponsors .devoButton {
	/*   padding-right: 30px !important; */
}
.opcComponent-container.DEVO_CODE  .devoCodeSponsors .devoButton {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    box-shadow: 0 0.25rem 0.5rem 0px rgba(0, 0, 0, 0.25);
    padding-right: 1.875rem !important;
    padding-left: 1.875rem !important;
}
.devoCodeSponsors .devoButton:after {
    font-family: "FontAwesome";
    content: initial;
    position: absolute;
    right: 10px;
}
.devoCodeSponsors {
  color: #fff;
}
.devoCodeSponsors .detail {
  background-color: #004a5e;
  margin-bottom: 6.25rem;
}
.opcComponent-container.DEVO_CODE .devoCodeSponsors .detail{
  background-color: #dae6e6;
}
.opcComponent-container.DEVO_CODE .devoCodeSponsors .devoCodeSponsorDetailDesc a,
.opcComponent-container.DEVO_CODE .devoCodeSponsors .featuredSponsors .description a{
  color: #dae6e6;
}
.devoCodeSponsors .devoCodeSponsorSectionTitle {
  padding-top: 6.25rem;
  font-size: 3.5rem;
  font-family: "Arial",Helvetica,sans-serif;
}
.devoCodeSponsors .devoCodeSponsorSectionDesc {
	padding-top: 3.125rem;
    padding-bottom: 3.75rem;
	font-size: 1.25rem;
	font-family: "Arial",Helvetica,sans-serif;
}
.devoCodeSponsors .devoCodeSponsorDetailTitle {
  padding-top: 3.125rem;
  padding-bottom: 1.625rem;
  font-size: 1.625rem;
  font-family: "Arial",Helvetica,sans-serif;
}
.devoCodeSponsors .devoCodeSponsorDetailDesc {
  padding-bottom: 1.875rem;
  padding-left: 3.125rem;
  padding-right: 3.125rem;
  font-size: 1.063rem;  
}
.devoCodeSponsors .expandableTitle {
  margin-top: 2rem;
}
.devoCodeSponsors .expandableTitle .title {
  background-color: rgba(50, 5, 5, 0.22);
    text-align: center;
    padding: 1rem 1.5rem 2rem 1.5rem;
    display: inline-block;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.devoCodeSponsors .expandableTitle.active {
  background-color:initial;
}
.devoCodeSponsors .devoCodeAllSponsorsTitle {
  padding-top: 2rem;
    font-size: 2.5rem;
}
.devoCodeSponsors .devoCodeSponsorsList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  padding-top: 30px;
  padding-bottom: 30px;
}
.opcComponent-container.DEVO_CODE .devoCodeSponsors .devoCodeSponsorsList {
	justify-content: center;
}
.devoCodeSponsors .row.Top .devoCodeSponsorsList {
  padding-top: 0;
  padding-bottom: 4.375rem;
}
.devoCodeSponsors .devoImageTileImageContainer img {
  /* width: 124px; */
  /* height: 124px; */
}
.devoCodeSponsors.CODE_SPONSORS {
  background-color: #003b4d;
  max-width: 1600px;
  margin: 0 auto;
} 
.opcComponent-container.DEVO_CODE .devoCodeSponsors.CODE_SPONSORS {
	background-color: #e4efef;
    color: #003f4a;
} 
.devoCodeSponsors .devoSponsorTitle,
.devoCodeSponsors .devoSponsorDesc {
  color: white;
}
.devoCodeSponsors .devoImageTileImageContainer {
  height: 6.625rem;
  width: 12.5rem;
  display: table-cell;
  vertical-align: middle;  
}
.devoCodeSponsorsSlick .devoImageTileColumnsBlock {
  height: auto;
}
.devoCodeSponsorsSlick .devoImageTileColumnsBlock img {
  width: 100%;
}
.devoCodeSponsors .devoImageTileRowBlock {
  margin-left: 0;
    margin-right: 0;
}
.devoCodeSponsors .devoSponsorTitle {
  padding-top: 2.5rem;
  font-size: 2.5rem;
}
.devoCodeSponsors .devoSponsorDesc {
  padding-bottom: 1.875rem;
}
.devoCodeSponsors .devoButtonContainer {
  padding-bottom: 3.125rem;
}

/* devoCodeSpotlight */
.devoCodeSpotlight {
      background-color: rgba(0,45,59,1);
}
.devoCodeSpotlight .title {
    padding-top: 50px;
  padding-bottom: 0;
  font-family: "Arial",Helvetica,sans-serif;
    font-size: 3.5rem;
    font-weight: bold;  
  color: #ffffff; 
  line-height: 1em; 
}
.devoCodeSpotlight .description {
  font-family: "Arial",Helvetica,sans-serif;
    font-weight: bold;  
  font-size: 1.25rem;
  color: #ffffff;    
}

.devoCodeSpotlight .devoVideoPlayer {
      padding-bottom:3rem;
      padding-top:3rem;
}



/* devoGithub Featured Repo Styling */
  .githubFeaturedRepoComponentContainer,
  .githubRepoComponentContainer {
    background-color: #eeeeee;
  }
  .githubFeaturedRepoComponentContainer .githubFeaturedRepoComponentHeader {
      margin: 12px 0 15px
  }
  .githubFeaturedRepoComponentContainer .githubFeaturedRepoProjectsContainer {
      padding: 0;
    display: flex;
    flex-wrap: nowrap;
  }
  .githubFeaturedRepoComponentContainer .githubFeaturedRepoProjectsContainer .project-hide {
    display: none;
  } 
  .githubFeaturedRepoComponentContainer .githubFeaturedRepoProjectsContainer .project {
      background-color: #ffffff;
      box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.25);
      position: relative;
      padding: 18px 20px 100px;
      margin-bottom: 15px;
    margin-right: 15px;
    margin-left: 15px;
  }
  .githubFeaturedRepoComponentContainer .githubFeaturedRepoProjectsContainer .project .project-image {
      text-align: center;
      margin: 12px auto 18px
  }
  .githubFeaturedRepoComponentContainer .githubFeaturedRepoProjectsContainer .project .project-image img {
      max-width: 60%;
      height: auto
  }
  .githubFeaturedRepoComponentContainer .githubFeaturedRepoProjectsContainer .project .githubFeaturedProjectStats {
      text-align: right;
      color: #999999;
      font-size: 14px;
      font-weight: 400
  }
  .githubFeaturedRepoComponentContainer .githubFeaturedRepoProjectsContainer .project .githubFeaturedProjectStats .githubFeaturedProjectForks {
      margin-left: 20px
  }
  .githubFeaturedRepoComponentContainer .githubFeaturedRepoProjectsContainer .project .githubFeaturedProjectName {
      padding: 12px 0 12px;
      margin: 0;
      color: #000000;
      font-size: 20px;
      font-weight: normal
  }
  .githubFeaturedRepoComponentContainer .githubFeaturedRepoProjectsContainer .project .githubFeaturedProjectLanguage {
      color: #999999;
      font-size: 14px
  }
  .githubFeaturedRepoComponentContainer .githubFeaturedRepoProjectsContainer .project .githubFeaturedProjectDescription {
      color: #666666;
      font-size: 14px
  }
  .githubFeaturedRepoComponentContainer .githubFeaturedRepoProjectsContainer .project .githubFeaturedProjectLinks {
      display: block;
      position: absolute;
      bottom: 15px;
      text-align: center;
      width: 100%;
      margin: 0 -20px
  }
  .githubFeaturedRepoComponentContainer .githubFeaturedRepoProjectsContainer .project .githubFeaturedProjectLinks .btn {
      background-image: -webkit-linear-gradient(90deg, #1d4c84 0%, #143f69 100%);
      background-image: linear-gradient(0deg, #1d4c84 0%, #143f69 100%);
      font-family: Arial;
      color: #ffffff;
      font-size: 14px;
      font-weight: 700;
      border: none;
      padding-left: 20px;
      padding-right: 20px;
      box-shadow: none;
      border-radius: 0px
  }
  .githubFeaturedRepoComponentContainer .githubFeaturedRepoProjectsContainer .project .githubFeaturedProjectLinks a {
      display: block;
      margin-top: 10px;
      font-weight: bold
  } 
  .githubFeaturedRepoComponentContainer [class*="column"]:last-child {
    float: left;
  }
  
/* devoGithub All Repo Styling */
  .githubRepoComponentContainer .githubRepoComponentHeader {
      margin: 12px 0 15px
  }
  .githubRepoComponentContainer .githubRepoProjectsContainer {
      padding: 0;
      display: flex;
      flex-wrap: wrap;    
  }
  .githubRepoComponentContainer .githubRepoProjectsContainer .project-hide {
      display: none;
  }
  .githubRepoComponentContainer .githubRepoProjectsContainer .project {
      background-color: #ffffff;
      box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.25);
      position: relative;
      padding: 18px 20px 100px;
      margin-bottom: 15px;
      margin-right: 15px;
      margin-left: 15px;
  }
  .githubRepoComponentContainer .githubRepoProjectsContainer .project .project-image {
      text-align: center;
      margin: 12px auto 18px
  }
  .githubRepoComponentContainer .githubRepoProjectsContainer .project .project-image img {
      max-width: 60%;
      height: auto
  }
  .githubRepoComponentContainer .githubRepoProjectsContainer .project .githubProjectStats {
      text-align: right;
      color: #999999;
      font-size: 14px;
      font-weight: 400
  }
  .githubRepoComponentContainer .githubRepoProjectsContainer .project .githubProjectStats .githubProjectForks {
      margin-left: 20px
  }
  .githubRepoComponentContainer .githubRepoProjectsContainer .project .githubProjectName {
      padding: 12px 0 12px;
      margin: 0;
      color: #000000;
      font-size: 20px;
      font-weight: normal
  }
  .githubRepoComponentContainer .githubRepoProjectsContainer .project .githubProjectLanguage {
      color: #999999;
      font-size: 14px
  }
  .githubRepoComponentContainer .githubRepoProjectsContainer .project .githubProjectDescription {
      color: #666666;
      font-size: 14px
  }
  .githubRepoComponentContainer .githubRepoProjectsContainer .project .githubProjectLinks {
      display: block;
      position: absolute;
      bottom: 15px;
      text-align: center;
      width: 100%;
      margin: 0 -20px
  }
  .githubRepoComponentContainer .githubRepoProjectsContainer .project .githubProjectLinks .btn {
      background-image: -webkit-linear-gradient(90deg, #1d4c84 0%, #143f69 100%);
      background-image: linear-gradient(0deg, #1d4c84 0%, #143f69 100%);
      font-family: Arial;
      color: #ffffff;
      font-size: 14px;
      font-weight: 700;
      border: none;
      padding-left: 20px;
      padding-right: 20px;
      box-shadow: none;
      border-radius: 0px
  }
  .githubRepoComponentContainer .githubRepoProjectsContainer .project .githubProjectLinks a {
      display: block;
      margin-top: 10px;
      font-weight: bold
  }
  .githubRepoComponentContainer .githubProjectsShowMore {
      padding: 15px 0 40px;
      text-align: center
  }
  .githubRepoComponentContainer .githubProjectsShowMore .btn {
      border: 1px solid #1F4F82;
      height: 38px;
      color: #1F4F82;
      font-weight: bold;
      font-size: 18px;
      border-radius: 0;
      box-shadow: none;
      padding-right: 18px;
      padding-left: 18px;
      background: none;
    padding-top: 8px;
    margin-bottom: 0;
  }
  .githubRepoComponentContainer .githubProjectsShowMore .btn i {
      margin-right: 9px
  }
  .githubRepoComponentContainer [class*="column"]:last-child {
    float: left;
  }
/* devoCodeVenue Section */
.devoCodeVenue .Top,
.devoCodeVenue .Bottom {
  max-width: 1600px;
    margin: 0 auto;
  overflow:visible;
}



.devoCodeVenue .Top .row > .title {
  padding-top: 6.25rem;
  font-size:3.5rem;
  font-weight: bold;
  font-family: "Arial",Helvetica,sans-serif;
  padding-bottom: 3.125rem;
  color: white;
  line-height: 1em;
}

.devoCodeVenue .Top .addressLines {
  padding-bottom:2rem;
  
}

.devoCodeVenue .Top .addressLines  .location {
  font-weight:bold;
  font-size:1.875rem;
  font-family: "Arial",Helvetica,sans-serif;
  padding-bottom:.5rem;
} 
.devoCodeVenue .Top .addressLines .addressLine,
.devoCodeVenue .Top .addressLines .websiteLink {
  font-weight:bold;
  font-size: 1.25rem;
  font-family: "Arial",Helvetica,sans-serif;
} 
.devoCodeVenue .Top .addressLines  a {
  color: white;
}
.devoCodeVenue .devoExtendButtonTextContainer{
  /*  padding-bottom:1.5rem; */
  text-align: center;
}
.devoCodeVenue .devoExtendButtonTextContainer .title{
    font-size: 1.25rem;
	font-family: "Arial",Helvetica,sans-serif;
    line-height: 1.5rem;
    font-weight: bold;
    text-align: center;
  padding-top: 1rem;
    padding-bottom: 2rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    display: inline-block;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.devoCodeVenue  #devoExpandable .devoExpandableIcon .fa{
  line-height: 50px;
    color: white;
    font-size: 23px;
}
.devoCodeVenue .devoExtendButtonContainer{
  position: absolute;
    margin: auto auto;
    text-align: center;
    left: 0;
    right: 0;
}

.devoCodeVenue .Bottom {
  background-color: #eeeeee;
  color: #003b4d;
  padding-top:6.25rem;
  background: linear-gradient(#ffffff, #dde9ed);
}
.devoCodeVenue .Bottom ul li:nth-of-type(1) .title {
	padding-bottom: 1.563rem;
	font-size: 1.625rem;
}
.devoCodeVenue .Bottom  ul:not(.devoVenueInfo) {
  list-style-type: none;
}
.devoVenueInfo > li:nth-child(1)  {
  list-style-type: none;
  margin-left:-1rem;
}



.devoCodeVenue .Bottom  ul.devoMap {
  text-align: center;
}


.devoCodeVenue .Bottom ul .title {
  font-weight: bold;
  font-size:1.625rem;
}

.devoCodeVenue .Bottom .devoDirection .transit {
  padding-bottom:1rem;
}

.devoCodeVenue .Bottom  ul .transit .title {
  font-weight:bold;
  font-size:1rem;
}

.devoCodeVenue .Bottom .devoCodeVenueDetail .transit a {
  padding-right:1rem;
}

.devoCodeVenue .Bottom .devoCodeVenueDetail .devoMap {
  text-align:center;
}


.devoCodeVenue .Top,
.devoCodeVenue .Top .link a {
  color: white;
}

.devoCodeAnnouncement {
  background-color: #003b4d;
  padding-top:2rem;
  padding-bottom:2rem;
}
  
 
 .devoPlayerContainer.yt .flex-video {
    padding-bottom:56.25%;
 } 
  .devoVideoSliderPromotionGroup .flex-video {
    padding-bottom:56.25%;
 } 
 .devoVideoSliderPromotionGroup {
 	display:table-cell;
 	vertical-align:middle;
 	padding-bottom: 1.125rem;
 }
 .reveal-modal.modal-video {
    padding-top:0;
    padding-left:0;
    padding-right:0;
	padding-bottom: 0;	
  }
  
  .reveal-modal.modal-video .modal-title .title {
    font-size: 1.25rem;
  }
  
  .reveal-modal.modal-video .close-reveal-modal {
  /*font-size: 1.75rem;*/
  color: #555555;
  top:50%;/*for ie9*/
  transform: translate(0%,-50%);  
}

  
.reveal-modal.modal-video .modal-title{
  /*background-image: linear-gradient(to bottom, #f5f5f5, #f0f0f0);*/
  /*border: 1px solid #aaaaaa;*//*{borderColorHeader}*/
  /*border-bottom: 1px solid #c4ced7;*/
  /*border-radius: 2px 2px 0px 0px;*/
  /*box-shadow: 0 0 1px 0 #999999;*/
  
}
.reveal-modal.modal-video .modal-title > .row > .columns {
	display: table;
}
.reveal-modal.modal-video .modal-title > .row > .columns .title {
	display: table-cell;
}
.reveal-modal.modal-video .flex-video{ 
  margin:0.5rem;
  margin-top: 0;  
}
.reveal-modal.modal-video.devoSite .modal-title > .row > .columns .title{
    visibility: hidden;
}
.reveal-modal.modal-video.devoSite .modal-title > .row > .columns .title.titleShow{
    visibility: visible;
}   
.devoCodeAnnouncement .title {
  color: white;
  font-size: 2rem;
  padding-top: .4rem;
  padding-bottom: .4rem;
  font-family: "Arial",Helvetica,sans-serif;
} 
.opcComponent-container.DEVO_CODE .devoCodeSponsors .devoCodeSponsorSectionTitle{
	font-weight: bold;
}
.opcComponent-container.DEVO_CODE .devoCodeSponsors .devoCodeSponsorSectionDesc{
	font-weight: bold;
}
.opcComponent-container.DEVO_CODE .devoCodeSponsors .devoCodeSponsorDetailTitle{
	font-weight: bold;
}
.opcComponent-container.DEVO_CODE .devoCodeAnnouncement .title{
	text-align: left !important;
	color: white;
	font-weight: bold;
	text-align: left;
	font-size: 2rem;
	padding-top: .4rem;
	padding-bottom: .4rem;
	font-family: "Arial",Helvetica,sans-serif;
}
.devoCodeAnnouncement .devoCTA .devoButton
{
  color:#fff;
  min-height: 2.5rem;
  border-radius: 5px;
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
  font-size: 1.125rem;
  background-color: #f80000 !important;
}
.devoCodeAnnouncement .devoCTA .devoButton:after{
	font-family: "FontAwesome";
    content: initial;
    position: relative;
    right: -0.5rem;
}
.devoCodeAnnouncement .devoCTA .devoButton:hover
{
  color: #e6e6e6;
  text-decoration: none;
  background-color: #cd0000 !important;
}
.devoSpeaker-expand-icn-container,
.expand-icn-container {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -22px;
    width: 44px;
    height: 44px;
    background: #f29111;
    border-radius: 50%;
    margin: auto auto;
    line-height: 44px;
  z-index: 1000;
}
.devoSpeaker-expand-icn-container:hover,
.expand-icn-container:hover {
  cursor: pointer;
  background: #e28100;
}
.devoSpeaker-expand-icn-container a,
.devoSpeaker-expand-icn-container a:hover,
.expand-icn-container a,
.expand-icn-container a:hover {
  text-decoration: none;
}
.expand-icn:before {
  font-family: "FontAwesome";
  content: url(/National_Library/20160521004321oe_/https://developer.oracle.com/devo/res/images/1383859180584/ic-plus.png);
  font-size: 20px;
  bottom: -25px;
  z-index: 1000;
  color: white;
  display:inline-block;
  padding-top:5px;
}
.collapse-icn:before {
  font-family: "FontAwesome";
  content: url(/National_Library/20160521004321oe_/https://developer.oracle.com/devo/res/images/1383859180628/ic-xclose.png);
  font-size: 20px;
  bottom: -25px;
  z-index: 1000;
  color: white;
  display:inline-block;
  padding-top:5px;
} 
/**Agenda EX section**/
.devoInlineDisplayBlock{
  display:inline-block; 
}
.deoAgendaEx .agendaScheduleSingleContainer {
    display: table-cell;
    vertical-align: top;
    height: 100%;
    -webkit-box-shadow: 4px 0px 5px 0px rgba(18,46,63,1);
    -moz-box-shadow: 4px 0px 5px 0px rgba(18,46,63,1);
    box-shadow: 4px 0px 5px 0px rgba(18,46,63,1);
}
.deoAgendaEx .agendaSchudeuleSpeakerContainer{
    display: inline-block;
    color: #009EC2;
    font-weight: bold;
    font-size: 1rem;
}
.deoAgendaEx .devoAgendaPopupModalLink {
  position: absolute;
    bottom: 0;
    width: 0;
    height: 0;
    right: 0;
    border-bottom: 35px solid #004e63;
    border-left: 35px solid transparent;
}
.deoAgendaEx .devoAgendaPopupModalLink:hover { 
    border-bottom: 35px solid orange;
}
.deoAgendaEx .agendaScheduleSingleContainer:hover {
}
.deoAgendaEx .devoAgendaTimeSlotContainer .session .agendaScheduleSingleContainer:hover .sessionInnerContainer{
    background-color: #005a6f;
}
.deoAgendaEx .devoAgendaTimeSlotContainer .session .agendaScheduleSingleContainer:hover .devoAgendaPopupModalLink{
  border-bottom: 35px solid orange;
}
.deoAgendaEx .devoAgendaTimeSlotContainer .session .agendaScheduleSingleContainer:hover .devoAgendaPopupModalLink .plusSign{
  color:white;
}
.deoAgendaEx .devoAgendaPopupModalLink:hover .plusSign{
  color:white;
}
.deoAgendaEx .devoAgendaPopupModalLink .plusSign{
  position: absolute;
    left: -16px;
    top: 5px;
    font-size: 1.5rem;
}
.devoAgendaPopupModal .title{
  font-size: 1.5rem;
    font-weight: bold;
    color: #003b4d;
    padding-bottom: 1rem;
}
.devoAgendaPopupModal .timeContainer {
    font-size: 1rem;
    color: #003b4d;
    padding-bottom: 0.5rem;
    font-weight: bold;
    color: #003b4d;
}
.devoAgendaPopupModal .category{
	font-size: 1rem;
    color: #003b4d;
    padding-bottom: 1rem;
    font-weight: bold;
    color: #003b4d;
}
.devoAgendaPopupModal .timeContainer .startTime {
    display: inline-block;
}
.devoAgendaPopupModal .timeContainer .endTime {
    display: inline-block;
}
.devoAgendaPopupModal .timeContainer .location {
    display: inline-block;
}
.devoAgendaPopupModal .abstract {
    color: #003b4d;
}
.devoAgendaPopupModal .modalAgendaSchudeuleSpeakerContainer .speakerHeadContainer{
  display:table;
  padding-bottom: 1rem;
    font-weight: normal;
    color: #003b4d;
}
.devoAgendaPopupModal .modalAgendaSchudeuleSpeakerContainer .sperkerbio{
  	padding-bottom: 1.875rem;
    font-weight: normal;
    color: #003b4d;
}
.devoAgendaPopupModal .modalAgendaSchudeuleSpeakerContainer .sperkerTwitterContainer{
  	padding-bottom: 0.5rem;
    font-weight: normal;
    color: #003b4d;	
}
.devoAgendaPopupModal .modalAgendaSchudeuleSpeakerContainer .sperkerTwitterContainer .speakerTwitterImage{
	background: url("/National_Library/20160521004321oe_/https://developer.oracle.com/devo/res/images/1383859309845/ic-twitter-speaker.png") right center no-repeat;
    width: 30px;
    height: 29px;
    display: inline-block;
    font-size: 1rem;
    background-size: cover;
    vertical-align: middle;
}
.devoAgendaPopupModal .modalAgendaSchudeuleSpeakerContainer .sperkerTwitterContainer .sperkerTwitter{
	display: inline-block;
    font-size: 1rem;
    vertical-align: middle;
    color: #00758f;
    margin-left: 0.25rem;
    text-decoration: underline;
}
.reveal-modal.speakerModalEx .sperkerTwitterContainer{
	padding-top: 1.875rem;
  	padding-bottom: 0.5rem;
}
.reveal-modal.speakerModalEx .sperkerTwitterContainer .speakerTwitterImage{
	background: url("/National_Library/20160521004321oe_/https://developer.oracle.com/devo/res/images/1383859309845/ic-twitter-speaker.png") right center no-repeat;
    width: 30px;
    height: 29px;
    display: inline-block;
    font-size: 1rem;
    background-size: cover;
    vertical-align: middle;
}
.reveal-modal.speakerModalEx .sperkerTwitterContainer .sperkerTwitter{
	display: inline-block;
    font-size: 1rem;
    vertical-align: middle;
    color:#00758f;
    margin-left: 0.25rem;
    text-decoration: underline;
}
.agendaSchudeuleSpeakerContainer .speakerNameContainer{
  display:inline-block;
}
.agendaSchudeuleSpeakerContainer .speakerNameContainer .speakerName,
.agendaSchudeuleSpeakerContainer .speakerNameContainer .speakerNameConnector{
  display:inline-block;
}
.devoAgendaPopupModal .modalAgendaSchudeuleSpeakerContainer .speakerHeadContainer .speakerName{
    font-weight: bold;
}
.devoAgendaPopupModal .modalAgendaSchudeuleSpeakerContainer .speakerHeadContainer .sperkerPhotoContainer{
  display:table-cell;
}
.devoAgendaPopupModal .modalAgendaSchudeuleSpeakerContainer .speakerHeadContainer .sperkerPhoto{
  width: 85px;
    height: 85px;
}
.devoAgendaPopupModal .modalAgendaSchudeuleSpeakerContainer .speakerHeadContainer .sperkerPhoto img{
  width: 85px;
    height: 85px;
    border-radius: 50%;
}
.devoAgendaPopupModal .modalAgendaSchudeuleSpeakerContainer .speakerHeadContainer .speakerTitleContainer{
    display: table-cell;
    vertical-align: middle;
    padding-left:1rem;
}
.devoAgendaPopupModal .sperkerPhotoContainer{
  display:inline-block;
}
.deoAgendaEx .devoAgendaTimeSlotContainer{
  margin-bottom:0;
}
.deoAgendaEx .devoAgendaTimeSlotContainer .displayTimeContainer .displayTime .hourMinuteDivide{
  margin-left:-0.5rem;
  margin-right:-0.5rem;	
}
.deoAgendaEx .devoAgendaTimeSlotContainer .displayTimeContainer .displayTime .hour{
  font-size:2.5rem;
}
.deoAgendaEx .devoAgendaTimeSlotContainer .session{
  padding-top: 0;
    padding-bottom: 0;
    height: 100%;
}
.deoAgendaEx .devoAgendaTimeSlotContainer .session .location {
    color: #009EC2;
    font-size:1rem;
}
.deoAgendaEx .agendaScheduleSingleContainer.borderLeftColorFirstStyle{
    border-left: 2px solid #f29111;
}
.deoAgendaEx .agendaScheduleSingleContainer.borderLeftColorFirstStyle .location{
  color: #f29111;
}
.deoAgendaEx .agendaScheduleSingleContainer.borderLeftColorSecondStyle{
    border-left: 2px solid #00bbe5;
}
.deoAgendaEx .agendaScheduleSingleContainer.borderLeftColorSecondStyle .location{
    color:#00bbe5;
}
.deoAgendaEx .agendaScheduleSingleContainer.borderLeftColorThirdStyle{
    border-left: 2px solid #ff0000;
}
.deoAgendaEx .agendaScheduleSingleContainer.borderLeftColorThirdStyle .location{
    color:#ff0000;
}
.deoAgendaEx .agendaScheduleSingleContainer.borderLeftColorForthStyle{
    border-left: 2px solid white;
}
.deoAgendaEx .agendaScheduleSingleContainer.borderLeftColorForthStyle .location{
    color:white;
}
.deoAgendaEx .agendaScheduleSingleContainer.borderLeftColorFifthStyle{
    border-left: 2px solid yellow;
}
.deoAgendaEx .agendaScheduleSingleContainer.borderLeftColorFifthStyle .location{
    color:yellow;
}
.deoAgendaEx .agendaScheduleSingleContainer.borderLeftColorSixStyle{
    border-left: 2px solid gray;
}
.deoAgendaEx .agendaScheduleSingleContainer.borderLeftColorSixStyle .location{
    color:gray;
}
.deoAgendaEx .devoAgendaTimeSlotContainer .session.multi{
  text-align:left;
}
.deoAgendaEx .agendaSchudeuleSpeakerContainer .speakerNameConnector {
    margin-left: -4px;
    margin-right: 4px;
}
.deoAgendaEx .devoAgendaTimeSlotContainer .session .sessionInnerContainer{
    padding:15px; 
	position: relative; 
	height: 100%; 
	background: #1c405a; 
	margin-right: 4px; 
	word-break: break-word;
}
.deoAgendaEx .devoAgendaTimeSlotContainer:nth-child(odd) .session .sessionInnerContainer{
    background: #193b54;
}
.deoAgendaEx .devoAgendaTimeSlotContainer .agendaScheduleSingleContainer:last-child .sessionInnerContainer {
    margin-right: 0;
}
.deoAgendaEx .devoAgendaTimeSlotContainer:nth-child(odd) .session, .devoAgendaTimeSlotContainer:nth-child(odd) .dummyColumnsSpaceContainer {
    background-color: transparent;
}
.deoAgendaEx .devoAgendaTimeSlotContainer:nth-child(even) .session, .devoAgendaTimeSlotContainer:nth-child(even) .dummyColumnsSpaceContainer {
    background-color: transparent;
}
.devoAgendaPopupModal .sperkerPhoto img.NoImageDefault{
    width: 85px;
    height: 85px;
    border-radius: 50%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}
.deoAgendaEx .devoAgendaTimeSlotContainer .displayTimeContainer {
    vertical-align: top;
}
.deoAgendaEx .row.typeRowContainer{
  margin-bottom: 5px;
}
.deoAgendaEx .row.typeRowContainer > .columns{
	display: table;
	height: 100%;
}
.devoAgendaPopupModal .fileLink{
	font-weight: bold;
    color: #003b4d;
}
.devoAgendaPopupModal .fileLink:hover{
	text-decoration: underline;
}
.deoAgendaEx .agendaScheduleMultiRowContainer .sessionInnerContainerRow{
    -ms-flex: 1 0 auto;
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
    width: auto;
    height: auto;
    margin-bottom: 5px;
    table-layout: auto;
    flex-wrap: wrap;
    
}
.deoAgendaEx .agendaScheduleMultiRowContainer .sessionInnerContainerRow:last-child {
    margin-bottom: 0;
}
.sessionInnerContainerRow {
    display: table;
    width: 100%;
    height: 100%;
} 
/**Agenda online section**/
table.devoOnlineAgendaContainer {
	border-top:2px solid #122e3f;
	border-bottom:2px solid #122e3f;
	border-left:4px solid #122e3f;
	border-right:4px solid #122e3f;
}
table.devoOnlineAgendaContainer tr{
	border-top:4px solid #122e3f;
	border-bottom:4px solid #122e3f;
}
table.devoOnlineAgendaContainer tr:last-child{
	border-bottom:0 solid #122e3f;
}
table.devoOnlineAgendaContainer td{
	border-left:4px solid #122e3f;
	border-right:4px solid #122e3f;
}
table.devoOnlineAgendaContainer td:hover {
    background-color: #005a6f;
}
table.devoOnlineAgendaContainer {
	border-collapse: collapse;
}
table.devoOnlineAgendaContainer td{
    vertical-align: top;
    position:relative;
    padding-top:1rem;
    padding-bottom:0.5rem;
    line-height: 1.6;
}
.devoOnlineAgendaContainer.MobileTablet{
	margin-bottom:0;
}
.devoOnlineAgendaContainer .devoAgendaRowContainer.tableHeader .tableHeaderColumns{
	color: white;
    font-weight: bold;
    font-size: 1rem;
    font-family: Arial;
}
.devoOnlineAgendaContainer .devoAgendaRowContainer.tableHeader .tableHeaderColumns:first-child{
	min-width: 160px;
}
.devoOnlineAgendaContainer .devoAgendaTableBodyFirstColumnContainer .timeContainer{
	padding-bottom:0.5rem;
}
.devoOnlineAgendaContainer .devoAgendaTableBodyFirstColumnContainer .timeContainer .date{
	font-size: 1.125rem;
    font-weight: bold;
    color: white;
    padding-bottom:0.2rem;
    line-height:1.25rem;
}
.devoCodeOnlineHeaderAgendaItemTimeContainer .devoCodeOnlineHeaderAgendaItemTime .date{
	line-height:1.25rem;
	padding-top: 1rem;
}
.devoOnlineAgendaContainer .devoAgendaTableBodyFirstColumnContainer .timeContainer .time{
	font-size: 1rem;
    color: white;
}
.devoOnlineAgendaContainer .devoAgendaRowContainer.tablebody .title{
    font-size: 1.0625rem;
    font-weight: bold;
    color: white;
}
.devoOnlineAgendaContainer .devoAgendaRowContainer.tablebody .speaker .commaConnector{
	margin-left:-4px;
	margin-right:-4px;
}
.devoAgendaPopupModal  .timeContainer .date{
	display:inline-block;
}
.devoOnlineAgendaContainer .devoAgendaRowContainer.tablebody .categoryPopUpContainer{
	position: absolute;
    bottom: 0;
    right: 0;
}
.devoOnlineAgendaContainer .devoAgendaPopupModalLink{
	display:inline-block;
    width: 35px;
    height: 35px;
    border-bottom: 35px solid #004e63;
    border-left: 35px solid transparent;
    cursor: pointer;
} 
.devoOnlineAgendaContainer.MobileTablet .devoAgendaRowContainer.tablebody{
    margin-bottom: 0;
}
.devoOnlineAgendaContainer .devoAgendaContentDetailContainerMobile{
	position:relative;
	padding-bottom: 2rem;
}
.devoOnlineAgendaContainer .devoAgendaRowContainer .speaker{
    color: #00bbe5;
    font-weight: bold;
    font-size: 0.9375rem;
    padding-bottom: 25px;
}
.devoOnlineAgendaContainer tr:nth-child(odd){
    background: #193b54;
} 
.devoOnlineAgendaContainer tr:nth-child(even){
    background: #1c405a;
} 
.devoOnlineAgendaContainer .sesstionStartTimeHeadContainer {
    text-align: center;
}
.zoneConnectorStart,.zoneConnectorEnd{
	display:inline-block;
}
.devoOnlineAgendaContainer.Desktop{
	display:none;
}
.opcComponent-container.DEVO_CODE_ONLINE .devoCodeAbout .columns.expandableTitle .expand-icn-container{
	display:none;
}
.devoListHeading .devoCodeRegister .title{
	font-family: Arial;
    font-size: 56px;
    padding-top: 40px;
    padding-bottom: 30px;
    color: #ffffff;
    font-weight: bold;
}
.opcComponent.DEVO_ANCHOR_REGISTER  .devoListItems.row .opcObject-container.columns{
	border-right:2px solid #bde6ee;
} 
.opcComponent.DEVO_ANCHOR_REGISTER  .devoListItems.row .opcObject-container.columns:last-child{
	border-right:none;
} 
.opcComponent-container.DEVO_CODE_ONLINE .opcComponent.devoCodeAgenda {
	padding-bottom: 4.5rem;
	overflow: visible;
}
.devoCodeRegister .devoCTA{
	padding-top:1.25rem;
}
.devoCodeRegister .devoCTA .devoButton{
	font-size: 1.25rem;
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
	padding-left: 3.3125rem !important;
	padding-right: 3.3125rem !important;
}
.devoCodeRegister .devoCTA  .devoButton:after{
	content:none;
}
.opcComponent a.devoAgendaOnlinePopupModalLink:hover{
	text-decoration: none;
}
.opcComponent.devo3Columns.DEVO_ANCHOR_REGISTER .devoComponentContentContainer{
	padding-bottom: 100px;
}
.opcComponent-container.DEVO_CODE_ONLINE .opcComponent.devoCodeAgenda.CODE_ADENDA .devoListHeading .title{
	font-weight: bold;
}
.devoListItems .devoCodeRegister{
    text-align: center;
}
.devoListItems .devoCodeRegister .title {
    font-family: Arial;
    font-size: 22px;
    color: #bde6ee;
    font-weight: bold;
}
.devoListItems .devoCodeRegister .description {
    font-family: Arial;
    font-size: 38px;
    color: #ffffff;
    font-weight: bold;
}
.devoListItems .devoCodeRegister .date {
    font-family: Arial;
    font-size: 26px;
    color: #ffffff;
    font-weight: bold;
}
.devoListItems .devoCodeRegister .zone {
    font-family: Arial;
    font-size: 14px;
    color: #bde6ee;
    font-weight: bold;
}
.devoCodeOnlineHeaderLocation {
	text-align: center;
}
.devoCodeOnlineHeaderLocation .location {
	color: #ffffff;
	display: inline-block;
	text-align: center;
}
.devoCodeOnlineHeaderAgendas {
	display: table;
	width: 100%;
}
.devoOnlineAgendaContainer .devoAgendaRowContainer.tablebody .categoryPopUpContainer {
	line-height: 0;
}
.devoCodeOnlineHeaderAgendaItemDesc {
	display: table-cell;
	vertical-align: top;
	text-align: center;
	padding: 0.9375rem;
	color: #ffffff;
	background-color: #004355;
	position: relative;
	vertical-align: middle;
}
.devoCodeOnlineHeaderLocationContainer {
	padding-bottom: 0.5rem;
}
.devoCodeOnlineHeaderAgendaItemTimeContainer .devoCodeOnlineHeaderAgendaItemTime {
	text-align: right;
}
.devoCodeOnlineHeaderAgendaItemTime {
	color: #ffffff;
	display: inline-block;
	text-align: center;
}
.devoOnlineAgendaContainer .devoAgendaRowContainer.tableHeader {
	display: table;
	width: 100%;
	table-layout: fixed;
}
.devoCodeOnlineHeaderLocation .location .separator {
	padding-left: 10px;
	padding-right: 0.9375rem;
	color: #f29111;
}
.devoOnlineAgendaContainer .devoAgendaRowContainer.tableHeader .tableHeaderColumnsFirst {
	width: 7.8125rem;
	display: table-cell;
}
.devoOnlineAgendaContainer .devoAgendaRowContainer.tableHeader .tableHeaderColumnsFirst.timeValEmpty {
	width: 0;
	display: table-cell;
}
.devoOnlineAgendaContainer .devoAgendaRowContainer.tableHeader .tableHeaderColumns {
	display: table-cell;
	padding-bottom: 1.25rem;
	padding-top: 1rem;
}
.devoOnlineAgendaContainer .devoAgendaRowContainer.tablebody {
	display: table;
	width: 100%;
	margin-bottom: 0.375rem;
}
.devoAgendaTableBodyFirstColumnContainer {
	width: 7.8125rem;
	display: table-cell;
	text-align: right;
	padding-right: 0.9375rem;
	vertical-align: middle; 
	padding-top: 0.9375rem;
}
.devoAgendaTableBodyFirstColumnContainer.timeValEmpty {
	width: 0;
	display: table-cell;
	text-align: right;
	padding-right: 0;
	vertical-align: middle;
	padding-top: 0.9375rem;
}
.devoAgendaTableBodyDescColumnsContainer {
	width: 100%;
	word-break: break-word;
	vertical-align: top;
}
.devoAgendaOnlinePopupModalLink {
	position: absolute;
	right: 0.25rem;
	bottom: 0.625rem;
}
.devoAgendaTableBodyDescColumnsContainer .singleItem {
	width: 20%;
	display: table-cell;
	border-right: 0.25rem solid #003b4d;
	height: auto;
	background-color: #004355;
	position: relative;
	vertical-align: middle;
}
.devoCodeOnlineHeaderAgendaItemDesc .title {
	font-size: 1.125rem;
	font-weight: bold;
	color: white;
}
.devoOnlineAgendaContainer .devoAgendaPopupModalLink:hover {
	border-bottom: 2.1875rem solid orange;
}
.devoOnlineAgendaContainer .devoAgendaPopupModalLink:hover .plusSign {
	text-decoration: none;
}
.devoAgendaTableBodyDescColumnsContainer .singleItem:last-child {
	border-right: none;
}
.devoAgendaTableBodyDescColumnsContainer .singleItem .singleItemContent {
	height: 100%;
	padding: 0.9375rem;
}
.devoAgendaTableBodyDescColumnsContainer .singleItem:nth-child(1){
	border-left: 0.25rem solid #f29111;
}
.devoAgendaTableBodyDescColumnsContainer .singleItem:nth-child(2){
	border-left: 0.25rem solid #4fc454;
}
.devoAgendaTableBodyDescColumnsContainer .singleItem:nth-child(3){
	border-left: 0.25rem solid #00bbe5;
}
.devoAgendaTableBodyDescColumnsContainer .singleItem:nth-child(4){
	border-left: 0.25rem solid #fdcb7c;
}
.devoAgendaTableBodyDescColumnsContainer .singleItem:nth-child(5){
	border-left: 0.25rem solid #c7f6ab;
}
.devoCodeOnlineHeaderAgendaItemDesc .type,
.devoAgendaTableBodyDescColumnsContainer .singleItem .singleItemContent .type{
	color: white;
    font-weight: bold;
    font-size: 1rem;
    font-family: Arial;
}
.devoAgendaTableBodyDescColumnsContainer .singleItem:nth-child(1) .singleItemContent .type {
	color:#f29111;
}
.devoAgendaTableBodyDescColumnsContainer .singleItem:nth-child(2) .singleItemContent .type{
	color: #4fc454;
}
.devoAgendaTableBodyDescColumnsContainer .singleItem:nth-child(3) .singleItemContent .type{
	color: #00bbe5;
}
.devoAgendaTableBodyDescColumnsContainer .singleItem:nth-child(4) .singleItemContent .type{
	color: #fdcb7c;
}
.devoAgendaTableBodyDescColumnsContainer .singleItem:nth-child(5) .singleItemContent .type{
	color: #c7f6ab;
}
.devoOnlineAgendaContainer .devoAgendaRowContainer.tableHeader .tableHeaderColumns {
	text-align: center;
}
.devoOnlineAgendaContainer .devoAgendaRowContainer.tableHeader .tableHeaderColumns:nth-child(2) {
	color: #f29111;
}
.devoOnlineAgendaContainer .devoAgendaRowContainer.tableHeader .tableHeaderColumns:nth-child(3) {
	color: #4fc454;
}
.devoOnlineAgendaContainer .devoAgendaRowContainer.tableHeader .tableHeaderColumns:nth-child(4) {
	color: #00bbe5;
}
.devoOnlineAgendaContainer .devoAgendaRowContainer.tableHeader .tableHeaderColumns:nth-child(5) {
	color: #fdcb7c;
}
.devoOnlineAgendaContainer .devoAgendaRowContainer.tableHeader .tableHeaderColumns:nth-child(6) {
	color: #c7f6ab;
}
.devoCodeOnlineHeaderAgendaItemTime .date .hour,
.devoAgendaTableBodyFirstColumnContainer .timeContainer .date .hour {
	font-family: Arial;
	font-size: 2.5rem;
	color: #ffffff;
	font-weight: bold;
}
.devoCodeOnlineHeaderAgendaItemTime .date .minutes,
.devoAgendaTableBodyFirstColumnContainer .timeContainer .date .minutes {
	font-family: Arial;
	font-size: 1.875rem;
	color: #ffffff;
	font-weight: bold;
}
.devoCodeOnlineHeaderAgendaItemTime .ampm,
.devoAgendaTableBodyFirstColumnContainer .timeContainer .ampm {
	font-family: Arial;
	font-size: 1.125rem;
	color: #ffffff;
	font-weight: bold;
}
.devoCodeOnlineHeaderAgendaItemDesc .categoryPopUpContainer {
	position: absolute;
	right: 0;
	bottom: 0;
	line-height: 0;
}
.devoCodeOnlineHeaderAgendaItemDesc .categoryPopUpContainer .devoAgendaPopupModalLink:hover {
	border-bottom: 2.1875rem solid orange;
}
.devoCodeOnlineHeaderAgendaItemDesc .categoryPopUpContainer .devoAgendaPopupModalLink {
	display: inline-block;
	width: 2.1875rem;
	height: 2.1875rem;
	border-bottom: 2.1875rem solid #004e63;
	border-left: 2.1875rem solid transparent;
	cursor: pointer;
}
.devoCodeOnlineHeaderAgendaItemDesc .speaker .fullname {
	color: #00bbe5;
	font-weight: bold;
	font-size: 1rem;
	padding-bottom: 1.5625rem;
}
.devoAgendaTableBodyDescColumnsContainer .singleItem .title {}
.devoCodeOnlineHeaderAgendaItemTimeContainer {
	width: 7.8125rem;
	text-align: right;
	display: table-cell;
	padding-right: 0.9375rem;
	vertical-align: middle;
}
.devoCodeOnlineHeaderAgendaItemTimeContainer.timeValEmpty {
	width: 0;
	text-align: right;
	display: table-cell;
	padding-right: 0;
	vertical-align: middle;
}
.devoOnlineAgendaContainer .devoAgendaRowContainer .speaker {
	padding-bottom: 0;
}
.devoCodeOnlineHeaderLocation .location {
	font-size: 1.875rem;
	font-family: arial;
	font-weight: bold;
}
/**devo video page **/
.devoVideoList .devoVideoGroupContainer{
	overflow: hidden;
}
#videoSelectCities{
	margin: 0 0 1rem 0;
    margin-right: 1.5rem;
    font-size: 41px;
    height: 60px;
    color: #003b4d;
    font-weight: bold;
    border-radius: 4px;
    background-image: none;
}
.opcComponent.devoVideoList.devoVideoNotFeatured .devoComponentContentContainer{
	padding-top:0;
	padding-bottom:3.75rem;
}
.devoVideoList .devoComponentContentContainer{
	padding-top:3.75rem;
	padding-bottom:3rem;
}
.devoVideoGroupContainer .grouptitle{
	background: lightgray;
	padding-top: 1rem;
	padding-bottom: 1rem;
	color: white;
	font-size: 1.5rem;
	font-weight: bold;
	padding-left: 15px;
}
.opcComponent.devoVideoList.devoFeaturedVideos .devoVideoGroupContainer{
	visibility:visible !important;
	height:auto !important;
}
.opcComponent.devoVideoList.devoFeaturedVideos .devoListHeading.row .button{
	display:none;
} 
.opcComponent.devoVideoList {
	background-color: rgba(0,45,59,1);
}
.opcComponent-container.DEVO_TECHNOLOGY .opcComponent.devoVideoList{
	background-color: #ffffff;
}
.opcComponent-container.DEVO_TECHNOLOGY .opcComponent.devoVideoList .devoListHeading .title {
    color: #324b5c;
    display: block;
    font-weight: bold;
    font-size: 2.625rem;
    padding-bottom: 1.563rem;
    padding-top: 3.75rem;
    line-height: 1em;
}
.opcComponent-container.DEVO_TECHNOLOGY .opcComponent.devoVideoList .devoListHeading .description {
    color: #003b4d;
    font-size: 1.25rem;
    line-height: 1.25em;
    text-align: center;
    padding-bottom: 0.625rem;
}
.videoTopicPanel .devoComponentButtonsContainer .devoCTA a{
	font-size: 24px;
    font-weight: bold;
    color: #f29111;
    font-family: Arial;
}
.videoTopicPanel .devoComponentButtonsContainer .devoCTA a:after{
    font-family: "FontAwesome";
    content: "\f054";
    position: absolute;
    font-size: 1rem;
    padding-left: 4px;
    padding-top: 7px;
}
.devoVideoSliderGroup .slick-dots{
	margin-left:0;
}
.devoVideoSliderGroup .devoVideoItemImageContainer{
	display:inline-block;
}
.devoVideoSliderGroup .devoVideoItemImageContainer img{
	width:100%;
}
.devoSingleSliderVideoTitle{
	color:white;
	text-align:left;
    font-family: Arial;
    font-weight: bold;
    font-size: 1.125rem;
}
.devoSliderVideoDescTitle{
	color: white;
	text-align:left;
    padding-top: 0.5rem;
    font-family: Arial;
    font-weight: bold;
    font-size: 1.125rem;
}
.devoSliderVideoDescTitle:hover {
    text-decoration: underline;
}
.devoVideoSliderPromotionGroup .row.devoListItems .title{
    padding-bottom: 2.5rem;
    font-family: "Arial",Helvetica,sans-serif;
    font-size: 2.5rem;
    font-weight: bold;
    color: #ffffff;
    line-height: 1em;
    text-align: center;
}
.devoVideoSliderGroup .devoSliderSingleItemContainer{
	padding-left:14px;
	padding-right:14px;
}
.devoVideoSliderGroup .devoListHeading.row .title{
	padding-top: 3.75rem;
    padding-bottom: 2.125rem;
    font-family: "Arial",Helvetica,sans-serif;
    font-size: 1.875rem;
    font-weight: bold;
    color: #003b4d;
    line-height: 1em;
}
.devoVideoSliderGroup .devoComponentButtonsContainer.row{
	padding-top:1.5625rem;
}
.devoVideoSliderGroup #player-frame{
	display: inline-block;
	width: auto;
}
.devoVideoSliderGroup .row.devoListItems{
	padding-bottom: 1.5rem;	
}
.devoVideoSliderGroup .slick-slide {
	height: auto;
}
.devoVideoSliderGroup  .slick-slide{
	height:auto;
	text-align:center;
}
.devoVideoSliderGroup .slick-prev:before{
	font-family: "FontAwesome";
    color: white;
    background-color: #1a1a1a;
    padding: 0.375rem;
    content: "\f053";
}
.devoVideoSliderGroup .slick-prev{
    left: 100px;
    top: auto;
    bottom: -65px;
    z-index: 100;
}
.devoVideoSliderGroup .slick-next{
    right: 100px;
    top: auto;
    bottom: -65px;
    z-index: 100;
}
.devoVideoSliderGroup .slick-next:before{
    font-family: "FontAwesome";
    color: white;
    background-color: #1a1a1a;
    padding: 0.375rem;
    content: "\f054";
}
.devoSliderSingleItemContainer{
	width: 100%;
}
.devoSliderBlockImageContainer .play-icon {
    position: absolute;
    height: 48px;
    width: 68px;
    top: calc(50% - 24px);
    left: calc(50% - 34px);
    display: inline-block;
    background: url(/National_Library/20160521004321oe_/https://developer.oracle.com/devo/res/images/1383860185412/YouTube-icon-dark-transparent.png) center center no-repeat;
    background-size: cover;
}	
.devoSliderSingleItemContainer .play-icon {
    position: absolute;
    height: 35px;
    width: 50px;
    top: calc(50% - 24px);
    left: calc(50% - 34px);
    display: inline-block;
    background: url(/National_Library/20160521004321oe_/https://developer.oracle.com/devo/res/images/1383860185412/YouTube-icon-dark-transparent.png) center center no-repeat;
    z-index:1;
    background-size: cover;
}
.devoSliderBlockImageContainer:hover .play-icon,
.devoSliderSingleItemContainer:hover .play-icon{
	background: url(/National_Library/20160521004321oe_/https://developer.oracle.com/devo/res/images/1383860185466/YouTube-icon-HOVER-red.png) center center no-repeat;
	background-size: cover;
}
.devoVideoSliderGroup ul.slick-dots li {
    padding-top: 20px;
}
.devoVideoSliderGroup .devoListItems.row{
	padding-bottom: 1.125rem;
}
.devoVideoSliderPromotionGroup .devoListHeading.row .title {
    padding-top: 1.125rem;
    padding-bottom: 1.125rem;
    font-family: "Arial",Helvetica,sans-serif;
    font-size: 2.5rem;
    font-weight: bold;
    color: #ffffff;
    line-height: 1em;
}
[class*='DEVO_ANCHOR_'] .devoVideoSliderGroup .devoListItems .slick-next {
	bottom: -65px;
}
[class*='DEVO_ANCHOR_'] .devoVideoSliderGroup .devoListItems .slick-prev {
	bottom: -65px;
}
[class*='DEVO_ANCHOR_'] .devoVideoSliderGroup .devoListItems ul.slick-dots li.slick-active button:before{
	color: red;
}
[class*='DEVO_ANCHOR_'] .devoVideoSliderGroup .devoListItems ul.slick-dots li button:before{
	font-size:1rem;
}
#CodePageNavBandSection .selectSession{
	display: inline-block;
    margin-left: 0.5rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}
#CodePageNavBandSection .selectSession select#pageNavSelectionBox{
    margin-bottom: 0;
   	padding-top: 0.5625rem;
    padding-bottom: 0.5625rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    border: 1px solid #BDE6EE;
    border-radius: 3px;
    color: white;
    font-size: 1.125rem;
    font-family: Arial;
    background-color: #003b4d;
    webkit-appearance: select;
    background-image: none;
}
.opcComponent.devoVideoSelection #CodePageNavBandSection .tab .tablink{
	display:none;
}
.opcComponent.devoVideoSelection #CodePageNavBandSection .city{
	display: inline-block;
    margin-left: 0.5rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}
ul.devoNavPopSelection {
	padding-top:0.5rem;
	padding-bottom:0.5rem;
}
ul.devoNavPopSelection li{
    padding-bottom: 0.25rem;
    line-height: 1.3125rem;
}
ul.devoNavPopSelection li a{
    color: #1C3D58;
    font-weight: bold;
    font-size: 0.85rem;
    line-height: 1.3125rem;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
}
ul.devoNavPopSelection li a:hover{
	text-decoration: underline;
}
.devooFeaturedVideoKeynote{
	display: table-cell; 
	vertical-align: middle;
	padding-top:1rem;
}
.devooFeaturedVideoKeynote .devoListItems{
    padding-bottom: 0.75rem;
	padding-left: 0.9375rem;
    padding-right: 0.9375rem;
}
.devooFeaturedVideoKeynote .devoListItems:nth-child(1) {
    padding-right: 1.0625rem;
}
.devooFeaturedVideoKeynote .devoListItems:nth-child(2) {
    padding-left: 1.0625rem;
}
.devoVideoList.devoVideoNotFeatured .devoListItems.row .devoVideoGroupContainer .devoCityVideoPromotionContainer{
    padding-top: 3.75rem;
}
.devoCityVideoPromotionContainer .devoCityVideoPromotionHeading .title {
    padding-bottom: 2.125rem;
    font-family: "Arial",Helvetica,sans-serif;
    font-size: 1.875rem;
    font-weight: bold;
    color: #003b4d;
    line-height: 1em;
}
.devoCityVideoPromotionContainer .devoCityVideoPromotionHeading .title {
}
.devooFeaturedVideoKeynote .devoVideoItemImageContainerLink{
	padding-right:1rem;
}
.devooFeaturedVideoKeynote .devoVideoItemDescContainer{
	vertical-align:top;
}
.devooFeaturedVideoKeynote .devoVideoItemDescContainer:hover{
	text-decoration-color: white;
}
.devoSliderBlockImageContainer,
.devoSliderBlockDescContainer{
	display:inline-block;
}
.devoListItemsPromotionVideoContainer .flex-video {
    margin-bottom: 0;
    padding-bottom: 56.25%;
}
.devoFeatureVideoHeaderTitleAnchor {
    padding-bottom: 2rem;
    font-family: "Arial",Helvetica,sans-serif;
    font-size: 2rem;
    font-weight: bold;
    color: #ffffff;
    line-height: 1em;
}
.devooFeaturedVideoKeynote .devoSliderBlockDescContainer{
	vertical-align: top;
}
.devoSingleSliderVideoDescription{
	color: white;
	text-align: left; 
	padding-top: 0.5rem;
	padding-bottom:1rem;
}
.devoVideoSliderPromotionGroup .row.devoListItems .title{
	position: relative;
    top: 50%;
    transform: translateY(-50%);	
    text-align: left;
    word-break: break-all;
}
.devoListHeading .devoCodeVideo .title {
    padding-top: 50px;
    padding-bottom: 0;
    font-family: "Arial",Helvetica,sans-serif;
    font-size: 3.5rem;
    font-weight: bold;
    color: #ffffff;
    line-height: 1em;
}
.devoVideoList .devoListHeading .devoCodeVideo .title {
	padding-top: 0;
    padding-bottom: 0;
    font-family: "Arial";
    font-size: 3.3125rem;
    font-weight: bold;
    color: #ffffff;
    line-height: 1em;
}
.devoCodeVideo .slick-dots{
	margin-bottom: 2px;
}
.devoVideoList.devoFeaturedVideos .devoListItems.devoVideoGroupContainer{
	padding-top: 2.8125rem;
}
.opcComponent.devoHeader .devoVideoHeadline {
	padding-top:110px;
	padding-bottom:60px;
}
.opcComponent.devoHeader .devoVideoHeadline .title{
    font-family: "Arial";
    font-size: 90px;
    color: #ffffff;
    font-weight:bold;
    text-align: center;
    line-height: 1;
    padding-bottom: 2.125rem;
}
.opcComponent.devoHeader .devoVideoHeadline .subtitle{
    font-family: "Arial";
    font-size: 20px;
    color: #ffffff;
    font-weight:bold;
    text-align: center;
}
.devoSliderBlockImageContainer img{
	width:100%;
}
.devoVideoSliderGroup .devoSingleSliderVideoDescription{
	color: white;
	text-align: left; 
	padding-top: 0.5rem;
	padding-bottom:1rem;
}
/*docker page*/
.devoDockerHeadline{
	margin-top: 3.875rem;
	margin-bottom: 3.875rem;
	text-align:left;
}
.opcComponent-container.DEVO_DOCKER .opcComponent.devoHeader {
	overflow: visible;
}
.devoDockerHeadline .title{
	font-size: 3rem;
	color: white;
	font-family: Arial;
	font-weight: bold;
}
.devoDockerHeadline .subtitle{
	font-size: 2rem;
	color: white;
	font-family: Arial;
	font-weight: bold;
}
.devoHeading .title{
	padding-top: 6.25rem;
	padding-bottom: 3.125rem;
	font-family: "Arial",Helvetica,sans-serif;
	font-size: 3.5rem;
	font-weight: bold;
	color: #4e5052;
	line-height: 1em;
}
.devoHeading .description{
	font-family: "Arial",Helvetica,sans-serif;
	font-size: 1.25rem;
	color: #4e5052;
}
.opcComponent.devoSimpleObject {
	background-repeat: no-repeat !important;
	background-position: center bottom  !important;
	background-size: cover !important;
}
.devoResource .description li a {
	display: block;
	color: #4e5052;
}
.devoResource .description li a:after {
    font-family: "FontAwesome";
    content: "\f054";
    position: absolute;
    padding-left: 0.25rem;
    padding-top: 0.25rem;
    color: orange;
    font-size: 0.75rem;
}
.devoResource .description li {
	padding-bottom: 0.5rem;
}
.devoResource .description ul ul li{
	padding-bottom: 0;
}
.opcComponent.devoSimpleObject  a.devoButton:hover { 
text-decoration: none;
}
.devoResource .devoButton:hover {
	color: #e6e6e6;
}
.devoImageText.row {
	padding-top:2rem;
	padding-bottom:2rem;
}
.devoImageText .devoImageContainer{
	display:table;
}
.devoImageText .devoResourceContainer{
	display:table;
}
.devoImageText .devoResourceContainer .devoResource{
	display:table-cell;
	vertical-align: middle;
}
.devoImageText .devoImageContainer .devoImage{
	display:table-cell;
	vertical-align: middle;
	text-align:center;
}
.devoImageText .devoImageContainer .devoImage img{
	width:100%;
}
.devoImageText .devoResourceContainer  ul {
	list-style: none;
	margin-left: 0;
}
.devoImageText .devoResource .title{
	font-family: "Arial",Helvetica,sans-serif;
	padding-top: 1.875rem;
	padding-bottom: 1.25rem;
	padding-left: 0;
	color: #4e5052;
	font-weight: bold;
	display: inline-block;
	font-family: arial;
	font-size: 1.875rem;
	line-height: 1em;
	width: 100%;
	background: none;
	text-align: left;
}
.opcComponent.devoHeader .devoImageText .devoResource .title{
	font-size: 3rem;
    color: white;
    font-family: Arial;
    font-weight: bold;
}
.devoImageText .devoResource .description > ul > li{
	font-family: "Arial",Helvetica,sans-serif;
	font-size: 1.063rem;
	font-weight: normal;
	color:#4e5052;
	text-align: left;
	word-break: break-word;
}
/* social icon toggle */
ul.socialIconToggle {
    margin: 0;
    position: absolute;
    right: 100px;
    bottom: -40px;
    text-align: center;
    z-index: 10;
	display: none;	
}
.row.devoTechHeadline ul.socialIconToggle {
	right: -25px;
}
ul.socialIconToggle.sticky {
    position: fixed;
    top: 100px;
}
ul.socialIconToggle > li {
	vertical-align: middle;
    list-style: none;
    line-height: 100%;
}
.socialIconToggle.goDown{
    margin: 0;
    position: absolute;
    right: 100px;
    text-align: center;
    z-index: 10;
    display: none;
    bottom: auto;
	top: -40px;
}
ul.socialIconToggle li {
    list-style: none;
    margin-bottom: 15px;
    margin-top: 0;
}
ul.socialIconToggle.goDown li{
	margin-bottom: 0; 
    margin-top: 15px;
}
.opcComponent.devoHeader .socialIconToggleContainer{
	position: relative;
}
ul.socialIconToggle a {
	background: white;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    line-height: 50px;
    display: block;
    text-decoration: none;
	box-shadow: 0px 1px 2px 0px rgba(197,200,204,1);
}
ul.socialIconToggle > li ul a {
	width: 37px;
    height: 37px;
    line-height: 37px;	
}
ul.socialIconToggle li:hover a {
    text-decoration: none;	
}

ul.socialIconToggle a > span {
	line-height: inherit;
    display: block;
	font-size: 1.5rem;
	border-radius: 50%;
	color: white;	
}
ul.socialIconToggle a > span.toggleButton {
    color: #008cba;
    background: white;
}
ul.socialIconToggle a > span.fa-google-plus {
    background: #f80000;
    color: white;
}

ul.socialIconToggle a > span.fa-rss {
    background: green;
    color: white;
}

ul.socialIconToggle a > span.fa-linkedin {
    background: #008cba;
    color: white;
}

ul.socialIconToggle a > span.fa-youtube {
	background: red;
    color: white;
}

ul.socialIconToggle a > span.fa-twitter {
    background: deepskyblue;
	color: white;
}

ul.socialIconToggle a > span.fa-facebook {
    color: white;
    background: #3F51B5;
}
ul.socialIconToggle a > span.fa-reddit {
    background: red;
    color: white;
}
ul.socialIconToggle li {
	list-style: none;
	margin-bottom: 15px;
}

ul.socialIconToggle > li ul {
	margin: 0;
    display: flex;
    flex-direction: column;
    z-index: -1;
	opacity: 1;
    transition: opacity 0.5s ease-in-out;
	align-items: center;
}

ul.socialIconToggle > li ul.hidden {
  opacity: 0;
}
/* end of social icon toggle */
/*DevO tech Page stying */

.devoTechHeadline .devoHomePageHeaderHeadline .title{
    color: white;
    line-height: normal;
    font-family: Arial;
    font-weight: bold;
    font-size: 1.25rem;
    padding-top:2rem;
    padding-bottom:2rem;
	text-transform: uppercase;
}
.devoTechHeadline .devoHeadlineContainer .devoObjectContainerSecondBlock.columns .opcObjectContents{
    padding-left: 0;
}
.opcComponent-container.DEVO_TECHNOLOGY .opcComponent.devoHeader{
    overflow: visible;
} 
.row.devoTechHeadline{
	padding-bottom:0; 
}
.devoTechComponent .title{
    color: #003b4d;
    padding-bottom: 2.5rem;
    display: block;
    font-weight: bold;
    font-family: "Arial",Helvetica,sans-serif;
    font-size: 3.5rem;
    padding-bottom: 3.125rem;
    font-family: Arial;
    line-height: 1em;
}
.row.devoTechHeadline .description {
    color: white;
    font-weight: bold;
    padding-bottom: 5rem;
    font-size: 3rem;
	width: 83%;
	line-height: 1em;	
}
.row.devoTechHeadline .devoHeadlineArticleContainer.row {
	margin-bottom: 0;
	padding-bottom: 3.75rem;
}
.row.devoTechHeadline .devoHeadlineArticleImage {
	margin-right: 18px;	
}
.opcComponent-container.DEVO_TECHNOLOGY .devoTechHeadline .devoHomePageHeaderHeadline .title {
	display: none;	
}
.opcComponent-container.DEVO_TECHNOLOGY .row.devoTechHeadline .description {
	padding-bottom: 0;
	margin-bottom: 60px;
	margin-top: 90px;	
}
.opcComponent-container.DEVO_TECHNOLOGY .devoTechSummarySection .title {
    color: #324b5c;
    display: block;
    font-weight: bold;
    font-size: 2.625rem;
    padding-bottom: 1.875rem;
	padding-top: 3.75rem;
    line-height: 1em;
	text-align: center;
}

.opcComponent-container.DEVO_TECHNOLOGY .devoTechSummarySection .subtitle {
    color: #003b4d;
    display: block;
    font-size: 1.25rem;
    padding-bottom: 1.875rem;
    line-height: 1em;
	text-align: center;
}

.opcComponent-container.DEVO_TECHNOLOGY .devoTechSummarySection .details {
    color: #003b4d;
    display: block;
    font-size: 1.25rem;
    padding-bottom: 3.75rem;
    line-height: 1.25em;
    text-align: center;
}
.opcComponent-container.DEVO_TECHNOLOGY .devoTechSummarySection,
.opcComponent-container.DEVO_TECHNOLOGY .bottomLine {
    border-bottom: 2px solid #e6e6e6;	
}
.opcComponent-container.DEVO_TECHNOLOGY .bottomLine {
    margin-top: 3.75rem;
}
.opcComponent-container.DEVO_TECHNOLOGY:nth-last-of-type(2) .bottomLine {
    border-bottom: none;	
}

.opcComponent.devoCodeTech .devoListHeading .subtitle {
    color: #003b4d;
    font-size: 1.25rem;
    line-height: 1.25em;
    text-align: center;
	padding-bottom: 1.875rem;	
}
.opcComponent.devoCodeTech .devoPostContainer {
	padding-top: 0;
}
.opcComponent-container.DEVO_TECHNOLOGY .row.devoTechHeadline{
	position: relative;
}
/* Tech Slider Comp styling*/
.opcComponent.devoCodeTech .devoListHeading .title {
	color: #324b5c;
	display: block;
	font-weight: bold;
	font-size: 2.625rem;
	padding-bottom: 1.563rem;
	padding-top: 3.75rem;
	line-height: 1em;
}
.opcComponent.devoCodeTech .devoPostContainer .devoImage  {
	display:inline-block;
}
.opcComponent-container.DEVO_TECHNOLOGY .opcComponent.devoCodeTech .devoPostContainer .devoPost .devoImage {
    display: flex;
    height: 80px;
    align-items: flex-start;
    justify-content: center;
    overflow: hidden;
}
.opcComponent.devoCodeTech .devoListHeading .subtitle.devoTechPostSubtitle {
	padding-bottom: 0.625rem; 
}
.opcComponent.devoCodeTech .devoPostContainer .devoImage img {
	width: auto;
	height: auto;
	max-height: 80px;
}
.opcComponent-container.DEVO_TECHNOLOGY  .opcComponent.devoCodeTech  .devoPost  .devoImage {
	border:none;
}
.opcComponent-container.DEVO_TECHNOLOGY .opcComponent.devoCodeTech .slick-slider.slick-no-slide .devoPostContainer .devoPost .description {
	padding-bottom: 0;
}
.opcComponent-container.DEVO_TECHNOLOGY .opcComponent.devoCodeTech .devoPostContainer .devoPost .description {
	background-color:white;
	padding-top: 1.875rem;
	padding-bottom: 0;
	font-size: 1.25rem;
}
.opcComponent-container.DEVO_TECHNOLOGY .opcComponent.devoCodeTech .devoPostContainer .devoPost.clickableArea .description a {
	position: relative;
	color: #003b4d;
}
.opcComponent-container.DEVO_TECHNOLOGY .opcComponent.devoCodeTech .devoPostContainer .devoPost.clickableArea .description a:after {
    font-family: "FontAwesome";
    content: "\f054";
    position: absolute;
    margin-left: 10px;
	color: #f29111;	
}
.opcComponent-container.DEVO_TECHNOLOGY .opcComponent.devoCodeTech.DEVO_CODE_TECH_PANEL .devoPostContainer .devoPost .description a {
	position: relative;
	padding-right: 20px;
	color: #003b4d;
}	
.opcComponent-container.DEVO_TECHNOLOGY .opcComponent.devoCodeTech.DEVO_CODE_TECH_PANEL .devoPostContainer .devoPost .description a:after {
	font-family: "FontAwesome";
	content: "\f054";
	position: absolute;
	right: 0;
	color: #f29111;
}		
.opcComponent.devoCodeTech .devoPostContainer .devoPost.columns{
	text-align:center;
}
.opcComponent.devoCodeTech .slick-slider.slick-no-slide {
	margin-bottom: 0;
}
.opcComponent.devoCodeTech .devoComponentButtonsContainer {
	padding-top: 30px;
}
.opcComponent.devoCodeTech .slick-slider:not(.slick-no-slide) .slick-slide:not(.devoTechPost) {
	padding-bottom: 30px;
}
.opcComponent.devoCodeTech  .slick-slide{
	height:auto;
}
.opcComponent.devoCodeTech .slick-prev:before{
	font-family: "FontAwesome";
	color: white;
	background-color: #1a1a1a;
	padding: 0.375rem;
	content: "\f053";
}
.opcComponent.devoCodeTech .slick-prev{
	left: 100px;
	top: auto;
	bottom: -45px;
	z-index: 100;
}
.opcComponent.devoCodeTech .slick-next{
	right: 100px;
	top: auto;
	bottom: -45px;
	z-index: 100;
}
.opcComponent.devoCodeTech .slick-next:before{
	font-family: "FontAwesome";
	color: white;
	background-color: #1a1a1a;
	padding: 0.375rem;
	content: "\f054";
}
.opcComponent.devoCodeTech .devoListItems .slick-prev:not(.slick-disabled):before,
.opcComponent.devoCodeTech .devoListItems .slick-next:not(.slick-disabled):before {
  opacity: 0.55;
}
/* Tech POST Obj styling */
.opcComponent.devoCodeTech .clickableArea {
	cursor: pointer;
}
.opcComponent-container.DEVO_TECHNOLOGY .opcComponent.devoCodeTech.DEVO_GREYBOX_OFF .opcObject-container.devoTechPost .devoPostContainer .devoPost .description {
	display: none;	
}
.opcComponent.devoCodeTech .opcObject-container.devoTechPost .devoPostContainer  .devoCTA{
    display: flex;
    align-items: center;
}
.opcComponent.devoCodeTech .opcObject-container.devoTechPost .devoPostContainer  .devoCTA .devoLinkBand:after{
    right: 2%;
}
.opcComponent.devoCodeTech .opcObject-container.devoTechPost {
	padding: 0;
}
.opcComponent.devoCodeTech .opcObject-container.devoTechPost:not(.slick-slide) .devoPostContainer.row {
	width: 100%;
    margin: auto;
	padding-top: 1.25rem;	
}
.opcComponent.devoCodeTech .opcObject-container.devoTechPost.slick-slide {
	padding: 15px;
	padding-top: 0;
}
.opcComponent-container.DEVO_TECHNOLOGY .opcComponent.devoCodeTech .opcObject-container.devoTechPost .devoPost .devoImage {
    border-left: 1px solid lightgray;
    border-right: 1px solid lightgray;
    border-top: 1px solid lightgray;
    width: 100%;
    display: flex;
    height: 116px;
    align-items: center;
    justify-content: center;
	overflow: hidden;
}
.opcComponent.devoCodeTech .opcObject-container.devoTechPost .devoPost .subtitle {
    border-left: 1px solid lightgray;
    border-right: 1px solid lightgray;
    text-align: center;
    font-size: 1.5rem;
    font-weight: bold;
    padding-bottom: 1rem;
    padding-top: 0;
	margin-top: -8px;
    color: #003b45;
    line-height: 1.25em;	
}
.opcComponent.devoCodeTech .opcObject-container.devoTechPost .devoPost .devoImage img {
    width: auto;
    height: auto;
}
.opcComponent.devoCodeTech .opcObject-container.devoTechPost .devoPostContainer .devoPost.columns{
	text-align:left;
	padding: 0;	
}
.opcComponent-container.DEVO_TECHNOLOGY .opcComponent.devoCodeTech .opcObject-container.devoTechPost .devoPostContainer  .devoCTA .devoLinkBand {
	font-size: 1.125rem;
	flex-basis: 95%;
	max-width: 95%;
	display: flex;
    justify-content: space-between;
    align-items: center;
}
.opcComponent-container.DEVO_TECHNOLOGY .opcComponent.devoCodeTech .opcObject-container.devoTechPost .devoPostContainer .devoPost .description {
	background-color: #f7f7f7;
	font-size: 1rem;
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;	
}
.opcComponent-container.DEVO_TECHNOLOGY .opcComponent.devoCodeTech .opcObject-container.devoTechPost .devoPostContainer .devoPost .description a {
	color: #003b4d;
}

/* Tech Link Obj styling */
.opcComponent.devoCodeTech .devoLinkItems ul {
    list-style-type: none;
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin-bottom: 0;
}
.opcComponent.devoCodeTech .devoLinkItems ul li a {
    color: white;
    font-weight: bold;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.opcComponent.devoCodeTech .devoLinkItems ul li a:after {
    content: url(/National_Library/20160521004321oe_/https://developer.oracle.com/devo/res/images/1383859007638/arrow-right.png) !important;
    float: right;
    position: absolute;
    padding-left: 0.375rem;
    font-size: 0.688rem;
    margin-top: 0.313rem;
    transform: scale(.7);
}
.slick-no-slide .slick-track {
    width: 100% !important;
    text-align: center;
	transform: inherit !important;
	display: flex;
    justify-content: center;	
}
.slick-no-slide .slick-slide {
    float: none;
    display: inline-block;
}
/*end of DevO tech Page styling*/
/* Containers Page styling*/
.opcComponent-container.DEVO_CONTAINERS .opcComponent.devoSimpleObject .devoComponentContentContainer{
    padding-bottom: 0;
    padding-top: 0;
}
.opcComponent-container.DEVO_CONTAINERS .opcComponent.devoHeader {
    overflow: visible;
}
		
.opcComponent-container.DEVO_CONTAINERS .devoHeader .devoContainersHeadline {
    margin-bottom: 0;
    text-align: left;
    margin-top: 0;	
}		
		
.opcComponent-container.DEVO_CONTAINERS .devoHeader .devoContainersHeadline .title {
    font-size: 2rem;
    color: white;
    font-family: Arial;
    font-weight: bold;
	margin-top: 90px;
    margin-bottom: 60px;	
}
.opcComponent-container.DEVO_CONTAINERS .devoComponentContentContainer .devoListHeading .title {
    color: #003b4d;
    display: block;
    font-weight: bold;
    font-size: 2.625rem;
	padding-top: 60px;
    line-height: 1em;
	text-align: center;
}		
.opcComponent-container.DEVO_CONTAINERS .devoImageText.row {
	padding-top:0;
	padding-bottom:0;
}
.opcComponent-container .devoArticleTabMetadataSection .sectionTitle,
.opcComponent-container.DEVO_CONTAINERS .devoVideoTabMetadataSection .sectionTitle {
    color: #00758f;
    font-weight: bold;
    font-size: 2.625rem;
    line-height: 1em;
    text-align: center;
	padding-top: 3.75rem;	
}
.opcComponent-container .devoArticleTabMetadataSection .sectionDescription,
.opcComponent-container.DEVO_CONTAINERS .devoVideoTabMetadataSection .sectionDescription {
	font-size: 1.5rem;
    padding-top: 1.5625rem;
    color: #003b4d;
    text-align: center;
    line-height: 1em;
}
.opcComponent-container .devoArticleTabMetadataSection .devoArticleTabMenu,
.opcComponent-container.DEVO_CONTAINERS .devoVideoTabMetadataSection .devoVideoTabMenu {
	margin-bottom: 0;
}
.opcComponent-container .devoArticleTabMetadataSection .devoArticleTabContentContainer {
    background-color: white;	
	padding-bottom: 3.75rem;	
}
.opcComponent-container .devoArticleTabMetadataSection .devoArticleTabContentContainer ul {
	padding-top: 1.875rem;
	padding-bottom: 0;	
}
.opcComponent-container.DEVO_CONTAINERS .devoVideoTabMetadataSection .devoVideoTabContentContainer {
	padding-top: 1.875rem;
    background-color: white;	
}
.opcComponent-container.DEVO_CONTAINERS #CodePageNavBandSection ul.tab li {
	display: inline-block;
	float: none;
}
.opcComponent-container .devoArticleTabMetadataSection .devoArticleTabContentContainer ul a {
	font-weight: bold;
	color: #003b4d;
	display: block;	
}
.opcComponent-container.DEVO_CONTAINERS .devoImageText .devoResource .title {
	font-size: 1.75rem;
	color: #003b4d;
}
.opcComponent-container.DEVO_CONTAINERS .devoImageText .devoResource .description {
	font-size: 1.125rem;
	color: #4e5052;
	text-align: left;	
}
.opcComponent-container.DEVO_CONTAINERS .devoImageText .devoResource .description a {
	font-size: 1.125rem;
	color: #1f4f82;
	font-weight: bold;	
}
.opcComponent-container.DEVO_CONTAINERS .devoImageText .devoResource .description li a:after { 
	font-size: 0.85rem;
}
.opcComponent-container.DEVO_CONTAINERS .devoImageText .devoResourceContainer  ul {
	padding-top: 1.25rem;
}
.opcComponent-container.DEVO_CONTAINERS	.opcComponent.devoSimpleObject.DEVO_ANCHOR_CLOUDCONTAINERS  .devoListItems > .opcObject-container:last-of-type {
	border-bottom: 2px solid #e6e6e6;	
}
.opcComponent-container	.opcComponent.devoSimpleObject.DEVO_ANCHOR_RESOURCES  .devoListItems > .opcObject-container {
	border-bottom: 2px solid #e6e6e6;	
}
.opcComponent-container.DEVO_CONTAINERS	.opcComponent.devoSimpleObject.DEVO_ANCHOR_RESOURCES  .devoListItems > .opcObject-container:last-of-type {
	border-bottom: none;
}
.opcComponent-container .devoArticleTabMetadataSection .devoArticleTabContentContainer .showMoreButtonContainer .devoButton {
    background-color: #939699;
    margin-top: 1.875rem;
    margin-bottom: 0;	
    border-radius: initial;	
}
.opcComponent-container .devoArticleTabMetadataSection .devoArticleTabContentContainer .showMoreButtonContainer .devoButton:after {
	display: none;
}
.opcComponent-container .devoArticleTabMetadataSection .devoArticleTabContentContainer ul li {
	padding-bottom: 1.563rem;
}
.opcComponent-container .devoArticleTabMetadataSection .devoArticleTabContentContainer ul li:last-of-type {
	padding-bottom: 0;
}
.opcComponent-container.DEVO_CONTAINERS	.opcComponent.devoSimpleObject.DEVO_ANCHOR_CLOUDCONTAINERS  .devoListItems > .opcObject-container {
	padding-bottom: 5rem;	
}
.opcComponent-container.DEVO_CONTAINERS .devoVideoTabMetadataSection .devoVideoTabContentContainer .devoVideoNavContainer.slick-slider .videoItem {
    padding-left: 1.5625rem;
    padding-right: 1.5625rem;
}
.opcComponent-container.DEVO_CONTAINERS .devoVideoTabMetadataSection .devoVideoTabContentContainer .devoVideoNavContainer .slick-prev,
.opcComponent-container.DEVO_CONTAINERS .devoVideoTabMetadataSection .devoVideoTabContentContainer .devoVideoNavContainer .slick-next {
	top: auto;
	bottom: -65px;
	z-index: 8;
	margin-bottom: 0;
}
.opcComponent-container.DEVO_CONTAINERS .devoVideoTabMetadataSection .devoVideoTabContentContainer .devoVideoNavContainer .slick-dots {
	margin-left: 0;
	margin-bottom: 2px;
	bottom: -65px;
}
.opcComponent-container.DEVO_CONTAINERS .top-bar .right a.devoButton:after{
	background: url(/National_Library/20160521004321oe_/https://developer.oracle.com/devo/devo/res/images/1383860264997/announceArrow.png) center center no-repeat;
	position: relative;
	content: "" !important;
	width: 20px;
	height: 15px;
	background-size: cover;
	top: 3px;
	text-align: left;
	left: 6px;
	display: inline-block;
	margin-top: 0.5rem;
	transform: none;
}
/*end of Containers Page styling*/
/* Article Video Tab styling*/
.devoArticleTabMenu{
    border-width:1px 0;
    list-style:none;
    margin-left: 0;
    margin-right: 0;    
    padding:0;
    text-align:center;
}
.devoArticleTabMenu li{
    display:inline-block;
    padding-left: 10px;
    padding-right: 10px;
	position: relative;        
}
.devoArticleTabMenu li.current:before {
	content: "";
    position: absolute;
    border-style: solid;
    border-width: 0 26px 26px;
    border-color: #e2e2e2 transparent;
    display: block;
    width: 0;
    z-index: 0;
    top: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;	
}
.devoArticleTabMenu li a{
    display:inline-block;
    padding:10px;
    border-top: solid 4px #5e5d5d;
    color: #5e5d5d;
}
.devoArticleTabMenu li.current a {
	border-top: solid 4px #0093c0;	
	color: #0093c0;
}
.devoSimpleObject.DEVO_ARTICLE_TAB .devoListHeading {
	text-align: center;
}
.devoSimpleObject.DEVO_ARTICLE_TAB .devoListHeading .title {
	color: #324b5c;
	font-weight: bold;
	font-size: 2.625rem;
	padding-bottom: 1.563rem;
	padding-top: 3.75rem;
	line-height: 1em;
}

.devoSimpleObject.DEVO_ARTICLE_TAB .devoListHeading .description {
    color: #003b4d;
    font-size: 1.25rem;
    line-height: 1.25em;
	padding-bottom: 1.875rem;	
}

.devoArticleTabMetadataSection .devoArticleTabContentContainer {
	background-color: #e2e2e2;
}

.devoArticleTabMetadataSection .devoArticleTabContentContainer .singleArticleContainer {
	display: none;
    flex-wrap: wrap;		
}
.devoArticleTabMetadataSection .devoArticleTabContentContainer ul {
    list-style-type: none;
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin: 0;
}

.devoArticleTabMetadataSection .devoArticleTabContentContainer ul a {
    position: relative;
    color: #003b4d;
}

.devoArticleTabMetadataSection .devoArticleTabContentContainer ul a:after {
    font-family: "FontAwesome";
    content: "\f054";
    position: absolute;
    margin-left: 10px;
    color: #f29111;
    font-size: 12px;
    padding-top: 3px;	
}
.devoArticleTabMetadataSection .devoArticleTabContentContainer .devoCTA {
	text-align: center;
	padding-top: 1.563rem;
}
.devoArticleTabMetadataSection .devoArticleTabContentContainer .devoCTA .devoButton {
	background-color: #f29111;
}
.devoVideoTabMenu{
    border-width:1px 0;
    list-style:none;
    margin-left: 0;
    margin-right: 0;    
    padding:0;
    text-align:center;
}
.devoVideoTabMenu li{
    display:inline-block;
    padding-left: 10px;
    padding-right: 10px;
	position: relative;        
}
.devoVideoTabMenu li.current:before {
	content: "";
    position: absolute;
    border-style: solid;
    border-width: 0 26px 26px;
    border-color: #e2e2e2 transparent;
    display: block;
    width: 0;
    z-index: 0;
    top: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;	
}
.devoVideoTabMenu li a{
    display:inline-block;
    padding:10px;
    border-top: solid 4px #5e5d5d;
    color: #5e5d5d;
}
.devoVideoTabMenu li.current a {
	border-top: solid 4px #0093c0;	
	color: #0093c0;
}

.devoVideoTabMetadataSection .devoVideoTabContentContainer {
    background-color: #e2e2e2;
    padding-top: 10px;
}
.devoVideoTabMetadataSection .devoVideoTabContentContainer .singleVideoContainer {
    display: none;
}
.devoSimpleObject.DEVO_VIDEO_TAB .devoListHeading {
	text-align: center;
}
.devoSimpleObject.DEVO_VIDEO_TAB .devoListHeading .title {
	color: #324b5c;
	font-weight: bold;
	font-size: 2.625rem;
	padding-bottom: 1.563rem;
	padding-top: 3.75rem;
	line-height: 1em;
}

.devoSimpleObject.DEVO_VIDEO_TAB .devoListHeading .description {
    color: #003b4d;
    font-size: 1.25rem;
    line-height: 1.25em;
	padding-bottom: 1.875rem;	
}
.devoVideoTabMetadataSection .devoVideoTabContentContainer .devoVideoNavContainer.slick-slider {
	padding: 0;
	margin-bottom: 65px;	
}
.devoVideoTabMetadataSection .devoVideoTabContentContainer .devoVideoNavContainer.slick-slider .videoItem {
    padding-left: 15px;
    padding-right: 15px;
}
.devoVideoTabMetadataSection .devoVideoTabContentContainer .devoVideoNavContainer .slick-prev,
.devoVideoTabMetadataSection .devoVideoTabContentContainer .devoVideoNavContainer .slick-next {
	top: auto;
	bottom: -65px;
	z-index: 8;
}
.devoVideoTabMetadataSection .devoVideoTabContentContainer .devoVideoNavContainer .slick-dots {
	margin-left: 0;
	margin-bottom: 2px;	
}
.devoVideoTabMetadataSection .devoVideoTabContentContainer .devoVideoNavContainer .slick-dots li button {
	display: inline-block;
}
.devoVideoTabMetadataSection .devoVideoTabContentContainer .devoVideoNavContainer .slick-prev:before,
.devoVideoTabMetadataSection .devoVideoTabContentContainer .devoVideoNavContainer .slick-next:before {
  font-family: "FontAwesome"; 
  color: white;
  background-color: #1a1a1a;
  padding: 0.375rem;	

}
.devoVideoTabMetadataSection .devoVideoTabContentContainer .devoVideoNavContainer .slick-prev:before {
  content: "\f053"; 	
  padding-left: 0.5rem;
  padding-right: 0.6rem;  
}
.devoVideoTabMetadataSection .devoVideoTabContentContainer .devoVideoNavContainer .slick-next:before {
  content: "\f054";	
  padding-left: 0.6rem;
  padding-right: 0.5rem;  
}
.devoVideoTabMetadataSection .devoVideoTabContentContainer .devoVideoNavContainer ul.slick-dots li.slick-active button:before{
	color: red;
}
.devoVideoTabMetadataSection .devoVideoTabContentContainer .devoVideoNavContainer ul.slick-dots li button:before{
	font-size:1rem;
}
.devoVideoTabMetadataSection .devoVideoTabContentContainer .devoVideoNavContainer.slick-slider .videoItem .videoTitle {
	position: relative;
}
.devoVideoTabMetadataSection .devoVideoTabContentContainer .devoVideoNavContainer.slick-slider .videoItem .videoTitle a {
	position: absolute;
    color: white;
    overflow: hidden;
    white-space: normal;
    word-wrap: normal;
    z-index: 1;
    left: 0;
    text-align: left;
	font-size: 13px;
	line-height: 1em;
	padding-left: 10px;
	padding-right: 10px;
	font-family: Roboto,Arial,Helvetica,sans-serif;
	background: url(/National_Library/20160521004321oe_/https://developer.oracle.com/devo/res/img/1383860294987/video-thumbnail-gradient.png) center center;
	width: 100%;
	padding-bottom: 10px;
	background-size: cover;
	height: 98px;
	background-repeat: repeat-x;
	transition: opacity .25s cubic-bezier(0.0,0.0,0.2,1);
	pointer-events: none;
	padding-top: 10px;
}
.devoVideoTabMetadataSection .devoVideoNavContainer.slick-slider .videoItem .devoVideoItemImageContainer img{
	width:100%;
}
.devoVideoTabMetadataSection .devoVideoNavContainer.slick-slider .videoItem .singleItemContainer .play-icon {
    position: absolute;
    height: 35px;
    width: 50px;
    background: url(/National_Library/20160521004321oe_/https://developer.oracle.com/devo/res/images/1383860185412/YouTube-icon-dark-transparent.png) center center no-repeat;
    z-index:1;
    background-size: cover;
    top: 50%;
    transform: translate(-50%,-50%);
    left: 50%;
}

.devoVideoTabMetadataSection .devoVideoNavContainer.slick-slider .videoItem .singleItemContainer:hover .play-icon{
	position: absolute;
    height: 35px;
    width: 50px;
	 background: url(/National_Library/20160521004321oe_/https://developer.oracle.com/devo/res/images/1383860185466/YouTube-icon-HOVER-red.png) center center no-repeat;
	z-index:1;
	 background-size: cover; 
    top: 50%;
    transform: translate(-50%,-50%);
    left: 50%;	
}
/*end of Article Video Tab styling*/
/* Reddit AMA Page styling*/
.opcComponent-container.DEVO_AMA .opcComponent.devoHeader {
    overflow: visible;
}
.opcComponent-container.DEVO_AMA .devoHeader .devoAMAHeadline {
	padding-bottom: 3.125rem;
    text-align: left;	
}
.opcComponent-container.DEVO_AMA .devoHeader .devoAMAHeadline .subTitle {
    font-size: 1.125rem;
    color: white;
    font-family: Arial;
    font-weight: bold;
    text-transform: uppercase;	
	margin-top: 5.625rem;
    margin-bottom: 0.938rem;
    line-height: 1em;
}
.opcComponent-container.DEVO_AMA .devoHeader .devoAMAHeadline .title {
    font-size: 3rem;
    color: white;
    font-family: Arial;
    font-weight: bold;
	line-height: 1em;	
	margin-bottom: 1rem;
}
.opcComponent-container.DEVO_AMA .devoHeader .devoAMAHeadline .logo {
	height: 90px;
	background-image: url(/National_Library/20160521004321oe_/https://developer.oracle.com/devo/res/images/1383860355058/redditAMA-Logo.svg);
	background-position: center left;
    background-repeat: no-repeat;	
}
.opcComponent-container.DEVO_AMA .opcComponent.devoSimpleObject .devoListItems > .opcObject-container {
	padding-bottom: 5rem;	
}
.opcComponent-container.DEVO_AMA .devoComponentContentContainer .devoListHeading .description {
    font-size: 1.125rem;
    font-family: Arial;
    font-weight: normal;
    color: #4e5052;
	padding-bottom: 5rem;	
	padding-top: 3.75rem;	
}
.opcComponent-container.DEVO_AMA .opcComponent.devoSimpleObject .devoImageText .devoImageContainer .devoImage img {
	width: auto;	
}
.opcComponent-container.DEVO_AMA .opcComponent.devoSimpleObject .devoImageText .devoResource .title {
	padding-bottom: 0;
	color: #324b5c;
    font-size: 1.75rem;	
}
.opcComponent-container.DEVO_AMA .opcComponent.devoSimpleObject .devoImageText .devoResource .subTitle {
	padding-bottom: 1.875rem;
    font-family: Arial;
    font-weight: bold;
    font-size: 0.875rem;
    color: #00758f;
}
.opcComponent-container.DEVO_AMA .devoImageText.row {
	padding-top:0;
	padding-bottom:0;
}
.opcComponent-container.DEVO_AMA .devoImageText .devoResource .description {
	font-size: 1.125rem;
	color: #4e5052;
	text-align: left;	
}
.opcComponent-container.DEVO_AMA .devoImageText .devoResourceContainer  ul {
	padding-top: 1.875rem;
}
.opcComponent-container.DEVO_AMA .devoImageText .devoResource .description a {
	font-size: 1rem;
	color: #003b4d;
	font-weight: bold;	
}
.opcComponent-container.DEVO_AMA .opcComponent.devoSimpleObject .devoComponentContentContainer{
    padding-bottom: 0;
    padding-top: 0;
}
.opcComponent-container.DEVO_AMA .opcComponent.DEVO_CLOUD_BANNER .columns {
	background-color: #00758f;
    display: flex;
    align-items: center;
    justify-content: space-between;
	padding: 30px;
}
.opcComponent-container.DEVO_AMA .opcComponent.DEVO_CLOUD_BANNER .devoCloudBanner {
	flex-basis: 75%;
    max-width: 75%;	
}
.opcComponent-container.DEVO_AMA .opcComponent.DEVO_CLOUD_BANNER .devoCloudBanner .title {
    color: white;
    font-size: 1.688rem;
    font-family: Arial;
    font-weight: bold;	
	line-height: 1em;
}
.opcComponent-container.DEVO_AMA .opcComponent.DEVO_CLOUD_BANNER .devoCloudBanner .description {
    color: white;
    font-size: 1.063rem;
    font-family: Arial;
    font-weight: normal;	
}
.opcComponent-container.DEVO_AMA .opcComponent.DEVO_CLOUD_BANNER .devoCTA {
    flex-basis: 25%;
    max-width: 25%;
    text-align: center;	
}
.opcComponent-container.DEVO_AMA .opcComponent.DEVO_CLOUD_BANNER .devoCTA .devoButton {
	text-decoration: none;
	color: white;	
    background-color: #003b4d;	
    border-radius: inherit;
	padding-left: 2.5rem !important;
	padding-right: 2.5rem !important;
	line-height: 1em !important;
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.opcComponent-container.DEVO_AMA .opcComponent.DEVO_CLOUD_BANNER .devoCTA .devoButton:after {
    background: url(/National_Library/20160521004321oe_/https://developer.oracle.com/devo/devo/res/images/1383860264997/announceArrow.png) center center no-repeat;
    position: relative;
    content: "";
    width: 20px;
    height: 15px;
    background-size: cover;
    top: 3px;
    text-align: left;
    left: 6px;
    display: inline-block;
}
.opcComponent-container.DEVO_AMA .opcComponent.DEVO_CLOUD_BANNER {
	padding-bottom: 3.75rem;
}

/*end of Reddit AMA Page styling*/
/* Tech Link Comp styling*/
.opcComponent.DEVO_LINK_BAND {
	background-color: #dee0e0;
}
.opcComponent.DEVO_LINK_BAND .pageTechLinkSection {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;	
}
.opcComponent.DEVO_LINK_BAND .pageTechLinkSection .linkContainer {
    display: flex;
    align-items: center;
    flex-basis: 33%;
    max-width: 33%;
    background-color: white;
    min-height: 5.625rem;
    margin-bottom: 1.875rem;
    margin-top: 1.875rem;
}
.opcComponent.DEVO_LINK_BAND .pageTechLinkSection .linkContainer.DEVO_LINK_JAVA.hovered .title{
	color: white;
}
.opcComponent.DEVO_LINK_BAND .pageTechLinkSection .linkContainer a{
    display: flex;
    align-items: center;
    position: relative;	
	flex-basis: 85%;
	max-width: 85%;
	word-wrap: break-word;    
}
.opcComponent.DEVO_LINK_BAND .pageTechLinkSection .linkContainer a img{
	padding-right: 1rem;
	max-width: 150px;
}
.opcComponent.DEVO_LINK_BAND .pageTechLinkSection .linkContainer a .icon{
    width: 59px;
    height: 64px;
    margin-left: 24px;
    flex-shrink: 0;
    margin-right: 18px;  
}
.opcComponent.DEVO_LINK_BAND .pageTechLinkSection .linkContainer .arrow-right {
    flex-basis: 15%;
    max-width: 15%;
    text-align: right;
    padding-right: 24px;
}
.opcComponent.DEVO_LINK_BAND .pageTechLinkSection .linkContainer a .title{
    font-size: 20px;
    font-weight: bold;
    flex-basis: 70%;
    max-width: 70%;
}
/* end of Tech Link Comp styling*/
.opcComponent-container.DEVO_CODE .devoCodeAnnouncement.opcComponent  >.row{
	display: block;
}
/*footer language box**/
.devoFooter{
	overflow: visible;
}
.devoFooter .opcComponent{
	overflow: visible;
}
.devoFooterLanLink{
	position:relative; 
	color:#cecece;
}
.devoFooterLanguageBlock{
	display:none;
	float: right;
	padding-top: 20px;
	position: relative;
}
.devoFooterLanguageBlock.devoConfigHide{
	margin: 0;
}
#dropLanguage.openPanel{
    list-style: none;
    margin-left: 0;
    outline: none;
    max-height: none;
    height: auto;
    font-size: 0.875rem;
    position: absolute;
    bottom: 25px;
    float: none;
    padding: 0;
    border: solid 1px #ccc;
    font-size: 0.875rem;
    z-index: 1000;
    margin-top: 2px;
    display: block;
    width: 7.8125rem;
    background: white;
}
#dropLanguage{
	display:none;
}
.devoFooterLanLink:hover{
	color:white;
}
#dropLanguage li {
    display: block;
    padding-left: 0;
    padding-right: 0;
    margin-top: 0;
    padding-top: 0.1875rem;
    padding-bottom: 0.1875rem;
    opacity: 1;
    text-align: center;
}
#dropLanguage li a {
	padding-left: 0;
    padding-right: 0;
    font-size: 14px;
    color: #324b5c;
}
#dropLanguage li:hover {
	background-color: #EBECED;
}
.opcComponent-container.DEVO_VIDEO #hamburger {
    display: block;
    width: 44px;
    height: 44px;
    position: absolute;
    right: 0;
    z-index: 1001;
    background: url(/National_Library/20160521004321oe_/https://developer.oracle.com/devo/res/images/1383859028098/odev-hamburger.png) center center no-repeat;
    padding-right: 30px;
}
.devoFooterLanguageBlockDesktop {
	display:inline-block !important;
	position: relative;
}
.devoFooterLanLinkDesktop{
    margin-top: 20px;
    display: inline-block;
    border: 1px solid white;
    border-radius: 4px;
    font-size: 14px;
    font-weight: bold;
    color: white;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 26px;
    padding-right: 44px;
}
.devoFooterLanLink{
    display: inline-block;
    border: 1px solid white;
    border-radius: 4px;
    font-size: 14px;
    font-weight: bold;
    color: white;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 26px;
    padding-right: 44px;
}
#dropLanguageDesktop{
	display:none;
}
#dropLanguageDesktop.openPanel{
    position: absolute;
    bottom: 40px;
    float: none;
    display: inline-block;
    padding: 0;
    background: red;
    border: solid 1px #ccc;
    font-size: 0.875rem;
    z-index: 1000;
    margin-top: 2px;
    display: block;
    width: 7.8125rem;
    background: white;
}
#dropLanguageDesktop li {
	display: block;
    padding-left: 0;
    padding-right: 0;
    margin-top: 0;
    padding-top: 0.1875rem;
    padding-bottom: 0.1875rem;
    opacity: 1;
    text-align: center;
}
.devoFooterLanLinkDesktop:after {
    font-family: "FontAwesome";
    content: "\f077";
    position: absolute;
    right: 10px;
    bottom: 5px;
    font-weight: normal;
}
.devoFooterLanLink:after {
    font-family: "FontAwesome";
    content: "\f077";
    position: absolute;
    right: 10px;
    bottom: 5px;
    font-weight: normal;
}
.devoFooterLanguageBlockDesktop.show-for-large-up a.devoFooterLanLinkDesktop:hover {
    text-decoration: none;
    background: white;
}
.devoFooterLanguageBlock a.devoFooterLanLink:hover {
    text-decoration: none;
    background: white;
    color:#003b4d;
}
#dropLanguageDesktop:before {
	border: inset 11px;
    content: "";
    display: block;
    height: 0;
    width: 0;
    border-color: #FFFFFF transparent transparent transparent;
    border-top-style: solid;
    bottom: -20px;
    position: absolute;
    top: auto;
    left: 52px;
    right: auto;
    z-index: 89;
}
#dropLanguage:before {
	border: inset 11px;
    content: "";
    display: block;
    height: 0;
    width: 0;
    border-color: #FFFFFF transparent transparent transparent;
    border-top-style: solid;
    bottom: -20px;
    position: absolute;
    top: auto;
    left: 52px;
    right: auto;
    z-index: 89;
}
#dropLanguageDesktop li:hover {
    background-color: #EBECED;
}
#dropLanguageDesktop li a {
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
    color: #324b5c;
}
/*code video*/
.opcComponent-container.DEVO_VIDEO #hamburger:hover, 
.opcComponent-container.DEVO_VIDEO #hamburger.active-mmenu-link:hover { 
    background: url(/National_Library/20160521004321oe_/https://developer.oracle.com/devo/res/images/1383859028141/odev-hamburger-hov.png) center center no-repeat;
}
label.wrapper{
    position: relative;
}
label.wrapper:after {
    content: "\f078";
    font-family: FontAwesome;
    color: #003b4d;
    position: absolute;
    right: 8px;
    font-size: 1rem;
    top: 21px;
    pointer-events: none;
}
.opcComponent-container.fixedNavBand.DEVO_VIDEO .opcComponent.devocCodePageNavBand{
	background-color: #003b4d;
}
.cityVideoDropdownContainer{
	font-size: 20px;
	height: 60px;
	font-weight: bold;
	padding-right: 8px;
	color: #ffffff;
}
.cityVideoDropdownLink{
    font-size: 20px;
    font-weight: bold;
    padding-right: 8px;
    color: #003b4d;
    display: inline-block;
}
.cityVideoDropdownText{
    background: #003b4d;
    color: #ffffff;
    border-radius: 5px;
    padding-right: 50px;
    padding-left: 15px;
    position: relative;
    border: 1px solid #ffffff;
    padding-top: 5px;
    padding-bottom: 5px;
}
.opcComponent a.cityVideoDropdownLink:hover{
    text-decoration: none;
}
.cityVideoDropdownText:after {
    content: "\f078";
    font-family: FontAwesome;
    color: #ffffff;
    position: absolute;
    right: 15px;
    top: 11px;
    font-size: 15px;
    pointer-events: none;
    font-weight: normal;
}
ul.tab #cityVideoDropdown li a {
    color: #003b4d;
    text-decoration: none;
    padding-top: 10px;
    padding-bottom: 10px;
}
ul.tab #cityVideoDropdown li{
	border-bottom: none;
	margin-left: 0;
	margin-right: 0;
	width:100%;
}
#cityVideoDropdown ul.listContainer {
    list-style: none;
    max-height: 500px;
    overflow: auto;
    margin-left: 0;
    margin-bottom: 0;
}
#cityVideoDropdown.open{
	display:block;
	position: absolute;
	background: white;
	margin-left: 0;
	z-index:1;
	margin-top:10px;
	list-style: none;
}
#cityVideoDropdown{
	display:none;
}
ul.tab #cityVideoDropdown li:hover{
    background: lightgrey;
}
#cityVideoDropdown .panelArrow{
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid white;
    position: absolute;
    top: -10px;
    text-align: center;
    display: inline-block;
   	line-height:1rem;
}
.opcComponent-container.fixedNavBand .devoVideoSelection #CodePageNavBandSection ul.tab li{
	border-bottom: none;
}
ul.tab #cityVideoDropdown li:hover{
	border-bottom: none;
}
#cityVideoDropdown.f-dropdown{
    max-width: 500px;
    border: none;
}
.devoSliderSingleItemContainer .videoTitle a{   
    position: absolute;
    color: white;
    padding-left: 10px;
    padding-right: 10px;
    word-wrap: normal;
    z-index: 1;
    left: 0;
    text-align: left;
    font-size: 13px;
    padding-top: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background: url(/National_Library/20160521004321oe_/https://developer.oracle.com/devo/res/img/1383860294987/video-thumbnail-gradient.png) center center;
    background-size: cover;
    height: 98px;
    width: 100%;
    background-repeat: repeat-x;
    -moz-transition: opacity .25s cubic-bezier(0.0,0.0,0.2,1);
    -webkit-transition: opacity .25s cubic-bezier(0.0,0.0,0.2,1);
    transition: opacity .25s cubic-bezier(0.0,0.0,0.2,1);
    pointer-events: none;
}
.devoSliderSingleItemContainer .opcVideoUrl.devoVideoItemImageContainer{
	width:100%;
}    
.devoFeaturedVideoColumnContainer .videoTitle a{      
	position: absolute;
    color: white;
    padding-left: 10px;
    padding-right: 10px;
    word-wrap: normal;
    font-size: 13px;
    padding-top: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/**devo slider**/
.devoSlider .devoPostContainer.row{
    margin-left: 0;
    margin-right: 0;
    padding:15px;
} 
.devoSlider .devoPost.columns{
    padding-left: 0;
    padding-right: 0;
}
.devoSlider .slick-slide{
	height:auto;
}
.devoSlider .devoPostContainer .subtitle{
    text-align: center;
    font-size: 1.5rem;
    font-weight: bold;
    padding-bottom: 1rem;
    padding-top: 0.5rem;
    color: #003b45;
}
.opcComponent.devoSlider  .slick-slide{
	height:auto;
}
.opcComponent.devoSlider .slick-prev:before{
	font-family: "FontAwesome";
    color: white;
    background-color: #1a1a1a;
    padding: 0.375rem;
    content: "\f053";
}
.opcComponent.devoSlider .slick-prev{
    left: 100px;
    top: auto;
    bottom: -45px;
    z-index: 100;
}
.opcComponent.devoSlider .slick-next{
    right: 100px;
    top: auto;
    bottom: -45px;
    z-index: 100;
}
.opcComponent.devoSlider .slick-next:before{
    font-family: "FontAwesome";
    color: white;
    background-color: #1a1a1a;
    padding: 0.375rem;
    content: "\f054";
}
/**for article page**/
.devoArticlesHeaderHeadline {
    padding-top: 5.625rem;
	height:327px;
    text-align: center;
}
.devoArticlesHeaderHeadline .title {
    display: block;
    font-size: 3rem;
    color: white;
    text-align: left;
    font-weight: bold;
    line-height:1;
}
.devoArticlesHeaderHeadline .description {
    color: white;
    font-size: 1.25rem;
    font-weight:bold;
    text-align: left;
}
.opcComponent.DEVO_ARTICLE_PANEL .devoArticlesPanelHeader {
    text-align: left;
}
.opcComponent.DEVO_ARTICLE_PANEL .devoArticlesPanelHeader .title {
    display: inline-block;
    color: #003b4d;
    font-weight: bold;
    font-size: 3.5rem;
    padding-top: 1.875rem;
    font-family: Arial;
    line-height: 1em;
}
.opcComponent.DEVO_ARTICLE_PANEL .devoArticlesPanelHeader .moreLink {
    display: inline-block;
    float: right;
}
.opcComponent.DEVO_ARTICLE_PANEL .devoArticlesPanelHeader .moreLink a {
    color: orange;
    line-height: 2.85rem;
    padding-right: 10px;
}
.opcComponent.DEVO_ARTICLE_PANEL .devoArticlesPanelHeader .moreLink a:after {
	font-family: "FontAwesome";
    content: "\f054";
    position: absolute;
    font-size: 0.75rem;
    padding-left: 5px;
    padding-top: 2px;
}
.opcComponent.DEVO_ARTICLE_LIST .devoArticleContainer .content,
.opcComponent.DEVO_ARTICLE_PANEL .devoArticleContainer .content {
    display: none;
}
.devoArticleContainer.row.devoArticleList {
    padding-top: 15px;
    padding-bottom: 15px;
}
.devoArticleContainer .devoArticle .devoImage {
    display: inline-block;
    text-align: center;
}
.devoArticleContainer.row {
    margin-left: 0;
    margin-right: 0;
}
.opcComponent.opccListItemsLayout.DEVO_ARTICLE_LIST .devoArticleContainer.row.devoArticleList {
    margin: auto;
}
.opcComponent.opccListItemsLayout.DEVO_ARTICLE_HTML .devoArticleContainer.row.devoArticleHTML {
    margin: auto;
}
.opcComponent.opccListItemsLayout.DEVO_ARTICLE_LIST .devoArticleContainer.row.devoArticleList .devoArticle {
    text-align: left;
}
.devoArticleContainer.devoArticleList .devoArticleColumns {
    display: table;
    padding-left: 15px;
    padding-right: 15px;
}
.devoArticleContainer.devoArticleList.DEVO_ARTICLE_FEATURED .devoArticleColumns .devoImage {
	padding-right: 0;
	padding-left:1rem;
	background: #F2F4F5; 
}
.devoArticleContainer.devoArticleList .devoArticleColumns .devoImage {
    display: table-cell;
    vertical-align: middle;
    padding-right: 1rem;
}
.devoArticleContainer.devoArticleList.DEVO_ARTICLE_FEATURED .devoArticleColumns .devoDesc{
	padding:15px;
	background: #F2F4F5;
}
.devoArticleContainer.devoArticleList .devoArticleColumns .devoDesc {
    display: table-cell;
    vertical-align: middle;
}
.opcComponent.DEVO_ARTICLE_HTML .devoArticle .description {
    display: none;
}
.opcComponent.devoHeader.DEVO_ARTICLE_HEADER{
	overflow: visible;
} 
.opcComponent.opccListItemsLayout.DEVO_ARTICLE_HTML .devoArticleContainer.row.devoArticleHTML .devoDesc {
    text-align: left;
    padding-top: 2rem;
}
.devoArticleContainer .devoArticleColumns .devoDesc{
    text-align: left;
}
.devoArticleContainer .devoArticleColumns .devoDesc .title{
	padding-top:0.5rem;
}
.devoArticleContainer .devoArticleColumns .devoDesc .title a{
	font-size: 1rem;
	font-weight: bold;
	color: #00758f;   
}
.devoArticleContainer .devoArticleColumns .devoDesc .description{
	font-size: 0.85rem;
}
.devoArticleContainerTagApi  .headingBlock .title{
	font-family: arial;
    font-weight: bold;
    font-size: 42px;
    color: #003b4d;
}
.devoArticleContainerTagApi  .headingBlock .description{
	font-family: Arial;
    font-size: 20px;
    color: #003b4d;
}
.devoArticleContainerTagApi  .contentBlock {
	padding-bottom: 3.3125rem;
}
.devoArticleContainerTagApi  .contentBlock .articleItem{
	padding-top:12.5px;
	padding-bottom:12.5px;
}
.devoArticleContainerTagApi  .contentBlock .articleItem .title a{
	font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    color: #003b4d;
}
.devoArticleContainerTagApi  .contentBlock .articleItem .title a:after{
	font-family: "FontAwesome";
    content: "\f054";
    position: absolute;
    padding-left: 5px;
    color: #f29111;
    padding-top: 4px;
    font-size: 12px;
    font-weight: normal;
}
.opcComponent.devo2Row4columns{
	margin-top:2.5rem;
	margin-bottom:2.5rem;
}
.opcComponent.devo2Row4columns .devoArticlesPanelHeader{
	margin-bottom:1.5rem;
}
.opcComponent.devo2Row4columns .opcObject-containerRow.row{
	margin-bottom:1rem;
	display:table;
	text-align:center;
}
.opcComponent.devo2Row4columns .opcObject-container{
	display:inline-block;
}
.opcComponent.DEVO_ARTICLE_HTML{
    margin-top: 3.75rem;
    margin-bottom: 3.75rem;
} 
.devoArticleContainer.devoArticleHTML .devoImage{
	text-align: center;
}
.devoArticleContainer.devoArticleHTML .devoDesc .title{
	display:none;
}
.devoArticleContainer.devoArticleHTML .devoDesc .content{
	font-size: 1rem;
}
.opcComponent.devo2Row4columns .dotted-hr-line{
	border-top: 1px solid #D6DFE6;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    height: 1rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.opcComponent.devo2Row4columns .dotted-hr-line:last-child {
    display: none !important;
}
.opcComponent.DEVO_ARTICLE_LIST .devoListofTechArticles{
	padding-top:1rem;
	padding-bottom:1rem;
} 
.opcComponent.DEVO_ARTICLE_LIST .devoListofTechArticles .title{
	font-size: 1.875rem;
	line-height: 2.375rem;
	text-align: left;
	color: #282A2C;
} 
.opcComponent.DEVO_ARTICLE_LIST .devoListofTechArticles .description{
	font-size: 1.125rem;
	line-height: 1.625rem;
	text-align: left;
	color: #74767B;
} 
.opcComponent.opccListItemsLayout.DEVO_ARTICLE_LIST .devoArticleContainer.row.devoArticleList.DEVO_ARTICLE_FEATURED {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 15px;
    margin-bottom: 15px;
}
.devoArticleContainer .quote .quoteImageContainer{
	display: table-cell;
	vertical-align: middle;
}
.devoArticleContainer .quote{
	display:table;
}
.devoArticleContainer .quote .quoteImageContainer .quoteImage{
	width: 100px;
	height: 100px;
	background: url(/National_Library/20160521004321oe_/https://developer.oracle.com/devo/res/images/1383860072752/articleQuoteImg.png);
	border-radius: 50%;
	background-repeat: no-repeat;
	background-size: cover;
}
.devoArticleContainer .quote .quoteDescContainer{
	display: table-cell;
	vertical-align: middle;
	padding-left: 1rem;
}
.devoArticleHTML .devoArticleColumns .devoImage img{
	width:100%;
}
.devoArticleHTML .devoArticleColumns .devoArticleHTMLContent.row{
	margin-top:-100px;
	margin-top: 0;
}
.devoArticleHTML .devoArticleColumns .devoArticleHTMLContent.row >.columns {
	background: white;
}
.devoArticleContainer .quote .quoteDescContainer .text{
	color:orange;
	font-size:1.85rem;	
}
.devoArticleContainer .quote .quoteDescContainer .from{
	color:grey;
}
.devoArticleContainer .author{
	background: #f6f6f6;
	display: table;
	width: 100%;
	padding: 30px;
}
.devoArticleContainer .author .authorPhotoContainer{
	width: 100px;
	height: 100px;
}
.devoArticleContainer .author .authorPhotoContainer .photo img{
	width: 100px;
	height: 100px;
	border-radius: 50%;
}	
.devoArticleContainer .author .authorPhotoContainer{
	display:table-cell;
	vertical-align: middle;
}
.devoArticleContainer .author .authorDescContainer{
	display:table-cell;
	vertical-align: middle;
	padding-left: 1rem;
}
.devoArticleContainer .author .authorDescContainer .title{
	font-size:1.25rem;
	font-weight:bold;
	color:black;
	padding-bottom: 0;
}
.devoArticleContainer .image{
	text-align:center;
	padding-bottom:0.5rem;
}
.devoArticleContainer .image .caption{
	color:lightgrey;
	padding-top:0.5rem;
	padding-bottom:0.5rem;
}
.opcComponent.opccListItemsLayout .devoListItemCTAContainer .devoCTA .devoButton {
	background:orange;
}
.opcComponent.opccListItemsLayout .devoListItemCTAContainer .devoCTA .devoButton:hover{
    text-decoration: none;
    background-color: #e28100;
    color: white;
}
.opcComponent.opccListItemsLayout .devoListItemCTAContainer .devoCTA {
	text-align:center;
}
.opcComponent.opcListItemsContainer  .devoArticleContainer.devoArticlePanel .devoImage{
	display:none;
}
.opcComponent.opcListItemsContainer  .devoArticleContainer.devoArticlePanel.row {
    margin-left: auto;
    margin-right: auto;
}
.opcComponent.opcListItemsContainer  .devoArticleContainer.devoArticlePanel.row .devoArticleColumnsContainer{
    border-top:1px solid #e8e8e8;
    display:table;
} 
.devoArticleContainer.devoArticlePanel .devoArticleColumns{
    display: table;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.devoArticleContainer.devoArticlePanel .devoArticleColumns .devoDesc{
    display: table-cell;
    vertical-align: middle;
}
.devoAnnounement .devoCTA .devoButton:hover{
    text-decoration: none;
}
.devoArticleContainer.devoArticlePanel .devoArticleColumns .devoReadArticle{
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    position:relative;
}  
.opcComponent.DEVO_ARTICLE_PANEL .devoArticlesPanelHeader .description {
    font-size: 1.5rem;
    padding-top: 1.5625rem;
    color: #003b4d;
    padding-bottom: 1.15625rem;
}
.opcComponent.DEVO_ARTICLE_PANEL .devoListItemCTAContainer.row{
	padding-bottom: 1.875rem;
}
.devoAnnouncementComponent.opcComponent.fixedNavBandFooter{ 
	position: fixed;
	bottom: 0;
	width: 100%;
	left: 0;
	right: 0;
	background: #942645;
}
.devoAnnouncementComponent.opcComponent.fixedNavBandHeader{ 
	position: fixed;
	top: 0;
	width: 100%;
	left: 0;
	right: 0;
	background: #942645;
}
.devoAnnouncementComponent.opcComponent{
	position: relative;
	background: #942645;  
	z-index:9;
}
.devoAnnounement{
    text-align: center;
    padding-top: 0.5625rem;
    padding-bottom: 0.5625rem;
}
.devoAnnounement .config{
	display:none;
}
.devoAnnounement .titleContainer{
	display: inline-block;
	font-size: 1rem;
	color: white;
	margin-right: 1.5rem;
}
.devoAnnounement .titleContainer .title{
	font-family: Arial;
    font-weight: bold;
    font-size: 17px;
    color: #ffffff;
    display: inline-block;
}
.devoAnnounement .titleContainer .subTitle{
	font-family: Arial;
    font-weight: normal;
    font-size: 17px;
    color: #ffffff;
    display: inline-block;
}
.devoAnnounement .devoCTA{
	display: inline-block;
}
.devoAnnounement .devoCTA .devoButton {
	background: #592439;
	border-radius: 0;
}
.devoAnnounement .devoCTA .devoButton:hover{
	background:white;
	color:#942645;
}
.devoAnnounement .devoCTA .devoButton:after {
	background: url(/National_Library/20160521004321oe_/https://developer.oracle.com/devo/devo/res/images/1383860264997/announceArrow.png) center center no-repeat;
    position: relative;
    content: "";
    width: 20px;
    height: 15px;
    background-size: cover;
    top: 3px;
    text-align: left;
    left: 6px;
    display: inline-block;
}
.devoAnnounement .devoCTA .devoButton:hover:after {
	background: url(/National_Library/20160521004321oe_/https://developer.oracle.com/devo/devo/res/images/1383860268814/right-arrow-100px_burgundy.png ) center center no-repeat;
    position: relative;
    content: "";
    width: 20px;
    height: 15px;
    background-size: cover;
    top: 3px;
    text-align: left;
    left: 6px;
    display: inline-block;
}
.opcComponent.DEVO_ARTICLE_PANEL .devoArticlesPanelHeader .devoCTA .devoButton {
	display:none;
}
.opcComponent.DEVO_ARTICLE_PANEL .devoArticleContainer .devoDesc {
    color: #12485a;
}
.devoArticle .readArticleLabel{  
	display:none; 
}
.devoArticleContainer.devoArticlePanel .devoReadArticle > a {
	color: #003a49;
	font-weight: bold;
	padding-right: 20px;
}
.opcComponent.opccListItemsLayout.DEVO_ARTICLE_PANEL {
	padding-top:30px;
	padding-bottom:30px;
	border-bottom: none;
}
.opcComponent.opccListItemsLayout.DEVO_ARTICLE_PANEL .devoArticlesPanelHeader{
    text-align: center;
}
.devoArticleContainer.devoArticlePanel .devoReadArticle > a:after {
    font-family: "FontAwesome";
    content: "\f054";
    position: absolute;
    right: 0;
    color: orange;
}
/***/
.devoEventCityLine{
    border-top: 1px solid #dee0e0;
    margin-top: 1rem;
    margin-bottom: 1.25rem;
}
.devocCodePageNavBand #devoCodeEventCities .devoMenuOthersHeading .title, 
.devocCodePageNavBand #devoCodeEventCities .devoMenuArchiveHeading .title a, 
.top-bar #devoCodeEventCities .devoMenuOthersHeading .title{
    font-size: 1rem;
    text-align: center;
    font-weight: bold;
    padding-bottom: 1.25rem;
    color: #00758f;
    font-family: Arial;
    line-height: 1rem;
}
.devoCityCodeEventsMtitle{
	text-align: center;
}
.devoOtherCodeEventsMtitle{
	text-align: center;
}
.row.menuColumnSizeIndex[columnsize='1'] {
    text-align: center;
}
.row.devoMenuContainerRow .devoArchiveEvents{
	display: inline-block;
}
li.devoLinkableArchive a:before,
li.devoLinkableOther a:before{
    content: '';
    border-left-width: 1px;
    border-left-style: solid;
    display: block;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-left: none;
    border-color: rgba(0, 0, 0, 0.15);
}
li.devoLinkableArchive a:after,
li.devoLinkableOther a:after{
	content: '';
    border: 2px solid transparent;
    display: inline-block;
    width: 7px;
    height: 7px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-bottom: -5px;
    position: absolute;
    bottom: 50%;
    border-top: none;
    border-left: none;
    right: 18px;
    width: 10px;
    height: 10px;
    border-color: white;
}
.opcObject-container .top-bar-section .right.devoHeaderRightMenusContainer li:not(.has-form) a.devoButton:not(.button){
    background-color: #942645 !important;
    font-size: 14px !important;
    padding-left: 15px !important;
    padding-right: 28px !important;
    border-radius: 0;
}
.opcObject-container .top-bar-section .right.devoHeaderRightMenusContainer li:not(.has-form) a.devoButton:not(.button):hover{
    background-color: #ffffff !important;
    font-size: 14px !important;
    color: #942645;
    padding-left: 15px !important;
    padding-right: 28px !important;
    border-radius: 0;
}
.opcObject-container .top-bar-section .right.devoHeaderRightMenusContainer li:not(.has-form) a.devoButton:not(.button):hover:after {
    background: url(/National_Library/20160521004321oe_/https://developer.oracle.com/devo/devo/res/images/1383860268814/right-arrow-100px_burgundy.png) center center no-repeat;
    position: relative;
    content: "";
    width: 20px;
    height: 15px;
    background-size: cover;
    top: 3px;
    text-align: left;
    left: 6px;
    display: inline-block;
}
.mm-list > li > a.devoButton{
    background-color: #942625 !important;
}
.mm-list > li > a.devoButton:after{
    background: url(/National_Library/20160521004321oe_/https://developer.oracle.com/devo/devo/res/images/1383860264997/announceArrow.png) center center no-repeat;
    position: relative;
    content: "";
    width: 20px;
    height: 15px;
    background-size: cover;
    top: 3px;
    text-align: left;
    left: 4px;
    display: inline-block;
}
.mm-list > li > a.devoButton:hover{
    background-color: #ffffff !important;
    color: #942645;
}
.mm-list > li > a.devoButton:hover:after{
    background: url(/National_Library/20160521004321oe_/https://developer.oracle.com/devo/devo/res/images/1383860268814/right-arrow-100px_burgundy.png) center center no-repeat;
    position: relative;
    content: "";
    width: 20px;
    height: 15px;
    background-size: cover;
    top: 3px;
    text-align: left;
    left: 4px;
    display: inline-block;
}
#mmenu-cloud .devoCityCodeEventsMtitle{
	display:none;
}
/**/
/**video live**/
.devoSliderSingleItemContainer .devoSliderSingleItemContainerContent {
    position: relative;
}
.devoSliderSingleItemContainer .devoSliderBlockImageContainer {
    width: 100%;
    position: relative;
}
.devoFeaturedVideoColumnContainer.columns {
   	display: inline-block;
}
.devooFeaturedVideoKeynoteLive .devoListLiveVideosContainer{
	display:flex;
	flex-wrap: wrap;
	align-items: center;
   	justify-content: center;
}
.devooFeaturedVideoKeynoteLive .devoListLiveVideosContainer .devoListItems {
	flex-grow: 0;
    width: 33%;
}
.devoFeaturedVideoColumnContainer.columns .devooFeaturedVideoKeynote{
	display:block;
}
.devoVideoList.devoFeaturedVideos .devoListHeading .devoCodeVideo .subtitle {
	padding-top: 1.875rem;
    font-family: "Arial",Helvetica,sans-serif;
    font-size: 1.875rem;
    font-weight: bold;
    color: #ffd3a3;
    line-height: 1em;
}
.devooFeaturedVideoKeynoteLive .slick-slider .slick-prev{
    bottom: -65px;
    left: -10px;
    top: 50%;
}
.devoFeaturedVideoColumnContainer .devoVideoSliderGroup .devoListHeading.row .title {
    padding-top: 0;
    padding-bottom: 2.125rem;
    font-family: "Arial",Helvetica,sans-serif;
    font-size: 1.875rem;
    font-weight: bold;
    color: #ffd3a3;
    line-height: 1em;
}
.devooFeaturedVideoKeynoteLive .devoLiveTitleContainer{
    padding-top: 1.875rem;
    padding-bottom: 2.125rem;
    font-family: "Arial",Helvetica,sans-serif;
    font-size: 1.875rem;
    font-weight: bold;
    color: #ffd3a3;
    line-height: 1em;
}
.devooFeaturedVideoKeynoteLive .devoLiveButtonsContainer .title{
	font-family: "Arial",Helvetica,sans-serif;
    font-size: 1.875rem;
    font-weight: bold;
    color: #ffd3a3;
    line-height: 1em;
    padding-bottom: 0.5rem;
} 
.devooFeaturedVideoKeynoteLive .devoLiveButtonsContainer .description{
    font-family: "Arial";
    font-size: 20px;
    color: #ffffff;
    text-align: center;
} 
.devooFeaturedVideoKeynoteLive .devoLiveButtonsContainer .devoFollow a{
    font-family: "Arial";
    font-size: 20px;
    color: #ffffff;
    text-align: center;
} 
.devooFeaturedVideoKeynoteLive .devoLiveButtonsContainer .description .devoUnderline{
   	text-decoration: underline;
} 
.devooFeaturedVideoKeynoteLive .slick-slider{
	margin-bottom:0;
}
.devooFeaturedVideoKeynoteLive .slick-slider .slick-next{
    bottom: -65px;
    right: 0;
    top: 50%;
}
.devooFeaturedVideoKeynoteLive .slick-slider .slick-dots{
	display: none !important;
}
.devooFeaturedVideoKeynoteLive .slick-slider .slick-prev:before{
	content: "\f053";
    padding-left: 0.5rem;
    padding-right: 0.6rem;
    font-family: "FontAwesome";
    color: white;
    background-color: #1a1a1a;
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
}
.devooFeaturedVideoKeynoteLive .slick-slider .slick-next:before{
	content: "\f054";
    padding-left: 0.5rem;
    padding-right: 0.6rem;
    font-family: "FontAwesome";
    color: white;
    background-color: #1a1a1a;
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
}
.devooFeaturedVideoKeynoteLive .devoSliderSingleItemContainer{
	padding-bottom:2.5rem;
	padding-left: 1.5625rem;
   	padding-right: 1.5625rem;
}
/**/
/*code Archive*/
.devoCodeArchiveEvent .events{
	margin:0;
	list-style: none;
	display: flex;
}
.devoCodeArchiveEvent .events .regionTitle {
    font-family: Arial;
    font-size: 1.25rem;
    font-weight: bold;
    color: #f29111;
}
.devoCodeArchiveEvent .events ul{
	margin:0;
	list-style: none;
}
.devoCodeArchiveEvent .events ul li span,
.devoCodeArchiveEvent .events ul li a{
	font-family: Arial;
    font-size: 1.25rem;
    color: #324b5c;
}
.devoCodeArchiveEvent .events > li{
	flex: 1;
}
.opcComponent.opcsText  {
    overflow: visible;
}
.devoCodeArchiveEvent {
	padding-top: 3.75rem;
    padding-bottom: 3.75rem;
    border-bottom: 2px solid #e6e6e6;
}
.devoEventsArchiveHeadline {
    padding-top: 5.625rem;
    height: 327px;
}
.top-bar #devoCodeEventCities .devoCodeArchiveEvents .title{
    font-family: Arial;
    font-weight: bold;
    font-size: 1.125rem;
    color: #00758f;
    text-align: center;
    padding-top: 1.25rem;
    padding-bottom:1.25rem;
    line-height:1;
}
.top-bar #devoCodeEventCities .devoCodeArchiveEvents .title a{
    font-family: Arial;
    font-weight: bold;
    font-size: 1.125rem;
    color: #00758f;
    text-align: center;
    line-height:1;
}
.top-bar #devoCodeEventCities .devoCodeArchiveEvents .title:first-child{
    padding-top: 0;
}
.top-bar #devoCodeEventCities .devoCodeArchiveEvents .title:last-child{
    padding-bottom: 0;
}
.top-bar #devoCodeEventCities .devoCodeArchiveEvents .events {
	list-style: none;
    margin: 0;
    display: inline-block;
    padding-top: 0;
    padding-bottom:0.625rem; 
}
.top-bar-section .devoCodeArchiveEvents {
    border-bottom: 1px solid #e6e6e6;
    padding-top: 1.25rem;
    text-align:center;
}
.top-bar-section .devoCodeArchiveEvents:first-child {
    padding-top: 0;
}
 .top-bar #devoCodeEventCities{
 	line-height:1;
 }
.top-bar-section .devoCodeArchiveEvents:last-child {
    border-bottom: none;
}
.opcObject-container .top-bar-section .devoCodeArchiveEvents .events li:not(.has-form) a:not(.button){
	padding-right:0 !important;
}
.top-bar #devoCodeEventCities .devoCodeArchiveEvents .events li a{
    font-size: 0.9375rem;
    text-align: center;
    color: #003b4d;
    font-weight: normal;
    line-height: 0.9375rem;
    margin-bottom: 0;
    padding-bottom: 10px;
}
.devoEventsArchiveHeadline .title {
    font-family: Arial;
    font-weight: bold;
    font-size: 3rem;
    color: #ffffff;
}
.devoEventsArchiveHeadline .description {
    font-family: Arial;
    font-weight: bold;
    font-size: 1.5rem;
    color: #ffffff;
}
.devoCodeArchiveEvent .title{
	font-family: Arial;
    font-size: 2.625rem;
    text-align: center;
    color: #324b5c;
    font-weight: bold;
    padding-bottom: 1.875rem;
    line-height:1;
}
.devoCodeArchiveEvent .title a{
	font-family: Arial;
    font-size: 2.625rem;
    text-align: center;
    color: #324b5c;
    font-weight: bold;
    line-height:1;
}
.devoCodeArchiveEvent.communityDay{
    padding-bottom: 1.875rem;
}
/*individual article*/
.devoArticle .bodyCopy .textLinks{
	font-size: 1rem;
    color: #1f4f82;
    font-family: Arial;
}
.devoArticle .bodyCopy .subheaders{
	font-size: 1.1875rem;
    color: #404040;
    font-family: Arial;
    font-weight: bold;
    text-align: left;
}
.devoArticle .bodyCopy ul.bullets {
    line-height: 1.4;
    font-size: 1rem;
    font-family: Arial;
}
.devoArticleContainer .bodyCopy .image .caption{
 	font-size: 1rem;
    color: #939699;
    font-weight: normal;
    font-family: Arial;
    text-align: center;
    background: #ececec;
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
    margin-top:0.25rem;
    padding-left:0.25rem;
    padding-right:0.25rem;
}
.devoArticleContainer .bodyCopy .codeSamples{
 	font-size: 1rem;
    color: #00758f;
    font-weight: normal;
    font-family: Courier;
    text-align: left;
    background: #ffe9ce;
	padding: 0.75rem;
	margin-bottom:1.25rem; 
}
.devoArticleContainer .bodyCopy .quote .quoteDescContainer .text {
	color: #f29111;
    font-size: 2.0625rem;
}
.devoArticleContainer .bodyCopy .quote{
	display: table;
    padding-top: 0.625rem; 
    padding-bottom: 1.875rem;
    width: 70%;
    margin: auto auto;
}
.devoArticleContainer .bodyCopy .quote .quoteDescContainer .author {
    font-size: 1.25rem;
    color: #939699;
    text-align: left;
    padding: 0;
    background: transparent;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
}
.devoArticleContainer .bodyCopy  ul.listItems {
    list-style: none;
    margin: 0;
    margin-bottom: 1.875rem;
}
.devoArticleContainer .bodyCopy .aboutAuthor {
    background: #ececec;
    display: block;
    padding: 0.75rem;
    margin-bottom: 1.875rem;
    margin-top: 1.875rem;
}
.devoArticleContainer .bodyCopy .aboutAuthor .authorHeader{
	font-size: 1.0625rem;
    color: #404040;
    font-weight: bold;
    font-family: Arial;
    line-height: 1;
}
.devoArticleContainer .bodyCopy .aboutAuthor .author{
	background: #ececec;
    padding: 0;
    font-size: 0.875rem;
    padding-top: 0.75rem;
    color: #404040;
    font-weight: normal;
}
.devoArticleContainer .bodyCopy .author .authorPhotoContainer {
    display: none;
}
.devoArticleContainer .bodyCopy .author .authorDescContainer .aboutHeader {
    font-size: 1.0625rem;
    font-weight: bold;
    color: #404040;
    text-align: left;
    padding-bottom: 0;
}
.devoArticleContainer .bodyCopy .author .authorDescContainer .aboutAuthorName {
    font-size: 0.875rem;
    font-weight: bold;
    color: #404040;
    text-align: left;
    padding-bottom: 0;
}
.devoArticleContainer .bodyCopy .author .authorDescContainer .aboutBody {
    font-size: 0.875rem;
    font-weight: normal;
    color: #404040;
    text-align: left;
    padding-bottom: 0;
}
.devoArticleContainer .bodyCopy .joinBanner {
	font-size: 1.0625rem;
    font-weight: bold;
    color: #ffffff;
    text-align: left;
    font-family: Arial;
    background: #00758f;
    padding:12px;
}
.devoArticleContainer .bodyCopy .joinBanner .socialChannel{
	font-size: 0.9375rem;
    font-weight: normal;
    color: #ffffff;
    text-align: left;
    font-family: Arial;
    background: #00758f;
    padding-left: 0.3125rem;
    padding-right: 0.3125rem;
}
.devoArticleContainer .bodyCopy .joinBanner .socialIcons .socialIcon{
    height: 1.25rem;
    width: 1.25rem;
    background: url(/National_Library/20160521004321oe_/https://developer.oracle.com/devo/res/images/1383860072752/articleQuoteImg.png);
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    vertical-align: middle;
}
.devoArticleContainer .bodyCopy .joinBanner .socialIcons .socialIcon.facebook{
	background: url(/National_Library/20160521004321oe_/https://developer.oracle.com/devo/res/images/1383860339807/facebook-icon.png) center center no-repeat;
}
.devoArticleContainer .bodyCopy .joinBanner .socialIcons .socialIcon.twitter{
	background: url(/National_Library/20160521004321oe_/https://developer.oracle.com/devo/res/images/1383860339848/twitter-icon.png) center center no-repeat;
}
.devoArticleContainer .bodyCopy .joinBanner .socialIcons .socialIcon.linkedin{
	background: url(/National_Library/20160521004321oe_/https://developer.oracle.com/devo/res/images/1383860339848/twitter-icon.png) center center no-repeat;
}
.devoArticleContainer .bodyCopy .joinBanner .socialIcons .socialIcon.blog{
	background: url(/National_Library/20160521004321oe_/https://developer.oracle.com/devo/res/images/1383860339763/blog-icon.png) center center no-repeat;
}
.devoArticleContainer .bodyCopy .imageContainer{
	text-align: center;
	padding-bottom: 1.25rem;
	padding-top: 0.5rem;
}
.devoArticleContainer .bodyCopy .imageContainer .image{
	display:inline-block;
}
.devoArticleContainer .devoDesc .devoArticle > .author {
	display:none;
}
.devoArticleContainer .devoDesc .devoArticle p {
	font-size:1rem;
	color:#404040;
	font-family:Arial;
	line-height: 1.4;
	font-family: Arial;
}
.devoArticleContainer .devoDesc .devoArticle code{
	font-family: courier;
	font-size: 0.9375rem;;
    color: #00758f;
    background-color: #ffe9ce;
    border: none;
}
.devoArticlesHeaderHeadline > .author {
    color: white;
    font-size: 1.25rem;
    text-align: left;
}
.devoArticleContainer .bodyCopy .joinBanner .socialIcons{
    list-style: none;
    margin: 0;
    display: inline-block;
    padding-left:1rem;
}
.devoArticleContainer .bodyCopy .joinBanner .socialIcons li{
    display: inline-block;
    padding-left:0.3125rem;
    padding-right:0.3125rem;
}
.devoArticleContainer .bodyCopy .joinBanner .socialIcons li a{
	color:white;
	text-decoration: none;
}
.devoArticleContainer .head .author{
	display:none;
}
.devoMenuArchiveHeading .title{
     text-align: center; 
}
.devoArchiveCodeEventsMtitle{
	text-align: center; 
}
.devoHeaderTechPanelContainer .devoDropdownCategoryTitle{
	color:#003b4d;
}
.opcObject-container .top-bar-section li:not(.has-form) .devoMenuArchiveHeading .title a:not(.button)
{
    font-size: 1rem;
    font-weight: bold;
    padding-bottom: 1.25rem;
    color: #00758f;
    font-family: Arial;
    line-height: 1rem;
} 
/*searbox in devo*/
#menu-search-block {
    text-align: center;
}
#searchbox-form{
    padding-right:0.9375rem;
}
.modal {
    display: none; 
    position: fixed; 
    z-index: 1; 
    padding-top: 6.25rem; 
    left: 0;
    top: 0;
    width: 100%; 
    height: 100%; 
    overflow: auto; 
    background-color: rgb(0,0,0); 
    background-color: rgba(0,0,0,0.4); 
}
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 0.625rem;
    width: 90%;
    max-width:75rem;
}
.modal .close {
    color: #aaaaaa;
    float: right;
    font-size: 1.75rem;
    font-weight: bold;
    padding-top: 1.25rem;
}
.modal .close:hover,
.modal .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
#searchbox-textfield {
    padding-right: 0;
    -moz-border-radius-topleft: 0.3125rem;
    border-top-left-radius: 0.3125rem;
    border-top-right-radius: 0.3125rem;
    -webkit-border-bottom-left-radius: 0.3125rem;
    -webkit-border-top-left-radius: 0.3125rem;
    -moz-border-radius-bottomleft: 0.3125rem;
    border-bottom-left-radius: 0.3125rem;
    border-bottom-right-radius: 0.3125rem;
    box-shadow: inset 0 0.0625rem 0.125rem -0.125rem rgba(0,0,0,0.1);
}
.opcObject-container .top-bar-section .right > li:not(.has-form) > a:not(.devoButton).menu-search-image-block-link:hover {
    border-bottom: none;
}
.menu-popup-search-block{
    padding-top: 1rem;
}
.menu-popup-search-search-icon-image {
    width: 1rem;
    height: 1rem;
    display: inline-block;
    margin-top: 0.5rem;
}
.menu-first-row-search-search-icon-block, .menu-popup-search-search-icon-block {
    display: inline-block;
    position: absolute;
    margin-left: -1.25rem;
}
.menu-popup-search-input-block {
    display: inline-block;
    width: 60%;
}
.mobile-menu-search-image-block{
	position: absolute;
    right: 3.8125rem;
    z-index: 1000;
   	padding-top: 0;  
}
.menu-search-image-block-image {
    width: 1rem;
    height: 1rem;
    display: inline-block;
    margin-top: 0.3125rem;
}
/*search icon*/
.top-bar {
    overflow: visible;
}
.menu-search-image-block {
    margin-right: 2.3125rem;
    margin-left: 1.25rem;
}
#searchWrap {
    display: inline-block;
    position: relative;
    float: right;
    padding: 0;
    position: relative;
}
#mobileSearchWrap {
    display: inline-block;
    position: relative;
    float: right;
    padding: 0;
    position: relative;
}
input[type="text"]#search {
	font-family: Arial;
    height: 2.125rem;
    font-size: 0.875rem;
    display: inline-block;
    outline: none;
    color: #ffffff;
    padding: 0;
    padding-right: 2.125rem;
    width: 0;
    position: absolute;
    top: 0;
    right: 0;
    background: none;
    z-index: 3;
    transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);
    cursor: pointer;
    box-shadow: none;
    top: 2.375rem;
    right: 0;
    display:none;
}
input[type="text"]#mobileSearch {
	font-family: Arial;
    height: 2.125rem;
    font-size: 0.875rem;
    display: inline-block;
    outline: none;
    color: #ffffff;
    padding: 0;
    padding-right: 2.125rem;
    width: 0px;
    position: absolute;
    top: 0;
    right: 0;
    background: none;
    z-index: 3;
    transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);
    cursor: pointer;
    box-shadow: none;
    top: 2.375rem;
    right: 1.125rem;
    padding-left: 0.3125rem;
    display: none;
    right: 0;
}
form.hover #search_close {
    height: 2.125rem;
    width: 2.125rem;
    display: inline-block;
    background: url(/National_Library/20160521004321oe_/https://developer.oracle.com/devo/res/images/1383860409210/x-close-icon.png) no-repeat center center;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 4;
    cursor: pointer;
    transition: opacity .4s ease;
    box-shadow: none;
    top: 2.375rem;
    right: 0;
}
form.hover #mobileSearch_close {
    height: 2.125rem;
    width: 2.125rem;
    display: inline-block;
    float: right;
    background: url(/National_Library/20160521004321oe_/https://developer.oracle.com/devo/res/images/1383860409210/x-close-icon.png) no-repeat center center;
    text-indent: -10000px;
    border: none;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 4;
    cursor: pointer;
    cursor: pointer;
    transition: opacity .4s ease;
    box-shadow: none;
    top: 2.375rem;
    right: 0;
}
form.hover input[type="text"]#mobileSearch {
    width: 219px;
    z-index: 1;
    border: 1px solid #ffffff;
    cursor: text;
    background: #f29111;
    display: inline-block;
}
input[type="text"]#search::-webkit-input-placeholder {
    color: #ffffff;
}
input[type="text"]#mobileSearch::-webkit-input-placeholder {
    color: #ffffff;
}
form.hover input[type="text"]#search{
    width: 219px;
    z-index: 1;
    border: 1px solid #ffffff;
    cursor: text;
    background: #f29111;
    padding-left: 0.3125rem;
    display: inline-block;
}
#search_submit {
	width: 1.375rem;
    height: 1.375rem;
    display: inline-block;
    background: url(/National_Library/20160521004321oe_/https://developer.oracle.com/devo/res/images/1383860409116/search_icon.png) no-repeat center center;
    cursor: pointer;
    transition: opacity .4s ease;
    margin-top: 0.5625rem;
}
#mobilesearch_submit {
    width: 1.375rem;
    height: 1.375rem;
    display: inline-block;
    background: url(/National_Library/20160521004321oe_/https://developer.oracle.com/devo/res/images/1383860409116/search_icon.png) no-repeat center center;
    cursor: pointer;
    transition: opacity .4s ease;
    margin-top: 0.5625rem;
}
#search_submit:hover {
    opacity: 0.8;
}
/**/
.availableFileDownload .fileLinkSection.SHOW{
	position: absolute;
    bottom: 3px;
    left: 10px;
    background-image: url(/National_Library/20160521004321oe_/https://developer.oracle.com/devo/res/images/1383860378924/libreoffice.svg);
    background-repeat: no-repeat;
    background-position: center bottom;
    width: 16px;
    height: 16px;
    background-size: 16px 16px;
}
.availableFileDownload .fileLinkSection.HIDE{
	display:none;
}
.opcComponent-container.DEVO_TECHNOLOGY .opcComponent.DEVO_ADD_HR_BOTTOM .bottomLine {
    margin-top: 0;
}
/**new code headline**/
.devoHeadlineGroupContainer .headLineBottomNotes a {
    color: white;
    display:flex;
    align-items: center;
}
.opcComponent.devoCodeAbout.DEVO_EXPAND_DETAILS  .expandableTitle .title{
	display:none;
}
.opcComponent.devoCodeSpeaker.DEVO_HIDE_DETAILS .expandableTitle .title{
	display:none;
}
.codeHeaderLineEventsContainer ul.events{
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex: 1;
}
.devoHeadlineGroupContainer .headLineBottomNotes {
    color: white;
    font-size: 1.25rem;
    padding-top: 2rem;
    font-family: "Arial",Helvetica,sans-serif;
}
.devoHeadlineGroupContainer .videoPlayIcon {
	background-image: url(/National_Library/20160521004321oe_/https://developer.oracle.com/devo/res/images/1383860540380/videoPlayIcon.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    width: 1.5rem;
    height: 1.55rem;
    display: inline-block;
    background-size: cover;
    vertical-align: middle;
}
.devoHeadlineGroupContainer .opcVideoLinkText {
	padding-left:0.5rem;
}
.codeHeaderLineEventsContainer ul{
    margin: 0;
}
.codeHeaderLineNotesContainer .notes{
	color: white;
    font-family: "Arial",Helvetica,sans-serif;
    font-weight: bold;
    font-size: 1.1875rem;   
    text-align: center;
    padding-top: 0.375rem;
    padding-bottom: 2.375rem;
}
.codeHeaderLineEventsContainer .events li {
    list-style: none;
}
.codeHeaderLineEventsContainer .events > li{
    vertical-align: top;
    padding-right: 1.875rem;
    padding-left: 1.875rem;
    width: 33%;
    flex: 0 1 auto;
}
.codeHeaderLineEventsContainer .events .divider {
	width: 0.125rem;
	margin-top:1rem;
	margin-bottom:1rem;
	background: #4d9aab;
}
.codeHeaderLineEventsContainer .events .divider:last-child {
	display:none;
}
.codeHeaderLineEventsContainer .events > li a .Date{
	color: #00c8e1;
    font-weight: normal;
}
.codeHeaderLineEventsContainer .events > li:first-child{
    padding-left: 0;
}
.codeHeaderLineEventsContainer .events > li:last-child{
    padding-right: 0;
	border-right: none; 
}
.codeHeaderLineEventsContainer .events > li a{
	color:white;
	font-family: "Arial",Helvetica,sans-serif;
    font-size: 1.25rem;
    font-weight:bold;
	text-align:center;
}
.codeHeaderLineEventsContainer .events > li .regionTitle{
	color:#f29111;
    font-family: "Arial",Helvetica,sans-serif;
    font-weight: bold;
    font-size: 1.25rem;
    padding-bottom: 0.5rem;
}
.opcComponent.devoCodeSpeaker.DEVO_HIDE_DETAILS .devoSpeaker-expand-icn-container{
	display:none;
}
@media only screen and (max-width: 40em) {
	.devoHeaderLogo{
		display:inline-block;
		margin-left:0.9375rem;
		display: inline-block;
		position: relative;
		color: transparent !important;
		text-indent: -20000px;
		background: #c10000;
		background: -moz-linear-gradient(top, #c10000 0%, red 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c10000), color-stop(100%, red));
		background: -webkit-linear-gradient(top, #c10000 0%, red 100%);
		background: -o-linear-gradient(top, #c10000 0%, red 100%);
		background: -ms-linear-gradient(top, #c10000 0%, red 100%);
		background: linear-gradient(to bottom, #c10000 0%, red 100%);
		width: 223px;
		height: 78px;
		float: left;
		margin-right: 12px;
		margin-top: 0;
		height: 45px;
		margin-left: 15px;
	    width: 101px;
	    height: 45px;
	    background-image: url(/National_Library/20160521004321oe_/https://developer.oracle.com/devo/res/images/1383860419820/Oracle_logo_mobile.jpg);
	}
	.devoSliderBlockImageContainer img {
		width:85%;
  	}
  	.opcComponent-container.DEVO_HOMEPAGE .opcComponent.devo3Columns .headerButtonContainer{
		padding-bottom:40px;
	}
  	.devoFooterLanguageBlock{
	    float: none;
    	text-align: center;
    	margin: 1rem auto 1rem auto;
	}
	#dropLanguage.openPanel {
		right: 0;
    	text-align: center;
	}
	.opcComponent-container.DEVO_CODE .devoCodeHeadline .devoCodeHeadlineContainer ul.devoCodeInfo .title,
	.opcComponent-container.DEVO_CODE_ONLINE .devoCodeHeadline .devoCodeHeadlineContainer ul.devoCodeInfo .title
	{
		background-position: center center;
		height: 138px;
		width: 285px;
		background-size: contain;
		background-repeat: no-repeat;
		display: inline-block;
	}
	#CodePageNavBandSection #navbandLocationDropdown{
	    max-height: 400px;
    	overflow: scroll;
	}
	.devoCodeHeadlineContainer .devoCodeInfo .subtitle{
		display:none;
	}
	.devoCodeHeadline .devoCodeHeadlineContainer ul.devoCodeInfo .location {
		font-size: 3rem;
	}
	.devoCodeHeadlineContainer .devoCodeInfo .devoCTA .h_orange{
		display:inline-block;
	}
	.devoCodeHeadline .devoCTA .devoButton{
	    line-height: normal !important;
	    padding-top: 0.5rem;
	    padding-bottom: 0.5rem;
	}
	.deoAgendaEx .agendaScheduleMultiRowContainer .agendaScheduleSingleContainer {
		display:block;
	}
	.devoHeader.CODE_LANDING_HEADER .devoCodeHeadlineContainer .devoObjectContainerSecondBlock {
		padding-bottom: 2rem;
		padding-top: 1.375rem;
		padding-left: 0.9375rem;
    	padding-right: 0.9375rem;
	}
	.opcComponent-container.fixedNavBand #CodePageNavBandSection .devoCodeCircleContainer{
		display:none;
	}
	#CodePageNavBandSection ul.tab li.tablink {
		display:none;
	}
	#CodePageNavBandSection .rightContainer {
	    float: none;
	    text-align: center;
	}
	.opcComponent-container.DEVO_TECHNOLOGY #CodePageNavBandSection .rightContainer {
		margin-top: 0;
		margin-bottom: 0;
	}
	.opcComponent-container.fixedNavBand #CodePageNavBandSection .rightContainer .buttonContainer{
		display:none;
	}
	.opcComponent-container.fixedNavBand #CodePageNavBandSection .date{
		display:none;
	}
	#CodePageNavBandSection .city {
	    margin-left: 0;
	    padding-top: 0.5rem;
	    padding-bottom: 0.5rem;
	}
	.devoAgendaTimeSlotContainer .displayTimeContainer .displayTime .hour {
    	font-size: 2rem;
	}
	.devoAgendaTimeSlotContainer .displayTimeContainer .displayTime .minute {
	    font-size: 1.5rem;
	}
	.devoAgendaTimeSlotContainer .displayTimeContainer{
		font-size: 1.5rem;
	}
	.devoAgendaTimeSlotContainer .displayTimeContainer .displayTime {
    	width: 90px;
	}
  .codeSpeakerLine{
    border-bottom: none;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .devoAgendaTimeSlotContainer >.row >.columns{
  display:block;  
  }
  .mm-menu {
    width: 17rem;
  }
  html.mm-right.mm-opening .mm-slideout {
    -webkit-transform: translate(-17rem, 0);
    -moz-transform: translate(-17rem, 0);
    -ms-transform: translate(-17rem, 0);
    -o-transform: translate(-17rem, 0);
    transform: translate(-17rem, 0);
  }
  .dummyColumnsSpaceContainer{
    display:none;
  }
  .devoHomePageHeaderHeadline .title{
      font-size: 1.25rem;
      margin-top:1rem;
      color: white;
      word-break: break-word;
  }
  .top-bar-section ul li>span{
    font-size: 1.125rem;
      font-family: Arial;
      font-weight: bold;
      color: #FFF;
  }
  .devoLinkableCity{
    text-decoration: underline;
  }
  .top-bar-section ul li>span .menulink{
    padding: 8px 15px;
  }
  .devoAgendaTimeSlotContainer .displayTimeContainer .displayTime{
	/*       width: 200px; */
	/*       text-align:left; */
  }
  .devoHeaderLogo a{
      font-size: 1rem;
      color: white;
      display: block;
      background-repeat: no-repeat;
      background-position: 0px 80%;
      background-size: 100% auto;
      width: 75%;
      margin: 13% auto 0 auto;
      height: 15px;
  }
  .top-bar .devoButtonContainer{
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
      text-align: center;
  }
  .top-bar .devoButtonContainer .devoButton{
    padding-top: 0;
      padding-bottom: 0;
      width: auto;
      display: inline-block;
      height: 38px;
      padding-right: 1.5rem!important;
  }
  .top-bar .opcComponent a:hover{
    text-decoration: none;
  }
  .devoCodeHeadline{
      padding-top:0.5rem;
      padding-bottom:3rem;
  }
  #devoEventListingDialog {
  }
  .devoHeadline{
    margin-top:0.5rem;
    margin-bottom:0;
  }
  .top-bar .right a.devoButton:after{
    right: 12px;
  }
  .devoCodeHeadlineContainer .devoCodeSocialLinks {
      position: relative;
      bottom: 0; 
      padding-top: 0.5rem;
  }
  .devoHeadlineArticle .title a{
    font-size: 1rem;
  }
  #devoEventListingDialog .description{
      font-size: 1.5rem;
      line-height:1.5rem;
      display: block;
	  padding-left: 0;
	  padding-top: 1rem;
	  text-align: left;
  }
  #devoEventListingDialog .title{
    padding-left: 0;
    text-align: center;
    width: 100%;
  }
  #devoEventListingDialog ul{
  }
  .devoButtonContainer {
      margin-right: 0;
      margin-left: 0;
  }
  .devoButton {
      margin-top: 0;
      margin-bottom: 0;
  }
  .row.devoHeaderMenuItem >.columns {
      padding-left: 0;
      padding-right:0;
  }
  .devoHeaderLogoDeveloperText{
      font-size: 1rem;
      margin-top: 0.625rem;
      font-weight: bold;
  }
  .devoHeaderBgImage img,
  .devoComponenetBgImage img{
      min-width: 87.5rem;
      min-height: 80%;
      margin-left: 0;
      left: 0;
  }
  .devoPostContainer {
    padding-top:0.5rem;
    padding-bottom:0.5rem;
  } 
  .devoHeadlineArticleContainer.MobileTablet.secondRow .columns{
    padding-bottom: 0.5rem;
  }
  .devoHeadlineArticleContainer.MobileTablet.secondRow{
    padding-top:0.5rem;
  }
  .devoHeadlineArticleImage{
    width: 90px;
      height: 65px;
      display: inline-block;
      float: left;
      margin-right: 0.5rem;
  }
  .row.devoTechHeadline .devoHeadlineArticleImage {
	flex-basis: 30%;
	max-width:  30%;
	display: flex;
  }
  .row.devoTechHeadline .devoHeaderLineArticleDescContainer {
	flex-basis: 70%;
	max-width: 70%;
  }
  .top-bar-section ul li {
      border-bottom: 1px solid #4b4c4d;
  }
  .devoAgendaTimeSlotContainer .multiEventsSameSlot, 
  .devoAgendaTimeSlotContainer .singleEventsSameSlot {
      display: block;
  }
  .devoAgendaTimeSlotContainer .session{
      /*     display:block; */
  }
  .devoFooterBgImg img {
      min-width: 87.5rem;
      min-height: 80%;
      margin-left: 0;
      left: 0;
  } 
  .devoFooter .devoObjectContainer:nth-child(2) .devoListItems .columns .devoFooterHeadlineTitle,
  .devoFooter .devoObjectContainer:nth-child(2) .devoListItems .columns .devoFooterHeadlineDesc,
  .devoFooter .devoObjectContainer:nth-child(2) .devoListItems .columns .devoFooterHeadlineImg {
    text-align: center;
  }
  .devoHomePageFooterLogo {
    position: absolute;
    bottom: 0.5rem;
    width: 116px;
    height: 43px;
    left: 2.4414062%;
    margin-left: auto;
    margin-right: auto;
    right: 0;
  }
  .devoHomePageFooterLogo a {
    height: 22px;
    width: 100%;
  }
  .devoHomePageFooterContentLink ul {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 3em;
    padding-top: 1em;
  } 
  .devoHomePageFooterContentLink ul, 
  .devoHomePageFooterSocialIcons ul {
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0px;
    float: none;
    display: flex;
    justify-content: space-between;
  }
  .devoHomePageFooterContentLink ul {
  padding-left: 30px;
  padding-right: 30px;
  }
  .devoHomePageFooterSocialIcons ul {
  padding-left: 25px;
  padding-right: 25px;
  }
  .devoHomePageFooterContentLink li a {
    padding: 0;
  }  
  .devoHomePageFooterContentLink ul li, 
  .devoHomePageFooterSocialIcons ul li {
    display: inline-block;
  }
  .devoHomePageFooterSocialIcons ul li {
  padding-left: 0;
  padding-right: 0;
  }  
  .devoHomePageFooterSocialIcons {
    float: none;
    padding-bottom: 6.25em;
    width: 100%;
    line-height: 0;
  }
  .devoFooter .devoFooterResources .resourceList.active .resourceToggleBtn {
    display: block;
    cursor: pointer;
    top: 45px;
  }
  .devoFooter .devoFooterResources .resourceList .resourceToggleBtn {
    display: block;
    cursor: pointer;  
    top: 21px;
  } 
  .devoFooter .devoFooterResources {
    padding: 0;
    display: block;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
  .devoFooter .devoFooterResources .resourceList.active {
    display: block;
    float: none;
    width: 100%;
    padding: 0;
    margin: 0;
    padding-top: 1.5rem;
  }
  .devoFooter .devoFooterResources .resourceList {
    display: block;
    float: none;
    width: 100%;
    padding: 0;
    margin: 0;
    padding-top: 0;
  } 
  .devoFooter .devoFooterResources .resourceList .title {
    padding-bottom: 1rem;
    font-size: 1.75rem;
    padding-top: 1rem;
    line-height: 1.083333333333em;
    border-bottom: 1px solid #fff;
  }
  .devoFooter .devoFooterResources .resourceList .title:hover {
    cursor: pointer;
  } 
  .devoFooter .devoFooterResources .resourceList:last-of-type .title {
    border-bottom: 0;
  } 
  .devoFooter .devoFooterResources .resourceList.active .title {
    padding-bottom: 0;
    font-size: 1.75rem;
    padding-top: 1rem;
    line-height: 1.083333333333em;
    border-bottom: 0;
  }
  .devoFooter .devoFooterResources .resourceList strong {
    color: #fff;
    padding: 1em 0;
    display: block;
    line-height: 1.083333333333em;
    margin: 0 2.4414062%;
  }
  .devoFooter .devoFooterResources .resourceList.active ul {
    display: block;
  }
  .devoFooter .devoFooterResources .resourceList.active .resourceToggleBtn {
    background: url(/National_Library/20160521004321oe_/https://developer.oracle.com/devo/res/images/1383859015779/u12-sprite.png) no-repeat 0px 1px;
  }
  .devoFooter .devoFooterResources .resourceList ul {
    display: none;
  }
  .devoFooter .devoFooterResources .resourceList ul li {
    padding: 1em 0;
    border-bottom: 1px solid #fff;
    line-height: 1.083333333333em;
  }
  .devoFooter .devoFooterResources .resourceList:last-of-type ul li:last-of-type {
    border-bottom: 0;
  } 
  .devoFooter .devoFooterResources .resourceList ul li a {
    font-weight: bold;
  }
  .devoFooter .devoFooterResources .resourceList ul li > a:after {
    margin-top: 0.063rem;
    right: 0;
  }
  .devoFooter .devoFooterResources .resourceList ul div.columns {
    padding-left: 0;
    padding-right: 0;
  }
  .githubFeaturedRepoComponentContainer .githubFeaturedRepoProjectsContainer,
  .githubRepoComponentContainer .githubRepoProjectsContainer {
    flex-wrap: wrap;
  }
  .devoCodeHeadlineContainer .devoCodeInfo{
    text-align: center;
  }
  .devoCodeHeadlineContainer .devoCodeSocialLinks{
    text-align: center;
  }
  .devoCodeAbout .devoCodeAboutSectionDesc {
  padding-bottom: 1.75rem; 
  }  
  .devoCodeAnnouncement .title {
      text-align: center;
  }
  
  .devoCodeAnnouncement .devoCTA {
      text-align: center;
    padding-bottom:1rem;
   }
  .devoCodeAbout .expandableTitle {
    padding-top: 0;
  }
  .devoCodeAbout .expandableTitle .title {
    padding-left: 0;
	padding-right: 0;
  }
  .devoCodeAbout .detailContent > .title {
	font-size: 2.2rem;
	text-align: left;
  }
  .devoCodeVenue .Bottom  ul:not(.devoVenueInfo) {
	margin-left: 0;
  }  
  .devoCodeSpeaker .title,
  .opcComponent.devoCodeAgenda.CODE_ADENDA .devoListHeading .title,
  .devoCodeVenue .Top .row > .title,
  .devoCodeAbout .devoCodeAboutSectionTitle,
  .devoCodeSponsors .devoCodeSponsorSectionTitle {
    font-size: 3rem;	
  }	
 .opcComponent-container.DEVO_CODE_ONLINE  .opcComponent.devoCodeSpeaker  .devoListHeading .title{
 	padding-top: 3.25rem;
    padding-bottom: 1.125rem;
  }
  .opcComponent-container.DEVO_CODE_ONLINE .opcComponent.devoCodeAgenda.CODE_ADENDA .devoListHeading .title {
    font-weight: bold;
    padding-bottom: 1.75rem;
  }
   .opcComponent-container.DEVO_CODE_ONLINE  .devoCodeAbout .devoCodeAboutSectionTitle{
    padding-top: 3.25rem;
    padding-bottom: 1.125rem;
  }
  .opcComponent-container.DEVO_CODE_ONLINE  .opcComponent.devoCodeAgenda {
    padding-bottom: 4.5rem;
    padding-top:4.5rem;
  }
  .opcComponent.devo3Columns.DEVO_ANCHOR_REGISTER .devoComponentContentContainer {
    padding-bottom: 60px;
    padding-top: 18px;
  }
  .opcComponent-container.DEVO_CODE_ONLINE .devoListHeading .devoCodeRegister .title{
      padding-bottom: 0;
  }
  /**agenda ex section***/
  .deoAgendaEx .agendaScheduleSingleContainer{
      height: auto;
      width: 100%;
      margin-bottom: 5px;
  }
  .deoAgendaEx .devoAgendaTimeSlotContainer .session .sessionInnerContainer {
      margin-right: 0;
  }
  .deoAgendaEx .devoAgendaTimeSlotContainer .displayTimeContainer .displayTime .hour{
      font-size: 2rem; 
  }
  .deoAgendaEx .devoAgendaTimeSlotContainer .session.multi{
      text-align:center;
  }
  .devoOnlineAgendaContainer .devoAgendaTableBodyFirstColumnContainer .timeContainer .date{
  	display:inline-block;
  }
  .devoOnlineAgendaContainer .devoAgendaTableBodyFirstColumnContainer .timeContainer .time{
  	display:inline-block;
  }
  .devoVideoSliderGroup .devoSliderSingleItemContainer{
	padding-left:1.5625rem;
	padding-right:1.5625rem;
  }
  .devoVideoSliderPromotionGroup .devoListItems.row .columns{
	padding-left:0;
	padding-right:0;
  }
  .devoVideoSliderPromotionGroup .flex-video {
    margin-left: 0;
    margin-right: 0;
  } 
  .devoSliderSingleItemContainer > a,
  .devoSliderSingleItemContainer > a img{
  	width:100%;
  }
  .devoSliderSingleItemContainer{
  	display:table;
  	width:100%;
  }
  .devoSliderSingleItemContainer .devoSliderBlockImageContainer{
  	display:table-cell;
  	text-align: center;
  }
  .devoSliderSingleItemContainer .devoSliderBlockDescContainer{
  	display:table-cell;
  }
  .devoVideoSliderPromotionGroup .row.devoListItems .title{
    padding-bottom: 1rem;
    font-size: 1.25rem;
    padding-left: 1rem;
  }
  .devoSingleSliderVideoTitle {
	font-size: 1rem;
  }
  .devoListHeading .devoCodeVideo .title{
  	padding-top:20px;
  }
  .devoFeaturedVideoColumnContainer .devoVideoSliderPromotionGroup .row.devoListItems{
  	margin-left:0;
  	margin-right:0;
  }
  .devoFeaturedVideoColumnContainer{
  	padding-top:0;
  }
  /**agenda online**/
	.devoOnlineAgendaContainer .devoAgendaRowContainer.tablebody {
		margin-bottom: 0;
	}
	.devoAgendaTableBodyDescColumnsContainer .singleItem {
		width: 100%;
		display: block;
		border-right: none;
		margin-bottom: 0.375rem;
	}
	.devoOnlineAgendaContainer .devoAgendaRowContainer.tableHeader {
		display: none;
	}
	.devoCodeOnlineHeaderLocation .location {
		display: block;
	}
	.devoCodeOnlineHeaderLocationContainer .devoCodeOnlineHeaderLocation {
    	padding-bottom: 1.25rem;
	}
	.devoCodeOnlineHeaderLocation .location .separator {
		display: none;
	}
	.devoCodeOnlineHeaderAgendaItemDesc {
		text-align: left;
	}
	.devoAgendaTableBodyFirstColumnContainer {
		width: 6.25rem;
		vertical-align: top;
	}
	.devoCodeOnlineHeaderAgendaItemTimeContainer {
		width: 6.25rem;
		vertical-align: top;
	}
	.opcComponent.DEVO_ANCHOR_REGISTER .devoListItems.row .opcObject-container.columns .opcComponent.opcsText  {
	    border-right: none;
	    padding-top: 30px;
	    padding-bottom: 30px;
	    padding-left:15px;
	    padding-right:15px;
	    border-bottom: 2px solid #bde6ee;
    }
    .opcComponent.DEVO_ANCHOR_REGISTER .devoListItems.row .opcObject-container.columns:last-child .opcComponent.opcsText  {
		border-bottom:none;
    }
    .opcComponent-container.DEVO_CODE_ONLINE ul.tab{
    	display:none;
    }
  /*docker*/
  .devoImageText .devoResourceContainer .devoResource{
  	text-align:center;
  }
  /*code video*/
  .opcComponent.devoHeader .devoVideoHeadline {
	padding-top:60px;
	padding-bottom:30px;
  }
  .opcComponent.devoHeader .devoVideoHeadline .title{
   padding-bottom: 0.5rem;
  }
  .devoVideoList .devoListHeading .devoCodeVideo .title{
   font-size: 2.5rem;
  }
  .devoVideoList .devoComponentContentContainer{
   padding-top: 2.75rem;
   padding-bottom: 1rem;
  }
  .devoVideoList.devoVideoNotFeatured .devoListItems.row .devoVideoGroupContainer .devoCityVideoPromotionContainer{
   padding-top: 2.75rem;
  }
  .devoVideoList.devoFeaturedVideos .devoListItems.devoVideoGroupContainer{
   padding-top: 1.5rem;
  }
  .devoVideoSliderGroup .devoListHeading.row .title{
    padding-top: 2.75rem;
    padding-bottom: 1.125rem;
  }
  .cityVideoDropdownContainer{ 
    font-size: 30px;
    display: none;
  }
  .cityVideoDropdownLink{
    font-size: 15px;
    line-height: 20px;
  }
  .cityVideoDropdownText {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .devooFeaturedVideoKeynote .devoListItems:nth-child(1) {
	padding-right: 0.9375rem;
  }
  .devooFeaturedVideoKeynote .devoListItems:nth-child(2) {
	padding-left: 0.9375rem;
  }
  .cityVideoDropdownText:after {
    top: 7px;
  }
  .devooFeaturedVideoKeynote .devoListItems{
   padding-bottom: 1.75rem;
  }
  .devoFooterLanLinkDesktop{
	display:none;
  }
  /*tech social toggle*/
  .row.devoTechHeadline ul.socialIconToggle {
	right: 10px; 
  }
  /* tech headline*/
  .row.devoTechHeadline .devoHeadlineArticleContainer.row > .columns {
	display: flex;
	align-items: center;
	padding-bottom: 10px;
  }	
  .row.devoTechHeadline .devoHeadlineArticleContainer.row > .columns:last-child {
	padding-bottom: 0;
  }
  .devoTechHeadline .devoHomePageHeaderHeadline .title{
	font-size: 0.85rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
  }
  .row.devoTechHeadline .description {
	font-size: 1.5rem;
	width: 90%;
	padding-bottom: 2.5rem;
  }
  .devoTechHeadline .devoHeadlineArticle .type {
	font-size: 0.75rem;
  }
  .devoTechHeadline .devoHeadlineArticle .title a {
	font-size: 0.85rem;
  }
  .opcComponent-container.DEVO_TECHNOLOGY .devoTechSummarySection .subtitle {
	padding-left: 40px;
	padding-right: 40px;
  }
  .opcComponent-container.DEVO_TECHNOLOGY .devoTechSummarySection .details {
	text-align: initial;
  }
  .opcComponent-container.DEVO_TECHNOLOGY .opcComponent.devoCodeTech .devoPostContainer .devoPost .description {
	padding-bottom: 1.875rem;
	border-bottom: 1px solid #e6e6e6;	
  }
  .opcComponent-container.DEVO_TECHNOLOGY .opcComponent.devoCodeTech div[id^="sliderNav"] > div:last-of-type .devoPostContainer .devoPost .description {
	padding-bottom: 0;
	border-bottom: none;	
  }   
  .opcComponent.devoCodeTech .devoPostContainer {
	padding-bottom: 1.5rem;
  }
  .opcComponent-container.DEVO_TECHNOLOGY .opcComponent.devoCodeTech div[id^="sliderNav"] > div:last-of-type .devoPostContainer {
	padding-bottom: 0;
  }  
  .opcComponent.devoCodeTech .slick-slider:not(.slick-no-slide) .slick-slide:not(.devoTechPost) {	
	padding-bottom: 0;
  }  
  .opcComponent.devoCodeTech .devoListHeading .title {
	padding-top: 1.875rem;
	font-size: 2rem;
  }
  .opcComponent-container.DEVO_TECHNOLOGY .opcComponent.devoVideoList .devoListHeading .title {
	padding-top: 1.875rem;
	font-size: 2rem;
  }
  .opcComponent.devoCodeTech .devoListHeading .subtitle {
	padding-bottom: 2rem;
  }
  .opcComponent-container.DEVO_TECHNOLOGY .bottomLine {
	margin-top: 1.875rem;
  }  
  /**article page**/
  .devoArticleContainer .devoArticle {
      text-align: center;
  }
  .opcComponent.devo2Row4columns {
    margin-top: 2.5rem;
    margin-bottom: 1.25rem;
    border-bottom: 1px solid #D6DFE6;
    padding-bottom: 1.25rem;
  }
  .opcComponent.devo2Row4columns:last-child {
    border-bottom: none;
  }
  .opcComponent.opcListItemsContainer.DEVO_ARTICLE_LIST .opcObject-container:last-child .devoArticleColumns {
    border-bottom: none;
  }
  .devoArticleContainer.row .devoArticleColumns.columns{
  	padding-bottom:1rem;
  }
  .devoArticleContainer.devoArticleList .devoArticleColumns.columns{
    text-align: center;
  }
  .devoArticleContainer.devoArticleList.DEVO_ARTICLE_FEATURED .devoArticleColumns{
    background: #F2F4F5;
    border-bottom: none;
  }
  .opcComponent.opccListItemsLayout.DEVO_ARTICLE_LIST .devoArticleContainer.row.devoArticleList{
  }
  .devoArticleContainer.devoArticleList .devoArticleColumns .devoDesc{
    display: inline-block;
  }
  .devoArticleContainer.devoArticleList .devoArticleColumns .devoImage{
    display: inline-block;
  }
  .devoArticleContainer.devoArticleList .devoArticleColumns .devoImage{
    padding-right: 0;
  }
  .devoArticleContainer.devoArticleList.DEVO_ARTICLE_FEATURED .devoArticleColumns .devoImage{
    padding-left: 0;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .opcComponent.opccListItemsLayout.DEVO_ARTICLE_LIST .devoArticleContainer.row.devoArticleList{
  	padding:15px;
  	padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #D6DFE6;
  }
  .devoArticleContainer.devoArticleList.DEVO_ARTICLE_FEATURED .devoArticleColumns .devoDesc{
  	padding:0;
  }
  .opcComponent.devo2Row4columns .opcObject-container {
	border-bottom: 1px solid #D6DFE6;
	padding-bottom: 15px;
	margin-bottom: 20px;  
  }
  .devoArticleContainer.row.DEVO_ARTICLE_FEATURED.DEVO_LIST_IMAGE_RIGHT.devoArticleList:first-child {
	border-bottom: none;
  }
  .opcComponent.devo2Row4columns .opcObject-container.end{
	border-bottom: none;
  }
  .opcComponent.opccListItemsLayout.opcListItemsContainer.DEVO_ARTICLE_LIST .opcObject-container:last-child .devoArticleContainer.devoArticleList{
	border-bottom: none;
  }
  .devoArticleContainer .quote .quoteDescContainer .text {
	font-size: 1rem;
  }
  .devoArticleContainer .quote .quoteImageContainer .quoteImage {
	width: 60px;
	height: 60px;
  }
  .devoArticleContainer .quote .quoteDescContainer{
	text-align:left;
  }
  .devoArticleContainer .author{
	padding:15px;
  }
  .devoArticleContainer .author .authorDescContainer{
	text-align:left;
  }
	.devoArticleContainer.devoArticlePanel .devoArticleColumns .devoReadArticle{
		display:inline-block;
		width:auto;
		padding-top: 0.5rem;
    	padding-bottom: 0.5rem;
	}
	.devoArticleContainer.devoArticlePanel .devoArticleColumns.columns .devoArticleColumnsContainer {
	    padding-top: 1rem;
  	}
	.opcComponent.DEVO_ARTICLE_PANEL .devoArticleContainer .devoDesc{
		display:inline-block;
	}
	.devoArticleContainer.devoArticlePanel .devoArticleColumns{
		text-align:center;
	}
	.devoAnnounement .devoCTA {
    	padding-top: 0.5rem;
    	padding-bottom: 0.5rem;
	}
	.devoAnnounement {
	    padding-top: 1rem;
	    padding-bottom: 1rem;
	}
	.opcComponent.opccListItemsLayout.DEVO_ARTICLE_PANEL {
		border-bottom: 1px solid #e8e8e8;
	}
	.agendaScheduleMultiRowContainer .agendaScheduleSingleContainer {
		display:inline-block;
	}
	.deoAgendaEx .agendaScheduleMultiRowContainer .sessionInnerContainerRow{
	   	display: block;
		margin-bottom: 0;
	}
	.row.typeRowContainer .sessionInnerContainerRow:last-child .agendaScheduleSingleContainer:last-child {
    	margin-bottom: 0;
    	box-shadow: none;
	} 
	.devoVideoSliderGroup ul.slick-dots li{
		display:none;
	}
	.devoVideoSliderGroup ul.slick-dots li.slick-active {
		display:inline-block;
	}
	[class*='DEVO_ANCHOR_'] .devoVideoSliderGroup .devoListItems .slick-next {
	    bottom: -65px;
	    right: 0;
	    top: 50%;
	}
	[class*='DEVO_ANCHOR_'] .devoVideoSliderGroup .devoListItems .slick-prev {        
	    bottom: -65px;
	   	left: -8px;
	    top: 50%;
	}
	.opcComponent.devoVideoList .devoVideoGroupContainer{ 
	    overflow: visible;
	}
	.devoArticleContainerTagApi .contentBlock .articleItem {
	    padding-top: 6px;
	    padding-bottom: 6px;
	}
	.opcComponent.DEVO_ARTICLE_PANEL .devoArticlesPanelHeader .title {
		color: #324b5c;
	    display: block;
	    font-weight: bold;
	    padding-bottom: 1.563rem;
	    line-height: 1em;
	    padding-top: 0;
   		font-size: 2rem;
	}
	.opcComponent.DEVO_ARTICLE_PANEL .devoArticlesPanelHeader .description {
	    color: #003b4d;
	    font-size: 1.25rem;
	    line-height: 1.25em;
	    text-align: center;
	    padding-bottom: 0.625rem;
	    padding-top:0;
	}
	.devoArticleContainerTagApi  .contentBlock{
	    padding-bottom: 1.875rem;
	}
	.devoSliderBlockImageContainer .play-icon {
	    position: absolute;
	    height: 30px;
	    width: 42px;
	    top: calc(50% - 20px);
	    left: calc(50% - 21px);
	    display: inline-block;
	    background: url(/National_Library/20160521004321oe_/https://developer.oracle.com/devo/res/images/1383860185412/YouTube-icon-dark-transparent.png) center center no-repeat;
	    background-size: cover;
	}	
	.devoSliderSingleItemContainer .play-icon {
	    position: absolute;
	    height: 30px;
	    width: 42px;
	    top: calc(50% - 20px);
	    left: calc(50% - 21px);
	    display: inline-block;
	    background: url(/National_Library/20160521004321oe_/https://developer.oracle.com/devo/res/images/1383860185412/YouTube-icon-dark-transparent.png) center center no-repeat;
	    z-index:1;
	    background-size: cover;
	}
	.devoArticleTabMetadataSection .devoArticleTabContentContainer ul {
		padding-top: 0;
		padding-bottom: 0;
	}
	.devoHeader.CODE_DEVELOPER_COMMUNITY_DAY .devoCodeHeadline .devoCodeHeadlineContainer .devoCodeSocialLinks{
		right: 0;
	}	
	/* Containers Page styling*/
	.opcComponent-container.DEVO_CONTAINERS .devoHeader .devoContainersHeadline {
		margin: 0;
	}
	.opcComponent-container.DEVO_CONTAINERS .devoHeader .devoContainersHeadline .title {
		font-size: 1.563rem;
	}
	.opcComponent-container.DEVO_CONTAINERS .devoComponentContentContainer .devoListHeading .title {
		font-size: 1.563rem;
		padding-top: 2.188rem;
	}
	.opcComponent-container.DEVO_CONTAINERS .devoImageText .devoResource .title {
		padding-top: 1.25rem;
		padding-bottom: 1.25rem;
		font-size: 1.313rem;		
	}
	.opcComponent-container.DEVO_CONTAINERS .devoImageText .devoResource .description {
		font-size: 0.75rem;
	}	
	.opcComponent-container.DEVO_CONTAINERS .devoImageText .devoResource .description a {
		font-size: 0.75rem;	
	}	
	.opcComponent-container.DEVO_CONTAINERS .devoImageText .devoResource .description li a:after {
		padding-top: 0;
		font-size: 0.7rem;		
	}
	.opcComponent-container.DEVO_CONTAINERS	.opcComponent.devoSimpleObject.DEVO_ANCHOR_CLOUDCONTAINERS  .devoListItems > .opcObject-container {
		padding-bottom: 2.188rem;	
	}	
	.opcComponent-container.DEVO_CONTAINERS .devoComponentContentContainer .devoListHeading .title {
		font-size: 1.563rem;
		padding-top: 2.188rem;
	}
	.opcComponent-container.DEVO_CONTAINERS .devoArticleTabMetadataSection .sectionTitle,
	.opcComponent-container.DEVO_CONTAINERS .devoVideoTabMetadataSection .sectionTitle {
		font-size: 1.313rem;
		padding-top: 2.188rem;	
	}
	.opcComponent-container.DEVO_CONTAINERS .devoArticleTabMetadataSection .devoArticleTabContentContainer ul {
		padding-top: 1.25rem;
	}
	.opcComponent-container.DEVO_CONTAINERS .devoArticleTabMetadataSection .devoArticleTabContentContainer ul a {
		font-size: 0.75rem;
	}
	.opcComponent-container.DEVO_CONTAINERS .devoArticleTabMetadataSection .devoArticleTabContentContainer ul a:after {
		font-size: 0.7rem;
		padding-top: 0;
	}
	.opcComponent-container.DEVO_CONTAINERS	.devoVideoTabMetadataSection .devoVideoTabContentContainer .devoVideoNavContainer .slick-prev {
		top: 50%;
		left: -7px;
	}
	.opcComponent-container.DEVO_CONTAINERS	.devoVideoTabMetadataSection .devoVideoTabContentContainer .devoVideoNavContainer .slick-next {
		top: 50%;
		right: 0;
	}
	.devoVideoTabMetadataSection .devoVideoNavContainer.slick-slider .videoItem .singleItemContainer .play-icon {
		height: 30px;
		width: 42px;
	}
	.opcComponent-container.DEVO_CONTAINERS #CodePageNavBandSection ul {
		text-align: center;
	}
	.opcComponent-container.DEVO_CONTAINERS #CodePageNavBandSection ul.tab li.tablink a {
		font-size: 16px;
		max-height: 50px;
		padding-top: 15px;
		padding-bottom: 15px;
	}	
	/*end of Containers Page styling*/
	/*Reddit AMA Page styling*/
	.opcComponent-container.DEVO_AMA .opcComponent.DEVO_CLOUD_BANNER .columns {
		flex-wrap: wrap;
		text-align: center;
		flex-direction: column;
	}
	.opcComponent-container.DEVO_AMA .opcComponent.DEVO_CLOUD_BANNER .devoCloudBanner {
		flex-basis: 100%;
		max-width: 100%;	
	}
	.opcComponent-container.DEVO_AMA .opcComponent.DEVO_CLOUD_BANNER .devoCTA {
		flex-basis: 100%;
		max-width: 100%;
		padding-top: 0.5rem;
	}	
	.opcComponent-container.DEVO_AMA .opcComponent.devoSimpleObject .devoImageText .devoResource .title {
		padding-top: 1.5rem;
	}
	.opcComponent-container.DEVO_AMA .devoHeader .devoAMAHeadline .subTitle {
		font-size: 0.813rem;
		margin-top: 1.5rem;
		margin-bottom: 0.75rem;
	}
	.opcComponent-container.DEVO_AMA .devoHeader .devoAMAHeadline .title {
		font-size: 2.125rem;
		margin-bottom: 0.75rem;
	}
	.opcComponent-container.DEVO_AMA .devoHeader .devoAMAHeadline .logo {
		height: 58px;
		background-size: 200px auto;
	}
	.opcComponent-container.DEVO_AMA .devoHeader .devoAMAHeadline {
		padding-bottom: 0.75rem;
	}
	.opcComponent-container.DEVO_AMA .devoComponentContentContainer .devoListHeading .description {
		padding-top: 2.188rem;
		padding-bottom: 2.188rem;
	}
	.opcComponent-container.DEVO_AMA .opcComponent.devoSimpleObject .devoImageText .devoResource .subTitle {
		padding-bottom: 1.5rem;
		text-align: left;		
	}
	.opcComponent-container.DEVO_AMA .opcComponent.devoSimpleObject .devoListItems > .opcObject-container {
		padding-bottom: 2.188rem;	
	}
	.opcComponent-container.DEVO_AMA .devoImageText .devoResourceContainer  ul {
		margin-bottom: 0;
	}
	.opcComponent-container.DEVO_AMA .opcComponent.DEVO_CLOUD_BANNER .columns {
		padding: 0.75rem;
		text-align: left;
	}
	.opcComponent-container.DEVO_AMA .opcComponent.DEVO_CLOUD_BANNER .devoCloudBanner .title {
		font-size: 1.688rem;
	}
	.opcComponent-container.DEVO_AMA .opcComponent.DEVO_CLOUD_BANNER .devoCloudBanner .description {
		font-size: 0.813rem;	
	}
	.opcComponent-container.DEVO_AMA .opcComponent.DEVO_CLOUD_BANNER {
		padding-bottom: 2.188rem;
	}
	/*end of Reddit AMA Page styling*/
	/* Tech Link Comp styling*/
	.opcComponent.DEVO_LINK_BAND .pageTechLinkSection .linkContainer {
		flex-basis: 100%;
		max-width: 100%;
		margin-bottom: 1rem;
		margin-top: 0;
	}
	.opcComponent.DEVO_LINK_BAND .pageTechLinkSection .linkContainer a {
		width: 100%;
	}
	/*end of Tech Link Comp styling*/
	.devooFeaturedVideoKeynoteLive .devoSliderBlockImageContainer img {
	    width: 100%;
	}
	.devooFeaturedVideoKeynoteLive .devoLiveButtonsContainer{
		padding-bottom:2rem;
	} 
	/**/
		.devoCodeArchiveEvent .events {
	    display: block;
	    text-align: left;
	}
	.devoEventsArchiveHeadline .description {
	    font-size: 1rem;
	}
	.devoEventsArchiveHeadline .title {
	    font-size: 2.0625rem;
	}
	.devoCodeArchiveEvent .events .regionTitle {
		font-size: 0.9375rem;
	}
	.devoCodeArchiveEvent {
		padding-top: 1.25rem;
	    padding-bottom: 2.1875rem;
	    padding-left: 1.25rem;
	    padding-right: 1.25rem;
    }
    .devoCodeArchiveEvent .events ul li span, .devoCodeArchiveEvent .events ul li a {
	    font-size: 0.9375rem;
	}
    .devoCodeArchiveEvent .title {
	    font-size: 1.5625rem;
	    color: #003b4d;
	    padding-bottom: 1.25rem;
	}
	.devoCodeArchiveEvent .title a{
	    font-size: 1.5625rem;
	    color: #003b4d;
	}
	.devoCodeArchiveEvent.communityDay{
	    padding-bottom: 0.9375rem;
	}
	.devoCodeArchiveEvents{
		padding-top:0.9375rem;
	}
	.devoEventsArchiveHeadline {
	    height: 135px;
	   	padding-top: 1.5rem;
	}
	.devoCodeArchiveEvent .events > li{
		padding-bottom: 1.25rem;
	}
	.devoCodeArchiveEvent .events > li:last-child {
	    padding-bottom: 0;
	}
	/*individual article*/
	.devoArticlesHeaderHeadline {
	    padding-top: 1.5rem;
	    height: auto;
	    padding-bottom: 1.5rem;
	}
	.devoArticlesHeaderHeadline .title {
	    display: block;
	    font-size: 1.5625rem;
	}
	.devoArticlesHeaderHeadline .description,
	.devoArticlesHeaderHeadline .head .author{
		display:none;
	}
	.opcComponent.DEVO_ARTICLE_HTML {
	    margin-top: 2.1875rem;
	    margin-bottom: 1.25rem;
	}
	.devoArticleContainer .devoArticle{
		text-align:left;
	}
	.devoArticleContainer.devoArticleHTML .devoDesc .title{
		display:block;
		text-align:left;
	}
	.devoArticleContainer .bodyCopy .aboutAuthor{
   	    margin-left: -0.9375rem;
	    margin-right: -0.9375rem;
	    margin-bottom: 1.25rem;	
	    padding: 0.9375rem;
    }
    .devoArticlesHeaderHeadline > .author {
		display:none;
	}
    .devoArticleContainer .devoDesc .devoArticle .head .title{
	    font-size: 0.875rem;
	    font-weight: bold;
	    font-family: Arial;
	    color: #003b4d;
    }
	.devoArticleContainer .devoDesc .devoArticle .head .author{
	    display: block;
	    text-align: left;
	    color: #003b4d;
	    font-size: 0.75rem;
	    text-align: left;
	    padding: 0;
	    background: white;
	    padding-bottom: 1.25rem;
	}
	.devoArticleContainer .devoDesc .devoArticle p {
    	font-size: 0.75rem;
    }
    .devoArticle .bodyCopy .textLinks {
    	font-size: 0.75rem;
    }
    .devoArticleContainer .bodyCopy .image .caption {
    	font-size: 0.75rem;
    }
    .devoArticle .bodyCopy .subheaders {
    	font-size: 0.875rem;
    }
    .devoArticleContainer .bodyCopy .codeSamples {
    	font-size: 0.75rem;
    	padding: 0.5rem;
    }
    .devoArticleContainer .bodyCopy .quote{
    	width:100%;
    	text-align: center;
   	    padding-top: 0.3125rem;
   		padding-bottom: 1.5625rem;
    }
    .devoArticleContainer .quote .quoteImageContainer{
        display:  inline-block;
        padding-bottom: 1.25rem;
    }
    .devoArticleContainer .quote .quoteDescContainer{
	     display:  inline-block;
	     padding-left:0;
	     text-align: center;
    }
    .devoArticleContainer .bodyCopy .quote .quoteDescContainer .author{
		font-size: 0.9375rem;
	    text-align: center;
	    padding-top: 1.25rem;
	    padding-bottom: 0;
    }
    .devoArticleContainer .bodyCopy  ul.listItems{
    	font-size: 0.75rem;
    }
    .devoArticleContainer .bodyCopy .quote .quoteDescContainer .text {
	    font-size: 1.5625rem;
	} 
	.devoArticleContainer .bodyCopy .aboutAuthor .authorHeader {
    	font-size: 0.8125rem;
    }
    .devoArticleContainer .bodyCopy .aboutAuthor .author {
    	font-size: 0.6875rem;
    }
    .devoArticleContainer .bodyCopy .joinBanner {
    	font-size: 0.875rem;
    	text-align: center;
    	margin-left: -0.9375rem;
    	margin-right: -0.9375rem;
    }
    .devoArticleContainer .bodyCopy .joinBanner .socialIcons {
        display: block;
        padding-left: 0;
    }
    .devoArticleContainer .bodyCopy .joinBanner .socialChannel {
    	font-size: 0.75rem;
    } 
    .devoFeaturedVideoColumnContainer .devoSliderSingleItemContainer{
	    padding-left: 1.5625rem;
	    padding-right: 1.5625rem; 
	}
	/*search box*/
	#menu-search-block {
	    width: 100%;
	    text-align: center;
	}
	.modal-content {
	    width: 100%;
	}
	.modal{
	    padding-top: 3rem;
	}
	#mobileSearchWrap {
        margin-top: 0.25rem;
    }
    .mobile-menu-search-image-block {
	    right: 3.5rem;
	}
    form.hover input[type="text"]#mobileSearch {
        width: auto;
        right: 0;
        top: 3rem;
    }
    form.hover #mobileSearch_close{
         top: 3rem;
    }
    #mobilesearch_submit {
        width: 1rem;
    	height: 1rem;
        background-size: cover;
    }
    .codeHeaderLineEventsContainer ul.events {
	    display: block;
	}
	.codeHeaderLineEventsContainer .events > li {
   		width: 100%;
   		text-align:center;
   		padding-top:0.9375rem;
   		padding-bottom:0.9375rem;
   		border-right:none;
	}
	.codeHeaderLineEventsContainer .events > li:first-child{
		padding-right: 0.9375rem;
	    padding-left: 0.9375rem;
	    padding-top:0;
	}
	.devoHeadlineGroupContainer .videoPlayIcon {;
	    width: 2.25rem;
	    height: 2.25rem;
	}
	.codeHeaderLineEventsContainer .events > li:last-child{
   		border-bottom: none;
	    padding-bottom:0;
	}
	.devoHeadlineGroupContainer .headLineBottomNotes {	
	    padding-bottom: 1rem;
	}
	.codeHeaderLineNotesContainer .notes{
	    font-size: 0.9375rem;   
	}
	.codeHeaderLineEventsContainer .events > li a{
	    font-size: 0.9375rem;   
	}
	.codeHeaderLineEventsContainer .events > li .regionTitle{
	 	font-size: 0.9375rem;   
	}
	.devoHeadlineGroupContainer .headLineBottomNotes{
		font-size: 0.9375rem;   
	}
	.codeHeaderLineEventsContainer .events > li{
		padding-left:0;
		padding-right:0;
	}
	.codeHeaderLineEventsContainer .events .divider {
	    margin-left: 3rem;
	    margin-right: 3rem;
	    border: 1px solid #4d9aab;
	    text-align: center;
	    width: auto;
	}
	.opcComponent-container.DEVO_CODE .devoCodeAnnouncement .title{
		text-align: center !important;
	}
}
@media only screen and (min-width: 40.063em) {
  nav.top-bar {
      background: transparent;
  }
  .top-bar-section ul {
    padding-top:22px;
  }
  .top-bar-section ul li {
      background: transparent;
  }
  .opcObject-container .top-bar-section li:not(.has-form) a:not(.button) { 
      background: transparent; 
      padding-left: 0.25rem;
      padding-right: 0.9375rem !important;
      line-height:2.25rem;
  }
  .opcObject-container .top-bar-section li:not(.has-form) a:not(.devoButton):hover {
    text-decoration: underline;
  }
  .devoHeaderMenuItem .devoButton {
      font-size: 0.875rem !important;
      border-radius: 0.25rem;
      border-color: #007095;
      line-height: 38px !important;
      margin-top: 0px;
      margin-bottom: 0.4375rem;
      position: relative;
      font-family: arial !important;
      font-weight: bold !important;
      padding-left: 1.5rem !important;
      padding-right: 1.625rem !important;
  }
  .opcComponent .top-bar .right a:hover {
      text-decoration: underline;
  }
  .devoHeaderMenuItem .devoButtonContainer {
  }
  .top-bar-section li:not(.has-form) a:not(.button):hover {
      background: transparent;
  }
  .top-bar-section .has-dropdown>a:after {
      display: none;
  }
  .top-bar-section .dropdown li:not(.has-form):not(.active)>a:not(.button){
      background: transparent;
      color: darkslateblue;
      padding-left: 0;
      line-height: 1.5625rem;
  }
  .devoHeadlineContainer  .devoObjectContainerFirstBlock.columns,
  .devoHeadlineContainer  .devoObjectContainerSecondBlock.columns {
    display: table !important;
  }
  .top-bar-section .has-dropdown>a {
      padding-right: 15px !important;
  }
  .top-bar-section .dropdown li:not(.has-form):not(.active):hover>a:not(.button) {
      color: lightgrey;
      background: transparent;
  }
  .devoHeaderLogo{
      display: inline-block;
      position: relative;
    color: transparent !important;
      text-indent: -20000px;
      background: #c10000;
      background: linear-gradient(to bottom, #c10000 0%, red 100%);
      width: 180px;
      height: 80px;
      float: left;
      margin-right: 1rem;
      margin-top: -2px;
      background-image: url(/National_Library/20160521004321oe_/https://developer.oracle.com/devo/res/images/1383860419776/Oracle_logo_desktop.jpg);
  }
  .devoHeaderLogo a {
      display: block;
      background-repeat: no-repeat;
      background-position: 0px 80%;
    /*      background-image: url(/National_Library/20160521004321oe_/https://developer.oracle.com/devo/res/images/1383859015779/u12-sprite.png); */
      background-size: 100% auto;
      width: 75%;
      margin: 13% auto 0 auto;
      height: 30px;
  }
  .devoPost.columns{
    padding-left: 0.46875rem;
      padding-right: 0.46875rem;
  }
  .devoCodeAbout .devoPost.columns {
    padding-left: 0;
    padding-right: 0;
  }
  .devoCodeAbout .devoPostContainer.DEVO_POST_ABOUT {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 62.5rem;
  padding-top:3.75rem;
  padding-bottom:0;
  }  
  .devoCodeSponsors .featuredSponsors > .columns {
    display: table;
    padding-left: 0;
    padding-right: 0;
  }
  .devoCodeSponsors .featuredSponsors > .columns:nth-of-type(2) .description {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
  }   
  [class*='DEVO_ANCHOR_'] .devoListItems .slick-prev {
	left: 300px;
  }
  [class*='DEVO_ANCHOR_'] .devoListItems .slick-next {
	right: 300px;
  }  
  .opcComponent-container.DEVO_TECHNOLOGY .devoTechSummarySection .details {
	text-align: justify;
	padding-left: 50px;
	padding-right: 50px;
  }	
  .opcComponent.devoCodeTech .opcObject-container.devoTechPost.slick-slide {
	padding-bottom: 60px;
  }
  .opcComponent-container.DEVO_CONTAINERS .devoVideoTabMetadataSection .devoVideoTabContentContainer .devoVideoNavContainer.slick-slider .videoItem {
	padding-left: 0.875rem;
	padding-right: 0.875rem;
  }  
}
@media only screen and (min-width: 40.063em) and (max-width: 47.9375em) { 
    #hamburger{
    display: block; 
    width: 44px;
    height: 44px;
    position: absolute; 
    top: 16px;
    right: 0;
    z-index: 1001;
    background: url(/National_Library/20160521004321oe_/https://developer.oracle.com/devo/res/images/1383859028098/odev-hamburger.png) center center no-repeat;
    padding-right: 30px;
  }
  .opcComponent-container.DEVO_CODE #hamburger{
  	background: url(/National_Library/20160521004321oe_/https://developer.oracle.com/devo/res/images/1383859027319/ocode-hamburger.png) center center no-repeat;
  }
	#CodePageNavBandSection ul.tab li.tablink {
		display:none;
	}
	#CodePageNavBandSection .rightContainer {
	    float: none;
	    text-align: center;
	}
	.opcComponent-container.DEVO_TECHNOLOGY #CodePageNavBandSection .rightContainer {
		margin-top: 0;
		margin-bottom: 0;
	}
	.opcComponent-container.fixedNavBand #CodePageNavBandSection .rightContainer .buttonContainer{
		display:none;
	}
	.opcComponent-container.fixedNavBand #CodePageNavBandSection .date{
		display:none;
	}
	.opcComponent-container.fixedNavBand .opcComponent.devocCodePageNavBand.devoVideoSelection #CodePageNavBandSection  .devoCodeCircleContainer{
		display:none;
	}
	#CodePageNavBandSection .city {
	    margin-left: 0;
	    padding-top: 0.5rem;
	    padding-bottom: 0.5rem;
	}
	.opcComponent-container.fixedNavBand #CodePageNavBandSection .NavBandDropDownSrc {
    	display: block;
	}
	.opcComponent-container.DEVO_CODE_ONLINE ul.tab{
    	display:none;
    }
}
@media only screen and (min-width: 48.0em) and (max-width: 64em) { 
  #hamburger{
    display: block; 
    width: 44px;
    height: 44px;
    position: absolute; 
    top: 16px;
    right: 0;
    z-index: 1001;
    background: url(/National_Library/20160521004321oe_/https://developer.oracle.com/devo/res/images/1383859028098/odev-hamburger.png) center center no-repeat;
    padding-right: 30px;
  } 
  .opcComponent-container.DEVO_CODE #hamburger{
  	background: url(/National_Library/20160521004321oe_/https://developer.oracle.com/devo/res/images/1383859027319/ocode-hamburger.png) center center no-repeat;
  }
  .opcComponent-container.fixedNavBand #CodePageNavBandSection .NavBandDropDownSrc{
  	display:none;
  }
  .opcComponent-container.fixedNavBand .opcComponent.devocCodePageNavBand.devoVideoSelection #CodePageNavBandSection  .devoCodeCircleContainer{
	display:inline-block;
  }
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) { 
   .devooFeaturedVideoKeynote .devoSliderBlockDescContainer{
   	 display:block;
   }
  .opcComponent-container.fixedNavBand .opcComponent.devoVideoSelection #CodePageNavBandSection .city{
	display: inline-block;
    margin-left: 0.5rem;
    padding-top: 1rem;
    padding-bottom:1rem;
  }
  .devoHeaderBgImage,
  .devoComponenetBgImage{
      height: 35.625rem;
  }
  .devoHeadline,
  .devoCodeHeadline {
      padding-top: 1rem;
      padding-bottom: 3rem;
      padding-left:1.875rem;
      padding-right:1.875rem;
  }
  .devoHomePageHeaderHeadline .title{
      width: 80%;
      word-break: break-word;
      font-size: 2.5rem;
  }
  ul.tab li{
  	width:90px;
  }
  	.devoFooterLanguageBlock{
		float: none;
    	text-align: center;
    	margin: 1rem auto 1rem auto;
	}
	#dropLanguage.openPanel {
		right: 0;
    	text-align: center;
	}
	.opcComponent-container.fixedNavBand #CodePageNavBandSection .devoCodeCircleContainer {
		display: none;
	}
	.opcComponent-container.fixedNavBand #CodePageNavBandSection .date{
		display: none;
	}
	.opcComponent-container.fixedNavBand #CodePageNavBandSection .NavBandDropDownSrc{
	}
	.opcComponent-container.fixedNavBand .opcComponent.devocCodePageNavBand.devoVideoSelection #CodePageNavBandSection .NavBandDropDownSrc{
		display:inline-block;
		padding-top: 5px;
    	padding-bottom: 5px;
	}
	.opcComponent-container.fixedNavBand #CodePageNavBandSection  .rightContainer .buttonContainer{
		padding-top: 0.4375rem;
	}
	.devoCodeHeadlineContainer .devoObjectContainerSecondBlock {
	    text-align: left;
	}
  .devoHeaderLogo a {
      height: 24px;
  }
  .devoHeaderLogo {
    width: 154px;
    height: 68px;
    background-image: url(/National_Library/20160521004321oe_/https://developer.oracle.com/devo/res/images/1383860419861/Oracle_logo_tablet.jpg);
  }
  .devoHeaderLogoDeveloperText {
  }
  .top-bar-section ul {
  }
  .opcObject-container .top-bar-section li:not(.has-form) a:not(.button) { 
      padding-left: 0.25rem;
      padding-right: 1.5rem !important;
  }
  .devoHeadlineArticleImage{
      width: 135px;
      height: 97.5px;
      float: none;
      margin-right: 0;
  }
  .devoHeaderLineArticleDescContainer {
      padding-top: 0.5rem;
  }
  .devoHeaderMenuItem .devoButton{
    padding-left: 1rem !important;
  }
  .top-bar .right a.devoButton:after{
    right: 0.6875rem;
  }
  
  .devoHomePageFooterContentLink li a,
  .devoHomePageFooterContentLink li:first-of-type a,
  .devoHomePageFooterContentLink li:last-of-type a {
    padding-right: 8px;
    padding-left: 8px;
  }
  .devoCodeHeadlineContainer .devoCodeSocialLinks{
    position: relative;
      bottom: 0;
      text-align:center;
      padding-top: 0.5rem;
  }
  /* apply Footer resource styling same as mobile */
  .devoFooter .devoFooterResources .resourceList.active .resourceToggleBtn {
    display: block;
    cursor: pointer;
    top: 45px;
  }
  .devoFooter .devoFooterResources .resourceList .resourceToggleBtn {
    display: block;
    cursor: pointer;  
    top: 21px;
  }
  .devoFooter .devoFooterResources {
    padding: 0;
    display: block;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
  .devoFooter .devoFooterResources .resourceList.active {
    display: block;
    float: none;
    width: 100%;
    padding: 0;
    margin: 0;
    padding-top: 1.5rem;
  }
  .devoFooter .devoFooterResources .resourceList {
    display: block;
    float: none;
    width: 100%;
    padding: 0;
    margin: 0;
    padding-top: 0;
  }
  .devoFooter .devoFooterResources .resourceList .title {
    padding-bottom: 1rem;
    font-size: 1.75rem;
    padding-top: 1rem;
    line-height: 1.083333333333em;
    border-bottom: 1px solid #fff;
  }
  .devoFooter .devoFooterResources .resourceList .title:hover {
    cursor: pointer;
  } 
  .devoFooter .devoFooterResources .resourceList:last-of-type .title {
    border-bottom: 0;
  } 
  .devoFooter .devoFooterResources .resourceList.active .title {
    padding-bottom: 0;
    font-size: 1.75rem;
    padding-top: 1rem;
    line-height: 1.083333333333em;
    border-bottom: 0;
  } 
  .devoFooter .devoFooterResources .resourceList strong {
    color: #fff;
    padding: 1em 0;
    display: block;
    line-height: 1.083333333333em;
    margin: 0 2.4414062%;
  }
  .devoFooter .devoFooterResources .resourceList.active ul {
    display: block;
  }
  .devoFooter .devoFooterResources .resourceList.active .resourceToggleBtn {
    background: url(/National_Library/20160521004321oe_/https://developer.oracle.com/devo/res/images/1383859015779/u12-sprite.png) no-repeat 0px 1px;
  }
  .devoFooter .devoFooterResources .resourceList ul {
    display: none;
  }
  .devoFooter .devoFooterResources .resourceList ul li {
    padding: 1em 0;
    border-bottom: 1px solid #fff;
    line-height: 1.083333333333em;
  }
  .devoFooter .devoFooterResources .resourceList:last-of-type ul li:last-of-type {
    border-bottom: 0;
  } 
  .devoFooter .devoFooterResources .resourceList ul li a {
    font-weight: bold;
  }
  .devoFooter .devoFooterResources .resourceList ul li > a:after {
    margin-top: 0.063rem;
    right: 0;
  }
  .devoFooter .devoFooterResources .resourceList ul div.columns {
    padding-left: 0;
    padding-right: 0;
  }
  
  /* apply Footer Menu style same as Mobile */
  .devoHomePageFooterLogo {
    position: absolute;
    bottom: 0.5rem;
    width: 116px;
    height: 43px;
    left: 2.4414062%;
    margin-left: auto;
    margin-right: auto;
    right: 0;
  }
  .devoHomePageFooterLogo a {
    height: 22px;
    width: 100%;
  }
  .devoHomePageFooterContentLink ul {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 3em;
    padding-top: 1em;
  } 
  .devoHomePageFooterContentLink ul {
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0px;
    float: none;
    display: block;
  }            
  .devoHomePageFooterSocialIcons ul {
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0px;
    float: none;
    display: flex;
    justify-content: space-between;
  }
  .devoHomePageFooterContentLink ul li, 
  .devoHomePageFooterSocialIcons ul li {
    display: inline-block;
  }
  .devoHomePageFooterSocialIcons ul li {
  padding: 3px 0px 4px;       
  }  
  .devoHomePageFooterSocialIcons {
    float: none;
    padding-bottom: 6.25em;
    width: 100%;
    line-height: 0;
  }   
  
 .devoCodeAnnouncement .title {
      text-align: center;
  }

  .devoCodeAnnouncement .devoCTA  {
      text-align: center;
  }
  .devoOnlineAgendaContainer .devoAgendaTableBodyFirstColumnContainer .timeContainer .date{
  	display:inline-block;
  }
  .devoOnlineAgendaContainer .devoAgendaTableBodyFirstColumnContainer .timeContainer .time{
  	display:inline-block;
  }
  /**/
  .opcComponent.devoHeader .devoVideoHeadline {
	padding-top:80px;
	padding-bottom:60px;
  }
  .opcComponent.devoHeader .devoVideoHeadline .title{
	padding-bottom: 1.125rem;
  }
  /*tech social toggle*/
  .row.devoTechHeadline ul.socialIconToggle {
	right: 10px; 
  }
  /*tech page*/
  .row.devoTechHeadline .description {
	font-size: 2rem;
	width: 90%;
	padding-bottom: 2.5rem;
  }

  .devoTechHeadline .devoHomePageHeaderHeadline .title{
	padding-bottom: 1rem;
  }
  .row.devoTechHeadline .devoHeadlineArticleImage {
	display: flex;	
  }
  .devoTechHeadline .devoHeadlineArticle .title a {
	font-size: 1rem;
  }
  .opcComponent.devoCodeTech .devoListHeading .subtitle,
  .opcComponent-container.DEVO_TECHNOLOGY .devoTechSummarySection .subtitle {
	font-size: 1.55rem;
  }
  .devoFooterLanLinkDesktop{
	display:none;
  }
  .devoCodeRegister .devoCTA .devoButton {
	font-size: 1.25rem;
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
	padding-left: 2.5rem !important;
	padding-right:2.5rem !important;
  }
  .devoCodeOnlineHeaderLocation .location .separator {
    padding-left: 1px;
    padding-right: 4px;
    color: #f29111;
  }
  .opcComponent-container.DEVO_CODE_ONLINE .devoCodeAbout .expandableTitle{
    padding-top: 5.25rem;
  }
  .opcComponent-container.DEVO_TECHNOLOGY .row.devoTechHeadline .devoHeadlineArticleContainer.row > .columns {	
	width: 33.3%;
  }
	.devoArticleContainerTagApi .contentBlock .articleItem {
	    padding-top: 6px;
	    padding-bottom: 6px;
	}
	.opcComponent.DEVO_ARTICLE_PANEL .devoArticlesPanelHeader .title{
		color: #324b5c;
		display: block;
		font-weight: bold;
		font-size: 2.625rem;
		padding-bottom: 1.563rem;
		padding-top: 1.875rem;
		line-height: 1em;
	}
	.opcComponent.DEVO_ARTICLE_PANEL .devoArticlesPanelHeader .description {
	    color: #003b4d;
		font-size: 1.55rem;
	    line-height: 1.25em;
	    text-align: center;
	    padding-bottom: 0.625rem;
	}
	.opcComponent.DEVO_ARTICLE_PANEL .devoArticlesPanelHeader .description{
		padding-top:0;
	}
	.devoHeader.CODE_DEVELOPER_COMMUNITY_DAY .devoCodeHeadline .devoCodeHeadlineContainer .devoCodeSocialLinks{
		right: 0;
	}	
	.devooFeaturedVideoKeynoteLive .devoListLiveVideosContainer .devoListItems {
		flex-grow: 0;
	    width: 50%;
	}
	/**/
	.devoEventsArchiveHeadline {
	    padding-top: 1.375rem;
	    height: 172px;
	}
	.devoEventsArchiveHeadline .title {
	    font-size: 2.25rem;
	}
	.devoEventsArchiveHeadline .description  {
	    font-size: 1.125rem;
	}
	.devoCodeArchiveEvent{
		padding-top: 2.5rem;
	    padding-bottom: 1.875rem;
	}
	.devoCodeArchiveEvent.communityDay{
	    padding-bottom: 10px;
	}
	/* DevO Reddit AMA page styling*/
	.opcComponent-container.DEVO_AMA .devoHeader .devoAMAHeadline .subTitle {
	    font-size: 0.875rem;
		margin-top: 1.375rem;
		margin-bottom: 0.75rem;
	}
	.opcComponent-container.DEVO_AMA .devoHeader .devoAMAHeadline .title {
		font-size: 2.25rem;
		margin-bottom: 0.75rem;
	}
	.opcComponent-container.DEVO_AMA .devoHeader .devoAMAHeadline {
		padding-bottom: 1.875rem;
	}
	.opcComponent-container.DEVO_AMA .devoHeader .devoAMAHeadline .logo {
		height: 65px;
		background-size: 235px auto;
	}
	.opcComponent-container.DEVO_AMA .opcComponent.devoSimpleObject .devoImageText .devoImageContainer .devoImage img {
		width: 245px;
		height: 245px;
	}
	.opcComponent-container.DEVO_AMA .opcComponent.DEVO_CLOUD_BANNER .devoCloudBanner .title {
		font-size: 1.25rem;
		
	}
	.opcComponent-container.DEVO_AMA .opcComponent.DEVO_CLOUD_BANNER .devoCloudBanner .description {
		font-size: 0.813rem;
	}
	.opcComponent-container.DEVO_AMA .opcComponent.DEVO_CLOUD_BANNER .devoCTA .devoButton {
		font-size: 0.75rem;		
	}
	.opcComponent-container.DEVO_AMA .opcComponent.DEVO_CLOUD_BANNER .columns {
		padding: 0.75rem;
	}
	.opcComponent-container.DEVO_AMA .devoComponentContentContainer .devoListHeading .description {
		padding-top: 2.5rem;
		padding-bottom: 2.5rem;	
    }
	.opcComponent-container.DEVO_AMA .opcComponent.devoSimpleObject .devoListItems > .opcObject-container {
		padding-bottom: 2.5rem;	
    }
	.opcComponent-container.DEVO_AMA .opcComponent.DEVO_CLOUD_BANNER {
		padding-bottom: 2.5rem;
    }
	/* end of DevO Reddit AMA page styling*/
	/* Tech Link Comp styling*/
	.opcComponent.DEVO_LINK_BAND .pageTechLinkSection .linkContainer a .icon{
		margin-left: 6px;
		margin-right: 6px;
	}
	/* end of Tech Link Comp styling*/
	/*individual article*/
	.devoArticlesHeaderHeadline {
	    padding-top: 0.125rem;
	    height: auto;
	    text-align: center;
	    padding-bottom: 2rem;
	}
	.devoArticlesHeaderHeadline .title {
	    font-size: 1.875rem;
	}
	.devoArticlesHeaderHeadline .description {
	    font-size: 1rem;
	}
	.devoArticlesHeaderHeadline > .author {
	    font-size: 0.875rem;
	}
	.opcComponent.DEVO_ARTICLE_HTML{
	    margin-top: 2.5rem;
    	margin-bottom: 1.5625rem;
    	padding-left: 1.5625rem;
    	padding-right: 1.5625rem;
	}
	.devoArticleContainer .devoDesc .devoArticle p{
	    font-size: 0.875rem;
	}
	.devoArticle .bodyCopy .textLinks{
		font-size: 0.75rem;
	}
	.devoArticle .bodyCopy .subheaders {
	    font-size: 1rem;
	}
	.devoArticleContainer .bodyCopy .image .caption {
    	font-size: 0.875rem;
	    padding-top: 0.3125rem;
	    padding-bottom: 0.3125rem;
	    margin-top: 0.25rem;
	}
	.devoArticleContainer .bodyCopy .codeSamples {
	    font-size: 0.9375rem;
	    padding: 0.625rem;
	}
	.devoArticleContainer .quote .quoteImageContainer .quoteImage{
	    width: 5.3125rem;
    	height: 5.3125rem;
	}
	.devoArticleContainer .bodyCopy .quote .quoteDescContainer .text {
    	font-size: 1.875rem;
	}
	.devoArticleContainer .bodyCopy .quote .quoteDescContainer .author {
    	font-size: 1.125rem;
    }
    .devoArticleContainer .bodyCopy .aboutAuthor{
        margin-bottom: 1.5625rem;
    	margin-top: 1.5625rem;
    } 
    .devoArticleContainer .bodyCopy .joinBanner {
    	font-size: 0.9375rem;
    }
    .devoArticleContainer .bodyCopy .joinBanner .socialChannel {
    	font-size: 0.8125rem;
    }
    .devoArticleContainer .bodyCopy  ul.listItems{
    	font-size: 1rem;
    }
	/**/
	#menu-search-block {
	    width: 100%;
	    text-align: center;
	}
	.mobile-menu-search-image-block {
	    padding-top: 1rem;
	}
	.modal-content {
	    width: 100%;
	}
	#mobileSearchWrap {
        margin-top: 0.25rem;
    }
    form.hover input[type="text"]#mobileSearch {
        right: 0;
        top: 2.8125rem;
    }
	form.hover #mobileSearch_close {
		top: 2.8125rem;
	}
    #mobilesearch_submit {
        background-size: cover;
    }
    .devoHeadlineGroupContainer .headLineBottomNotes {	
	    padding-bottom: 1rem;
	}
	.codeHeaderLineNotesContainer .notes{
	    font-size: 1.125rem;
	}
	.codeHeaderLineEventsContainer .events > li .regionTitle {
    	font-size: 1.125rem;
    }
    .codeHeaderLineEventsContainer .events > li a{
    	font-size: 1.125rem;
    }
    .devoHeadlineGroupContainer .headLineBottomNotes {
	    font-size: 1.125rem;
	}
	.opcComponent-container.DEVO_CODE .devoCodeAnnouncement .title{
		text-align: center !important;
	}
}
@media only screen and (min-width:64.063em) {
  .devoSingleSliderVideoTitle{
	color:white;
	text-align:left;
	padding-top:0.5rem;
	height: 2rem;
  }
  .devoSliderSingleItemContainer{
  	display:table;
  }
  .opcComponent-container.DEVO_VIDEO #hamburger {
    display: none;
  }
  .devoSliderSingleItemContainer .devoSliderBlockImageContainer{
  	display:table-cell;
  }
  .devoSliderSingleItemContainer .devoSliderBlockDescContainer{
  	display:table-cell;
  }
  .devoSingleSliderVideoTitle {
	padding-left: 1rem;
  }
  .opcObject-container .top-bar-section li:not(.has-form) a:not(.button) {
      padding-left: 1.25rem;
      padding-right: 1.875rem !important;
      margin-bottom: 0.625rem;
  }
  .opcObject-container .top-bar-section .right > li:not(.has-form) > a:not(.devoButton) {
    padding-left: 1.25rem;
    padding-right: 1.25rem !important;
    margin-bottom: 0.625rem;
    margin-left: 1.25rem;
    padding-left: 0;
    margin-right: 1.25rem !important;
    padding-right: 0 !important;
    width: auto;
    border-bottom: 2px solid transparent;
  }
  .opcObject-container .top-bar-section .right > li:not(.has-form) > a:not(.devoButton):hover {
    border-bottom: 2px solid white;
    text-decoration: none; 
  }
  .opcComponent-container.DEVO_CODE .opcObject-container .top-bar-section .right > li:not(.has-form) > a.devoLandingMenuItem.DEVO_CODE:not(.devoButton) {
    border-bottom: 2px solid white;
  }
  .devoHeadlineContainer .devoObjectContainerSecondBlock.columns .opcObjectContents {
      padding-left: 1.875rem;
  }
  .top-bar .right a.devoButton:after {
      right: 0.75rem;
  }
  .devoHeaderRightMenusContainer{
    display:block;
  }
  .top-bar-section ul.devoHeaderRightMenusContainer {
    display: block;
  }
  .devoSpeackersSectionContainer .row{
    text-align:center;
  }
  .devoSpeackersSectionContainer .row .devooFeaturedSpeaker.columns{
      float: none;
      display: inline-block;
      margin-bottom:1.5rem;
  }
  .devoSpeackersSectionContainer .devoExtendedPanel .devooFeaturedSpeaker.columns{
      margin-bottom: 4.375rem;
  }
  .devoCodeAnnouncement .devoCTA .devoButton {
      float:right;
  }
  #hamburger{
  	  display: none; 
  }
  .devoCodeHeadline .devoCodeHeadlineContainer ul.devoCodeInfo .location {
	font-size: 4.5rem;
	color:white;
	font-family:Arial;
	font-weight:bold;
  }
  .opcComponent .row.Top > .columns,                             
  .opcComponent .row.Bottom > .columns {
	padding-left: 0.625rem;
	padding-right: 0.625rem;
  }
  .devoOnlineAgendaContainer.MobileTablet{
	display:none;
  }
  .devoOnlineAgendaContainer.Desktop{
	display:block;
  }
  /*tech headline*/
  .row.devoTechHeadline .devoHeadlineArticleContainer.row > .columns {
	display: flex;
  }
  .row.devoTechHeadline .devoHeadlineArticleImage {
	display: flex;
	flex-basis: 30%;
	max-width: 30%;
  }
  .row.devoTechHeadline  .devoHeaderLineArticleDescContainer {
	flex-basis: 60%;
	max-width: 60%;
  }
  .opcComponent-container.DEVO_TECHNOLOGY	.row.devoTechHeadline .devoHeadlineArticleImage {
	display: block;
	height: 98px;
	width: 135px;
	flex-basis: inherit;
	max-width: inherit;
	overflow: hidden;
	margin-right: 0;
  }
  .opcComponent-container.DEVO_TECHNOLOGY  .row.devoTechHeadline .devoHeadlineArticleContainer.row > .columns {
	justify-content: space-between;
  }
  .opcComponent-container.DEVO_TECHNOLOGY .row.devoTechHeadline{
	height: 327px;
	overflow: hidden;
  }
  .opcComponent-container.DEVO_TECHNOLOGY .row.devoTechHeadline .description {		
	font-size: 2rem;
	width: 100%;
  }
  .row.devoTechHeadline .devoHeadlineArticleContainer.row {
	margin-bottom: 0;
	padding-bottom: 0;
  }
  .devoHeader.CODE_DEVELOPER_COMMUNITY_DAY .devoCodeHeadline .devoCodeHeadlineContainer ul.devoCodeInfo .eventTitle {
	font-size: 3.5rem;
	color: white;
	font-family: Arial;
	font-weight: bold;
  }	
  .devoHeader.CODE_DEVELOPER_COMMUNITY_DAY .devoCodeHeadline .devoCodeHeadlineContainer .devoObjectContainerFirstBlock {
	text-align: left !important;
	width: 20%;
  }
  .devoHeader.CODE_DEVELOPER_COMMUNITY_DAY .devoCodeHeadline .devoCodeHeadlineContainer .devoObjectContainerSecondBlock {
	width: 60%;
  }	
  .devoHeader.CODE_DEVELOPER_COMMUNITY_DAY .devoCodeHeadline .devoCodeHeadlineContainer .devoObjectContainerThirdBlock {
	width: 20%;
  }
  .opcComponent-container.DEVO_CONTAINERS .devoHeader > .opcObject-container > .opcObject-container:nth-of-type(2){
	height: 237px;
	overflow: hidden;
  }
  .opcComponent-container.DEVO_CONTAINERS.DEVO_TECHNOLOGY .devoHeader > .opcObject-container > .opcObject-container:nth-of-type(2){
	height: auto;
	overflow: visible;
  }
  .opcComponent-container.DEVO_AMA .devoHeader .opcComponent.opcsText {
	height: 327px;
	overflow: hidden;		
  }
  .opcComponent-container.DEVO_CODE .devoCodeAnnouncement.opcComponent  >.row{
	display: flex;
    align-items: center;
  }
}
