body {
  overflow-x: hidden;
  overflow-y: scroll;
    font-family: 'Roboto';
}

div.ef-card-wrap > div:not(.thumbnail):not(.caption):not(.ef-plain):not(.ef-entry-status) {
  height:4px !important;
}

table {
  height: auto !important; /* or remove height altogether */
}

.ekborder {
  border-collapse: collapse !important;
  width: 100%;
}

.ekborder th,
.ekborder td {
  border-width: 1px;
  border: 1px solid black !important;
  padding: 8px;
}



.ef-additional-info {
font-size: 15px !important;
background-color: #00c2cc;
color: white;
padding: 5px;
border-radius: 3px;
}

.ef-session-link.link {
font-size: 15px !important;
background-color: #00c2cc;
color: white;
padding: 5px;
border-radius: 3px;
}



/*Styling of Search bar and Results*/

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ffffff !important;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #ffffff !important;
}

::-webkit-input-placeholder { /* Microsoft Edge */
  color: #ffffff !important;
}

div.searchDivLeft {
 background-color: #2895ff; 
}

div.searchDivCenter {
 background-color: #2895ff !important;
}

div.searchDivRight {
 background-color: #2895ff !important; 
}

#ef-search-bar {
 background-color: #2895ff !important;
 color: #ffffff !important;
}

/*Verstecken der Kurssuche*/
#search-courses {
 display: none !important;
}

div.ef-control-area > div > div > button {
   display: none !important;
}


#sResultsDiv span {
  font-weight: 900;
  font-size: 14px;
}

#sResultsDiv strong {
  font-weight: 300;
  font-size: 10px;
}

a.ef-question-score {
 font-size:14px;
 text-Decoration: none;
 padding:5px;
 padding-left: 10px;
 padding-right: 10px;
 color:#fff;
 background-color:#00c2cc;
 /*border-left:2px solid #efefef;
 border-top:2px solid #efefef;
 border-right:2px solid #000000;
 border-bottom:2px solid #000000;*/
 border-radius:3px;
  border:0px;
}
/* Format for Marcel Start */
                    .do-this {
                        font-size: 24px;
                        background: #6e9286;
                        color: white;
                        margin: 0 8px 0 0;
                        padding: 4px 6px;
                        border-radius: 3px;
                    }

 

                    .donot-this {
                        font-size: 24px;
                        background: #b06262;
                        color: white;
                        margin: 0 8px 0 0;
                        padding: 4px 6px;
                        border-radius: 3px;
                    }

 

                    .avoid-this {
                        font-size: 24px;
                        background: #686893;
                        color: white;
                        margin: 0 8px 0 0;
                        border-radius: 3px;
                        padding: 4px 6px;
                    }
/* Format for Marcel END */

/*#ef-navbar .container .navbar-header {
    max-width: 215px;
}

#ef-navbar .container .navbar-header .ef-navbar-logo {
    max-width: 215px;
}*/

#ef-course-name-heading {
    font-family: 'Comfortaa';
}

#filter-course {
 font-family: 'Comfortaa';
  
}

.ef-content-area {
  font-family: 'Roboto';
}

.ef-content-area h2 {
  font-family: 'Comfortaa';
}

.ef-test-page h1 {
  font-family: 'Comfortaa';
  font-weight: bold;
}

.ef-content-area a {
  color: #1e1aff;
  text-decoration: underline;
}

