body {
    font-family: "Intel Clear", Helvetica, Arial, sans-serif;
    overflow: visible;
    overflow-x: visible;
    overflow-y: visible;
    margin: 0;
    padding: 0;
}

html {
    box-sizing: border-box;
}

*, :before, :after {
    box-sizing: inherit;
}

a {
    color: #0071C5;
}

#basicShellLink{
    text-decoration: none;
}

img {
    display: block;
    max-width: 100%;
    margin: 10px auto;
}

button.wistia_placebo_close_button > img {
    display: initial;
    max-width: initial;
    margin: initial;
}

h1 {
    font-family: "Intel Clear Pro", Helvetica, Arial, sans-serif;
    color: #555;
    font-size: 50px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 200;
    margin: 20px 0 10px;
    padding: 0;
}

h2 {
    font-family: "Intel Clear", Helvetica, Arial, sans-serif;
    color: #555;
    font-size: 28px;
    margin: 20px 0 10px;
    padding: 0;
}

h3 {
    font-family: "Intel Clear", Helvetica, Arial, sans-serif;
    color: #555;
    font-size: 24px;
    margin: 20px 0 10px;
    padding: 0;
}

h4 {
    font-family: "Intel Clear", Helvetica, Arial, sans-serif;
    color: #555;
    font-size: 16px;
    font-weight: 700;
    margin: 10px 0;
    padding: 0;
}

p, li {
    text-align: justify;
    color: #555;
    font-size: 16px;
    line-height: 22px;
    margin: 8px 0;
    padding: 0;
}

p {
    text-align: justify;
}

p.across {
    margin-left: 0;
}

p.excerpt {
    text-align: center;
    font-size: 22px;
    margin-top: 0;
    padding-top: 10px;
}

.hint {
    font-style: italic;
    padding-top: 15px;
}

li {
    margin-left: 18px;
    text-align: left;
}

ul, ol {
    margin: 0;
    padding: 0;
}

div.expiration-warning, div.expiration-warning p {
    color: red;
}

p.error {
    color: #b00000!important;
    background-color: #fff!important;
    padding: 5px!important;
}

form.search-form {
    margin-bottom:20px;
}

form.search-form>input[type="text"] {
    font-size: 13px;
    color: #989898;
    background-color: #f3f3f3;
    border: 1px solid #d7d7d7;
    border-radius: 2px;
    display: block;
    margin: 0;
    padding: 11px;
}

span.terms-updated {
    font-weight: 700;
    color: #c00;
}

article p, article li {
    color: #888;
    font-size: 16px;
    font-family: "Intel Clear", Helvetica, Arial, sans-serif;
}

div.centered,  p.centered{
    display: block;
    text-align: center;
}

p.centeredmessage {
    text-align: center;
    width: 800px;
    max-width: 90%;
    margin: auto;
}

div.horizontal-bar {
    border: 4px solid #0071c5;
    border-radius: 4px;
    position: relative;
    top: -4px;
    margin: 50px;
}

div.padded-space {
    margin: 50px;
}

div.menu-item-container>div.menu-item-dropdown {
    display: none;
    background-color: #013467;
    position: absolute;
    top: 60px;
    left: 0;
    cursor: pointer;
}

div.menu-item-container>div.menu-item-dropdown>div.menu-subitem-container>a {
    text-align: left;
    line-height: 18px;
    font-size: 16px;
    width: 100%;
    padding: 8px;
}

header.title-on-banner {
    position: fixed;
    top: 126px;
    left: 0;
    right: 0;
    white-space: nowrap;
    height: 150px;
}

aside.toc {
    top: 248px;
}

article.full-width>div.text-contents {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
}

div.persistent_tab {
    position: fixed;
    right: 0;
    top: 35%;
    transform: rotate(-90deg);
    transform-origin: bottom right;
    padding: 0;
}

div.persistent_tab>input {
    background-color: #00adef;
    white-space: nowrap;
    line-height: 36px;
    text-align: center;
    display: block;
    color: #FFF;
    text-decoration: none;
    padding: 0 30px;
    border-radius: 0px;
    margin:0px;
}

div.persistent_tab>input:hover {
    background-color: #356ad0;
}

div.greybackground {
    margin-top: 0;
    padding-top: 50px;
    margin-bottom: -50px;
    padding-bottom: 50px;
    background-color: rgba(242, 242, 242, 1);
    width: 100%;
}

div.greybackground>div.horizontal-bar:first-child {
    margin-top: -50px;
}

div.ai_demo{
    display: flex;
    flex-direction: column;
}
@media screen and (max-width: 1023px) {
    div.ai_demo{
        flex-direction: column;
    }
}

div.ai_demo > div > div.centered{
    padding-top:50px
}

div.availableDeviceConfigurations{
    max-width: 600px;
}

