@charset "ISO-8859-1";

body {
	font-family: Tahoma, Arial;
	color: #000;
	padding: 0px;
	margin: 0px auto;
}

.container {
	max-width: 100%;
	min-width: 500px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
}

.content {
	border: 1px solid #e5e5e5;
	background-color: #f3f3f1;
	padding: 10px;
	border-bottom: none;
	font-size: 12px;
	line-height: 1.5em;
	max-width: 1080px;
	min-width: 500px;
	margin: 0 auto;
	display: table;
	width: 100%;
}

.content.full {
}

.content.center {
	text-align: center;
}


.header {
	background-color: transparent;
	padding-bottom: 20px;
}

.menu {
	padding: 0px;
	padding-right: 20px;
	background-color: #e5e5e5;
}

.footer {
	border-bottom: 2px #a3a3a3 solid;
	font-size: 12px;
}

/* Content */

.project-title {
	font-family: Georgia;
	font-size: 22px;
	line-height: 1.5em;
	color: #3f3f3f;
	text-align: center;
	margin: 0 auto;
	border: none;
	border-bottom: 2px #a3a3a3 solid;
}

.title {
	text-align: center;	
	padding: 0px;
}

.table {
	width: 100%;
	display: table;
}

.row {
	width: 100%;
	display: table-row;
}

.col {
	padding: 5px 5px 5px;
	text-align: justify;
	display: table-cell;
	vertical-align: top;
}

.col-12 {
	min-width: 100%;
	max-width: 100%;
	width: 100%;
	display: table-cell;
}

.col-11 {
	min-width: 90%;
	max-width: 90%;
	width: 90%;
	display: table-cell;
}

.col-10 {
	min-width: 83%;
	display: table-cell;
}

.col-9 {
	min-width: 80%;
	display: table-cell;
}

.col-8 {
	min-width: 66%;
	max-width: 66%;
	width: 66%;
	display: table-cell;
}

.col-6 {
	width: 50%;
	max-width: 50%;
	min-width: 50%;
	display: table-cell;
}

.col-4 {
	min-width: 33%;
	max-width: 33%;
	width: 33%;
	display: table-cell;
}

.col-3 {
	min-width: 25%;
	max-width: 25%;
	width: 25%;
	display: table-cell;
}

.col-2 {
	min-width: 16%;
	max-width: 16%;
	width: 16%;
	display: table-cell;
}

.col-1 {
	min-width: 10%;
	max-width: 10%;
	width: 10%;
	display: table-cell;
}

.environment.dev {
	padding: 5px 10px;
	background-color: #0961c6;
	font-weight: bold;
	display: inline-block;
	color: #fff;
}

.conn {
	padding: 0px 10px;
	font-weight: bold;
	display: inline-block;
	font-size: 11px;
	color: #fff;
}

.conn.up {
	color: #5a7f5c;
}

.conn.down {
	color: #ce786b;
}

.info {
	padding-bottom: 10px;
}

.alert {
	padding: 5px 10px;
	display: table;
	margin-bottom: 10px;
	width: auto;
	border-radius: .25rem;
    border: transparent 1px solid;
}

.alert-primary {
	color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
}

.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db;
}

.alert-danger {
	color: #721c24;
    background-color: #f8d7da;
	border-color: #f5c6cb;
}

.alert-info {
	color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
}


.alert-heading {
	color: inherit;
}

.loadingContainer {
	width: 100%;
	text-align: center;
}

.loadingContainer.show {
	display: block;
}

.loadingContainer.hide {
	display: none;
}

.loading {
	width: 20px;
}

.show {
	display: block;
}

.hide {
	display: none;
}

.underline {
	text-decoration: underline;
}


#bar_blank {
  border: solid 1px #000;
  height: 20px;
  width: 300px;
}

#bar_color {
  background-color: #006666;
  height: 20px;
  width: 0px;
}

#bar_blank, #hidden_iframe {
  display: block;
}



.center {
	text-align: center;
}


/** Text styles **/
h1 {
	font-size: 16px;
	font-weight: normal;
	font-family: Georgia;
}

h2 {
	font-size: 12px;
}

h4 {
	font-size: 1.0rem;
}

 h1, h2, h3, h4, h5, h6 {
	font-weight: 500;
    line-height: 1.2;
    margin-top: 0;
    margin-bottom: .5rem;
}

ul {
	margin-top: 0px;
}

ol {
	margin: 0px;
}

li {
	margin-left: -15px;
	margin-bottom: 10px;
}

a {
	text-decoration: none;
	border-bottom: 1px dashed;
	color: #0000FF;
}

input[type="button"] {
	font-family: Tahoma;
}

input[type="submit"] {
	font-family: Tahoma;
}

input[type="file"] {
	font-family: Tahoma;
	width: 100%;
}

input[type="text"] {
	font-family: Tahoma;
	width: 100%;
}

select {
	width: 100%;
}

form {
	font-family: Tahoma;
	margin: 0px;
}

fieldset {
	border: 1px dashed #bababc;
	padding: 10px;
	margin: 0px;
	border-radius: .25rem;
}

legend {
	font-family: Georgia;
	font-weight: normal;
}

p {
	margin: 0px;
}

p.center {
	text-align: center;
}

table {
	font-family: Tahoma;
	box-shadow: 0px 0px 0px #fff !important;
	width: 100% !important;
	border-collapse: collapse;
	margin-bottom: 10px;
}

table > thead {
	padding: 0px;
	background-color: #b2b1a9;
	font-size: 12px;
}

table > tbody > tr > td.s {
	font-weight: bold;
	background-color: #cecdc4 !important;
	width: auto;
	width: 20px;
	max-width: 300px;
}

table > tbody > tr > td.e {
	font-weight: bold;
	background-color: #cecdc4 !important;
	width: auto;
	width: 150px;
	max-width: 300px;
}

table > tbody > tr > td.v {
	font-weight: normal;
	background-color: #dddcd4 !important;
}

table > tbody > tr.h {
	background-color: #88a1c9;
}

tr {
	border: 1px solid #b2b1a9;
}

td {
	padding: 5px;
	font-size: 12px;
	font-weight: normal;
}

td.center {
	text-align: center;
}

th {
	padding: 5px;
	background-color: #b2b1a9 !important;
}