.colored-seperator {
    width: 100%;
    height: 12px;
    background: linear-gradient(90deg,#2299d6,#f9ae00,#e94d18,#682182,#38aa34,#2299d6);
    background-repeat: repeat-x;
    -webkit-animation: go 6s linear infinite;
    animation: go 6s linear infinite;
}

td { padding: 5px; }

.widetable {
  margin: 15px 0;
  width: 100%;
  border-collapse: collapse;
  border: 1; 
  display: flex;
  align-items: center;
  max-width: 100% !important;
  justify-content: center;
}

.widetable td {
  padding: 5px !important;
  font-size: 80%;
  vertical-align: middle;
  text-align: center;
  border: 1px solid #999;
  color: #30302F;
  font-family: Arial, Helvetica, sans-serif;
}

.ef-my-courses .ef-courses-list ul li.ef-my-courses-category > div.ef-entry-head {
    background-color: #BF1638;
}

.ef-my-courses .ef-courses-list ul li.ef-my-courses-category > div.ef-entry-head:hover {
    background-color: #bbb;
}

.ef-icon.no-content-added {
    background-image: url(https://learning.ek-robotics.com/avatar/size/small/id/4566);
}

.ef-logo {
    background-image: url(https://learning.ek-robotics.com/avatar/size/small/id/4566);
}

.embed-responsive-4by3 {
 padding-bottom: 56%; 
}

/* Styling der Quizzes */
.panel-primary > .panel-heading {
  background-color: #bf1537;
  border-color: #bf1537;
}

/*.ef-failure-button {
  display: none;
}

.ef-nav-handle {
 display: block;
}


#userReportCoursesTable {
  display: none;
}*/

/* Style the video: 100% width and height to cover the entire window */
#myVideo {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-42%) translateY(-4%);
    transform: translateX(-42%) translateY(-4%);
    min-width: 100vw;
    min-height: 100vh;
    width: auto;
    height: auto;
    pointer-events: none;
  	overflow-x: hidden;
    overflow-y: scroll;
}

#ef-login-index {
  position: relative;
  background-color: rgba(255, 255, 255, 0.8);
  /*max-width: 500px;
  min-width: 400px;*/
  margin-top: 100px;
}

#ef-index-page {
  padding-top: 20px;
}

/* Signature Generator Start*/
#sig_gen input[type="radio"], #sig_gen input[type="checkbox"]{
  height:16px;
  width: auto;
  line-height: 1.5em; 
  margin-bottom: 0;
  margin-right: 5px;
}
#sig_gen .hidden{
  display: none;
}
#sig_gen .visible{
  display: block;
}
#sig_gen #sig_gen-copytoclipboard{
  display: none;
}
#sig_gen #sig_gen-copytoclipboard.visible{
    display: block;
  }
#sig_gen #sig_gen-copytoclipboard.success{
  color: #ffffff;
  border-color: #38aa34;
  background: #38aa34;
}
#sig_gen-signature_headline{
  display: none;
}
#sig_gen-signature_headline.visible{
  display: block;
}
#sig_gen label{
  clear: both;
  display: block;
  margin-bottom: 3px;
  font-weight: bold;
  font-size: 13px;
}
#sig_gen select, #sig_gen input, #sig_gen textarea{
  clear: left;
  float: left;
  height: 48px;
  font-weight: normal;
  text-transform: none;
  width: 100%;
  margin-bottom: 20px;
}
#sig_gen textarea{
  width: 100%;
  height:120px;
}
#sig_gen button, #sig_gen .button{
  display: block;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 16px;
  padding:  2px;
    padding-left: 5px;
  border: 1px solid #000;
  color: #000000;
  background: none;
  text-align: left;
  width: 100%;
  line-height: 2.5em;
  margin-bottom: 5px;
  text-decoration: none !important;
  cursor: pointer;
  margin-top: 50px;
  clear:both;
}
#sig_gen button:hover, #sig_gen .button:hover{
  background-color: #000;
    color: #fff;
}
#sig_gen table >*, #sig_gen table p, #sig_gen #sig_gen-signature p{
  text-align: left;
}
input#sig_gen-Phone, input#sig_gen-Mobile{
  width: 80%;
  clear: right;
  float: right;
}
#sig_gen .radio-group label, #sig_gen .checkbox-group label{
  clear:right;
}
#sig_gen-phone-prefix{
  float: left;
}
#sig_gen-mobile-prefix{
  float: left;
}
/* Signature Generator End */

/* DO NOT ADD/EDIT AFTER THIS LINE */
#ef-navbar, #ef-navbar li a.dropdown-toggle[aria-expanded="true"]{background-color:#000000;border-color:#000000;}
div.breadcrumb-x{background-color:#FFFFFF;border-color:#FFFFFF;}
html,body{background-color:#F3F3F3;}
*.btn.btn-primary, *.btn.btn-primary:not(.active), *.btn.btn-primary:hover, *.btn.btn-primary:hover:not(.active), *.btn.btn-primary:focus, *.btn.btn-primary:focus:not(.active){background-color:#00c2cc;border-color:#00c2cc;}
html.new-ui-html:root{--c-brand-primary:#000000;--c-brand-primary-darken-5:#000000;--c-brand-primary-darken-7:#000000;--c-brand-primary-darken-10:#000000;--c-brand-primary-darken-15:#000000;--c-brand-primary-darken-17:#000000;--c-brand-primary-darken-20:#000000;--c-brand-primary-darken-25:#000000;--c-brand-primary-lighten-7:#070707;--c-brand-primary-lighten-40:#282828;}