div.captionedgraphic {
    align-items: center;
    margin: auto;
    padding: 10px 40px 40px 10px;
}

div.captionedgraphic>a, div.captionedgraphic>div.solution_brief_demo>div>a{
    display:block;
    text-decoration: none;
    text-align: center;
}

div.captionedgraphic>div.solution_brief_demo{
    display: flex;
    justify-content: space-evenly;
}

@media screen and (max-width: 600px) {
    div.captionedgraphic>div.solution_brief_demo{
        flex-direction: column;
    }
  }

  div.captionedgraphic>img, div.captionedgraphic>div.solution_brief_demo>div>img{
    width: 250px;
}

div.highlight-across {
    background-color: silver;
    text-align: center;
    margin: 15px 0;
    padding: 5px 5%;
}

div.highlight-across form {
    display: inline;
}

span.alert {
    text-transform: uppercase;
    color: #FFF;
    background-color: #f0a000;
    border-radius: 5px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 1px 12px;
}

a:hover, a:active {
    color: #00AEEF;
}

.avoidwrap, div.menu-item-container:hover>div.menu-item-dropdown {
    display: inline-block;
}

input[type=submit] {
    border-radius: 3px;
    border: none;
    color: #FFF;
    background-color: #39C6FC;
    font-size: 18px;
    display: inline-block;
    cursor: pointer;
    margin: 10px 0;
    padding: 5px 20px;
    white-space: break-spaces;
}

input[type=text], textarea {
    border: none;
    color: #555;
    background-color: #FFF;
    font-size: 15px;
    width: 100%;
    resize: vertical;
    margin: 0;
    padding: 5px;
}

input.invisible-text {
    font-size: 0;
    height: 0;
    width: 0;
    margin: 0;
    padding: 0;
}

input.jupyter-link[type=submit], a.jupyter-link {
    background-color: transparent;
    color: #0071C5;
    font-size: 16px;
    text-decoration: underline;
    cursor: pointer;
    display: inline-block;
    margin: 0;
    padding: 0;
}

form.search-form>input[type="submit"], .hidden {
    display: none;
}

/* Dropdown Menu */

span.control-dropdown {
    position: relative;
    display: inline-block;
    height: 36px;
    padding: 10px;
}

span.control-options {
    position: absolute;
    right: 0;
    top: 36px;
    display: none;
    min-width: 150px;
}

span.visible-dropdown {
    background-color: #f3f3f3;
    color: #707070;
    font-weight: 700;
}

span.visible-dropdown>a {
    color: #707070!important;
}

span.visible-dropdown>span.control-options {
    display: block;
    background-color: #f3f3f3;
    color: #0071c5;
}

span.control-options>span.option {
    display: block;
    padding: 10px;
}

span.control-options>span.option>a {
    text-decoration: none;
}

/* Banner */

div.full-width-banner {
    width: 100%;
    height:100px;
    background-color: #0071c5;
    background-size: cover;
    background-position: center center;
    margin: 0;
    padding: 20px;
    display:table;
}

div.full-width-banner p {
    color: #FFF;
    text-align: left;
    font-size: 18px;
    text-align:center;
}

div.full-width-banner>h1 {
    color: #FFF;
    font-size: 48px;
    line-height: 65px;
    text-shadow: 0 0 5px #000;
    margin: 0;
    padding: 0 0 4px;
    display:table-cell;
    vertical-align:middle;
    text-align:left;
}

/* Registration invite */
div.register-or-sign-in-banner {
    position:absolute;
    text-align:right;
    top:0px;
    width:100%;
    background-color:rgba(0,0,0,0.4);
}

div.register-or-sign-in-banner > p {
    display:inline;
    color:white;
    font-size:14px;
    margin: 4px 0px
}

div.register-or-sign-in-banner > a.button {
    text-align:center;
    padding:4px 10px 4px 10px;
    min-width:100px;
    margin: 4px 10px;
}

div.register-or-sign-in-banner > a.alink {
    color:white;
    cursor:pointer;
    margin:4px 20px 4px 0px;
}

div.register-or-sign-in-banner > a.alink:hover {
    color: #3AC7FC;
}

/* Striped tables*/

table, tr, th, td {
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #ccc;
    padding: 5px;
}

table {
    margin-left: 20px;
    color: #555;
    font-size: 15px;
    line-height: 22px;
}

th {
    background-color: #0f406a;
    color: #FFF;
}

table tr:nth-child(even) {
    background-color: #d7effb;
}

table.plain, table.plain td, table.plain th, table.plain tr {
    border: none;
}

table.plain tr:nth-child(even) {
    background-color: inherit;
}

table.plain, header.title-on-banner h1 {
    padding: 0;
}

td>p {
    margin: 0;
    padding: 5px 10px;
}

article {
    position: fixed;
    right: 0;
    display: block;
    color: #555;
    background-color: #FFF;
    font-size: 16px;
    overflow: auto;
    top: 126px;
    bottom: 60px;
}

