/*
  These styles expect to be overriding Bootstrap v3.2.0
  https://github.com/twbs/bootstrap/releases/download/v3.2.0/

  test
*/
body {
	background-color: transparent;
}

body.dev {
	background-color: #E9F4F3;
}

body.dev .navbar-brand:before {
	color: red;
	content:  'Development';
}

body.dev .navbar-brand {
	line-height: 25px;
}

body.dev .navbar-brand a {
	padding: 0px;
}

#datatable-manageables audio {
	/*display: none;*/
}
.prevent-click {
	height: 10000px;
	background: #000;
	opacity: .5;
	position:absolute;
	width: 100%;
	z-index: 9999999;
}

div {
	word-wrap:break-word;
}

dl {
	clear: both;
	float:left;
}

dd, 
dt {
	display:block;
	float: left;
}

dt {
	clear: left;
	margin-right: 10px;
	min-width: 75px;
}

dl {
	margin-bottom: 15px;
}

ul {
	list-style-type: none;
}

.announcement-list {
	margin-left: -40px;
}

.announcement-single {
	background-color: #fcf8e3;
	display: inline-block;
	padding: 10px;
}

.false {
	display: none;
}

.info-label {
	display: inline-block;
	width: 125px;
}
/* HEADER */
#banner {
	text-align: center;
}

/* FORMS */
form {
	padding-bottom: 10px;
}

.error {
	background: lightpink;
	padding: .2rem .5rem;
}

.warning {
	background: lightyellow;
	padding: .2rem .5rem;
}

h5.warning {
	text-align: center;
}

.success {
	background: lightgreen;
	padding: .2rem .5rem;
}

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
	margin-left: -20px;
}


#previews .error {
	padding: 0px;
}

.form-group {
	clear: both;
	display: block;
	display:flex;
	margin-bottom: 10px;
}

.inline-submit-button {
	/*margin-top: 25px;*/
}

.number-input {
	width: 100px;
}

.modal-lg {
	width: 900px;
}

.modal-body {
	float:left;}

.loading-image {
	text-align: center;
}

.tiny-load {
	
}

.tiny-load:before {
	content: " ";
}

/* Datatables overrides
----------------------------- */
#interviews_filter {
	text-align: left;
}

#interviews_filter label {
	display: inline;
}

#interviews_filter input {
	width: 75%;
}

.datatable-top {
	background: #EEDEF8;
	overflow: hidden;
	padding: 5px 10px;
}


.datatable-top{
	margin-bottom: -10px;
}

#datatable-interviews_wrapper .dataTables_filter{
	float: left;
	text-align: center;
	width: 33%;
}

#datatable-interviews_wrapper .dataTables_filter input {
	width: 300px;
}

.table-responsive .datatable-top .dataTables_length{
	float: left;
	width: 33%;
}

.table-responsive .datatable-top .dataTables_info {
	float: right;
	text-align: right;
	width: 33%;
}

#datatable-manageables_wrapper .datatable-top .dataTables_length,
#datatable-manageables_wrapper .datatable-top .dataTables_info {
	float: left;
	width: 50%;
}

#datatable-manageables_wrapper .datatable-top .dataTables_info {
	text-align: right;
}

#datatable-manageables > thead > tr > th{
	vertical-align: top;
}

#datatable-manageables tfoot {
	display: table-header-group;
}

/* DASHBOARD
----------------------------- */
#annotations-max-indicator h5,
#reviews-max-indicator h5,
#annotations-max-indicator.at-max-annotations button,
#reviews-max-indicator.at-max-reviews button {
	display: none;
}

#annotations-max-indicator.at-max-annotations h5,
#reviews-max-indicator.at-max-reviews,
#annotations-max-indicator button,
#reviews-max-indicator button {
	display: block;
}

.max-indicator {
	margin-bottom: 10px;
}

.list-of-actions,
.list-of-notes {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.list-of-notes {
	display:none;
}
.list-of-notes .note-date {
  display: inline-block;
  margin-right: 8px;
  text-align: left;
  width: 80px;
}

.list-of-actions li a {
	display: inline;
}

/* Concordancer 
----------------------------- */
.concordancer pre {
	white-space: normal;
	word-break: normal;
}
/* Create Interview Section
----------------------------- */
.interview-sections audio {
	display: block;
}

/* Create/edit Interview Section
----------------------------- */
.interview-form {
	padding: 10px;
	text-align: left;
}

.interview-form .form-group {
	margin-bottom: 10px;
	margin-right: 2%;
	vertical-align: top;
	width: 30%;
}
.interview-form .form-group label {
	padding-right: 10px;
	text-align: right;
	width: 30%;
}

.interview-form.form-inline .form-control {
	vertical-align: top;
}

.interview-form .form-group label[for="date_taken"] {
	display: block;
	float: left;
}

#form-date-taken {
	float:left;
	margin-left: 5px;
}

