<style>
@import url(https://fonts.googleapis.com/css?family=Cuprum|Lato);
/*body {
font-family: 'Cuprum' !important;
font-size: 12pt !important;
/*overflow: hidden !important;*/
/*line-height: 1 !important;
font-weight: 400 !important;
color: #58585A !important;
text-align: justify !important;
text-justify: inter-word !important;
background-color: white !important;
}*/
/*
#notebook-container {
-webkit-box-shadow: none;
box-shadow: none;
}

.rendered_html h1 { font-size: 4rem !important;  }
.rendered_html h2 { font-size: 3rem !important; }
.rendered_html h3 { font-size: 2.5rem !important; }
.rendered_html h4 { font-size: 2rem !important; }
.rendered_html h5 { font-size: 1.5rem !important; }
.rendered_html h6 { font-size: 1.5rem !important; }
.rendered_html h1, 
.rendered_html h2, 
.rendered_html h3, 
.rendered_html h4,
.rendered_html h5, 
.rendered_html h6 {
font-family: 'Lato' !important;
font-weight: 300 !important;
line-height: 1.5em !important;
color: rgb(221, 153, 51) !important;
}
h1 { font-size: 4.5rem !important; }
h2 { font-size: 4rem !important; }
h3 { font-size: 3.5rem !important; }
h4 { font-size: 3rem !important; }
h5 { font-size: 2.5rem !important; }
h6 { font-size: 2rem !important; }
h1, h2, h3, h4, h5, h6 {
font-family: 'Cuprum' !important;
color: #e6ae48 !important;
line-height: 150px !important;
}
p {
font-family: 'Cuprum' !important;
font-size: 12pt !important;
line-height: 1 !important;
font-weight: 400 !important;
color: #58585A !important;
text-align: justify !important;
text-justify: inter-word !important;
}
li {
font-family: 'Cuprum' !important;
font-size: 12pt !important;
line-height: 1 !important;
font-weight: 400 !important;
color: #58585A !important;
text-align: justify !important;
text-justify: inter-word !important;
}
code {
font-family: 'Cuprum' !important;
font-size: 12pt !important;
}
pre {
font-family: 'Cuprum' !important;
font-size: 12pt !important;
}
div.input_area {
border: none !important;
background: whitesmoke !important;
}
*/

p:empty{
display: none !important;
}

pre {
/*max-height: 100px !important;*/
overflow-x: hidden !important;
}

.bk-root{
height: auto !important;
}

.color1{
color: #62C3EE !important;
}
.color1_cell{
color: white !important;
background-color: #62C3EE !important;
}
.color1_cell_transparency{
color: black !important;
background-color: rgba(98,195,238,0.20) !important;
}
.color1_top{
border-top:solid 3px #FDC400 !important;
}
.gradient_color1 {
background-image: linear-gradient(to right, rgba(98,195,238,0.50) , white) !important;
/*box-shadow:0pt -2pt 0pt 0pt #62C3EE inset !important;*/
}

.color2{
color: #009EE3 !important;
}
.color2_cell{
color: white !important;
background-color: #009EE3 !important;
}
.color2_cell_transparency{
color: black !important;
background-color: rgba(0,158,227,0.20) !important;
}
.gradient_color2 {
background-image: linear-gradient(to right, rgba(0,158,227,0.50) , white) !important;
/*box-shadow:0pt -2pt 0pt 0pt #009EE3 inset !important;*/
}

.color3{
color: #AFE1F6 !important;
}
.color3_cell{
color: white !important;
background-color: #AFE1F6 !important;
}
.color3_cell_transparency{
color: black !important;
background-color: rgba(175,225,246,0.20) !important;
}
.gradient_color3 {
background-image: linear-gradient(to right, rgba(175,225,246,0.50) , white) !important;
/*box-shadow:0pt -2pt 0pt 0pt #AFE1F6 inset !important;*/
}

.color4{
color: #94C11E !important;
}
.color4_cell{
color: white !important;
background-color: #94C11E !important;
}
.color4_cell_transparency{
color: black !important;
background-color: rgba(148,193,30,0.20) !important;
}
.gradient_color4 {
background-image: linear-gradient(to right, rgba(148,193,30,0.50), white) !important;
/*box-shadow:0pt -2pt 0pt 0pt #94C11E inset !important;*/
}

.color5{
color: #B4D463 !important;
}
.color5_cell{
color: white !important;
background-color: #B4D463 !important;
}
.color5_cell_transparency{
color: black !important;
background-color: rgba(180,212,99,0.20) !important;
}
.gradient_color5 {
background-image: linear-gradient(to right, rgba(180,212,99,0.50), white) !important;
/*box-shadow:0pt -2pt 0pt 0pt #B4D463 inset !important;*/
}

.color6{
color: #DEEBB9 !important;
}
.color6_cell{
color: white !important;
background-color: #DEEBB9 !important;
}
.color6_cell_transparency{
color: black !important;
background-color: rgba(222,235,185,0.20) !important;
}
.gradient_color6 {
background-image: linear-gradient(to right, rgba(222,235,185,0.50), white) !important;
/*box-shadow:0pt -2pt 0pt 0pt #DEEBB9 inset !important;*/
}

.color7{
color: #E84D0E !important;
}
.color7_cell{
color: white !important;
background-color: #E84D0E !important;
}
.color7_cell_transparency{
color: black !important;
background-color: rgba(232,77,14,0.20) !important;
}
.gradient_color7 {
background-image: linear-gradient(to right, rgba(232,77,14,0.50), white) !important;
/*box-shadow:0pt -2pt 0pt 0pt #E84D0E inset !important;*/
}

.color8{
color: #F18F69 !important;
}
.color8_cell{
color: white !important;
background-color: #F18F69 !important;
}
.color8_cell_transparency{
color: black !important;
background-color: rgba(241,143,105,0.20) !important;
}
.gradient_color8 {
background-image: linear-gradient(to right, rgba(241,143,105,0.50) , white) !important;
/*box-shadow:0pt -2pt 0pt 0pt #F18F69 inset !important;*/
}

.color9{
color: #F1F1F1 !important;
}

.color10{
color: #D2D3D5 !important;
}

.color11{
color: #58585A !important;
}

.color12{
color: #F8D0BE !important;
}
.color12_cell{
color: white !important;
background-color: #F8D0BE !important;
}
.color12_cell_transparency{
color: black !important;
background-color: rgba(248,208,190,0.20) !important;
}
.gradient_color12 {
background-image: linear-gradient(to right, rgba(248,208,190,0.50) , white) !important;
/*box-shadow:0pt -2pt 0pt 0pt #F8D0BE inset !important;*/
}

.color13{
color: #FDC400 !important;
}
.color13_cell{
color: white !important;
background-color: #FDC400 !important;
}
.color13_cell_transparency{
color: black !important;
background-color: rgba(253,196,0,0.20) !important;
}
.gradient_color13 {
background-image: linear-gradient(to right, rgba(253,196,0,0.50) , white) !important;
/*box-shadow:0pt -2pt 0pt 0pt #FDC400 inset !important;*/
}

.color14{
color: #FDDC69 !important;
}
.color14_cell{
color: white !important;
background-color: #FDDC69 !important;
}
.color14_cell_transparency{
color: black !important;
background-color: rgba(253,220,105,0.20) !important;
}
.gradient_color14 {
background-image: linear-gradient(to right, rgba(253,220,105,0.50) , white) !important;
/*box-shadow:0pt -2pt 0pt 0pt #FDDC69 inset !important;*/
}

.color15{
color: #BFBFBF !important;
}
.color15_cell{
color: white !important;
background-color: #BFBFBF !important;
}
.color15_cell_transparency{
color: black !important;
background-color: rgba(191,191,191,0.20) !important;
}
.gradient_color15 {
background-image: linear-gradient(to right, rgba(191,191,191,0.50) , white) !important;
/*box-shadow:0pt -2pt 0pt 0pt #BFBFBF inset !important;*/
}

.open_cell_light{
color: #58585A !important;
background-color: #F1F1F1 !important;
font-size: 12px !important;
}

.open_cell_dark{
color: #58585A !important;
background-color: #D2D3D5 !important;
}

.open_cell_border_1{
border-right: 2pt solid #62C3EE !important;
}

.back_color_1{
background-color:#62C3EE !important;
color:white !important;
}

.open_cell_border_2{
border-right: 2pt solid #009EE3 !important;
}

.back_color_2{
background-color:#009EE3 !important;
color:white !important;
}

.open_cell_border_3{
border-right: 2pt solid #AFE1F6 !important;
}

.back_color_3{
background-color:#AFE1F6 !important;
color:white !important;
}

.open_cell_border_4{
border-right: 2pt solid #94C11E !important;
}

.back_color_4{
background-color:#94C11E !important;
color:white !important;
}

.open_cell_border_5{
border-right: 2pt solid #B4D463 !important;
}

.back_color_5{
background-color:#B4D463 !important;
color:white !important;
}

.open_cell_border_6{
border-right: 2pt solid #DEEBB9 !important;
}

.back_color_6{
background-color:#DEEBB9 !important;
color:white !important;
}

.open_cell_border_7{
border-right: 2pt solid #E84D0E !important;
}

.back_color_7{
background-color:#E84D0E !important;
color:white !important;
}

.open_cell_border_8{
border-right: 2pt solid #F18F69 !important;
}

.back_color_8{
background-color:#F18F69 !important;
color:white !important;
}

.open_cell_border_12{
border-right: 2pt solid #F8D0BE !important;
}

.back_color_12{
background-color:#F8D0BE !important;
color:white !important;
}

.open_cell_border_13{
border-right: 2pt solid #FDC400 !important;
}

.back_color_13{
background-color:#FDC400 !important;
color:white !important;
}

.open_cell_border_14{
border-right: 2pt solid #FDDC69 !important;
}

.back_color_14{
background-color:#FDDC69 !important;
color:white !important;
}

.open_cell_border_15{
border-right: 2pt solid #BFBFBF !important;
}

.back_color_15{
background-color:#BFBFBF !important;
color:white !important;
}

.open_subtitle_cell{
background-color: white !important;
border-radius: 30px 30px 30px 30px !important;
padding: 2px !important;
}

.center_cell{
text-align: center !important;
}

.border_cell_left{
border-left: 1pt solid black !important;
}

.border_cell_bottom_black{
border-bottom: 1pt solid black !important;
}

.border_cell_bottom_white{
border-bottom: 1pt solid white !important;
}

.round_cell_left{
border-radius: 30px 0px 0px 30px !important;
}

.round_cell_right{
border-radius: 0px 30px 30px 0px !important;
}

.round_cell_both{
border-radius: 30px 30px 30px 30px !important;
}

.opacity{
color:black !important;
opacity: 0.20 !important;
}

tr:nth-child(even) {
background-color: white !important;
/*border: 0px !important;*/
} 

tr:nth-child(odd) {
background-color: white !important;
}

a[href^="tel:"] {
color: orange;
text-decoration: none;
} 

.rendered_html tr, .rendered_html th, .rendered_html td, .rendered_html table {
border: 0px;
}

.div.output_subarea {
max-width: none !important;
}

.output_subarea {
max-width: none !important;
width: 100% !important;
overflow-x: hidden !important;
margin: 5px !important;
}

.bk-grid-column, bk-layout-scale_width {
max-width: 95% !important;
}

.rendered_html :link{
text-decoration: none !important;
}

.output {
background-color: rgb(242, 242, 242) !important;
border-radius: 10px !important;
padding-right: 10px !important;
}

.hide_both {
display: none !important;
}

/*.hide_in {
display: none !important;
}

.hide_out {
display: none !important;
}*/

.icon{
height: 30px !important;
}

.title{
background-color: #F1F1F1 !important;
}

h2{
text-indent: 30px !important;
}

#notebook{
background-color: white !important;
}

