/* 
h1, h2, h3, h4, p, font, body, span, div {
	font-family:  'Open Sans', sans-serif;
  color:#333333;
}

body, p {
  font-size:13.3px;
  line-height: 1.42857143;
	color:#333333;
}

table {
  font-size:14.6px;
}
*/

body {
  padding:0px;
  overflow:scroll; 
  overflow-x:hidden;
}

h2.title {
	text-align: center;
	padding-top:1em;
	padding-bottom:1em;
	margin:10px;
	font-size:2.3em;
	background-color:#EF7C00;
	color:#FFF;
	outline: 1px solid transparent;
 	box-shadow: 0 0 10px 0 #ccc;
 	border-radius: 10px;
}

.tab {
	border-radius: 10px;
	cursor: default;
	width:30em;
	padding-bottom:2em;
	padding-top:2em;
	margin-top:30px;
  margin-bottom:30px;
}

.tab.extension {
  width:35em;
  padding-top:2.3em;
	padding-left:26px;
  padding-right:38px;
}

div.header {
	/* margin-top:2em; */
	margin-bottom:1.2em;
	font-weight: bold;
	color: #003D7C;
	font-size:1.5em;
}
div.section {
	padding-bottom:30px;
  margin-right:30px;
	margin-left:30px;
}
div.label {
	font-weight: 300;
	padding-bottom:5px;
	font-size:1.2em;
  color:#333333;
  margin-right:30px;
  text-align:left;
}

div.content {

}

div.content input[type='text'], div.content input[type='password'] {
  font-size:16px;
  width:320px;
	padding:15px;
	border-radius: 10px;
	/* text-align: center; */
	box-shadow: 0;
	height: 40px;
  color: #003D7C;
  /* -moz-box-shadow: 0px !important; */
  /* -webkit-box-shadow: 0px !important; */
  /* box-shadow: 0px !important; */
  /* border: 1px solid #D3D3D3; */
}

#fineprint {
	font-style:italic;
  color: gray;
}

input[type='submit'] {
	/* border:2px solid #EF7C00; */
}
input[type='submit']:hover{
	/* 
	background-color:#EF7C00;
	transition: 1s ease;
  opacity: 0.8;
	*/
}

.pagename {
  text-align:center;
  font-size:1.5em;
  font-weight:bold;
  margin-block-end: 0px !important;
}
.orgn_nm {
  font-style:italic; 
  color: #003D7C;
}

.login-content { 
  margin:10px; 
  /* margin-left:600px;
  margin-right: 600px; */
}
.login-content input[type='text'], .login-content select, .login-content select option, .login-content input[type='radio'], .login-content textarea {
  font-size: 13px;
  margin-top: 5px;
}
.login-content input[type='text'] {
  height: 30px;
  padding-left: 7px;
	border-radius: 5px;
  -moz-box-shadow: 0px !important;
  -webkit-box-shadow: 0px !important;
  box-shadow: 0px !important;
  border: 1px solid #D3D3D3;
}
.login-content select:not([size]) {
  border-radius: 5px;
  height:30px;
}
.login-content select[size*="8"], .login-content textarea {
  border-radius: 5px;
  border: 1px solid #D3D3D3;
}

div.form {
  padding: 10px;
  text-align:left;
}

div.formwide {
  /* width:80%; */
  padding: 10px;
  text-align:left;
}



#grayprints {
  color: #808080;
  font-weight:50;
}

/* menu bar */
div.menubar-item {
  display:inline-block; 
  width:140px; 
  border:1.3px solid #ffca8f;
  padding-left:10px; 
  padding-right:10px; 
  padding-top:5px; 
  padding-bottom:5px;
  margin-left:5px;
  border-radius:5px;
  cursor:pointer;
  font-size: 1.1em;
}
a div.menubar-item {
  color: #696969;
  text-decoration: none;
}
div.menubar-item:hover {
  background-color:#ffeedb;
  transition: 1s ease;
	color: #404040;
}
div.menubar-item#selected {
  background-color:#ffeedb;
}
div.menubar-item#logout {
  background-color: #C0C0C0;
  color: #FFF; 
  border: #C0C0C0;
}
div.menubar-item#logout:hover { 
  color:#404040;
  transition: 1s ease; 
}
div.menubar-item i {
  padding-right: 8px;
}

.announcement {
  width: 800px;
	padding: 15px;
  color: #333333 !important;
  background-color: #EDEDED;
  border-radius: 10px;
}
.announcement div#header {
  font-weight: bold; 
  font-size: 1.3em;
  padding-bottom: 20px;
}
.announcement a {
  text-decoration: none;
}
.announcement a:hover {
	opacity: 0.8;
	transition: 1s ease;
}
.announcement div#subheader {
  padding-bottom:5px;
  text-decoration:underline;
}

/* alert box */
div.alerts {
  display: block; 
  /* -moz-animation: cssAnimation 0s ease-in 5s forwards; */
  /* Firefox */
  /* -webkit-animation: cssAnimation 0s ease-in 5s forwards; */
  /* Safari and Chrome */
  /* -o-animation: cssAnimation 0s ease-in 5s forwards; */
  /* Opera */
  /*
  animation: cssAnimation 0s ease-in 5s forwards;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
	*/
}
/*
@keyframes cssAnimation {
  to {
    width:0;
    height:0;
    overflow:hidden;
  }
}
@-webkit-keyframes cssAnimation {
  to {
    width:0;
    height:0;
    visibility:hidden;
  }
}
*/
div.alerts div.info {
  padding: 15px;
  width:500px;
  border: 1px solid #d3d3d3;
  border-radius: 5px;
  background-color: #d3d3d3;
  font-size:1.2em;
}
div.alerts div.error {
  padding: 15px; 
	border: 1px solid #ff9999;
	border-radius:5px; 
	background-color: #ffe5e5;
	font-size:1.2em;
  text-align:left;
}
hr.dotted {
  border: 1px dashed #CCC;
}

table.adm-table { 
  text-align:center;
}
div.tables {
  padding-bottom:30px;
}

a.a-icon {
  text-decoration:none;
  color:#333;
}
a div.icon {
  border-radius:15px; 
}
a div.icon:hover {
	transition: 1s ease;
	background-color:#ffeedb;
}

footer {

}

.ui-tooltip {
    box-shadow: 0 0 10px 0 #ccc;
}