@charset "utf-8";

@media all {
	.page-break	{ display: none; }
}

@media print {
	.page-break	{ display: block; page-break-before: always; }
}


/* Green:UPDATE */
.update {
	border-color: #04AA6D;
	color: #04AA6D;
}

.update:hover {
	background-color: #04AA6D;
	color: white;
}

/* Red:DELETE */
.delete {
	border-color: #f44336;
	color: #f44336;
}

.delete:hover {
	background: #f44336;
	color: white;
}

/* Blue:UPLOAD */
.upload {
  border-color: #0773bf;
  color: #0773bf;
}

.upload:hover {
	background: #0773bf;
	color: white;
}

/* Orange:VIEW */
.view {
  border-color: #ff6600;
  color: #ff6600;
}

.view:hover {
	background: #ff6600;
	color: white;
}

/* Dark Grey:BASIC */
.basic {
  border-color: #555555;
  color: #555555;
}

.basic:hover {
	background: #555555;
	color: white;
}

.div_layout_header {
	font-family: Tahoma;
	font-size: 11px;
	border: #022952 1px solid;
	border-spacing: 5px;
	background-color: #022952;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	border-color: #022952;
	margin: 3px;
	color: #022952;
}

.div_layout_footer {
	font-family: Tahoma;
	font-size: 11px;
	border: 1px solid;
	border-spacing: 5px;
	background-color: #FFF;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	margin: 3px;
}

.div_layout_container {
	font-family: Tahoma;
	font-size: 11px;
	border: 1px solid;
	border-spacing: 5px;
	background-color: #FFF;
	margin: 3px;
}

.layout_tah11-n-grey {
	font-family: Tahoma;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #666666;
	text-decoration: none;
}

.layout_tah11-b-grey {
	font-family: Tahoma;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #666666;
	text-decoration: none;
}

.layout_tah11-b-red {
	font-family: Tahoma;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #F00;
	text-decoration: none;
}



.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}