article.full-width {
    left: 0;
}

article.with-sidebar {
    left: 300px;
    top: 248px;
}

article>div.text-contents {
    margin-bottom: -300px;
    padding: 40px 40px 300px;
}

article>div.catalog-contents {
    margin-bottom: -100px;
    padding: 0 20px 100px;
}

article>div.focus-contents {
    min-width: 400px;
    max-width: 600px;
    align-self: center;
    background-color: #f0f0f0;
    margin: 40px auto auto;
    padding: 40px;
}

article>div.text-contents>h2, article>div.text-contents>h3 {
    margin-top: 30px;
}

article>div.text-contents>h2:first-child, article>div.text-contents>h3:first-child {
    margin-top: 0;
}

/* Side-by-side flex boxes */

div.box_set {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    margin-left: initial;
    margin-right: initial;
    padding-left: initial;
    padding-right: initial;
}

div.box_set>div.box {
    position: relative;
    display: inline-block;
    min-width: 250px;
    max-width: 450px;
    justify-content: center;
    margin: 20px;
    padding: 10px 20px;
}

div.box>img {
    height: 100px;
}

div.box_set>div.box.sheet {
    background-color: #f0f0f0;
    padding-bottom: 70px;
}

div.box.sheet:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 0;
    border-color: #e0e0e0 #fff;
    border-style: solid;
    border-width: 0 20px 20px 0;
}

div.box.sheet a.button {
    position: absolute;
    bottom: 10px;
    left: 40px;
    right: 40px;
    text-align: center;
}

div.box.clean h2 {
    font-size: 20px;
    font-weight: 700;
}

div.box.clean ul {
    list-style-type: none;
    margin: 0;
}

div.box.clean li {
    margin: 0;
}

div.box-separator {
    width: 0;
    display: block;
    border-top: 100px solid #FFF;
    border-bottom: 100px solid #FFF;
    min-width: unset;
    border-right: 1px solid #D7D7D7;
    padding: 0;
}

div.box>h2, div.box.clean p, div.box.clean ul li {
    text-align: center;
}

div.box.sheet>p, div.box.clean div.leftalign {
    text-align: left;
}

/* Illustrations */

img.illustration {
    display: block;
    max-width: 800px;
    max-height: 480px;
    position: relative;
    transition: .1s ease;
    margin: 10px auto 20px;
    padding: 0;
}

img.leftimage {
    display: inline-block;
    float: left;
    position: relative;
    margin: 5px 20px 20px 0;
    padding: 0;
}

img.rightimage {
    display: inline-block;
    float: right;
    position: relative;
    margin: 5px 0 20px 20px;
    padding: 0;
}

img.external-link-icon {
    width: 12px;
    display: inline;
    margin: 0 0 0 2px;
    padding: 0;
}

/* Header */

header.main-head {
    z-index: 3;
    color: #fff;
    background-color: #0071C5;
    display: block;
    height: 66px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
}

header.main-head>div#header-controls {
    position: absolute;
    right: 15px;
    font-size: 12px;
/*    top: 38px; */
    top: 10px;
}

header.main-head>div#header-controls>span>a {
    color: #FFF;
    position: relative;
    display: inline;
    text-decoration: none;
    padding: 15px 5px;
}

header.main-head>div#header-controls>div, header.main-head>div#header-controls>span{
    padding-right: 0px;
    display:inline-block;
}

header.main-head>div#header-controls>span>a:hover {
    color: #3AC7FC;
}

header.main-head>img.logo-container {
    position: absolute;
    display: block;
    left: 25px;
    top: 9px;
}

header.main-head img#sitelogo {
    height: 46px;
    margin: 0;
    padding: 0;
}

/* Menu */

nav {
    width: 100%;
    top: 66px;
    left: 0;
    right: 0;
    background-color: #1f81cc;
    height: auto;
    position: fixed;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0;
}

nav p {
    line-height: 28px;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    color: #FFF;
    margin: 0;
}

nav>p {
    display: inline-block;
    text-align: left;
    line-height: 60px;
    height: 60px;
    letter-spacing: -.5px;
    white-space: nowrap;
    padding: 0 15px 0 20px;
}

nav>div.mainmenu {
    display: flex;
    justify-content: flex-end;
    flex-wrap: nowrap;
    font-size: 19px;
    background-color: #1f81cc;
    padding: 0;
    width: 100%;
}

nav div.menu-item-container {
    position: relative;
    display: inline-block;
    z-index: 1;
}

nav a {
    display: inline-block;
    text-decoration: none;
    text-align: center;
    color: #FFF;
    line-height: 60px;
    border: none;
    border-radius: 0;
    white-space: nowrap;
    padding: 0 15px;
}

nav a:hover {
    text-decoration: none;
    color: #FFF;
}

