html{
    background-color:transparent;
}

body{
    background-color:white;
}

body > div.container{
    display:flex;
    margin-top:50vh;
}

img.bg-img{
    position:absolute;
    z-index:-1;
    left:0px;
    top:50px;
    width:100vw;
    height:50vw;
}

.icon{
    width:50px;
    height:50px;
}

.flex{
    display:flex;
    align-items:center;
}

.ef-course-name > span{
    font-size:30px;
    color:#2F4D72;
    font-weight:bold;
    line-height:1.5;
}


.ef-course-name{
    padding-top:20px;
   
}

.ef-category-name{
    padding-left:10px;
    color:#1f90b1;
    font-size:20px !important;
    text-transform: unset !important;
}

fieldset > legend{
    border-bottom:none !important;
    font-size:16px;
    color: #2F4D72;
    font-weight:700;
}

#ef-billboard-body li{
    list-style-type: none;
}

#ef-billboard-body li::before{
    content: '\279C';
    color: #0abbef ;
    margin-right: 3px;
}

#ef-billboard-body > div > div{
    padding:5px;
}
#ef-billboard-body > div > div > p{
    border-bottom: 1px solid lightgrey;
}

@media screen and (min-width: 600px) {
    #ef-billboard-body > div > div > p:nth-last-child(1){
        border-bottom:none;
    }
}

@media screen and (max-width: 600px) {
    #ef-billboard-body > div {
        flex-direction: column;
    }
    #ef-billboard-body > div > div {
        width: 100% !important;
    }
    #ef-billboard-body > div > div:nth-of-type(1) {
       order: 2;
       padding-top: 0;
    }
    #ef-billboard-body > div > div:nth-of-type(2) {
        order: 1;
        padding-bottom: 0;
     }
  }

.more{
    background-color:#0abbef;
    color:white !important;
    border: none;
    border-radius: 5px;
    padding:10px;
    padding-left: 20px;
    padding-right:20px;
    margin-bottom:40px;
    display:inline-block;
    
    
   
}

.more:focus{
    
    outline: -webkit-focus-ring-color auto 0px !important;
    display:inline-block;
}

.more:active, .more:link, .more:visited{
    color:white!important;
    display:inline-block;
}

.grey{
    background-color:grey !important;
    text-transform:uppercase;
    margin-bottom:10px !important;

}

.price{
    display:flex;
    justify-content:center;
    margin-bottom:20px;
    align-items:center;
    font-size:20px;
    color:#2F4D72;
}

.price>img{
    margin-right:10px;
}

.ef-dashboard-header{
    min-height:unset;
}

.icon-img-sm{
    flex:none;
    margin:3px;
    width:25px;
    height:25px;
}

.icon-img-md{
    flex:none;
    margin:3px;
    width:45px;
    height:45px;
}

.icon-img-sm.icon-grey{
    filter: invert(66%) sepia(9%) saturate(23%) hue-rotate(22deg) brightness(92%) contrast(89%);
 }


.time{
    text-transform:uppercase;
    color:#2F4D72; 
    font-size:11px;
}

.login{
    margin-left:40px;
}

body > div.container > div{
    width:100%;
}

.ef-dashboard-header .ef-main-action-button{
    margin-top:0px;
    margin-bottom:20px;
 
}

.ef-dashboard-header .ef-main-action-button .btn.btn-success{
    background-color:#0abbef !important;
    border-color:#0abbef !important;
}

.btn-success:hover{
    background-color:#0abbef !important;
    border-color:#0abbef !important;
}

.ef-dashboard-header .ef-category-name{
    overflow:visible;
}

.div-svg-icon{
    position:absolute;
    z-index:-1;
    left:0px;
    top:50px;
    
}

.white-btm-border{
    position:absolute;
    z-index:-1;
    left:0px;
    top:70vh;
    width:100vw;
    height:50vh;
    background-color:white;
}

@media only screen and (max-width: 991px) {

    .div-svg-icon{
        top:100px;
        
    }

    body > div.container{
        margin-top:20vh;
    }

}


@media only screen and (max-width: 789px) {

 body.ef-user-signed-in img.bg-img{
     top:150px;
     
 }

}



@media only screen and (min-width: 790px) and (max-width: 1300px) {

    body.ef-user-signed-in img.bg-img{
        top:110px;
        
    }
   
   }

@media only screen and (max-width: 1200px) {

body:not(.ef-user-signed-in) img.bg-img{
    top:100px;
    
}

}

.custom-line-height{
    line-height:unset;
    padding-bottom:2px;
}

.fill-middleblue{
    filter: invert(43%) sepia(83%) saturate(470%) hue-rotate(147deg) brightness(93%) contrast(86%);
}

.fill-lightblue{
    filter: invert(58%) sepia(59%) saturate(790%) hue-rotate(155deg) brightness(92%) contrast(104%);
}

div.lightblue{
    color:#0abbef !important;
}

.unset-width{
    width:unset;
}

div#content-title-row>div.content-title-style>div>span{
    font-size:20px;
    color:#2F4D72;
}

div#content-title-row>div.content-title-style>div{
    padding-bottom:20px;
}

.ef-unit-tree>ul>li>ul>li>div.ef-entry-head{
    text-transform: uppercase;
    color:#0abbef !important;
}

.mwst{
    font-size:15px;
}