@charset "utf-8";
/* CSS Document */

nav{
    width: 73px;
}
nav.close{
    width: 250px;
}
nav .logo_name{
    opacity: 0;
    pointer-events: none;
}
nav.close .logo_name{
    opacity: 1;
    pointer-events: auto;
}
nav li a .link-name{
    opacity: 0;
    pointer-events: none;
}
nav.close li a .link-name{
    opacity: 1;
    pointer-events: auto;
}
nav ~ .dashboard{
    left: 73px;
    width: calc(100% - 73px);
}
nav.close ~ .dashboard{
    left: 250px;
    width: calc(100% - 250px);
}
nav ~ .dashboard .top{
    left: 73px;
    width: calc(100% - 73px);
}
nav.close ~ .dashboard .top{
    left: 250px;
    width: calc(100% - 250px);
}
.activity .activity-data{
    overflow-X: scroll;
}

/* Games */
.gamesButton {
    padding: 10px;
    font-size: 14px;
    margin: 10px auto;
}
.gamesDescription p {
    font-size: 16px;
}
ul.dragDropMatchImg {
    flex-wrap: nowrap;
}
.sequencetarget {
    min-width: 100px;
    min-height: 100px;
    font-size: 50px;
}

.dragGameRow .ui-state-default {
    height: 60px;
    font-size: 20px;
    padding: 0 10px;
}
.customHeading h2 {
    font-size: 25px;
    line-height: 30px;
}

.spinner .spin {
    height: 40px;
    width: 40px;
    font-size: 12px;
}
.spinner .wheel .number span {
    font-size: 12px;
}
.gamesDescription.puzzledescription ul.scramblerDescription li {
    height: 120px;
}
ul.scramblerDescription.inputtypescrambler.scramblergamewithphoto li {
    height: 200px;
}
.wordscramblermaindiv label {
    font-size: 14px;
}
.wordscramblermaindiv input {
    font-size: 14px;
}

.photoGameRow.dragdropGameRow > .columnSection img {
    height: 100px;
}
ul.connected-sortable.droppable-area2.picturematchdragdroplist li.draggable-item.draggableItem {
    height: 100px;
}
.water-jar {
    height: 500px;
}
.water-jar .water .fishinjar>img {
    width: 150px;
}
.drops>div>img,.drops2>div>img,.drops3>div>img,.drops4>div>img,.drops5>div>img,.drops6>div>img,.drops7>div>img,
.drops8>div>img,.drops9>div>img{
    width: 80px;
    height: 80px;
}


/* sidebar */
.opensidebar .sidebar {
    left: -280px;  
}
.sidebar {
    top: 80px;
    z-index:9;
}
.opensidebar .main-content {
    width: 100%;
    margin-left: 0;
}
.main-content {
    margin-left: 0;
    width: 100%;
}
.lmsFooterImage img {
    display: none;
}

.dashboardCard {
    margin-bottom: 20px;
}
.opensidebar footer {
    margin-left: 0;
}
footer {
    margin-left: 0;
}
.opensidebar .navigation-menu ul.list-inline.list-inlinefirst>li:first-child, .opensidebar .navigation-menu ul.list-inline.list-inlinesecond>li:first-child, .opensidebar .navigation-menu ul.list-inline.list-inlinethird>li:first-child {
    display: block;
}
.sidebar {
    left: -280px; 
}
.opensidebar .sidebar {
    left: 0px;
    width: 280px;
}
.opensidebar ul.list-inline.list-inlinefirst:after,
.opensidebar ul.list-inline.list-inlinesecond:after,
.opensidebar ul.list-inline.list-inlinethird:after{
    position: unset;
    content:"";
}
.opensidebar ul.list-inline.list-inlinefirst,
.opensidebar ul.list-inline.list-inlinesecond,
.opensidebar ul.list-inline.list-inlinethird {
     margin-top: 30px;
}
.opensidebar .sidbar-logo {
    border-bottom: unset;
}
.opensidebar .navigation-menu ul>li>a {
    justify-content: start;
    padding: unset;
}
.opensidebar .navigation-menu ul>li span {
  display:block; 
}
.gamesDescription p {
    font-size: 16px;
}
.spinner-container{
    width: 360px;
    height: 360px;
}