nav a.current {
    color: #FFF;
    background-color: gray;
}


nav a.current, nav div.menu-item-container:hover{
    background-color: #013467;
}

div.menu-item-container>div.menu-item-dropdown>div.menu-subitem-container:hover>a{
    background-color: #1f81cc;
}

/* Loader */

.loader {
    display: block;
    margin-left: auto;
    margin-right: auto;
    border: 10px solid #888;
    border-radius: 50%;
    border-top: 10px solid #0071c5;
    width: 80px;
    height: 80px;
    -webkit-animation: spin 1.05s linear infinite;
    animation: spin 1.05s linear infinite;
}

/* Safari */

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* Footer */

footer {
    background-color:#0071C5;
    color:#3AC7FC;
    font-size:17px;
    height:60px;
    padding: 20px 17px 6px 17px;
    position: fixed;
    bottom: 0;
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
    z-index: -1;
}

footer a {
    display: inline-block;
    color: #3AC7FC;
    text-decoration: none;
}

footer a:visited {
    color: #3AC7FC;
}

footer a:hover {
    color: white;
}

footer > span.colfax-banner {
    float: right;
}

.mono {
    font-family: monospace;
    background-color: #f5f2f0;
}

pre.listing {
    width: 100%;
}

a.button , input.ssh_download {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 20px;
    margin-right: 20px;
    min-width:150px;
    white-space: nowrap;
    border-radius: 3px;
    border: none;
    color: #FFFFFF;
    background-color:#00a4ed;
    padding:8px 20px 8px 20px;
    font-size: 15px;
    display: inline-block;
    text-decoration: none;
}

a.button:hover, input.ssh_download:hover {
    color: #FFFFFF;
    background-color: #023b72;
}


div.banner-with-video {
  width:100%;
  background-color:#003c71;
  padding: 20px;
}

div.banner-with-video > div.video-description {
  min-width:240px;
  margin:20px 40px 20px 40px;
}

div.banner-with-video > div.video-player{
    display: flex;
    justify-content: space-around;
}

div.banner-with-video > div.video-player > div img{
    height:146px;
    width: 299px;
}

div.banner-with-video > div.video-player > div div{
    margin: 10px 0px 0px 10px;
}

div.banner-with-video > div.video-player > div a{
    text-decoration: none;
    color:white;
    display:block;
    text-align:center;
}

div.video-description > h2 {
    margin-top:20px;
    color:white;
}

div.video-description > p {
    font-family:"Intel Clear", Helvetica, Arial, sans-serif;
    color:white;
}

div.banner-with-video > div.video-player {
  flex:0 1 0%;
  margin:20px 40px 20px 40px;
}


div.homepage h1, div.homepage h2, div.homepage h3 {
    font-family:"Intel Clear Pro", Helvetica, Arial, sans-serif;
}

div.homepage h2 {
  font-size:36px;
}

div.homepage h3 {
  font-size:30px;
}


.panel_navbar{
    display: flex;
    justify-content: center;
    background-color: #f2f2f2;
    flex-wrap: wrap;
}

div.panel_navbar > div{
    cursor:pointer;
}

div.news_type > div{
    cursor:auto;
    height: 78px;
    display: table;
}

div.news_type > div > div{
    display: table-cell;
    vertical-align: middle;
}

div.news_type > div > div >a{
    cursor:pointer;
    text-decoration: none;
}

.panel_navbar > div {
    background-color: rgba(230, 230, 230, 1);
    color: #1173c2;
    text-align: center;
    vertical-align: middle;
    min-width: 300px;
    margin: 0px 10px;
}
.panel_navbar > div >span {
    display: inline-block;
    vertical-align: middle;
}
.panel_navbar > div >span > img{
    margin:10px auto 10px auto;
    max-height:20px;
}
.panel_nav_content_for_ > div{
    display: none
}

.panel_nav_content_for_ > .get_started{
    display: block
}

.panel_nav_subcontent_for_ > div{
    display: none
}

.panel_nav_subcontent_for_ > div.active{
    display: block
}

.panel_navbar > div.active {
    background-color: white;
}

.article-card {
    position: relative;
    min-width: 300px;
    max-width:400px;
}

.article-card > .article_description {
    margin-bottom: 53px;
}


.article-card > div {
    position: absolute;
    bottom: 0px;
    left: 0px;
    margin-bottom: 0px;
    width: 100%;
}


div.framed {
    background-color:white;
    display:inline-block;
    padding:20px;
    margin:5px;
}

