@keyframes ifMenuFadeIn {
from {
opacity: 0;
transform: translate3d(20%, 0, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.if-menu-peek {
position: relative;
}
.if-menu-peek a {
opacity: 0.8;
}
.if-menu-peek::before {
content: "If Menu peek";
position: absolute;
text-align: center;
top: 50%;
left: calc(100% + 15px);
background: #f6f9fc;
box-shadow: 0 0 0 1px rgba(136,152,170,.1), 0 15px 35px 0 rgba(49,49,93,.1), 0 5px 15px 0 rgba(0,0,0,.08);
border-radius: 4px;
width: 140px;
margin-top: -17px;
padding: 10px 15px;
font-size: 14px;
opacity: 0;
pointer-events: none;
}
.if-menu-peek:hover::before {
animation: ifMenuFadeIn ease-in-out .2s forwards;
}
.if-menu-peek::after {
content: "";
position: absolute;
width: 20px;
height: 17px;
background: url(//www.clinicalcpd.co.uk/wp-content/plugins/if-menu/assets/icon-visibility.svg);
color: rgb(80,169,47);
background-size: cover;
top: -14px;
right: -15px;
border-radius: 50%;
}div#sensei_lesson_timer_wrapper{
position: fixed;
top: 50px;
left: 40px;
z-index:999999 !important;
cursor: pointer;
}
div#sensei_lesson_timer {
background:  #e1e3e8;
font-size:20px;
color:#167dbb;
font-weight:900  ; 
padding:6px;
border:1px solid #a7a4a4;
text-align: center;
}
#sensei_lesson_timer:before{
content: "Time spent on this unit: ";
display:block;
text-align:  center;
font-size: 16px;
margin-bottom: -9px;
color: #177cbb;
padding-bottom: 10px;
}
#sensei_lesson_timer:after{
content: "40 minutes required.  ";
display:block;
text-align:  center;
font-size: 16px;
margin-bottom: -9px;
color: #444545;
padding-bottom: 10px;
}
#sensei_lesson_timer span{
padding:3px; 
} 
#sensei_lesson_timer_wrapper .msg {
display: block;
text-align: left;
font-size: 16px;
margin-bottom: -9px;
color: #ffffff;
max-width: 250px;
background: #5e8f39;
padding: 10px;
position: relative;
line-height: 18px;
}
#sensei_lesson_timer_wrapper .msg .close-msg{
display: inline-block;
position: relative;
font-weight: 900;
font-size: 21px;
border: 1px solid #fff;
width: 36px;
text-align: center;
background: #43672a;
top: 0;
float: right;
line-height: 36px;
margin-left: 5px;
}
.link-to-quiz{
cursor: pointer !important;
}
@media screen and (max-width:600px){
#sensei_lesson_timer_wrapper{width: 100%;left: 0 !important; top:0 !important;}
div#sensei_lesson_timer { font-size: 16px;width:100%;}
#sensei_lesson_timer_wrapper.closed  #sensei_lesson_timer{ width:34%;}
#sensei_lesson_timer:before{
content: "Time Spent";
display:  inline-block;
padding-right:10px;
padding-bottom: 0px;
}
#sensei_lesson_timer span{ padding:3px 1px; } 
#sensei_lesson_timer_wrapper .msg{ max-width: 600px;  overflow-x: scroll;    max-height: 300px;}
}