@font-face {
    font-family: Gandhi Sans;
    src: url(GandhiSans-Regular.otf);
}
@font-face {
    font-family: Gandhi Sans;
    src: url(GandhiSans-Bold.otf);
	font-weight: bold;
}

.ani-top{
	position:relative;
	animation:animatetop 0.8s;
	animation-delay: 1.6s;
	opacity:0;
	animation-fill-mode: forwards;}@keyframes animatetop{from{top:50px;opacity:0} to{top:0;opacity:1}}
.ani-left{
	position:relative;
	animation:animateleft 0.8s;
	animation-delay: 0.8s;
	opacity:0;
	animation-fill-mode: forwards;}@keyframes animateleft{from{left:-50px;opacity:0} to{left:0;opacity:1}}
.ani-right{
	position:relative;
	animation:animateright 0.8s;
	opacity:0;
	animation-fill-mode: forwards;}@keyframes animateright{from{right:-50px;opacity:0} to{right:0;opacity:1}}

.dMenu {
  display: none;
  position: absolute;
  background-color: white;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  border-bottom-left-radius: 5px;
  z-index: 1;
}

.dMenu .dItem {
  color: #A9A9A9;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dItem:hover {
  color: #F3802C;
}

.dDown:hover .dMenu {display: block;}

html {
	height: 100%;
	margin: 0;
}

body.index {		
	height: 100%;
	margin: 0;
	background-image: url('1.jpg');
	background-repeat: no-repeat;
	background-size: cover;	
	
}

div.index {
	height: calc(100% - 35px);
	width: calc(100% - 50px);
	position: fixed;
	top: 10px;
	left: 25px;
	font-family: Gandhi Sans;
	background-color: white;
	overflow: auto;
	border-radius: 5px;
}

div.pDetail {
	visibility: hidden;
	position: fixed;
	background: rgba(0, 0, 0, 0.7);
	color: white;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
}

div.pDFloat {
	position: fixed;
	top: 25px;
	left: calc(50% - 240px);
	background-color: white;
	height: 420px;
	width: 550px;
	box-shadow:0 4px 4px 0 rgba(0,0,0,0.2),0 4px 4px 0 rgba(0,0,0,0.19);
	border-style: solid;
	border-width: thin;
	border-radius: 4px;
	border-color: grey;
}

div.pDFloatClose {
	position: absolute;
	right: 0;
	bottom: 0;
}

img.POD {
	max-height: 400px;
	max-width: 500px;
}

div.header {
	height: 100px;
	width: calc(100% - 70px);
	position: fixed;
	top: 25px;
	left: 25px;
	font-family: Gandhi Sans;
	background-color: white;
	border-radius: 5px;
	padding: 10px 10px 10px 10px;
}

div.headertopright {
	position: absolute;
	top: 0;
	right: 0;
	font-family: Gandhi Sans;
	color: #F2F2F2;
	background-color: black;
	border-bottom-left-radius: 10px;
	padding: 10px 10px 10px 10px;
}

div.notification {
	position: absolute;
	bottom: 0;
	right: 0;
	font-family: Gandhi Sans;
	padding: 10px 10px 10px 10px;
}

div.bg {
	position: absolute;
	opacity: 0.7;
	background-color: black;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
}

iframe.display {
	position: absolute;
	border:none;
	height: calc(100% - 145px);
	width: 100%;
	min-width: 900px;
	bottom: 0;
}

div.slide {
	position: absolute;
	width: 90%;
	top: 25px;
	left: 5%;
	font-family: Gandhi Sans;
	color: white;
	display: none;
}

div.slideH1 {
	font-size: 32px;
	font-family: Gandhi Sans;
	opacity:0;
}

div.slideH2 {
	font-size: 44px;
	font-family: Gandhi Sans;
	opacity:0;
	font-weight: bold;
}

div.slideH3 {
	font-size: 24px;
	font-family: Gandhi Sans;
	opacity:0;
	width: 600px;
	max-width: 80%;
	color: #d3d3d3;
}

div.slideicons {
	position: absolute;
	right: 5%;
	bottom: 50px;
	padding: 10px 10px 10px 10px;
}

div.sIc {
	padding: 5px 5px 5px 5px;
}

div.sIcon {
	position: relative;
	width: 30px;
	height: 30px;
	border-bottom-left-radius: 5px;
	background-color: #2F4F4F;
}

div.sIcon:hover {
	background-color: #F3802C;
}

img.iIcon {
	position: relative;
	top: 5px;
	left: 5px;
}

table.display {
	font-family: Gandhi Sans;
	color: #808080;
	font-size: 18px;
	text-align: center;   
}

table.display th, td {
	padding: 5px 5px;
}

table.display input {
	width: 95%;
}

button.display, input.display{
	color: #808080;
	padding: 5px 5px;
	border-width: thin;
	border-radius: 4px;
	text-align: center;
    text-decoration: none;
	font-size: 18px;
}