label.bigcheckbox {
  display:inline-block;
  position:relative;
  padding:0 0 0 35px;
  margin-top:12px;
  margin-bottom:12px;
  cursor:pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

label.bigcheckbox input {
  position:absolute;
  opacity:0;
  cursor:pointer;
  height:0;
  width:0;
}

label.bigcheckbox .checkmark {
  position:absolute;
  top:0;
  left:0;
  height:22px;
  width:22px;
  background-color:#eee;
}

label.bigcheckbox input ~ .checkmark {
  background-color:#ccc;
}

label.bigcheckbox input:checked ~ .checkmark {
  background-color:#0071c5;
}

label.bigcheckbox input:checked ~ .checkmark {
  background-color:#0071c5;
}

.checkmark:after {
  content: "";
  position:absolute;
  display:none;
}


label.bigcheckbox input:checked ~ .checkmark:after {
  display:block;
  background-color:#0071c5;
}

label.bigcheckbox .checkmark:after {
  left: 8px;
  top: 4px;
  width: 7px;
  height: 12px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.main-project-name{
    text-align: center;
    padding-top: 10px;
}

.main-project-name-for-edge{
    position: relative;
    top :10px;
    left:100px;
}

.main-project-name-for-edge > #lowerPartOfProjectName{
    text-transform: uppercase;
}

.main-project-name> #project_of{
    font-size: 19px;
}

@media screen and (min-width: 1201px) {
    .main-project-name > div{
        display: block;
    }
}

@media screen and (max-width: 1200px) {
    .main-project-name{
        text-align: right;
        padding-right: 17px;
    }
    header.main-head>div#header-controls{
        top:56px;
        text-align: center;
    }
    header.main-head{
        height: 100px;
    }
    nav{
        top:100px;
    }
}

@media screen and (max-width: 600px) {
    header.main-head>div#header-controls{
        top:56px;
        text-align: center;
    }
    header.main-head>div#header-control-for-edge{
        top:70px;
        text-align: center;
    }
}

@media screen and (max-width: 510px) {
    header.main-head{
        height: 150px;
    }
    nav{
        top:150px;
    }
}

div.oneapi_catalog {
    max-width: 1000px;
    margin: auto;
}

div.oneapi_get_started_guide > div{
    padding: 10px;
}

div.oneapi_get_started_guide{
    display: flex;
    justify-content: center;
    max-width: 1000px;
    margin: auto;
}

div.oneapi_get_started_guide > div{
    padding: 10px;
}

div.oneapi_get_started_guide > div.oneapi_learn_links, div.oneapi_get_started_guide > div.oneapi_get_started_guide_description{
    width: 50%;
}


div.oneapi_get_started_guide > div> iframe{
    height: 270px;
    width: 480px;
    float: left;
}

@media only screen and (min-width: 769px) {
    div.oneapi_get_started_guide > div> iframe{
        float: right;
        margin-top: 28px;
    }
}

div.oneapi_get_started_guide > div > a{
    text-decoration: none;
    cursor: pointer;
}

div.oneapi_get_started_guide > div > a >h2{
    color: #0071C5;
}



@media only screen and (max-width: 768px) {
    div.oneapi_get_started_guide {
      flex-direction: column;
    }
    div.oneapi_get_started_guide > div{
        width: 90%;
        margin: auto;
    }
    div.oneapi_get_started_guide > div.oneapi_learn_links, div.oneapi_get_started_guide > div.oneapi_get_started_guide_description{
        width: 90%;
    }
}

div.oneapi{
    margin: auto;
}

@media only screen and (min-width: 768px) {
    div.oneapi > div.box{
        flex-basis: 20%
    }
}

div.oneapi > div.box >a{
    text-decoration: none;
    cursor: pointer;
}

div.oneapi > div.box >a> h3{
    color: #0071C5;
    text-align: left;
    font-size: 16px;
}

.quickstart{
    background-color: #f0f0f0;
    padding: 20px;
}

.quickstart > h3{
    margin-top: 0px;
}

.quickstart > p{
    margin-top: 15px;
}

.quickstart > p > b{
    color: #555;
}

.divider_for_api{
    margin: 20px 50px 0px 50px;
}

.learn_body_section{
    max-width: 1000px;
    margin: auto;
}

.learn_body_section > table >tbody >tr> th{
    background-color: #f3f3f3;
    color: #555;
}


.learn_body_section > table, .learn_body_section > table >tbody >tr, .learn_body_section > table >tbody >tr> th, .learn_body_section > table >tbody >tr > td {
    border: 0px;
  }

  .learn_body_section > table >tbody >tr> th{
      border-bottom: 2px solid #ccc;
      text-align: left;
      padding-left: 15px;
  }

  .learn_body_section > table >tbody >tr> td{
    border-bottom: 1px solid #ccc;
    vertical-align: top;
}

.learn_body_section > table tr:nth-child(even){
    background-color: #f3f3f3;
}

.learn_body_section > table tr> td:nth-child(odd){
    max-width: 710px;
}

.learn_body_section > table tr> td:nth-child(even){
    min-width:242px;
}

.learn_body_section > h3{
    margin-top: 0px;
    padding-top: 20px;
}

