@charset "UTF-8";
/* CSS Document */

html {
    max-width: 1500px;
}

body {
	font-size:12px;
}

td {
    border: none;
/*  border: 1px solid black; */
}
input.student {
	width: 150px;
	display: inline-block;
	font-size: 13px;
	margin: 0px;
	padding: 1px;
	border-style: solid;
	border-width: 1px;
	border-color: darkgray;
 	background: #ffffff;
}

input.search {
	width: 150px;
	margin: 0px;
	padding: 1px;
	border-style: solid;
	border-width: 1px;
	border-color: darkgray;
 	background: #ffffff;
} 

input.number {
	width: 50px;
	margin: 0px;
	padding: 1px;
	border-style: solid;
	border-width: 1px;
	border-color: darkgray;
 	background: #ffffff;
} 

.admin-select {
    padding:1px 3px;
    border:none;
    border-bottom:1px solid #ccc; 
    border-radius: 4px;
    cursor: pointer;
    background-color:#EEEEEE; /* For browsers that don't support gradients */
	background-image: linear-gradient(#FFFFFF, #DDDDDD); /* Standard syntax (must be last) */
}

.users {
    background-color: #E0E9F9;
}

.students {
	background-color: #F0EADD;
}

.courses {
	background-color: #E5F5E5;
}

.parts {
	background-color: #EFE6EB;
}

.modules {
	background-color: #F0F0D5;
}

.link {
    text-decoration: underline;
    cursor: pointer;
}

.link:hover {
    color:#1E8DD0;
}

.dataButton {
	border: 1px solid #ccc;
	border-radius: 4px;
	color: black;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 12px;
    cursor: pointer;
	background-image: linear-gradient(#FFFFFF, #DDDDDD); /* Standard syntax (must be last) */
}

.dataButton:disabled {
	cursor:not-allowed;
	opacity:0.4;
}

.dataButton:hover{
	background-image: linear-gradient(#EEEEEE, #CCCCCC); /* Standard syntax (must be last) */
}

.smallDataButton {
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 1px 3px;
	color: black;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 9px;
    cursor: pointer;
	background-image: linear-gradient(#FFFFFF, #DDDDDD); /* Standard syntax (must be last) */
}

.smallDataButton:disabled {
	cursor:not-allowed;
	opacity:0.4;
}

.smallDataButton:hover{
	background-image: linear-gradient(#EEEEEE, #CCCCCC); /* Standard syntax (must be last) */
}

.blueBackground {
	background-color: #89BFF4;
}

.blueButton {
	color:#000!important;
	background-color:#3292ED; /* For browsers that don't support gradients */
	background-image: radial-gradient(#DCECFB, #89BFF4); /* Standard syntax (must be last) */
}

.redBackground {
	background-color: #FF6D6D;
}

.redButton {
	color:#000!important;
	background-color:#3292ED; /* For browsers that don't support gradients */
	background-image: radial-gradient(#FFD8D8, #FF6D6D); /* Standard syntax (must be last) */
}

.greenBackground {
	background-color: #77FD77;
}

.greenButton {
	color:#000!important;
	background-color:#3292ED; /* For browsers that don't support gradients */
	background-image: radial-gradient(#AFFFAF, #77FD77); /* Standard syntax (must be last) */
}