#create-interview-form #form-date-taken {
	margin-left: 0px;
}


/* Interview Section
----------------------------- */
.interview-section audio {
	margin-top: 5px;
}

.interview-section a {
	display: block;
}

.interview-section a.download-link {
	display: inline;
}

.audio-file-information .duration {
	display: block;
}

.interview-section .wide-load {
	margin-left: -7px;
}

.interview-form-section .form-group {
	width: 30%;
}

.interview-form-section label {
	float: left;
}

table .interview-section .interview-section-title {
	width: 100%;
}

.interview-section audio {
	min-width: 160px;
	max-width: 300px;
	width: 50%;
}

.glyphicon-remove {
	color: red;
}

.delete-interview-section-audio {
	width: 10px;
}

#interview-section-notes-modal input,
#interview-section-notes-modal textarea {
	width: 400px;
}

/* Users
----------------------------- */
#invitees-email,
.add-new-user {
	float: left;
	margin-top: 20px;
}

#invitees-email {
	width: 70%;
	margin-right: 5px;
}

.form-inline {
	clear: both;
}

.alert {
	float: left;
}

.notes-list li{
	display: block;
}

#interview-section-notes-modal .modal-body {
	float:none;
}

#interview-section-notes-modal .form-group {
	clear: both;
	display: block;
	display: flex;
	margin-bottom: 10px;
}

.users-search-form form {
	background-color: #d9edf7;
	padding: 20px 10px;
}

.users .btn {
	margin-right: 10px;
}

.form-button {
	display: inline-block;
}

.users #text-other-purpose {
	margin-top: 10px;
}

#interview-section-notes-modal label {
	width: 120px;
	text-align: right;
}

.interviews #create-interview-form input,
.interviews #create-interview-form select,
.users .users-search-form input,
.users .users-search-form select {
	width: 175px;
}

.toggle-all-public {
	display: block;
}
.toggle-all-public a {
	text-decoration: underline;
}
.toggle-all-public a.deactivated {
	text-decoration: none;
}

#disable-page {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0.70;
	background: #aaa;
	z-index: 10;
	display: none;
	height: 100%;
	overflow: hidden;
}

/*  
     Informants
----------------------------- */

.informant-basics {
	
}

/*  
     Dropzone
----------------------------- */
.zone {
	height:0px;
	width: 0px;
}

/*  
    Add Note
----------------------------- */
.add-note {
	clear: both;
	float: left;
}


/*  
     Archive
----------------------------- */
.list-of-templates {
	list-style: none;
	margin: 0;
	padding: 0px;
	text-transform: capitalize;
}


/*  
	Tables
----------------------------- */

table caption {
	background-color: #d9edf7;
}

table table caption{
	background-color: #A3BECB;
}

.transcript td {
	padding: 0px 5px;
}

/*  
	Concordance
----------------------------- */
.search-string {
	color: purple;
	font-weight: 800;
}

.concordance-match {
	color: red;
	font-weight: 800;
}

.strong {
	font-weight: 800;

}
/*  
	Navigation
----------------------------- */
.navbar-brand {
	font-size: 20px;
	line-height: 50px;
	margin: 0px;
	padding: 0px;
}

.navbar-header {
	padding: 0px;
}

.navbar-brand a {
	padding: 0px;
}

.navbar-brand a:hover {
    background-color: #eee;	
	text-decoration: none;
}

.navbar-nav > li > .nav-icon {
    display: block;
    line-height: 20px;
    position: relative;
    padding: 15px;
    top: 0;
}


/* Medium devices (desktops, 992px and up) */
@media (max-width: 1199px) {
	#invitees-email {
		width: 50%;
	}
	/* Datatables overrides
	----------------------------- */
	#interviews_filter input {
		width: 70%;
	}	
}

/* Small devices (tablets, 768px and up) */
@media (max-width: 992px) {
	.create-interview .form-group label {
		text-align: left;
		display: block;
	    width: 100%;		
	}
	/* Datatables overrides
	----------------------------- */
	#interviews_filter input {
		width: 61%;
	}
}

/* Extra small devices (phones, less than 768px) */
@media (max-width: 768px) { 
	.navbar-toggle .icon-bar {
		background-color: black;
	}
	/* Datatables overrides
	----------------------------- */
	#interviews_filter input {
		width: 80%;
	}

}