.learn_body_section > h3, .learn_body_section >p{
    margin-left: 10px;
}
.learn_body_section > table{
    margin-left: 10px;
}

.learn_body_section > table >tbody >tr> td > h5{
    margin: 0px;
    padding-left: 10px;
}

.oneapi_learn_links{
    margin-left: 10px;
    padding-bottom: 20px;
}


.oneapi_learn_links >a{
    text-decoration: none;
    display: block;
}

.learn_content{
    background-color: #f3f3f3;
}

div.take-a-tour-with-overview-webminar{
    display: flex;
}
@media screen and (max-width: 1285px) {
    div.take-a-tour-with-overview-webminar{
        flex-direction: column;
    }
}

.announcement_section{
    background-color: #f2f2f2;
    min-height:50px;
}

.announcement_section > .announcement_section_header {
    font-size: 17px;
    padding: 10px 0px;
}

.announcement_section > .announcement_section_header > span {
    font-weight: bold;
    position: absolute;
    left: 32px;
}

.announcement_section > .announcement_section_header> a {
    text-decoration: none;
    position: absolute;
    right: 25px;
}

.announcement_section > .announcement_list > div {
    text-align:left;
}

.announcement_section > .announcement_list > div:before {
    content: '';
    display: block;
  }

.announcement_section > .announcement_list {
    padding: 20px 50px 20px 32px;
    font-size: 14px;
    text-align: justify;
}

.announcement_section > .announcement_list> div.collapsed {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    cursor: pointer;
}

.announcement_section > .announcement_list> div.expanded {
    cursor: pointer;
}

.announcement_section > .announcement_list> div> span.collapse_icon {
    color: #1173c2;
    width:10px;
    display:inline-block;
}

.announcement_section > .announcement_list> div.overflow> span.collapse_icon {
    cursor: pointer;
}

.announcement_section > .announcement_list> div> .article_title{
    font-weight:bold;
}

.announcement_section > .announcement_list> div> .article_date{
    display:inline-block;
    min-width:110px;
}

.announcement_section > .announcement_list> div> .article_description > a{
    text-decoration: none
}

p.authorWithTimeStamp{
    text-align: center;
}

div.news_articles{
    flex-direction: column;
}

div.news_articles > div.box{
    width: 100%;
    max-width: 800px;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

div.news_articles > div.box >a{
    text-align: center;
    text-decoration: none;
}

div.news_articles > div.box >a:hover > h2{
    color: #3AC7FC;
}

div.news_articles > div.box > p{
    text-align: justify;
}

div.news_articles > div.box > p.authorWithTimeStamp{
    text-align: center;
}

div.centered > img.news_article_img{
    width: 800px;
}

article.full-width > div.news_container{
    max-width: 800px;
    margin: auto;
    padding: 20px;
}

article.full-width > div.news_container > div> h2, div.news_container > div> p.authorWithTimeStamp, div.news_container > div>h3{
    text-align: center;
}


/* apply style to regualr article */

div.main_div_with_header_article_and_aside{
    position: absolute;
    top:126px;
    bottom:60px;
    overflow: auto;
    width: 100%;
}
div.secondary_div_with_article_and_aside{
    display:flex;
    flex-direction: row-reverse;
}

div.secondary_div_with_article_and_aside >aside.toc1{
    display: block;
    width:275px;
    border-right: 1px solid #D7D7D7;
}

div.secondary_div_with_article_and_aside >aside.toc1 > div.toc-content{
    padding: 40px 20px 40px 20px;
}

div.secondary_div_with_article_and_aside >article.with-sidebar1{
    display: block;
    position: static;
    width:100%;
}

article::-webkit-scrollbar {
    display: none;
  }

article#main-art1> div.text-contents{
    margin-bottom: 0px;
}

aside.toc1 div.article-section:nth-child(1) {
    padding-top:0;
}

aside.toc1  div.article-section > div:nth-child(1) {
    margin-left: 12px;
}

aside.toc1  div.article-section > div.section-title > a.current {
    font-weight: bold;
    color: #555;
}

aside.toc1  div.article-section > div.subsections > div.subsection-title {
    margin-left: 35px;
}

aside.toc1  div.article-section {
    padding: 20px 0 0px 0;
}

aside.toc1 a, article#main-art1 a{
    text-decoration: none;
}

div.box_set.catalog{
    padding: 0px 20px;
}

a.soltionBriefsNewsLink{
    margin-top: 25px;
}













.mySlides {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}

.mySlides >div > img{
    width:250px
}

.mySlides >div > a{
    text-decoration: none;
    text-align: center;
    display: block;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  width: auto;
  padding: 16px;
  font-weight: bold;
  font-size: 18px;
  border-radius: 0 3px 3px 0;
  margin-top: 125px;
}
/* Position the "next button" to the right */
.next {
  border-radius: 3px 0 0 3px;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  border-radius: 50%;
  display: inline-block;
  background-color:#F2F2F2;
  margin-top: 25px;
}

