/*
scroller
*/

.scroller {
    position: relative;
    display: block;
    padding: 10px 0px;
 }
 
 .scroller  h4 {
    position: relative;
    display: table;
    font-size: 14px;
    padding: 10px 0px;
    color: var(--navigation-color);
    letter-spacing: 0px;
 }
 
 .scroller > .container {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    max-height: 28vh;
    overflow-y: auto;
    overflow-x: hidden;
 }
 
 .scroller > .container::-webkit-scrollbar {
    width: 5px;
 }
 
 .scroller > .container::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
 }
 
 .scroller > .container::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
 }
 
 .scroller > .container > div > ul {
    position: relative;
    display: table;
 }
 
 .scroller > .container > div > ul > li {
    position: relative;
    display: table;
 }
 
 
 /*
 conference
 */
 
 iframe.conference {
    position: absolute;
    top: 0px;
    left: 230px;
    min-height: auto;
    height: 92vh;
 
    /* 100 vw minus side menu and logout button */
    width: -moz-calc(100vw - 290px);
    width: -webkit-calc(100vw - 290px);
    width: calc(100vw - 290px);
 
     /* 100 vh minus bottom lessons */
     height: -moz-calc(100vh - 74px);
     height: -webkit-calc(100vh - 74px);
     height: calc(100vh - 74px);
 }
 

 iframe.conference.type-4,
 iframe.conference.type-5 {
    left: 0px!important;
    top: 0px!important;
    width: -moz-calc(100vw - 60px);
    width: -webkit-calc(100vw - 60px);
    width: calc(100vw - 60px);
    height: -moz-calc(100vh );
     height: -webkit-calc(100vh );
     height: calc(100vh );
 
 }