.level7-input{
  width: 60%;
}

.level7-clint{
  margin: 10px 0;
}

.heading{
  background:@dark-blue;
  color: #fff;
  min-height : 30px;
  width : 96.5%;
  padding: 5px 20px 5px 20px ;
  span{
    font-size: 17px;
    font-family:"Roboto Slab Regular";
    text-align: center;
  }
}

.stepArrow {
  color : #FF6F00;
  cursor : pointer;
}

.instructions{
  .currentLevel-Instructions{
    padding: 20px;
    font-family: 'Roboto Slab Regular';
    font-size: 15px;
  }

}

.search-bar{
  input{
    height: 30px;
    // border: 0px solid @dark-blue;
  }
  button{
    height: 30px !important;
  }
}

.incorrectSubmissionClass{
  color: @btn-font-color;
  margin: 0px 10px 10px 10px ;


  #hint{
    padding: 15px;
    background: @hint-bg-clor;
    color:black;
    h5{
      margin-top: 0px;
      padding-left: 10px;
      }
    p{
      overflow-wrap: break-word;
    }
  }
  .clear{
    background:@incorrectSubmissionClass ;
  }
 .hint-bar{
  color: skyblue;
  padding-left: 20px;
    h4{
      color: skyblue;
      margin: 0px 0px 0px 0px;
    }
  }

  .nav>li>a {
    position: relative;
    display: block;
    padding: 5px 10px !important;
    i{
      font-size: 20px;
    }
    border-radius: 0px 0px 0 0;
  }

  .nav-tabs>li.clear>a,.nav-tabs>li.clear>a:focus,.nav-tabs>li.clear>a:hover{
    background-color: @incorrectSubmissionClass !important;
    border-color: @incorrectSubmissionClass !important;
    color: @text-color;
  }
  .nav-tabs>li.bulb-hint>a,.nav-tabs>li.bulb-hint>a:focus,.nav-tabs>li.bulb-hint>a:hover,{
    background-color: @hint-bg-clor !important;
    border-color: @hint-bg-clor !important;
    color: @text-color;
  }
  .nav-tabs>li>a{
    margin-right: 0px;
  }
  #submission{
    padding: 15px;
     background:@incorrectSubmissionClass ;
      p{
    color:@text-color !important;
    padding: 5px 0px 40px 10px;
    font-style: solid;
   }
  }

}


.table{
  margin-top: 20px;
  color:@text-color;
}

.movieDetails{
  width: 400px;
}
.movieFullDetails{
    width: 100%;
    padding: 10px 10px 20px 40px;
    min-height: 250px;
  }
//   .table-header{
//   th:first-child {
//     border-radius: 6px 0px 0px 0px !important;
// }
//     th:last-child {
//     border-radius: 0px 6px 0px 0px !important;
//     border-color: #D0D3D4;
// }
//   td:first-child {
//     border-radius: 0px 0px 0px 6px !important;
//     border-color: #D0D3D4;
// }
//     td:last-child {
//     border-radius: 0px 0px 6px 0px !important;
//     border-color: #D0D3D4;
// }
// }


td{
  background-color:#E6F1FC;
     border: 1px solid #D0D3D4;
  text-align: center !important;
}
// .levelcompletionnotification{
//   font-size:18px;
// }
// .levelcompletionbox{
//   height:740px;
//   background-color:lighten(black,60%);
// }

