.border-light{
	border: 1px solid #ccc;
}

@media screen and (min-width: 768px) {
	.modal-dialog {
		width: 700px; /* New width for default modal */
	}
	.modal-sm {
		width: 350px; /* New width for small modal */
	}
}
@media screen and (min-width: 992px) {
	.modal-lg {
		width: 1024px; /* New width for large modal */
	}
}
.border-blue{
	/*border: 1px solid #3c8dbc;*/
	border: 1px solid #3c8dbc;
	font-size: 13px;
	font-family: 'verdana', sans-serif;
}
.resize-none{
	resize: none;
}

.modal {
	text-align: center;
	padding: 0!important;
}

.modal:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -4px;
}

.modal-dialog {
	display: inline-block;
	text-align: left;
	vertical-align: middle;
}

.modal-body .box{
	margin-bottom: 0px;
}

.ui-autocomplete {
	max-height: 200px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
	z-index: 2000;
}
/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
* html .ui-autocomplete {
	height: 200px;
}

.downloadrecordfile {
    margin-top: -33px;
    padding: 10px;
}
audio {
    background: 
    blue;
}