@font-face {
    font-family: Lato;
    src: url(../fonts/Lato-Medium.ttf);
}

body {
	font-family: "Lato";
	background-color: #F0F0F0;
}

p {
	margin:0;
}

.navbar-toggle {
	border-color: rgb(51,51,51) !important;
}

.navbar-toggle:hover {
	background: rgb(51,51,51) !important;
}

.navbar-toggle span {
	background: #fff !important;
}

#table a {
	color : #fff;
	font-weight: normal;
}

#table a:hover {
	color : #fff;
	text-decoration: none;
}

.navbar-default {
	background-image: none;
	background-color : #333333;
	border-color: #333333;
	border-radius: 0;
}

.navbar-default a {
	color : #FFFFFF !important;
	text-shadow : none !important;
	font-size : 12px;
	letter-spacing: 1px;
}

.row-database {
}

.row-database h2 , .row-management h2 {
	font-weight : bold;
	font-size : 16px;
	margin : 20px 0px;
}

.row-database h2 span, .row-management h2 span {
	color : #666666;
}

.row-database table {
	margin-bottom : 5px;
}

.row-database table td {
	padding-left : 35px !important;
}

#logout:hover {
	color : #0066FF !important;
}

.row-management table th, .row-management table tr {
	text-align : center;
}

.row-management input[type=file] {
	margin: auto;
}

.row-management img {
	margin : 2px auto;
}

.row-management table th {
	background-color: #333333;
	color : #FFFFFF;
	font-weight: normal;
	min-width : 140px;
}

a {
	font-weight : bold;
	color : #0066FF;
}

a:hover {
	color : #0066FF;
}

textarea {
	/*resize : none;*/
	width : 250px;
	height : 100px;
}

.modal-content .modal-header {
	background-color: #333333;
	color : #FFFFFF;
}

.update-err-msg {
	color : #a94442;
	font-weight : bold;
}