#notebook-container{
width: 100% !important;
background-color: white !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
padding: 0px !important;
font-size: 12pt !important;
font-family: 'Cuprum' !important;
/*overflow: hidden !important;*/
line-height: 1 !important;
font-weight: 400 !important;
color: #58585A !important;
text-align: justify !important;
text-justify: inter-word !important;
/*line-height: 10pt !important;*/
}

.prompt{
min-width: 0ex !important;
}

.output_wrapper{
padding-left: 1ex !important;
padding-top: 1ex !important;
}

.output_scroll{
height: 100% !important;
box-shadow: none !important;
}

.input {
padding-left: 1ex !important;
}

/* Header Configuration Segment */

.header_text{
font-size: 30px !important;
text-align: left !important;
padding-left: 20px !important;
}

.notebook_title{
margin-left: 10px !important;
}

.header_image_color_1{
border-right: 2pt solid #62C3EE !important;
}

.header_image_1{
background: url("../../images/icons/Load.png") !important;
background-repeat: no-repeat !important;
background-size: 60% !important;
background-position: center !important;
min-height: 100px !important;
}

.header_image_1::before {
content: url(../../images/icons/virtual_pixel.png) !important;
}

.header_image_color_2{
border-right: 2pt solid #009EE3 !important;
}

.header_image_color_ext_2{
border-bottom: 2pt solid #009EE3 !important;
}

