.menuLink{
  border-bottom: #fff 2px solid;
  
}
.sound-wave:{
  width:60px !important;
  height:20px !important;
}
    .activeMenu{
      border-bottom: #0d47a1 2px solid;
    }
.sidebar-fixed {
  height: 100vh;
  width: 270px;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  z-index: 1050;
  background-color: #fff;
  padding: 1.5rem;
  padding-top: 0; }
  .sidebar-fixed .list-group .active {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -webkit-border-radius: 5px;
    border-radius: 5px; }
  .sidebar-fixed .logo-wrapper {
    padding: 2.5rem; }
    .sidebar-fixed .logo-wrapper img {
      max-height: 50px; }

@media (min-width: 1200px) {
  .navbar,
  .page-footer,
  main {
    padding-left:0px; } }

@media (max-width: 1199.98px) {
  .sidebar-fixed {
    display: none; } }
/* vijay */
/*login page*/

.login-page {
  width: 40%;
  margin: 1em auto 0;
}
.login-page h3.title1 {
  text-align: center;
  margin-bottom: 1em;
}
.login-page input.user {
  background: url(../images/user.png)no-repeat 8px 10px #fff;
}
.login-page input[type="text"], .login-page input[type="password"] {
  font-size: 0.9em;
  padding: 10px 15px 10px 37px;
  width: 100%;
  color: #A8A8A8;
  outline: none;
  border: 1px solid #D3D3D3;
  background: #FFFFFF;
  margin: 0em 0em 1.5em 0em;
}
.login-page input.lock {
  background: url(../images/lock.png)no-repeat 8px 10px #fff;
}

.login-page input[type="text"], .login-page input[type="password"] {
  font-size: 0.9em;
  padding: 10px 15px 10px 37px;
  width: 100%;
  color: #A8A8A8;
  outline: none;
  border: 1px solid #D3D3D3;
  background: #FFFFFF;
  margin: 0em 0em 1.5em 0em;
}
.login-page input[type="submit"] {
  border: none;
  outline: none;
  cursor: pointer;
  color: #fff;
  background: #6164C1;
  width: 100%;
  padding: .5em 1em;
  font-size: 1em;
  margin: 0.5em 0 0;
}
h3.title1 {
  font-size: 2em;
  color: #e94e02;
  margin-bottom: 0.8em;
}
.widget-shadow {
  background-color: #fff;
  box-shadow: 0 -1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
  -webkit-box-shadow: 0 -1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
  -moz-box-shadow: 0 -1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
}
.login-top {
  padding: 1.5em;
  border-bottom: 1px solid #DED9D9;
  text-align: center;
}
.login-top h4 {
  font-size: 1.1em;
  color: #555;
  line-height: 1.8em;
}
.login-body {
  padding: 2em;
}
.login-page-bottom {
  text-align: center;
}
.focusElement:focus {

outline: none ; 
  border: 2px solid #000 !important;
}
/*login page */









.inputfile {
  width: 100%;
  height: 100%;
  opacity: 0;
  /* overflow: hidden; */
  left: 0;
  top: 0;
  position: absolute;
  /* z-index: -1; */
}

.AudioRecorder{
  float: left;
}
.isRecording{
  color:red;
}
/* Tooltip container */
/* Popup container */
.popup {
  position: relative;
  cursor: pointer;
  outline: none;
  width: 75px;
  min-width: 75px;
  max-width: 255px;
}

/* The actual popup (appears on top) */
.popup .popup-text {
  visibility: hidden;
  width: 160px;
  text-align: center;
  border-radius: 6px;
  padding: 8px 0;
  position: absolute;
  z-index: 999;
  bottom: 100%;
  left: 50%;
  margin-left: -80px;
}

/* Popup arrow */
.popup-text::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -6px;
  border-width: 6px;
  border-style: solid;
  border-color: inherit ;
}

/* Toggle this class when clicking on the popup container (hide and show the popup) */
.popup .show-tooltip {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s
}
.underline{
  border-bottom: #555 3px solid;
  -webkit-animation: fadeIn 1s;
  padding-bottom: 3px;
  animation: fadeIn 1s;
}

.react-autosuggest__container {
  position: relative;
}

.react-autosuggest__input {
  width: 240px;
  height: 30px;
  padding: 10px 20px;
  font-family: Helvetica, sans-serif;
  font-weight: 300;
  font-size: 16px;
  border: 1px solid #aaa;
  border-radius: 4px;
}

.react-autosuggest__input--focused {
  outline: none;
}

.react-autosuggest__input--open {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.react-autosuggest__suggestions-container {
  display: none;
}

.react-autosuggest__suggestions-container--open {
  display: block;
  position: absolute;
  top: 51px;
  width: 280px;
  border: 1px solid #aaa;
  background-color: #fff;
  font-family: Helvetica, sans-serif;
  font-weight: 300;
  font-size: 16px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  z-index: 2;
}

.react-autosuggest__suggestions-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.react-autosuggest__suggestion {
  cursor: pointer;
  padding: 10px 20px;
}

.react-autosuggest__suggestion--highlighted {
  background-color: #ddd;
}
.hindi-suggestion{
  padding-top: 1px;
  padding-left: 0.75rem;
  padding-bottom: 1px;
}
.curser-pointer{
  cursor: pointer;
}

/* .hindi-input{
  font
} */
/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
  from {opacity: 0;} 
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}
}
.text-danger{
  color:red !important
}