.mega-hdr-a {
	box-shadow: #E8E8E8 4px 4px 4px;
	text-transform: initial ! important;
	font-weight: 500 ! important;
	text-shadow: 2px 2px #CCCCCC ! important;
}
.companyimage:hover {
	animation: rotateY 1.5s infinite;
}

@-webkit-keyframes rotateY {
	0% { transform: rotateY( 60deg); }
	20% { transform: rotateY( 120deg); }
	40% { transform: rotateY( 180deg); }
	60% { transform: rotateY( 240deg); }
	80% { transform: rotateY( 300deg); }
	100% { transform: rotateY( 360deg); }
}


.ql-editor, .ql-container, .ql-toolbar {
	background-color: white ! important;
}
.ql-toolbar {
	width: 820px ! important;
}
.quill {
	width: 820px ! important;
	height: 200px ! important;
}
.ql-toolbar.ql-snow .ql-formats {
	margin-right: 1px ! important;
}
.ql-formats button {
	border: 1px solid #4195fc;
	box-shadow: 4px 4px 15px -1px rgba(0,0,0,0.75);
}
#commandForm {
	display: none;
}
.ql-editor:focus, select:focus, textarea:focus, input:focus {
	outline:none;
	border: 1px solid #4195fc;
	box-shadow: 0px 0px 14px #4195fc;
}
.blinking {
	animation-name: blinking;
	animation-duration: 2s;
	animation-iteration-count: 100000;
}
@keyframes blinking {
	50% {
		text-shadow: 1px 1px 1px black;
	}
}
input, select, textarea {
	border-radius: 3px;
	padding:1px;
}

select:required option {
	color: black ! important;
}
input:required:invalid, select:required:has(option[value="0"]:checked), select:required:has(option[value=""]:checked)  {
	color: red;
	border-color: red  ! important;
	box-shadow: 0px 0px 2px red ! important;
}

select:focus:not(
  :where(
    option[value="0"]:checked,
    option[value=""]:checked
  )
) {
	border-color: green;
	box-shadow: 0 0 8px green;
}

input:focus:required:valid{
	border-color: green ! important;
	box-shadow: 0 0 8px green ! important;
}

.scroller {
	overflow:auto;
	padding:2px;
}
form {
	padding:5px;
}
.sheetdata TD {
	padding:2px ! important;
	border:1px solid #333333;
	color: black;
}

.portlet {
	box-shadow: 4px 4px 15px -1px rgba(0,0,0,0.75);
	margin:0px 10px 10px 0px;
	background: white;
	border-radius: 0px;
}
.portletheader {
	width: calc(100% - 20px);
	padding:2px 10px 2px 10px;
	height:20px;
	font-style: normal;
	font-size: 14px;
	font-family: sans-serif;
	background: linear-gradient(to bottom, #e6f0a3 0%,#d2e638 50%,#c3d825 51%,#dbf043 100%);
}
.portalheading {
	padding:10px;
}

.portletheader {
	color: black;
	text-shadow: 2px 2px #FFFFFF;
}
.gridboundary {
	padding:0px 5px 5px 0px;
	height:calc(100% - 80px);
	overflow: auto;
	margin-bottom: 5px;
}
.totalrow td {
	vertical-align: top;
	line-height: 40px;
}


body {
	margin: 0 ! important;
	padding:0px ! important;
	overflow: hidden ! important;
}


.reportform {
	margin-bottom:0px;
	height:100%;
}

html {
	padding:0;
	margin: 0;
}

#main2 {
	width: 100%;
	margin:0px;
	top: 0;
	padding:0px;
	bottom: 0;
}

#subheader3 {
	padding:2px;
}

#header3 {
	background: #F3F3F3;
	top: 0;
	font-size: 0.814em;
	left: 0;
	right: 0;
	padding:0px;
	display:block;
}

#content2 {
	border:1px solid #CCCCCC;
	font-size: 0.814em;
	top: 123px;
	padding:0px;
	bottom: 33px;
	left: 0;
	right: 0;
	overflow-y:auto;
	overflow-x:hidden;
}

#footer2 a {
	text-decoration: none;
	color: black;
}

#footer2 {
	position: absolute;
	opacity:0.9;
	height: 21px;
	font-size: 1em;
	bottom: 0;
	border:1px solid black;
	background:  #CCCCCC;
	text-align: center;
	vertical-align: center;
	padding: 5px;
	text-shadow: 2px 2px #AAAAAA;
	left: 0;
	right: 0;
	text-align:center;
	display:block;
}