/* Custom CSS for displaying Login page */
#signin-form {
  max-width: 500px;
  padding: 15px;
  margin: 0 auto;
}
#signin-form #signin-form-heading,
#signin-form .checkbox {
  margin-bottom: 10px;
}
#signin-form .checkbox {
  font-weight: normal;
}
#signin-form .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}
#signin-form .form-control:focus {
  z-index: 2;
}
#signin-form input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
#signin-form input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* Generic CSS to be used in all pages */
body {
    padding: 60px 0;
}

.required label:after {
    color: #e32;
    content: ' *';
    display:inline;
}

.highlight {
    background-color: #FFFF88;
}

.table{
    word-wrap: break-word;
}

.no-border{
    border: none;
}

#footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #f5f5f5;
    padding-top: 1em;
}

#process{
    width: 180px;
}
.workitem-details ul{
    display: inline-block;
    width: 100%;
    background: #eee;
	padding: 5px;
}

p.at1-text{
	text-indent: 50px;
	padding: 5px;
}

#copy-alert{
	height: 24px;
}

.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th {
    background-color: #e9e9e9;
}

#custom-table-1>thead>tr>th, #custom-table-1>tbody>tr>th, #custom-table-1>tfoot>tr>th, #custom-table-1>thead>tr>td, #custom-table-1>tbody>tr>td, #custom-table-1>tfoot>tr>td{
    padding:3px;
}

#custom-modal-1{
    width:90%;
}

#custom-modal-body{
    padding: 5px
}

#custom-table-1>thead>tr>th{
    white-space: inherit;
    width: 10px;
}

#audio_speed_buttons> .active {
    background-color: green;
    border-color: #28a4c9;
}

#audio_speed_buttons{
    margin:-4% 0 0 2%
}

.modal-content {
    margin-top: 80px;
}

#wrap #navbar {
    margin-top: 60px;
}
   
 /*   
#divLoading
{
    display : none;
}
#divLoading.show
{
    display : block;
    position : fixed;
    z-index: 100;
    background-image : url('/assets/images/loading.gif');
    background-color:#666;
    opacity : 0.4;
    background-repeat : no-repeat;
    background-position : center;
    left : 0;
    bottom : 0;
    right : 0;
    top : 0;
}
*/

#divLoading {
    position:fixed;
    width:100%;
    left:0;right:0;top:0;bottom:0;
    background-color: rgba(255,255,255,0.7);
    z-index:9999;
    display:none;
}
#divLoading.show::after {
    content:'';
    display:block;
    position:absolute;
    left:48%;top:40%;
    width:40px;height:40px;
    border-style:solid;
    border-color:black;
    border-top-color:transparent;
    border-width: 4px;
    border-radius:50%;
    -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite;
}
@-webkit-keyframes spin {
    from {-webkit-transform:rotate(0deg);}
    to {-webkit-transform:rotate(360deg);}
}

@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}
#loadinggif.show
{
    left : 50%;
    top : 50%;
    position : absolute;
    z-index : 101;
    width : 32px;
    height : 32px;
    margin-left : -16px;
    margin-top : -16px;
}
div.content {
   width : 1000px;
   height : 1000px;
}

.tableFixHead{ 
    overflow-y: auto;
    max-height: 450px !important; 
}
.tableFixHead thead th {
    position: sticky; 
    top: 0;
    background-color: #f39549;
}    



/* width */
.tableFixHead::-webkit-scrollbar {
  height:15px !important;
  width: 15px !important;
}

/* Track */
.tableFixHead::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey !important; 
  border-radius: 10px !important;
}
 
/* Handle */
.tableFixHead::-webkit-scrollbar-thumb {
  background: grey !important; 
  border-radius: 10px !important;
}

/* Handle on hover */
.tableFixHead::-webkit-scrollbar-thumb:hover {
  background: #606060 !important; 
}
#download-audio-btn {
 max-width: 50%;
}
.border-change{
    border-radius: 10px !important;
}
.current-word{
    font-weight:bold;
    background-color:#fff2ac
}
.fileList{
	margin-bottom: 10px;
}
.file_upload_labels{
	vertical-align: top;
}
.error_success_research_document{
    /* background-color: red; */
    width: auto;
    margin-bottom: 10px;
    padding: 8px 8px;
margin-left: 175px;
}

#loader-1:before, #loader-1:after{
  content: "";
  position: absolute;
  top: -10px;
  left: -10px;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: 10px solid transparent;
  border-top-color: #3498db;
}

#loader-1:before{
  z-index: 100;
  animation: spin 1s infinite;
}

#loader-1:after{
  border: 10px solid #ccc;
}

@keyframes spin{
  0%{
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100%{
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.loader{
  width: 100px;
  height: 100px;
  border-radius: 100%;
  position: relative;
  margin: 0 auto;
}


#doc_response {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#doc_response td, #doc_response th {
  border: 1px solid #ddd;
  padding: 8px;
}

#doc_response tr:nth-child(even){background-color: #f2f2f2;}

#doc_response tr:hover {background-color: #ddd;}

#doc_response th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #308dbb;
  color: white;
}