@import '../autosuggest.less';
@import '../basic-sqli.less';
@import "../bus.less";
@import '../button.less';
@import '../card.less';
@import '../codeEditor.less';
@import "../flight.less";
@import '../footer.less';
@import '../hotels.less';
@import '../menubar.less';
@import "../mytrip.less";
@import '../navbar.less';
// @import '../react-datepicker.less';
@import '../react-tabs.less';
@import '../recharge.less';
@import '../tabmenu.less';
@import '../travel.less';
@import '../wallet.less';
@import '../errorbasedsqli.less';
@import '../storedxss.less';
@import '../terminal.less';
@import '../sessionhijacking.less';
@import '../levelbar.less';
@import '../questionsView/flipQuestion.less';
@import '../questionsView/questionTypeText.less';
@import '../questionsView/questionsView.less';
@import '../courseVIew/courseView.less';
@import '../mixins.less';
@import '../browser.less';
@import '../productdetails.less';
@import '../sample.less';
@import '../stepbar.less';
@import '../ioty.less';
@import '../plotFn.less';
@import '../react-date-picker.css';
// @import '../react-event-calendar.css';

html {
  position: relative;
  min-height: 100%;
  overflow-x: hidden; /* Prevent scroll on narrow devices */
}

body {
  font-family: 'Noto Sans', sans-serif;
  color: #666;
}


//.view-container{
//  margin-top: 110px;
//}

a{
  cursor: pointer;
  text-decoration: none !important;
}
.level-btn{
  cursor: pointer;
}
label{
  font-weight: normal !important;
}
.shadow(@border,@borderradius,@boxshadow)
{

  border: @border;
  border-radius:@borderradius;
  box-shadow:@boxshadow;
}

.padding(@top,@right,@bottom,@left)
{
  padding-top: @top;
  padding-right: @right;
  padding-bottom: @bottom;
  padding-left: @left;
}

.ptop(@top)
{
  padding-top: @top;
}

.pright(@right)
{
  padding-right: @right;
}

.ptop(@bottom)
{
  padding-bottom: @bottom;
}

.ptop(@left)
{
  padding-left: @left;
}

.boxshadow{
  background-color:   #FAFAFA;
  .shadow(2px,2px,0 2px 3px 1px rgba(0,0,0,0.5)) ;

}

div.spinner img
{
    position: relative;
    top: 50%;
    left: 50%;
    /* bring your own prefixes */

    transform: translate(-50%, -50%);
}
div.spinner.absolute img
{
    position: absolute;
    z-index: 100;
    top: 50%;
    left: 50%;
    /* bring your own prefixes */

    transform: translate(-50%, -50%);
}