.dot.active {
  background-color: #D7D7D7;
}

.fade{
    display: none;
}

div.extension_options > a.button {
    display: inline-block;
    color: #FFF;
    margin-left: 0px;
}

div.extension_options > a.cancel_button {
    margin-right: 0px;
}

div.video-description > p > a{
    text-decoration: none;
}

div > img.solution_brief_logo{
    max-width: 200px;
    margin: 10px 0px;
}

div.solution_brief_description{
    display: flex;
    margin-bottom: 50px;
}

div.solution_brief_description > div > a{
    text-decoration: none;
    display: block;
    padding-top: 25px;
}

@media screen and (max-width: 769px) {
    div.solution_brief_description{
        flex-direction: column;
    }
    div.solution_brief_description> div.soluion_brief_info{
        margin-left: 0px;
        width: 100%;
    }
}

div.video-description > p > a{
    color: white;
}

div.video-description > p > a:hover{
    color: #00AEEF;
}

ul.sublist{
    margin-left: 50px;
}

div#feedbackForm > div.modal-content{
    width: 100%;
    max-width: 1000px;
}

div#feedbackForm > div.modal-content, div#purchaseForm > div.modal-content {
    width: 100%;
    max-width: 1000px;
}

div#feedbackForm > div.modal-content> div.modal-body > iframe {
    padding: 0px;
    width: 100%;
}

@media screen and (min-width: 600px) {
    div#feedbackForm > div.modal-content> div.modal-body > iframe {
        min-height: 500px
    }
    header.main-head>div#header-controls.header-control-for-edge{
        top:0px;
    }
}

@media screen and (max-width: 600px) {
    div#feedbackForm > div.modal-content> div.modal-body > iframe {
        min-height: 400px
    }
}

div#feedbackForm > div.modal-content> div.modal-body{
    padding: 0px;
}

div.modal.notification#purchaseForm a{
    display: inline;
}

div#feedbackForm > div.modal-content > div.modal-header > span.close-modal, div#purchaseForm > div.modal-content > div.modal-header > span.close-modal{
    padding-top: 20px;
    padding-right: 40px;
}

div#purchaseForm > div.modal-content > div.modal-body{
    padding: 40px;
    padding-right:60px;
}

div#purchaseForm > div.modal-content{
    max-height: 60%;
}

@media screen and (max-width: 600px) {
    div#purchaseForm > div.modal-content{
        max-height: 300px;
    }
}

div#purchaseForm > div.modal-content > div.modal-body > form > textarea{
    border: 1px solid #555;
}

div#purchaseForm > div.modal-content > div.modal-body > form > input[type="email"]{
    border: 0px;
    font-weight: 400;
    color: #555;
    font-size: 15px;
}

a.inputLinkForHardwareRequest{
    text-decoration: underline;
}

.padding-images > a > img.luxonis{
    width: 200px;
    height: 54px;
}


div.partner-logo-with-link{
    border: 1px solid black;
}

div.partner-logo-with-link > a > img{
    height: 40px;
    display: inline;
    padding-left: 10px;
    padding-right: 50px;
}

table.partner-devices a, table.partner-devices input.jupyter-link[type=submit]{
    text-decoration: none;
}

table.partner-devices td.columnForGroupID{
    position: relative;
}

table.partner-devices span.linkForGroupID{
    display: none;
    position: absolute;
    background-color: #fff;
    top:50px;
    left: 50px;
    padding: 10px;
    border: 1px solid #888;
    z-index: 1;
    max-width: 500px;
    width: 400px;
}

table.partner-devices span.command{
    max-width: 500px;
    width: 400px;
}

span.linkForGroupID > span.command{
    display: block;
}

span.linkForGroupID> a{
    display: block;
    text-align: center;
}

span.linkForGroupID> span.closeGroupDetails{
    display: inline;
    float: right;
    padding: 0px 0px 5px 5px;
    font-size: 30px;
    cursor: pointer;
}

div.sampleslist a{
    text-decoration: none;
}

div#vasForm{
    padding: 0px 20px;
}

div#vasForm form > textarea{
    border: 1px solid #555;
    max-width: 500px;
    display: block;
}
div#vasForm > div.modal-content{
    max-width: 800px;
}

a.showVASForm{
    cursor: pointer;
}

span.vasTitle{
    display: none;
}

div.system_maintenance{
    padding: 50px;
}

div.system_maintenance > p{
    text-align: center;
}

div.system_maintenance > p.notification{
    font-size: 16px;
    color: #888888;
    font-weight: 700;
}

div#modalToChangeOpenVinoVersion label{
    color: #555;
}

div.typeAndVersionOfJupyter{
    display: flex;
    justify-content: space-evenly;
    padding-bottom: 20px;
}