.header_image_2{
background: url("../../images/icons/Record.png") !important;
background-repeat: no-repeat !important;
background-size: 60% !important;
background-position: center !important;
min-height: 100px !important;
}

.header_image_2::before {
content: url(../../images/icons/virtual_pixel.png) !important;
}

.header_image_color_3{
border-right: 2pt solid #AFE1F6 !important;
}

.header_image_3{
background: url("../../images/icons/Visualise.png") !important;
background-repeat: no-repeat !important;
background-size: 60% !important;
background-position: center !important;
min-height: 100px !important;
}

.header_image_3::before {
content: url(../../images/icons/virtual_pixel.png) !important;
}

.header_image_color_4{
border-right: 2pt solid #94C11E !important;
}

.header_image_4{
background: url("../../images/icons/Pre-Process.png") !important;
background-repeat: no-repeat !important;
background-size: 60% !important;
background-position: center !important;
min-height: 100px !important;
}

.header_image_4::before {
content: url(../../images/icons/virtual_pixel.png) !important;
}

.header_image_color_5{
border-right: 2pt solid #B4D463 !important;
}

.header_image_5{
background: url("../../images/icons/Detect.png") !important;
background-repeat: no-repeat !important;
background-size: 60% !important;
background-position: center !important;
min-height: 100px !important;
}