img.imgPOD {
	max-height: 300px;
	max-width: 300px;
}

div.RM {
	font-size: 16px;
	color: #2F4F4F;
	background-color: white;
	border-bottom-left-radius: 5px;	
	padding: 10px 10px 10px 10px;
}

div.steps {
	position: fixed;
	right: 10%;
	top: 220px;
}

div.FAQ {
	font-weight: bold;
	max-width: 70%;
	color: #DCDCDC;
	cursor: pointer;
}

img.iFAQ {	
	max-width: 70%;
}

div.cFAQ {	
	display: none;
	max-width: 70%;
	padding: 10px 10px 10px 10px;
}

div.form {
	position: relative;
	margin: auto;
	width: 90%;
	top: +40px;
	font-family: Gandhi Sans;
	color: #F3802C;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	padding: 10px 10px 10px 10px;
}

div.footer {	
	position: fixed;
	height: 10px;
	width: 100%;
	font-family: Gandhi Sans;
	color: #d3d3d3;
	bottom: 10px;
	left: 0;
	text-align: center;
}

div.msgbg {
	position: absolute;
	height: 100%; 
	width: 100%; 
	left:0;
	top: 0; 
	background: rgba(0, 0, 0, 0.6);
	visibility: hidden;
}

div.msgbox {
	position: relative;
	margin: auto;
	width: 60%;
	top: 20%; 
	background-color:white;
	font-family: Gandhi Sans;
	color: #F3802C;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	padding: 10px 10px 10px 10px;
	text-align: center;
}

p.msgbox {
	font-size: 32px;
}

i.iRemarks {
	color: red;
}

.header-main{
  position: relative;
  margin: auto;
  width: 90%;
  top: 20px;
  background-color: white;
  border-bottom-left-radius: 5px;
  padding: 10px 10px 10px 10px;
}

.dBody {
	position: relative;
	font-size: 20px;
	margin: auto;
	width: 90%;
	
	max-height: calc(100% - 180px - 20px);
	top: 40px;
	font-family: Gandhi Sans;
	color: #A9A9A9;
//	background-color: white;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	padding: 10px 10px 10px 10px;
	
	overflow: auto;
}

.header-top {
	position: absolute;
	top: 0;
	right: 0;
	width: 80%;
	padding: 10px 10px 10px 10px;
	border-bottom-left-radius: 5px;
	font-family: Gandhi Sans;
	background-color: #222;
	color: #d3d3d3;
	text-align: left;
	margin-top: auto;
	margin-bottom: auto;
}

.header-top-contacts {
	padding: 10px 10px 10px 10px;
}

.header-top-id {
	float: right;
	padding: 0px 10px 0px 10px;
}


form.login {
	float: right;
}

logo {
	position: absolute;
	top: 0;
	left: 0;
}

nav {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 90%;
	font-family: Gandhi Sans;
	font-weight: bold;
	padding: 10px 10px 10px 10px;
	text-align: left;
}

abutton {
	background-color: #F3802C;
	border: none;
    color: white;
	font-weight: bold;
	padding: 5px 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
	padding: 10px 10px 10px 10px;
}

button:hover {
    cursor: pointer;
}

button, input{
	color: #808080;
	padding: 10px 10px;
	border-width: thin;
	border-radius: 4px;
	text-align: center;
    text-decoration: none;
	font-size: 20px;
}


ul.menu {
  float: right;
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

li.menu {
  float: left;
}

li.menu a.inactive {
  display: block;
  color: #A9A9A9;
  text-align: center;
  padding: 16px;
  text-decoration: none;
}

li.menu a.inactive:hover, a.active {
	color: #F3802C;
	padding: 16px;
}

a.inactive:link, a.inactive:visited, a.inactive:hover{
	font-family: Gandhi Sans;
	font-weight: bold;
	color: #F3802C;
	text-align: center;
	text-decoration: none;
	display: inline-block;
}

a.Rbutton {
	background-color: #F3802C;
	border: none;
    color: white;
	padding: 5px 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
	padding: 10px 10px 10px 10px;
}

a.Rbutton:hover {
    background-color: #3346FF;
    color: white;
	padding: 10px 10px 10px 10px;
}

a.button {
	background-color: #F3802C;
	border: none;
    color: white;
	text-align: center;
    text-decoration: none;
    display: inline-block;
	padding: 5px 5px 5px 5px;
}

a.button:hover {
    background-color: #3346FF;
    color: white;
	padding: 5px 5px 5px 5px;
}


td.C0 {
   background-color: #ADD8E6;
   color: black;
}

td.C1 {
   background-color: #90EE90;
   color: black;
}

td.C2 {
   background-color: #FFFF00;
   color: black;
}

td.C3 {
   background-color: #FFCCCB;
   color: black;
}

td.C4 {
   background-color: #FF0000;
   color: black;
}

tr.grey {
	background-color:#ECECEC;
	-webkit-print-color-adjust: exact; 
}