div.typeAndVersionOfJupyter > div{
    position: relative;
    padding: 0px 10px;
}

div.modal.notification#modalToChangeOpenVinoVersion div.modal-content{
    max-width: 700px;
    width: 100%;
}

div.typeAndVersionOfJupyter > div > p{
    border-bottom: 1px solid #555;
    padding-bottom: 10px;
}

div.typeAndVersionOfJupyter > div > p > span.badge {
    padding: 3px 8px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    font-size: 15px;
    color: white;
    text-align: center;
    background-color: rgba(0, 153, 255, 1);
}

div.modal.notification#modalToChangeOpenVinoVersion > div.modal-content > div.modal-body > input{
    margin-left: 30px;
}

div.modal.notification#modalToChangeOpenVinoVersion > div.modal-content > div.modal-body > a.button{
    margin-top: 20px;
    max-width: 50px;
    text-align: center;
    margin-left: 30px;
}

a.jupyter-maintenance-button {
    border-radius: 3px;
    border: none;
    color: #FFF;
    background-color: #39C6FC;
    font-size: 18px;
    display: inline-block;
    cursor: pointer;
    margin: 10px 0;
    padding: 5px 20px;
}

.partnerAndDevelopment{
    display: flex;
}

.partnerAndDevelopment > div{
    max-width: 500px;
    margin: 0px 50px;
    width: 100%;
}

.partnerAndDevelopment h2, .partnerAndDevelopment a{
    text-align: center;
}

.partnerAndDevelopment a{
    display: block;
    text-decoration: none;
}

.partnerAndDevelopment img{
    width: 250px;
    height: 250px;
}



div.partner-container  form>input.jupyter-link[type=submit]{
    text-decoration: none;
    display:inline;
}

div.runOwnApp p, div.runOwnApp form{
    display: inline;
}

div.partner-container a{
    cursor: pointer;
}

input.launchJupyter{
    display: block;
}

a.displayModalToChangeOpenVinoVersion{
    cursor: pointer;
}

div.categories{
    padding-top: 20px;
}

label.categories{
    font-weight: bold;
}

div.selectedVersionWithType{
    padding-top: 20px;
}

img.infoIcon{
    width: 20px;
    display: inline-block;
    position: relative;
    top: 12px;
    left: 5px;
}

div.showJupyterNotebooksInfo, div.showJupyterLabInfo{
    display: none;
    position: absolute;
    top: 50px;
    left: 20px;
    z-index: 1;
    background-color: #fff;
    padding: 10px;
    border: 1px solid #555;
}

div.showJupyterNotebooksInfo p, div.showJupyterLabInfo p {
    text-align: left;
}

div.vas_disclaimer{
    max-width:1000px;
    margin:auto;
}

p.licensedAppInstruction{
    text-align: center;
    max-width: 1000px;
    margin: auto;
    padding-bottom: 20px;
}

div.edge_insights{
    display:flex;
}

div.edge_insights > div{
    padding: 0px 20px;
}

div.edge_insights > div > a{
    text-decoration: none;
}

div.edge_insights_samples{
    padding-top: 20px;
}

div.edge_insights_samples>div{
    display: flex;
}

div.edge_insights_samples>div div>p{
    display: inline;
}

div.edge_insights div>img{
    max-width: 100px;
}

input[type="submit"].button{
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 20px;
    min-width:150px;
    white-space: nowrap;
    border-radius: 3px;
    border: none;
    color: #FFFFFF;
    background-color:#00a4ed;
    padding:8px 20px 8px 20px;
    font-size: 15px;
    display: inline-block;
    text-decoration: none;
}

div.edge_insights_samples>div>div.details{
    padding-left: 20px;
}

div#modalToChangeOpenVinoVersion div.modal-body hr{
    margin: 0px;
}

div.videos_list{
    display: flex;
    justify-content: space-around;
}

div.videos_list span.wistia_embed{
    display:inline-block;
    height:146px;
    position:relative;
    width:307px
}

@media screen and (max-width: 600px) {
    div.videos_list{
        flex-direction: column;
    }
    div.videos_list span.wistia_embed{
        width:100%;
    }
}

div.feature_videos, h1.feature_videos{
    background-color: #f2f2f2;
}

div.videos_list > div > p {
    text-align: center;
}

div.videos_list > div > p.video_title{
    color: #333333;
    font-weight: 400;
}

div.renderingToolkitModule div.selectWithHeader{
    display: none;
}

span.new_annpouncement{
    color: #1f81cc;
}


div#option1, div#option2{
    display: none;
}

h3.isNotExpanded, h3.isExpanded{
    cursor: pointer;
}

h3.isExpanded:after{
    font-family: "site-global-icons";
    content:'\E80C';
    padding-left: 10px;
}


h3.isNotExpanded:after{
    font-family: "site-global-icons";
    content:'\E80B';
    padding-left: 10px;
}