.header_image_5::before {
content: url(../../images/icons/virtual_pixel.png) !important;
}

.header_image_color_6{
border-right: 2pt solid #DEEBB9 !important;
}

.header_image_6{
background: url("../../images/icons/Extract.png") !important;
background-repeat: no-repeat !important;
background-size: 60% !important;
background-position: center !important;
min-height: 100px !important;
}

.header_image_6::before {
content: url(../../images/icons/virtual_pixel.png) !important;
}

.header_image_color_7{
border-right: 2pt solid #E84D0E !important;
}

.header_image_7{
background: url("../../images/icons/Train_And_Classify.png") !important;
background-repeat: no-repeat !important;
background-size: 60% !important;
background-position: center !important;
min-height: 100px !important;
}

.header_image_7::before {
content: url(../../images/icons/virtual_pixel.png) !important;
}

.header_image_color_8{
border-right: 2pt solid #F18F69 !important;
}

.header_image_8{
background: url("../../images/icons/Understand.png") !important;
background-repeat: no-repeat !important;
background-size: 60% !important;
background-position: center !important;
min-height: 100px !important;
}

.header_image_8::before {
content: url(../../images/icons/virtual_pixel.png) !important;
}

.header_image_color_12{
border-right: 2pt solid #F8D0BE !important;
}

.header_image_12{
background: url("../../images/icons/Evaluate.png") !important;
background-repeat: no-repeat !important;
background-size: 60% !important;
background-position: center !important;
min-height: 100px !important;
}

.header_image_12::before {
content: url(../../images/icons/virtual_pixel.png) !important;
}


.header_image_color_13{
border-right: 2pt solid #FDC400 !important;
}

