@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/roboto-regular.woff2') format('woff2'),
    url('../fonts/roboto-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
html {
    position: relative;
    min-height: 100%;
}
body {
    line-height: 24px;
    font-family: Arial,sans-serif;
    font-size: 16px;
    color: #4d4d4d;
    background-color: #fff;
}
video::cue {
    opacity: 0;
    display:none;
}

ol.instruction:not(.Continue){
    counter-reset: item;
}
.container-enum li:first-child{
    counter-reset: item;
}

ol.instruction.Continue{
    counter-reset: itemC var(--lastC);
}

ol.instruction.Continue li:not(.result)::before {
    content: counter(itemC) ".";
    counter-increment: itemC;
}

ol.instruction.Continue li.step:not(.result)::before {
    content: counter(itemC) ".";
    counter-increment: itemC;
}

ol.instruction li.step.result::before {
    counter-increment: none;
}

ol.instruction:not(.Continue) li.step:not(.result)::before {
    content: counter(item) ".";
    counter-increment: item;
}

#section-column-main-content{padding-bottom: 15px;}
.h1, h1 { font-size: 38px;}
.h2, h2 { font-size: 26px;}
.h3, h3 { font-size: 25px;}
.h1, h1,.h2, h2, .h3, h3{ font-weight: bold;}
.header
{margin:0 0 17px 0;height: 80px;}
.header > .container-fluid
{}
.header>.container>.main-nav>.container-fluid
{padding: 0;}

.header .navbar-default{background-color: transparent; border: 0; margin-bottom: 0;}
.main-nav > .container{
    margin-left:-15px;
    margin-right:-15px;
}
.column-main > header, .subsection-inner-ct > header{/* display: none; */}
.secondLogo{background: url(../images/second_logo.png) center center no-repeat;background-size: contain;display: block;float: right;width: 171px;height: 27px;margin: 20px 0 0 0;}
.navbar-brand{
    display: block;
    width: auto;
    height: 80px;
    padding: 0 17px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    background-size: auto 100%;
    background-color: #FFF;
    margin-left: -17px;
}
.navbar-brand>img {
    height: 100%;
}
.breadcrumb {
    padding: 9px 0px;
    background-color: transparent;
    margin-bottom: 15px;
    border-bottom: 1px #EFEFEF solid;
    margin-bottom: 0;
}
.breadcrumb>li+li:before { content: ">"; color: rgb(119,119,119); }
.breadcrumb>.active{ color:rgb(119,119,119);}
.breadcrumb>li a{ color:rgb(119,119,119); }
.container-enum{
    list-style-position: outside;
    padding: 0;
}
.container-enum{
    padding-left: 23px;
    position: relative;
}
.container-enum > p{
    margin-left: -23px;
}
.container-enum li
{margin-bottom: 8px;color: #CAC800; line-height: initial;}
.container-enum li span
{color: #4d4d4d;}
.container-enum li.enum-element
{color: #CAC800; list-style-type: none; line-height: 24px;}
.container-enum.Line li.enum-element:before {
    content: '-';
}.container-enum.Bullet li.enum-element:before {
     content: '\2022';
 }
.container-enum.Arrow li.enum-element:before {
    content: '';
    background: url(../images/arrow.svg) no-repeat center center;
}
.container-enum.Check li.enum-element:before {
    content: '\2713';
}
.container-enum.Point li.enum-element:before {
    content: '.';
}
.container-enum:not(.Alpha) li.enum-element:before {
}
.container-enum li.enum-element span
{color: #4d4d4d;}
.container-enum li.enum-element span.line{ display: none;}
.container-enum li.enum-title
{list-style: none;margin-left: -23px;color: #4d4d4d;}

.container-enum.instruction {
    list-style: none;
    position: relative;
}
.container-enum.Numeric > li,
.container-enum.Alpha > li
{display: table;}
.container-enum.Numeric li:not(.enum-title),
.container-enum.Alpha li:not(.enum-title)
{}
.container-enum.Numeric > li:before,
.container-enum.Alpha > li:before
{
    content: counters(item, ".") " ";
    counter-increment: item;
}
.container-enum.Alpha > li:before
{content: counter(item, lower-alpha) " ";}
.container-enum.Numeric > li.enum-title:before,
.container-enum.Alpha > li.enum-title:before,
.container-enum > li.enum-title:before
{display: none;}

li.step:before,
.container-enum > li:before
{
    text-align: left;
    color: #1969A4;
    position: absolute;
    padding-right: 7px;
    left: 0;
    width: 12px;
    height: 24px;
}
li.step.result
{line-height: 20px;}
li.step.result:before {
    content: '\2713';
    padding-right: 7px;
    background: none;
    font-size: 23px;
}
ol.instruction.DontNumber li.step:not(.result)::before {
    content: '>';
}

.carousel-inner
{height: auto;overflow: hidden;}
.mejs__fullscreen .carousel-inner
{overflow: visible;}
.mejs__fullscreen .carousel-inner>.item.active,
.mejs__fullscreen .carousel-inner>.item.next.left,
.mejs__fullscreen .carousel-inner>.item.prev.right {
    -webkit-transform: none;
    transform: none;
}
.carousel-inner>.item
{
    -webkit-perspective: none;
    perspective: none;
}
.aspect-ct
{width: 100%;height: auto;position: relative;}
.aspect-ratio
{width: 100%;padding-bottom: 33%;}
.apesct-ct-abs
{position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
.slideshow.carousel
{ height: 100%;}
.slideshow .carousel-inner
{height: 100%; overflow: hidden;}
.tabSlider .carousel-inner
{}

.tabSlider .carousel-pagination
{
    height: 35px;
    text-align: right;
    padding-top: 5px;
    clear: both;
    /* line-height: 25px; */
    padding-bottom: 5px;
}
.tabSlider .carousel-pagination-btn
{
    height: 25px;
    padding: 0;
    width: 25px;
    background-color: #4d4d4d;
    line-height: 25px;
    text-align: center;
    border: 0;
    border-radius: 0;
    color: #FFF;
}
.tabSlider .carousel-pagination-btn:hover
{
    background-color: #2C97D4;
    color: #FFF;
}
.tabSlider .carousel-pagination-number
{
}
.tabSlider .carousel-pagination-divisor
{}
.tabSlider .carousel-pagination-prev
{margin-right: 6px;}
.tabSlider .carousel-pagination-next
{margin-left: 6px;}

.tab-pane.singleBlock .block-ct,
.bottomTabs .panel-default>.panel-heading+.panel-collapse>.panel-body.singleBlock .block-ct
{ padding: 15px 0;}

.block-ct{
    padding-bottom: 15px;
}
.block-ct:last-child{
    padding-bottom: 0;
}

.carousel-inner .fix_content_height
{ height: 100%;}
.carousel-controls {
    clear: both;
    height: 35px;
    width: 100%;
}
.carousel-indicators {
    bottom: 0;
    margin-bottom: 0;
    height: 20px;
    /* top: 7px; */
    padding-bottom: 0;
}
.carousel-indicators li,.carousel-indicators li.active {
    overflow: hidden;
    height: 5px;
    width: 20px;
    /* line-height: 20px; */
    /* text-indent: 0; */
    border-radius:0;
    /* border:0 none; */
    /* color: #fff; */
    background-color: rgba(255,255,255,0.6);
    border: 1px solid rgba(0,0,0,0.3);
    margin: 0 5px 0 0;
    /* position:  relative; */
    margin-bottom: 10px;
}
.carousel-indicators li:last-child{ margin-right: 0;}

.carousel-indicators li.active, .carousel-indicators li.active:hover {
    background-color: #2C97D4;
    /* border-color: #2C97D4; */
}
.carousel-indicators li:hover
{ background-color: rgba(255,255,255,1); border-color: rgba(255,255,255,1);}
.carousel-control,
.carousel-control.right,
.carousel-control.left
{height: 40px;width: 40px;line-height: 40px;background-image:none;background-repeat: no-repeat;top: 50%;background-position: center center;right: 0;margin-top: -20px;color:  black;}
.carousel-control.left {
    left: 0;
    right: auto;
}
.carousel-control:focus, .carousel-control:hover{ background-color: rgba(255,255,255,0.9); }
.carousel-control span{line-height: 40px;font-size: 20px;background-color:  rgba(255,255,255,0.6);}
.carousel-control.right span::before{ padding-left: 15px; padding-right: 10px;}
.carousel-control.left span::before{ padding-left: 10px; padding-right: 15px;}
.slider_bg{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-size: cover;
    background-position: center center;
}

.slider_ct
{background-color: rgba(0,0,0,0.5);position: absolute;right: 0;left: 0;color: #FFF;bottom: 0;padding: 15px;font-size: 14px;text-align:  center;}
.slider_ct .container-enum li.enum-element span
{
    color: #FFF;
}
.slider_ct h2{text-align: center;font-size: 1.625rem;}
.slider_ct .link
{color: #d2731d;font-weight: 700; text-decoration: none;}
.slider_ct .link:hover
{color: #FFF;}
.titlepage
{ margin-top: 0px;}
.titlepage h1
{}
.titlepage .subtitle
{
    margin-bottom: 5px;
}

.sidebar-toggle .icon-bar {
    background-color: #000;
    height: 3px;
}
.sidebar .navbar-nav{
    width: 100%;
}
.sidebar .navbar-nav li
{display: block;clear: both;border-bottom: 1px #FFF solid;}
.sidebar .navbar-nav li.dropdown-submenu>a
{ padding-right: 25px;}
.sidebar .navbar-nav .dropdown-menu li:last-child
{ border-bottom: 0 none;}
.sidebar .navbar-nav li a
{color: #4d4d4d; vertical-align: top;position: relative;min-height: 50px;padding: 10px;background-color: #EFEFEF;line-height: 25px;white-space: normal;}
.sidebar .navbar-nav li.index a
{ padding-left: 30px;}
/*.sidebar .navbar-nav.isHomePage li.index{ display: none;}*/
.sidebar .navbar-nav li.level-3 a
{ padding-left: 25px;}
.sidebar .navbar-nav li.hasSubmenu a{ padding-right: 50px; }
.sidebar .navbar-nav li:last-child a{ margin-bottom: 0; }
.sidebar .navbar-nav li.active > a
{background-color: #E3E3E3;}
.sidebar .navbar-nav li.active.level-1 > a,
.sidebar .navbar-nav li.active.level-1 > a:hover
{background-color: #2C97D4;color: #FFF;}
.sidebar .navbar-nav li.level-2 > a
{background-color: rgb(119,119,119); color:#FFF;}
.sidebar .navbar-nav li.active.level-2 > a,
.sidebar .navbar-nav li.active.level-2 > a:hover,
.sidebar .navbar-nav li.level-2 > a:hover
{ background-color:rgb(102,102,102); color:#FFF;}
.sidebar .navbar-nav li > a:hover
{background-color: #E3E3E3; color:#000;}
.sidebar .navbar-nav li.ancestorActive.hasSubmenu > .submenu li > a.sidebar-nav-link-active {background-color: #2C97D4;}
.sidebar .navbar-nav li.active > a .submenuArrow.right:before{ content:"\f078"; color: #FFF; font-size: 16px;}
.sidebar .navbar-nav li.active > a .submenuArrow.left:before{ color: #FFF;}
.sidebar .active > .submenuArrow
{ display:none;}
.sidebar .navbar-nav li.active.level-2 > a .submenuArrow,
.sidebar .navbar-nav li.active.level-1 > a .submenuArrow
{display:block;}
.sidebar .navbar-nav.isHomePage > li.index.active > a .submenuArrow.left{display: none !important;}
.sidebar .navbar-nav.isHomePage >li.index.active > a .link-text{}
.sidebar .navbar-nav li.active.level-2 > a .submenuArrow:before
{content: "\f078";}
.submenuArrow{
    display: block;
    float: right;
    height: 25px;
    line-height: 25px;
    width: auto;
    position: absolute;
    right: 10px;
    top: 13px;
    text-align: center;
    color: #CFCFCF;
}
li.level-1 > a .submenuArrow:before{content: "\f054";}
.submenuArrow.left {
    display: block;
    float: left;
    right: auto;
    left: 10px;
    color: #4d4d4d;
}
li.level-1 > a .submenuArrow.left:before{
    content: "\f015";
    font-size: 25px;
}

.submenuArrow:before{content: "\f054";}

.sidebar .dropdown-menu {
    padding: 0;
    background-color: #fff;
    margin: 0;
    display: none;
    width: 100%;
    border: 0;
    position: relative;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.sidebar .dropdown-menu li:first-child {
    border-top:1px #FFF solid;
}
.sidebar .navbar-default{
    background-color: #EFEFEF;
    border: 0;
    min-height: 0;
    margin-bottom: 0;
}
.sidebar .navbar-default .container-fluid
{}
.sidebar .navbar-default .navbar-collapse{
    padding-left: 0;
    padding-right: 0;
    border: 0;
}

.sidebar .active > .dropdown-menu
{display: block; float: none;}
.sidebar .active.generateTabs > .dropdown-menu,
.sidebar .active.collapsibleChilds .collapsibleChilds > .dropdown-menu
{display: none;}
.sidebar .active > .dropdown-menu >li > a
{/* background-image: url(../images/white_check.png); *//* background-repeat: no-repeat; *//* background-position: right 10px top 50%; */}
.sidebar  li.active.hasSubmenu > .submenu li > a,
.sidebar  li.ancestorActive.hasSubmenu > .submenu li > a
{background-color: #F7F4BD;}
.sidebar .navbar-nav>li {
    float: none;
}
.sidebar .navbar-nav>li.index > a .link-text {
    display: none;
}
.sidebar .submenu li:last-child{}
.sidebar .submenu > li{}

.link-icon{display: none;width: 50px;height: 50px;position: absolute;top: 0;left: 0;background-color: #8A8A8A;color: #FFF;line-height: 50px;text-align: center;background-position: center center;background-repeat: no-repeat;}

.Lernziel{background-image: url(../images/icons/lernziel.png);}
.Begriffserklaerung{background-image: url(../images/icons/begriffserklarung.png);}
.Uebungen{background-image: url(../images/icons/ubungen.png);}
.Uebung1{background-image: url(../images/icons/ubung1.png);}
.Uebung2{background-image: url(../images/icons/ubung2.png);}
.Uebung3{background-image: url(../images/icons/ubung3.png);}
.Test{background-image: url(../images/icons/test.png);}
.link-icon.number{font-size: 30px;text-transform: none;font-style: normal;font-weight: bold;display: none;}

.active > a .link-icon, .submenu > li > a .link-icon{ background-color: transparent; }
.link-text{padding:0;display: inline-block;vertical-align: middle;line-height: 20px;}

.block{/* padding: 8px 0; *//* margin: 0 0 15px; */}
.block:after, .block-inner-infoIcon:after{display:table;content:" "; clear: both;}
.block-ct:last-child > .block{ margin-bottom: 0; }
.block.infoIcon{ background-color: #F5F5F5; padding: 8px 35px 8px 0; position: relative;}
.block-inner-infoIcon
{padding-top: 40px;}
*[data-empty-content="true"] .block-inner-infoIcon {
    padding-top: 30px;
}
*[data-empty-content="true"] .block-inner-infoIcon .infoButton{
    top: -27px;
}
article.block > header, .h1, .h2, .h3, h1, h2, h3{margin-top: 0;}
.headline-content, .childBlockCt .header-label
{overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; -moz-hyphens: auto; hyphens: auto;}
.infoButton{
    display: block; float: right; width: 25px; height: 25px; text-align: center; line-height: 20px; background-color:#2C97D4; border-radius:50%;
    padding: 3px;
    color: #FFF;
    position: absolute;
    right: 15px;
    top: -35px;
    cursor: pointer;
    z-index: 1051;
}
.infoButton i:before{ content:"\f129"; font-size: 20px;}

.table{ border-color: #FFF; background-color: #EFEFEF; }
/* .table.table-Softkey{ table-layout: fixed;}*/
.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th{ border-color: #FFF; }

.table caption {
    text-align: left;
    caption-side: top;
    color: #000;
}
.table-title {
    margin-top: 4px;
    font-style: normal;
    font-weight: bold;
}
.table p{ margin-bottom: 0; }
.padding-left{ padding-left: 7px; }
.padding-right{ padding-right: 7px; }

/* Bottom Tabs */
.closeTabs{ display: none;}


.generateTabs
{}
.bottomTabs
{}
.bottomTabs .nav-tabs
{
    position: relative;
    padding-right: 28px;
    display: flex
}
.bottomTabs .nav-tabs>li
{
    margin-bottom: 0;
    text-align: center;
    overflow: hidden;
}
.bottomTabs .nav-tabs>li>a
{
    background-color: #efefef;
    border-color: #efefef;
    color: #4d4d4d;
    border-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.bottomTabs .nav-tabs>li.active>a,
.bottomTabs .nav-tabs>li.active>a:focus,
.bottomTabs .nav-tabs>li.active>a:hover,
.bottomTabs .nav-tabs>li>a:hover
{
    background-color: #2C97D4;
    border-color: #2C97D4;
    border-bottom: 0;
}
.bottomTabs .closeTabs,
.collapChilds .closeTabs
{
    position: absolute;
    right: 0;
    width: 25px;
    padding: 0;
    height: 25px;
    bottom: 0;
    vertical-align: middle;
    color: #FFF;
    line-height: 25px;
    border-radius: 0;
    background-color: #4d4d4d;
}
.collapChilds .closeTabs
{ bottom: auto;
    top: 0;}
.bottomTabs .closeTabs:hover,
.collapChilds .closeTabs:hover
{background-color: #2C97D4;}
.bottomTabs .closeTabs.externalClose,
.collapChilds .closeTabs.externalClose
{top: -27px;bottom: inherit;right: 0;display: none;}
.bottomTabs .panel-default>.panel-heading+.panel-collapse>.panel-body{
    border-top: 0 none;
    padding: 0;
}
.bottomTabs .panel-heading{
    background-color: #efefef;
    padding: 0;
    border-bottom: 0;
    border-radius: 0;
}
.bottomTabs .panel-heading.active{
    background-color: #e3e3e3;
    border-bottom: 0;
}
.bottomTabs .panel-title{}
.bottomTabs .active .panel-title{}
.bottomTabs .panel-title>a{
    display: block;
    color: #4d4d4d;
    padding: 10px 35px 10px 15px;
    position: relative;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.bottomTabs .panel-title>a:hover{
    background-color: #e3e3e3;
}
.bottomTabs .active .panel-title>a{
}

.bottomTabs .panel{
    box-shadow: none;
    -webkit-box-shadow: none;
    border: 0 none;
}
.collapse.active
{display: block;}
.bottomTabs .tab-content .tab-pane.collapse.in
{display: block;}
.bottomTabs .tab-content .tab-pane.collapse
{overflow: hidden;}
.collapse-arrow{
    right: 0;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    padding: 10px;
    border-left: 1px #FFF solid;
}
.collapse-arrow-up
{display: none;}
.collapse-arrow-down{
}
.bottomTabs .active .collapse-arrow-up
{display: block;}
.bottomTabs .active .collapse-arrow-down
{display: none;}
.clock-box
{width: 100%;height: 35px; margin-bottom: 10px; display: none; overflow: hidden; position: relative; z-index: 2;}
.infoIcon .clock-box
{ margin-bottom: -35px;}
*[data-empty-icon="true"] .clock-box
{ margin-top: -33px;}
.clockCt
{
    color: #FFF;
    background-color: #2C97D4;
    padding: 5px;
    width: auto;
    white-space: nowrap;
    float: left;
}
.hiddenClock .clockCt
{width: 24px; overflow: hidden;}
.clockCt.play
{}
.clockCt .icon{margin-right:5px; cursor: pointer;}
.clockCt .clock_ico{ margin-right: 8px;}
.clockCt.pause .pause_ico{display: none;}
.clockCt.play .pause_ico{display: inline;}
.clockCt.play .play_ico{display: none;}
.clockCt.pause .play_ico{display: inline;}
.clockCt.stoped .pause_ico,
.clockCt.stoped .play_ico,
.clockCt.stoped .stop_ico,
.clockCt.block-test .pause_ico,
.clockCt.block-test .play_ico
{display: none;}
.bottom-tabs-content
{position: relative;}
.hidden-tabs{display: none;}
.tab-pagination
{
    height: 35px;
    text-align: right;
    padding-top: 5px;
    clear: both;
    /* line-height: 25px; */
    padding-bottom: 5px;
}
.tab-pagination-btn
{
    height: 25px;
    padding: 0;
    width: 25px;
    background-color: #4d4d4d;
    line-height: 25px;
    text-align: center;
    border: 0;
    border-radius: 0;
    color: #FFF;
}
.tab-pagination-btn:hover
{
    background-color: #2C97D4;
    color: #FFF;
}
.tab-pagination-number
{
}
.tab-pagination-divisor
{}
.tab-pagination-prev
{margin-right: 6px;}
.tab-pagination-next
{margin-left: 6px;}

/* collapse childs */
.collapChilds
{
    clear: both;
    position: relative;
}
.collapChilds .panel-default>.panel-heading+.panel-collapse>.panel-body{
    border-top: 0 none;
    padding: 5px 0 0;
}
.collapChilds .panel-heading{
    background-color: rgb(119,119,119);
    padding: 0;
    border-bottom: 0;
    border-radius: 0;
}
.collapChilds .panel-heading.active{
    background-color: #2C97D4;
    border-bottom: 0;
    color: #333;
}
.collapChilds .panel-heading.active .panel-title>a{
    color: #333;
}
.collapChilds .panel-heading.active .panel-title>a .collapse-arrow{
    border-color: #333;
}
.collapChilds .panel-title{}
.collapChilds .active .panel-title{}
.collapChilds .panel-title>a{
    display: block;
    color: #FFF;
    padding: 10px 35px 10px 15px;
    position: relative;
    text-decoration: none;
}
.collapChilds .panel-title>a:hover{
    background-color: #2C97D4;
    color: #333;
}
.collapChilds .panel-title>a:hover .collapse-arrow{
    border-color: #333;
}
.collapChilds .active .panel-title>a{
}

.collapChilds .panel{
    box-shadow: none;
    -webkit-box-shadow: none;
    border: 0 none;
}
.collapChilds .collapse-arrow{
    right: 0;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    padding: 10px;
    border-left: 1px #FFF solid;
}
.collapChilds .collapse-arrow-up{
    display: none;
}
.collapChilds .active .collapse-arrow-up{
    display: block;
}
.collapChilds .active .collapse-arrow-down{
    display: none;
}

/* Front learning */

.childBlocks, .tilesCt
{ display: flex; flex-wrap: wrap; }
.tilesCt
{ padding-top: 20px;}
.childCol
{margin-bottom: 20px;}
.childBlock
{
    background-color: #efefef;
    height: 100%;
    position: relative;
    padding-bottom: 110px;
}
.childBlockCt
{padding: 20px 20px 0;}
.childBlockCt .header-label
{ margin-bottom: 20px;}
.childBlockCt .btn-primary,
.slider_ct .btn-primary
{
    right: 10px;
    background-color: #2C97D4;
    color: #4d4d4d;
    border: none;
    border-radius: 2px;
    padding: 10px;
    width: 70%;
    position: absolute;
    text-align: left;
    bottom: 40px;
}
.slider_ct .btn-primary
{float: right;width: auto;clear: both;min-width: 150px;line-height: 1;display: block;color: rgb(210, 115, 29);position: initial;background:  none;font-weight: 700;padding:  0;}
.childBlockCt .btn-primary:hover,
.slider_ct .btn-primary:hover
{
    color:#FFF;
}
.childBlockCt .btn-primary i.fa
{
    color: #4d4d4d;
    padding: 2px;
    border-radius: 2px;
    margin-right: 6px;
    clear:  both;
}
.slider_ct .btn-primary i.fa
{
    color: #FFF;
    padding: 2px;
    border-radius: 2px;
    margin-right: 6px;
    clear:  both;
}
.childBlockCt .btn-primary:hover i.fa,
.slider_ct .btn-primary:hover i.fa
{
    color: #FFF;
}
.childBlock:before,.childBlock:after,
.childBlockCt:before,.childBlockCt:after,
.topBar:before,.topBar:after
.slider_ct:before,.slider_ct:after
{
    display: table;
    content: " ";
}
.childBlock:after,
.childBlockCt:after,
.topBar:after,
.slider_ct:after
{ clear: both;}

#section-column-ct
{position: relative; z-index: 2;}

.mejs__fullscreen #section-column-ct
{z-index: 5 !important;}
/* top bar */
.topBar
{ margin-bottom: 20px; position: relative; z-index: 3;}
.userDash
{position: absolute;top: 7px;right: 15px;padding: 0;color: #868686; display: none;}
.searchBoxCt
{position: relative;background-color: #efefef;padding: 7px 13px;}
.searchBoxCt label
{
    width: 100%;
    font-weight: normal;
    margin-bottom: 0;
    position: relative;
}
.searchButton {
    position: absolute;
    background-color: transparent;
    border: none;
    top: 23%;
    right: 14px;
}
.searchBoxIcon
{
    color: #4d4d4d;
}

.searchform input {
    width:100%;
    border-color: #ccc;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    /* box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; */
    color: #4d4d4d;
    float: none;
    padding: 4px 22px 4px 4px;
}
.highlight {
    background-color:yellow;
}

/* autocomplete */
.easy-autocomplete {
    position: relative;
}
.easy-autocomplete input {
    border-color: #ccc;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    /* box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; */
    color: #4d4d4d;
    float: none;
    padding: 4px 22px 4px 4px;
}
.easy-autocomplete input:hover, .easy-autocomplete input:focus {
    /* box-shadow: none; */
}
.easy-autocomplete a {
    display: block;
}
.easy-autocomplete-container {
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 2;
}
.easy-autocomplete-container ul {
    background: none repeat scroll 0 0 #ffffff;
    border-top: 1px dotted #ccc;
    display: none;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    position: relative;
    top: -1px;
}
.easy-autocomplete-container ul li, .easy-autocomplete-container ul .eac-category {
    background: inherit;
    border-color: #ccc;
    border-image: none;
    border-style: solid;
    border-width: 0 1px;
    display: block;
    font-size: 14px;
    font-weight: normal;
    padding: 4px 12px;
}
.easy-autocomplete-container ul li:last-child {
    border-radius: 0 0 2px 2px;
    border-width: 0 1px 1px;
}
.easy-autocomplete-container ul li.selected {
    background: none repeat scroll 0 0 #ebebeb;
    cursor: pointer;
}
.easy-autocomplete-container ul li.selected div {
    font-weight: normal;
}
.easy-autocomplete-container ul li div {
    display: block;
    font-weight: normal;
    word-break: break-all;
}
.easy-autocomplete-container ul li b {
    font-weight: bold;
}
.easy-autocomplete-container ul .eac-category {
    font-color: #aaa;
    font-style: italic;
}

.eac-description .eac-item span {
    color: #aaa;
    font-style: italic;
    font-size: 0.9em;
}

.eac-icon-left .eac-item img {
    margin-right: 4px;
    max-height: 30px;
}

.eac-icon-right .eac-item {
    margin-top: 8px;
    min-height: 24px;
    position: relative;
}
.eac-icon-right .eac-item img {
    margin-left: 4px;
    max-height: 30px;
    position: absolute;
    right: -4px;
    top: -8px;
}
/* sidebar objects */

.sidebarOverlay{display: none;position: absolute;top:0;left:0;width: 100%;height: 100%;background-color: rgba(255, 255, 255, 0.7);}

/* pop ups */
.time_popup
{text-align: center;}
.time_popup .time_popup_strat_time
{color:#2C97D4; background-color: #FFF; font-size: 70px;}
.time_popup__msj
{}
.time_popup_time_value
{padding-left:3px !important;text-align: left;font-size: 28px;}
.time_popup_clock_ico
{position: absolute;left: 0;top: 0;color: #333;}
.time_popup_msj
{padding-right:3px !important;font-size: 12px;text-align: left;}
.time_popup_msj p
{line-height: 12px;}
.cover-ct {
    position: absolute; top: 0; height: 100%; width: 100%; background-color: rgba(255, 255, 255, 0.7); display: none; left:0;
}
.feedback
{display: none;}
.feedback_popup
{}
.feedback_popup button.close
{ position: absolute; top: 3px; right: 3px;}
.block-test,
.block-training,
.training,
.test
{position: relative;}
.block-test .modal,
.block-training .modal,
.training .modal,
.test .modal
{ position: absolute; margin: 0 15px; overflow-y: hidden;}
.modal-backdrop
{display: none;}
body.modal-open
{overflow: auto; padding-right: 0 !important;}
.modal-dialog{ max-width: 100%;}
.mejs__container {
    width: 100% !important;
    height: auto !important;
    padding-top: 57%;
}
.mejs__overlay, .mejs__poster {
    width: 100% !important;
    height: 100% !important;
}
.mejs__mediaelement video {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    width: 100% !important;
    height: 100% !important;
}
.mediaTheme + .mediaTheme,
.mediaTheme + .media-theme,
.media-theme + .mediaTheme,
.media-theme + .media-theme,
.mediaTheme + *,
.media-theme + *,
.notice + *
{
    margin-top: 15px;
}
.mediaTheme,
.media-theme,
.mediaTheme:last-child,
.media-theme:last-child {
}
.media-theme-inline img{
    display: inline !important;
    vertical-align: inherit;
}
.instruction-compact
{background-color: #FFF;}
.table-condensed.instruction-compact .table-cell.instruction,
.table.table-condensed.instruction-compact>tbody>tr>td.table-cell.instruction
{padding-left: 0; padding-right: 0;}
.table-condensed{ max-width: none !important;}
/* ############### CONTENT - NOTICE ###############*/
.notice-icon img {
    max-width: 100%;
    height: auto !important;
    padding: 10px 0px 0px 10px;
}

.notice-container {
    border: 2px dashed #FFC000;
    padding: 0;
    margin: 0;
    margin-top: 15px;
    text-align: left;
    background-color: #FFFEE7;
    min-height: 90px;
}

.notice {
    padding: 0 !important;
    border-color: #FFC000 !important;
    border-top-color: rgb(255, 192, 0) !important;
    border-right-color: rgb(255, 192, 0) !important;
    border-bottom-color: rgb(255, 192, 0) !important;
    border-left-color: rgb(255, 192, 0) !important;
}

.notice-title
{
    visibility: hidden;
    height: 1px;
}

.notice:after {
    content: '';
    display: table;
    clear: both;
}
.notice-container {
    margin:15px 0px 15px 0px;
    border:1px solid black;
    -moz-border-radius: 4px;
    border-radius: 4px;
    min-height:60px;
}
.Advice.notice-container {
    border-color:#0076c0;
}
.notice-container.filter {
    box-shadow:0 0 0 2px yellow;
}
.notice-title {
    font-weight:bold;
    margin:5px 5px 5px 65px;
}
.notice-body {
    margin:5px 5px 5px 65px;
}
.notice-icon {
    background:url(../icons/empty.png) no-repeat center;
    width:50px;
    min-height: 80px;
    float:left;
    padding-left: 60px;
}

.Danger > .notice-icon {
    background:url(../icons/danger.png) no-repeat center;
}

.Warning > .notice-icon {
    background:url(../icons/warning.png) no-repeat center;
}

.Caution > .notice-icon {
    background:url(../icons/caution.png) no-repeat center;
}
.notice-icon.custom-icon {
    background-image:none;
    padding:5px;
}

.notice-icon.custom-icon img {
    width: 100% !important;
    height: auto !important;
}
/* End notices */

.controlsyntax,
.controldialog,
.keysoftkey,
.ncfunction
{font-weight: bold; font-family:Trebuchet MS, 'robotoregular', monospace;}

/* Links */
.link, .link:active, .link:visited{
    color: rgb(210,115,29);
    position: relative;
    display: inline-block;
    font-weight: bold;
}
.link:hover{
    color: #4d4d4d;
}
.link:before{
    font-size: 20px;
    left: 0;
    margin-right: 10px;
    text-align: center;
    top: -2px;
    padding: 0;
    position: absolute;
    width: 20px;
    height: 20px;
    content:''
}
.MoreInfo{
    padding-left: 30px;
}
.MoreInfo:before{
    background-image: url("../images/icon_pfeil_chevron_left.svg");
}
.pdfIcon,
.downloadIcon,
.videoIcon,
.zipIcon
{
    display: inline-block;
    padding-left: 30px;
}
.pdfIcon:before{
    background-image: url("../images/icon_pdf.svg");
}
.downloadIcon:before{
    background-image: url("../images/icon_download.svg");
}
.videoIcon:before{
    background-image: url("../images/icon_play_video.svg");
}
.zipIcon:before{
    background-image: url("../images/icon_download.svg");
}
.mark, mark{ background-color: transparent; color: inherit;}

/* subtitles */
.mejs__overlay-play .mejs__overlay-button
{ z-index:2; background-size: 0 0; width: 100%; height: 100%;
    top:0;
    left: 0;
    margin: 0 !important;
}
.mejs__overlay-play:hover .mejs__overlay-button
{
    background-size: inherit;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 80px;
    position: absolute;
    margin: -40px 0 0 -40px !important;
}
.mejs__overlay-play
{z-index:2;}
.mejs__captions-layer
{max-width:100%;}
.mejs__container .mejs__controls
{z-index: 6; background: rgba(50,50,50,0.7) !important;}
.mejs__container .mejs__layers .mejs__captions-layer
{}
.mejs__captions-position {
    background: rgba(50,50,50,0.7) !important;
    bottom: 0 !important;
    min-height: 66px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.mejs__captions-position-hover {
    bottom: 40px !important;
}
.mejs__captions-text,
.mejs__captions-text *{
    padding: 3px 15px !important;
    background-color: transparent !important;
    /* width: 100%; */
    box-shadow: none !important;
    background: hsla(0,0%,0%,0) !important;
}
.mejs__captions-text *
{padding:0 0 0 0 !important;}
.mejs__captions-text p
{margin-bottom: 0;}
.mejs__captions-text .container-enum
{ margin-bottom: 0;}
.mejs__captions-text .container-enum.Numeric
{ list-style: decimal; }
.mejs__captions-text .container-enum.Alpha
{ list-style: upper-alpha;}
.mejs__captions-text .container-enum > li.enum-title
{font-weight: bold; margin-left: 0;}
.mejs__captions-text .container-enum > li:before
{display: none;}
.mejs__captions-text .container-enum > li
{color: #FFF; margin-bottom: 0;}
.mejs__captions-text .container-enum.Numeric > li,
.mejs__captions-text .container-enum.Alpha > li,
.mejs__captions-text .container-enum.Circle > li,
.mejs__captions-text .container-enum.Bullet > li
{display: list-item; list-style-position: inside;}
.mejs__captions-text .container-enum.Circle
{list-style: circle;}
.mejs__captions-text .container-enum.Bullet
{list-style: disc;}
.mejs__captions-text .container-enum.Arrow > li,
.mejs__captions-text .container-enum.Point > li,
.mejs__captions-text .container-enum.Line > li
{display: table;}
.mejs__captions-text .container-enum.Arrow > li:not(.enum-title)::before
{content:"►"; display: block; position: absolute; left: 0;}
.mejs__captions-text .container-enum.Point > li:not(.enum-title)::before
{content:"•"; display: block; position: absolute; left: 0;}
.mejs__captions-text .container-enum.Line > li:not(.enum-title)::before
{content:"-"; display: block; position: absolute; left: 0;}
/*
.mejs__container-fullscreen .mejs__mediaelement,
.mejs__container-fullscreen video
{z-index: 4;}
*/
.mejs__container-fullscreen{ padding: 0;}
.mejs__time-slider .mejs__time-loaded {
    background: #3caac8;
    background: rgba(60,170,200,0.8);
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(44,124,145,0.8)),to(rgba(78,183,212,0.8)));
    background: -moz-linear-gradient(top,rgba(44,124,145,0.8),rgba(78,183,212,0.8));
    background: linear-gradient(rgba(44,124,145,0.8),rgba(78,183,212,0.8));
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,startColorstr=#2C7C91,endColorstr=#4EB7D4);
}
.mejs__controls .mejs__time-rail .mejs__time-current {
    background: #fff;
    background: rgba(255,255,255,0.8);
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0.9)),to(rgba(200,200,200,0.8)));
    background: -moz-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,startColorstr=#FFFFFF,endColorstr=#C8C8C8);
}
/* nc satz table*/
.table-cell,
.table>tbody>tr>td.table-cell{
    text-align: left;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 2px;
    line-height: initial;
    vertical-align: middle;
    height: 5px;
    font-size: 13px;
}
.table-cell-col-odd-NC,
.table-cell-col-odd-NCBreit{
    border-bottom: #ffffff solid 1pt;
    background-color: #b1b1b1;
}
.table-cell-col-even-NC,
.table-cell-col-even-NCBreit,
.table-cell-col-even-NCSchema{
    border-bottom: #ffffff solid 1pt;
    background-color: #efefef
}

.table-cell-firstcolumn-NC,
.table-cell-firstcolumn-NCBreit {
    font-weight: bold;
    border-bottom: #ffffff solid 1pt;
    background-color: #b1b1b1;
}

.table-cell-lastcolumn-NC,
.table-cell-lastcolumn-NCBreit {
    border-bottom: #ffffff solid 1pt;
    background-color: #efefef;
}

.table.table-Nolines,
.table .table.table-Nolines{
    margin-bottom: 2px;
    margin-top: 5px;
    background-color: transparent;
}
.table-cell-firstcolumn-Nolines,
.table-cell-lastcolumn-Nolines,
.table .table.table-cell-firstcolumn-Nolines,
.table .table.table-cell-lastcolumn-Nolines{
    border: 0 !important;
}
.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    /*padding: 0;*/
}
.ncfunction {
    font-family: Trebuchet MS, 'robotoregular', monospace;
    font-weight: bold;
    padding-bottom: 5px;
    padding-left: 4px;
    padding-top: 5px;
    color:#000;
}
.nc-cycle-qpara {
    font-family: Trebuchet MS, 'robotoregular', monospace;
    margin-left: 5px;
    padding-left: 15px;
    white-space: nowrap;
    margin-top: -2pt;
    margin-bottom: -1pt !important;
    width: 75pt;
    color:#000;
}
.nc-cycle-nccomment {
    font-family: Trebuchet MS, 'robotoregular', monospace;
    margin-top: -2pt;
    margin-bottom: -1pt !important;
    color:#000;
}
.nclabeljump{
    display: block;
    background-image:url(../images/sprung.svg);
    background-repeat: no-repeat;
    background-position: center center;
    width: 30px;
    height: 30px;
    background-size: 80% auto;
}
.nccomment, .ncstructure{
    padding-left: 4px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.table-cell-firstrow .nccomment,
.table-cell-firstrow .ncstructure{
    padding-top: 5px;
}
.table-cell-NCSchema .table{ margin-bottom: 0;}
.table-cell-firstcolumn-NCSchema .ncstructure{
    font-weight:bold;
}
.ncstructure img {
    min-width: 50px;
}
.table-cell-col-odd-NCSchema{
    background-color: #efefef;
}
.table-cell-col-even-NCSchema{
    background-color: #b1b1b1;
}
.floating{ position: relative;}
.floating .panel-heading{
    position: absolute;
    left: 0;
    z-index: 10;
    right: 0;
}
.floating .panel-collapse{ padding-top: 30px;}
.table-condensed .table-cell, .table.table-condensed>tbody>tr>td.table-cell{
    padding: 5px;
    font-size: 16px;
    vertical-align: top;
}
.img-responsive.svg {}
.NoLinkText, .popup { cursor: pointer; }
.NoLinkText:before {
    content: '';
    display: inline-block;
    padding-left: 100%;
}
.instruction-compact .img-responsive.media-softkey {
}
.edge-frame{width:0 !important; min-width:100%;}

.multipleChoiceCt{
    display: flex;
    flex-flow: row wrap;
    align-items: flex-end;
}
.multipleChoiceCt > * {
}
.multipleChoiceForm .scroll-pane{border: 1px solid #003A6E;}
.multipleChoiceForm label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    text-align: center;
}
.multipleChoiceForm input[type=radio] {
    display: none;
}
.multipleChoiceForm label {
    display: block;
    width: 40px;
    height: 40px;
    margin-right: 10px;
    background-color: #FFF;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    color: #003A6E;
    margin: 0 auto;
}
.multipleChoiceForm label > i{
    display: none;
    line-height: 40px;
    font-size: 2.5em;
}
.multipleChoiceForm input[type=radio]:checked + label {}
.multipleChoiceForm input[type=radio]:checked + label > i{ display: block;}
.multipleChoiceForm .table{ margin-bottom: 0;}
.multipleChoiceForm .table > tbody > tr:first-child > td{ border-top: 0 none;}
.table > tbody > tr > td.checkCol{ background-color: #003A6E; border-color: #003A6E; color: #FFF;}
.table > tbody > tr > td.contentCol{ vertical-align: middle;}
.notAnswered{ color: #FF0000;}
.correctAnswerBox{ color:#006599;}
.falseAnswerBox{ color: #FF0000;}
.failAnswered{}
.correctAnswered{}
.counterWrongAnswers{ font-size: 12px; text-align: center;}
.checkCol1, .checkCol2{ width: 45px; text-align: center; font-weight: 700; text-transform: capitalize;}
.checkCol3{ font-weight: 700; font-size:1.2em;}
.test-button{ position: relative;}
.test-button .btn-primary{ background-image: none; -webkit-border-radius: 0; border-radius: 0; width: auto;}

@media (min-width: 1200px){
    .container {
        max-width: 1890px;
        width: 100%;
    }
}
@media (min-width: 1950px){
    header.header{background-color: #EFEFEF;}
    .test-button .btn-primary{ width: 100% !important;}
}
@media (min-width: 992px) {
    .sidebar .container-fluid > .navbar-collapse {
        margin-right: -15px;
        margin-left: -15px;
    }

    .container {
        width: 100%;
    }

    header.header {
        position: relative;
    }

    header.header:after {
        position: absolute;
        width: 50%;
        right: 0;
        background-color: #EFEFEF;
        bottom: 0;
        top: 0;
        display: block;
        content: '';
        z-index: -1;
    }

    header.header .container {
        background-color: #EFEFEF;
    }
}
@media (min-width: 767px){
}

@media (max-width: 992px){
    body,
    .table-condensed .table-cell,
    .table.table-condensed>tbody>tr>td.table-cell,
    .container-enum li.enum-element:before{
        /* font-size: 13px; */
    }
    .padding-left{ padding-left: 0; }
    .padding-right{ padding-right: 0; }
    .container{
        width: 100% !important;
        /*min-width: 370px;*/
    }
    .navbar-nav {
        float: left;
        margin: 0;
    }
    .main-nav>.container-fluid
    {padding-left: 0; padding-right: 0;}
    .header{ margin-top: 20px; background-color: transparent; position: relative; }
    .header::after{
        content: '';
        background-color: #EFEFEF;
        display: block;
        height: 100%;
        width: 20px;
        position: absolute;
        right: 0;
        top: 0;
    }
    .header>.container-fluid
    {
        background-color: #FFF;
        min-width: 370px;
    }
    .main-nav{
        background-color: #EFEFEF;
    }
    .main-nav > .container{
    }
    .navbar-brand
    {
        padding-left: 0;
        margin-left: 0;
    }
    .secondLogo{
        margin-right: 20px;
        max-width: 171px;
        width: 100%;
    }
    .topBar
    {border-bottom: 1px #EFEFEF solid;margin-bottom: 5px;padding-bottom: 5px;/* padding: 0 0 5px; */margin-left: 0;margin-right: 0;}
    .userDash
    {
        right: 0;
    }
    .sidebar{
        background-color: #FFF;
    }
    .sidebar-toggle {
        display: block;
        float: left;
        padding: 0;
        margin-top: 0;
    }
    .topSearchBox
    {float: right;padding-right: 25px;}
    .searchBoxCt
    {
        padding: 0;
        background-color: transparent;
    }
    .searchBoxCt label
    {}
    .breadcrumb
    {float: left;border-bottom:0 none;padding: 2px 0px;}
    .sidebar .navbar-collapse.collapse{
        display: none!important;
        height: auto!important;
        padding-bottom: 0;
        overflow: visible!important;
    }
    .sidebar .navbar-collapse.in{
        display: block!important;
    }
    .sidebar .navbar-header {
        float: none;
    }
    .sidebar .navbar-nav {
        float: none;
    }

    .submenuArrow{/* display: none; */}
    .expanded .submenuArrow{ display: block; }

    .sidebar .link-text{/* display: none; */}

    .floating .panel-heading{
    }
    #section-column-ct
    {z-index: 5;}
    .mejs__captions-layer
    {max-width:100%;}
    .item .block-ct {
        background-color: #FFF;
    }
    .carousel-inner {
        overflow: inherit;
    }
    .media-softkey{
        /* max-width: none !important;*/
        min-width:35px;
    }
    .instruction-compact colgroup col:first-child {
        min-width: 120px;
    }
    .instruction-compact .media-softkey {
        min-width: 0;
    }
    .multipleChoiceCt{
        flex-direction: column;
    }
}

@media (max-width: 767px) {
    body,
    .table-condensed .table-cell,
    .table.table-condensed>tbody>tr>td.table-cell,
    .container-enum li.enum-element:before{
        font-size: 12px;
    }
    .container-enum li.enum-element:before {
        line-height: 12px;
        top:5px;
    }
    .bottomTabs .closeTabs.externalClose
    {top: -35px;}
    .column-main
    {}
    .topSearchBox
    {padding-right: 25px;}
    .childCol
    {flex: 1 auto;}
    .childBlock
    {background-color: #efefef;}
    .hidden-tabs
    {display: block;}
    td < div < .nclabeljump{ padding-right: 0;}
    .nclabeljump{width: 20px; height: 20px;}
    .carousel-inner {
        overflow: inherit;
    }
    .floating .panel-heading::after{
        display: block;
        content: '';
        width: 15px;
        position: absolute;
        top: 0;
        right: 0;
        margin-right: -15px;
        bottom: 0;
        background-color: #FFF;
    }
    .floating .panel-heading::before {
        display: block;
        content: '';
        width: 15px;
        position: absolute;
        top: 0;
        left: 0;
        margin-left: -15px;
        bottom: 0;
        background-color: #FFF;
    }
    .h1, h1
    {
        font-size:28px;
    }
    .h2, h2
    {
        font-size: 16px;
    }
    li.step:before{
        height: 14px;
        width: 9px;
    }
    li.step.result:before{
        font-size: 17px;
    }
    .container-enum{
        padding-left: 15px;
    }
    .container-enum > p,
    .container-enum li.enum-title{
        margin-left: -15px;
    }
    .container-enum.Numeric > li:before,
    .container-enum.Alpha > li:before {
        font-size: 12px;
        top: 0;
    }
    .nc-cycle-qpara{
        width: 80px;
    }
    .container-enum li.enum-element{
        line-height: 16px;
    }
    .secondLogo{
        margin-top: -6px;
    }
}

@media (max-width: 400px) {
    .instruction-compact colgroup col:first-child {
        min-width: auto;
        width: 20% !important;
    }
    .instruction-compact colgroup col:last-child {
        width: 77% !important;
    }
}

@media (max-width: 370px) {
    .secondLogo {
        display: none;
    }
    .topSearchBox{
        padding: 0;
    }
}