.bigtitle {
	display:inline;
	font-weight:500;
	font-size:1em;
	height:5em;
	text-align: center;
}

.group {
	text-align:center;
	/* border:1px solid #000; */
}

.tab {
	display: inline-block;
	width: 20em;
	padding: 5px;
	/* margin: 30px; */
	outline: 1px solid transparent;
	box-shadow: 0 0 10px 0 #ccc;
 	border-radius: 25px;
	cursor: pointer;
	opacity:1;
	transition: 1s ease;
}
.tab#co {
	background-color: #EF7C00;
}
.tab#nus {
	background-color: #003D7C;
}
.group .tab:hover {
	opacity:.8;
	transition: 1s ease;
}

.tab-info {
	margin-top:20%;
	margin-bottom:20%;
	color:#FFF;
}

.logo-title {
	padding-top:1.2em;
	font-size:1.2em;
	color:#FFF;
}

.denied {
  color:red;
	text-align:center;
}

.error {
  color:red; 
	font-size: 1.4em;
	padding-top: 1em;
	padding-bottom: 1em;
}

.adm-table thead th:nth-child(1), .adm-table td:nth-child(1), .co-table thead th:nth-child(1), .co-table td:nth-child(1) {
  display:none;
}
.adm-table td, .co-table td {
  vertical-align:top !important;
}

input {
  font-weight:normal !important;
}

.icon-link {
  color: #333333;
}

.approve {
  color: green;
}
.reject {
  color: red;
}
.pending {
  color: blue;
}
.disabled-gray {
  color:#DCDCDC;
	cursor:not-allowed;
}
.disabled-red {
  color:red;
  cursor:not-allowed;
  opacity:0.5;
}

.subheader {
  font-size:1.2em; 
  font-weight:bold;
  color:#003D7C;
}

/* table */
table.adm-table thead th {
  padding: 21px !important;
  line-height: 18.5714px !important;
}

/* company form */
hr.dotted {
  border: 1px dotted #CCC;

}
input[type='text'].date {
  text-align:center;
}
#grayprints {
  color: #808080;
  font-weight:50;
	font-size:0.9em;
}
.orgn_nm {
  font-style:italic;
  color: #003D7C;
}
.keyinfo {
  color:red;
  font-style:italic;
}

/* div buttons */
a div.orange {
  display:inline-block; 
  border:0px;
  border-radius:8px; 
  padding:10px 20px 10px 20px; 
  font-size:0.7em; 
  margin-right:5px; 
  font-weight:normal;
  background-color:#EF7C00;
  color:#FFF;
}
a div.orange:hover {
  opacity:.8;
  transition: 1s ease;
}

a div.green {
  display:inline-block;
  border:0px;
  border-radius:8px;
  padding:10px 20px 10px 20px;
  font-size:0.7em;
  margin-right:5px;
  font-weight:normal;
  background-color:#007c3f;
  color:#FFF;
}
a div.green:hover {
  opacity:.8;
  transition: 1s ease;
}

input[type='button'].btn-delete {
  background-color:red;
}

a.projUnlock {
  cursor:pointer;
  color:red;
  text-decoration:none;
}
a.projUnlock:hover {
  opacity:0.8;
}

.config-header {
  font-weight:800; 
	color:#003D7C; 
	font-size:1.2em;
}
.config-lastupd {
  font-size:0.8em;
}

/* student view */
.btn-join {
  margin-left:10px; 
	background-color:#4285f4; 
  color:#FFF; 
  padding:5px; 
	padding-left:10px; 
	padding-right:10px; 
  border-radius:5px; 
  display:inline-block; 
	font-size:0.8em; 
	cursor:pointer;
}
.btn-add {
  margin-left:10px;
  background-color:green;
  color:#FFF;
  padding:5px;
  padding-left:10px;
  padding-right:10px;
  border-radius:5px;
  display:inline-block;
  font-size:0.8em;
  cursor:pointer;
}
.btn-manage, .btn-admin-edit {
  padding:3px 15px 5px 15px; 
  background-color:green; 
  color:#FFF; 
  border-radius:5px;
	cursor:pointer;
}
.btn-join:hover, .btn-add:hover, .btn-manage:hover, .btn-admin-edit:hover {
  opacity:0.9;
}

.icon-close {
  top:-20px;
  position:relative;
  color:red;
  right:-20px;
  background-color:white;
  border-radius:10px;
}

.std-name {
  padding-bottom:10px;
}
.btn-delete-std {
  color:red;
  cursor:pointer;
}
.btn-delete-std:hover {
  opacity: 0.8;
}

span.div-addstd {
  background-color:#FFF; 
  z-index:2; 
  cursor:pointer; 
  border-radius:10px; 
  padding:15px; 
  margin:0 0 0 15px; 
  box-shadow:2px 2px 8px rgba(0, 0, 0, 0.5); 
  font-size:0.9em;
  display: inline;
	transition: 1s ease;
}
span.div-addstd-background {
  transition: 1s ease;
}

/* Use a media query to add a breakpoint at 800px: */
@media screen and (max-width: 520px) {
  span.div-addstd {
		position:absolute;
		left:50%;
		top:50%;
		transform: translate(-50%, -50%);
		width:220px;
		line-height:2;
		padding-top:5px;
		transition: 1s ease;
  }

	span.div-addstd-background {
		position:absolute; 
    background-color:#A9A9A9; 
    top:0; 
    left:0; 
    width:100%; 
    height:100%; 
		z-index:2;
    opacity:0.9; 
		transition: 1s ease;
  }

  .icon-close {
    position:absolute;
    top:-5px;
    right:-5px;
    background-color:white;
    color:red;
    border-radius: 10px;
  }
}


.response {
  color: #003D7C;
}

.module {
  display:inline-block; 
  background-color:#003D7C; 
  color:#FFF; 
  font-weight:bold; 
  margin-right:20px; 
  padding:15px 30px 15px 30px; 
  border-radius:10px;
	cursor:pointer;
}
.module:hover {
  transition:1s ease;
	opacity:0.8;
}

.id-display { 
  padding:2px 5px; 
  border-radius:5px; 
  background-color:#CCC; 
  color:#333; 
  display:inline-block;
}

.admin-grp-cond {
  padding:2px 5px; 
  border-radius:5px; 
  background-color:#FFF; 
  color:#333; 
  border:1px solid #EF7C00; 
  display:inline-block;
}