.header_image_13{
background: url("../../images/icons/Install.png") !important;
background-repeat: no-repeat !important;
background-size: 60% !important;
background-position: center !important;
min-height: 100px !important;
}

.header_image_13::before {
content: url(../../images/icons/virtual_pixel.png) !important;
}

.header_image_color_14{
border-right: 2pt solid #FDDC69 !important;
}

.header_image_14{
background: url("../../images/icons/Connect.png") !important;
background-repeat: no-repeat !important;
background-size: 60% !important;
background-position: center !important;
min-height: 100px !important;
}

.header_image_14::before {
content: url(../../images/icons/virtual_pixel.png) !important;
}

.header_image_color_15{
border-right: 2pt solid #BFBFBF !important;
}

.header_image_15{
background: url("../../images/icons/Other.png") !important;
background-repeat: no-repeat !important;
background-size: 60% !important;
background-position: center !important;
min-height: 100px !important;
}

.header_image_15::before {
content: url(../../images/icons/virtual_pixel.png) !important;
}

.header_gradient {
background-image: linear-gradient(to right, rgba(0, 158, 227, 0.6) , white) !important;
color: white !important;
}

.border_gradient {
background-image:linear-gradient(to right, rgba(0, 158, 227, 0.6) , white) !important;
background-size:100% 10% !important;
background-position:0 100% !important;
background-repeat:no-repeat !important;
}

.border_pre_gradient {
background-image:linear-gradient(to right, rgba(0, 158, 227, 0.6), rgba(0, 158, 227, 0.6)) !important;
background-size:100% 10% !important;
background-position:0 100% !important;
background-repeat:no-repeat !important;
}

.signal_samples_header {
text-align: center !important;
font-size: 14px !important;
font-weight: bold !important;
border-bottom: solid 3px #58585A !important;
}

.signal_samples_info_keys {
text-align: center !important;
background-color: #F1F1F1 !important;
border-bottom: solid 1px white !important;
}

.signal_samples_info_values {
text-align: center !important;
border-bottom: solid 1px #F1F1F1 !important;
}

.group_by_header {
text-align:left !important;
border-bottom:solid 3px #FDC400 !important;
}

.group_by_header_grey {
border-bottom:solid 3px #58585A !important;
}

.video {
margin-left:auto !important;
margin-right:auto !important;
display:block !important;
width:80% !important;
box-shadow: 5px 10px #58585A !important;
}

hr{
border-top: 2px solid #58585A !important;
margin-top: 8px !important;
margin-bottom: 8px !important;
}

.checked {
color: #FDC400 !important;
}

#flex-container {
    display: flex !important;
    flex-direction: row !important;
    width: 100% !important;
    margin: 0 auto !important;
}

.flex-item-tag {
    text-align: left !important;
    margin-left: 50px !important;	
}

/* Shield Icons Segment  */

.shield_left{
background-color: #58585A !important;
color: white !important;
}

.shield_right{
background-color: #009EE3 !important;
color: white !important;
/*opacity: 0.4 !important;*/
text-align: left !important;
white-space: nowwrap !important;
}

#diff_level {
padding-top: 3px !important;
}

/* Step Paragraphs Segment */

.steps{
font-weight: bold !important;
}

.substeps{
font-weight: bold !important;
text-indent: 10px !important;
}

/* Notebook Icon Class */

.file_icon{
background: url("../../images/icons/Notebook.png") !important;
background-repeat: no-repeat !important;
background-size: 10% !important;
background-position: center !important;
min-height: 20px !important;
}

.file_icon::before {
content: url("../../images/icons/virtual_pixel_small.png") !important;
}

.not_active {
pointer-events: none !important;
cursor: default !important;
text-decoration: none !important;
color: black !important;
}

.not_active_img {
opacity: 0.30 !important;
}

.header_buttons{
text-align: left !important; 
width: 10% !important;
}

.header_icons{
text-align:left !important;
width: 5% !important;
}

.header_logo{
border-left: solid 2pt #009EE3 !important;
width: 15% !important;
}

.footer_logo{
border-right: solid 3px #009EE3 !important; 
width: 20% !important;
}

.header_main_files{
width: 20% !important;
}

<style>

