@import url('https://fonts.googleapis.com/css?family=Lato|Montserrat:500');

/* CSS Document */
*{
	margin:0; padding:0px; max-width:100%;
}
body{
	width:100%; background-color:#fcfcfc; color:#000;
	font-family: Lato, Calibri, Helvetica, Verdana, Arial;
	/*background-image:url(images/body_bg.png); background-repeat:repeat-x; background-color:#f7f7f7; background-position:top;*/
	
}
h1{
	color:#333;	padding:5px; margin:5px;
	font-weight:bold; font-size:20px;
	text-shadow:0 0 3px 0 #000; 
}
h2{
	font-size:27px;	font-weight:bold; color:#900; font-variant: small-caps;
	padding:5px; margin:5px;
	/*text-shadow:2px 2px 2px #000; */
}
h3{
	color:#000000;
	font-family:Arial;	font-size:24px;	font-weight:bold;
	padding-left:0px;	padding-right:0px;	padding-top:3px;	padding-bottom:3px;
}
.title{
	color:#fff;	padding: 0px; margin:20px 0 15px 10px; float: left;
	font-weight:bold; font-size:36px;
	text-shadow:3px 3px 3px #000; 
}
.menuitem{
	font-size:27px;	font-weight:bold; color:#fff; font-variant: small-caps;
	padding:0px; margin:10px 25px 0 0;float: right;
	text-shadow:2px 2px 2px #000; 
}
a{
	font-weight: bold; text-decoration: none; color:#000;
}
a:hover {
	color:#333; border-bottom:0px solid #333;
}

#wrapper{
	width:100%;position: absolute;
}
#header{
	width:100%; position:fixed; top:0px; left:0px;
	background-color:#fdfdfd; z-index:999; color:#fff;
	box-shadow:0 0 20px #000; -moz-box-shadow:0 0 20px #000; -webkit-box-shadow:0 0 20px #000;
	text-align: center;
	border-bottom: 0px solid #efb14e; border-top: 0px solid #b93c38;
}
#header>h1{
	color:#ef3b44; text-align:center; text-shadow:0px 0px 0px #000; font-weight:900; font-style:italic; display: inline-block;
}
#header-inner{
	width:999px; margin:0px auto; display:block;z-index:999;width:auto;text-align: center;
}
#menu{
	float:right; display: inline-block; padding:15px;
}
#bodym{
	width:100%; text-align:center; display:block; position:relative; margin-top:70px; min-height:400px; vertical-align: middle;
}
#footer{
	width:100%; text-align:center; display:block; position:relative; color:#600; vertical-align: middle; margin:50px auto;
}
#header a{color:#900; text-decoration:none; /*border:2px solid #900; border-radius:15px; padding:7px 15px;*/}
#header a:hover{color:#fff; text-decoration:none; /*background-color:#900; border:2px solid #fff;*/ }

#inputform{
	width:620px; height:auto; margin:10px 0; max-width:100%; border:0; border-bottom:2px solid #900; border-radius:0px; float:left; background-color:#fff; display:inline-block; overflow:hidden;
}
#inputform>h3{
	width:100%; background-color:#900;color:#fff;font-size:24px; padding:15px 0;
}

div#is2c{
	width:300px; min-height:200px; margin: 5px; padding: 5px; height:150px;
	font-size:13px; color:#333333; text-align: left;line-height:18px;
	border:1px solid #CCC; border-color:#E4E4E4 #BEBEBD #BEBEBD #E4E4E4;
	display:block; float:left; background-color:#FFF; overflow: auto;
	box-shadow:1px 1px 2px 0 #D0D0D0; -moz-box-shadow:1px 1px 2px 0 #D0D0D0; -webkit-box-shadow:1px 1px 2px 0 #D0D0D0;
}
div#is2c>p{
	border-bottom:0px solid #f7f7f7; padding:5px 0; font-weight: bold;
}
div#is2c>p:nth-child(even){
	/*background-color:#e7e7e7;*/
}

.search-form{
	width:auto; height:auto; max-width:100%; padding:10px; margin: 15px 0;
}
.search-box{
	border:1px solid #006; height:40px; width:400px;font-size:18px; padding:0px 20px;border:0; outline:none; border-bottom: solid 2px #c9c9c9;
}
/*
.search-box:hover{
	border:1px solid #006; /*box-shadow:0 0 10px #999; -moz-box-shadow:0 0 10px #999; -webkit-box-shadow:0 0 10px #999;* /
	outline: none;
}
.search-box:active {
	border:1px solid #006;
}
*/
.search-button{
	border:0px; height:40px; width:auto;font-size:18px;cursor: pointer;color:#fff; padding: 5px 20px;
}
.search-button:hover{
	box-shadow:0 0 10px #999; -moz-box-shadow:0 0 10px #999; -webkit-box-shadow:0 0 10px #999;
}

/*SRC: http://www.cssscript.com/material-design-inspired-check-radio-click-effects-with-css3/ */

.option-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  position: relative;
  top: 13.33333px;
  width: 40px;
  height: 40px;
  -webkit-transition: all 0.15s ease-out 0;
  -moz-transition: all 0.15s ease-out 0;
  transition: all 0.15s ease-out 0;
  background: #cbd1d8;
  border: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  outline: none;
  position: relative;
  margin-right: 0.5rem;
  z-index: auto;
}
.option-input:hover { background: #9faab7; }
.option-input:checked { background: #40e0d0; background: #b93c38;}
.option-input:checked::before {
  width: 40px;
  height: 40px;
  position: absolute;
  content: '\2714';
  display: inline-block;
  font-size: 26.66667px;
  text-align: center;
  line-height: 40px;
}
.option-input:checked::after {
  -webkit-animation: click-wave 0.65s;
  -moz-animation: click-wave 0.65s;
  animation: click-wave 0.65s;
  background: #40e0d0; background: #efb14e;
  content: '';
  display: block;
  position: relative;
  z-index: 98;
}
.option-input.radio { border-radius: 50%; }
.option-input.radio::after { border-radius: 50%; }


@-webkit-keyframes 
click-wave { 0% {
 width: 40px;
 height: 40px;
 opacity: 0.35;
 position: relative;
}
 100% {
 width: 200px;
 height: 200px;
 margin-left: -80px;
 margin-top: -80px;
 opacity: 0.0;
}
}

@-moz-keyframes 
click-wave { 0% {
 width: 40px;
 height: 40px;
 opacity: 0.35;
 position: relative;
}
 100% {
 width: 200px;
 height: 200px;
 margin-left: -80px;
 margin-top: -80px;
 opacity: 0.0;
}
}

@-o-keyframes 
click-wave { 0% {
 width: 40px;
 height: 40px;
 opacity: 0.35;
 position: relative;
}
 100% {
 width: 200px;
 height: 200px;
 margin-left: -80px;
 margin-top: -80px;
 opacity: 0.0;
}
}

@keyframes 
click-wave { 0% {
 width: 40px;
 height: 40px;
 opacity: 0.35;
 position: relative;
}
 100% {
 width: 200px;
 height: 200px;
 margin-left: -80px;
 margin-top: -80px;
 opacity: 0.0;
}
}

/**********/

.g4 {
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#404040), to(#000));
   background-image: -webkit-linear-gradient(top, #404040, #000); 
   background-image: -moz-linear-gradient(top, #404040, #000);
   background-image: -ms-linear-gradient(top, #404040, #000);
   background-image: -o-linear-gradient(top, #404040, #000);
}
div#optionbox{
	width:400px; min-height:200px; padding: 5px; height:150px;
	position: relative; text-align: left; visibility: hidden;
	border:1px solid #CCC; /*border-color:#E4E4E4 #BEBEBD #BEBEBD #E4E4E4;*/
	background-color:#FFF; color:#333;
	box-shadow:1px 1px 2px 0 #D0D0D0; -moz-box-shadow:1px 1px 2px 0 #D0D0D0; -webkit-box-shadow:1px 1px 2px 0 #D0D0D0;
}
.search-form:focus>div{
	visibility: visible;
}
.search-box:active div#optionbox{
	visibility: visible;left:0px;
}

.listingText{
	font-weight: normal;
}
p.titletext{
	background-color:#780000;color:#fff;text-align: center;font-weight: bolder;line-height:20px;
}
.regform{
	width:auto;margin:10px auto;text-align:left;
}
.regform p{
	margin:10px 5px; text-align:left; font-size: 20px; font-weight: bold;
}

/*
::-webkit-scrollbar {width: 12px;background-color:#fff;}
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px;background-color:#900;}
::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); border-radius: 10px;background-color:#fff;}
*/

#wrapperp{
	width:999px; margin:0 auto;
}
.page{
	padding:10px 25px; border:10px solid #e00; border-width:10px; background-color:#fcfcfc;
	box-shadow: 0 0 0.5cm rgba(0,0,0,0.5); margin-bottom: 0.5cm;
	background-image: url('images/swastika-border.png'); background-position-x: right; background-repeat: repeat-y; 
	min-height: 35.75cm;
}
.rheader{
	text-align:center; vertical-align:top;
}
.rfooter{
	text-align:center; vertical-align:top;
}
.rfooter a{
	color:#077ac5;
}
.search-form label{
	display: inline-block; text-align: left; font-size: 18px; font-weight: bolder; padding: 5px; margin:5px 0; cursor: pointer; width:99%;
}
.search-form label span{
	width:auto; display:inline-block; text-align: left; font-size: 20px; padding-right: 0;
}
.search-form label span sup{
	color: #f00;
}
.pob-container{
	width:400px; max-width:100%; float:right; display:inline-block; margin-right:15px; margin-top:-10px;
}
.optAdv{
	display:none; height:auto;
}


/*SRC: http://callmenick.com/post/various-css-input-text-styles*/
input[type="text"], input[type="password"], select, textarea {
  padding: 10px;
  border: none; border:0; outline:none;
  border-bottom: solid 2px #c9c9c9;
  transition: border 0.3s;
}
input[type="text"]:focus, input[type="text"]:hover, input[type="password"]:focus, input[type="password"]:hover, select:focus, select:hover, textarea:hover {
  border:0; outline:none; border-bottom: solid 2px #969696;
}
/*SRC: https://davidwalsh.name/css-page-breaks*/
@media all {
	.page-break	{ display: none; }
}
@media print {
	.page-break	{ display: block; page-break-before: always; }
	.page-break:after { margin-top:50px; }
}
/*SRC: https://www.smashingmagazine.com/2015/01/designing-for-print-with-css/ */
table, figure {
  page-break-inside: avoid;
}
@page {
  size: A4;
}
@page:right{
  @bottom-right {content: counter(page) "/" counter(pages);}
}
/* @page:left{@bottom-left {content: counter(page) "/" counter(pages);}} */
page[size="A4"] {  
  width: 21cm;
  height: 29.7cm; 
}
@media print {
  body, page {
    margin: 0;
    box-shadow: 0;
  	background-color: #e00;
  }
  body{
  	background-color: #fff;
  }
  /*
  .page{
  	padding:0; border-width:0; 
  }
  page{
  	padding:10px 25px; border:10px solid #e00;
  }
  */
}

/*SRC: http://stackoverflow.com/questions/7439359/adding-footer-for-printing-web-pages-and-setting-margins *
@media print {
    div.rfooter {
        display:block;
        bottom:0px;
        position:fixed;
    }
}
*/
.page-matter{
	display:block;
	min-height: 31cm;
	
}
.page-matter p{
	page-break-inside: avoid;
	page-break-before: auto;
	
  	margin-top: 20px;
	text-indent:.75in;
	text-align:justify;
	margin-right: 10px;
	font-size: 18px;
}

.boxx{
	width:430px; height:auto; margin:0 0 10px 0; max-width:100%; border:0px; border-bottom:2px solid #900; border-radius:0px; float:left; background-color:#fff; display:inline-block; overflow-x:hidden; overflow-y:auto; display: none;
}
.boxx>.bh{
	width:100%; height:auto; margin:0; padding:5px 0; max-width:100%; display:inline-block; overflow:hidden; background:#d00; color:#fff; text-align:center; font-weight:900; font-size:20px;
}
.boxx>.bb{
	width:99%; height:auto; margin:0; padding:0; max-width:100%; display:inline-block; overflow-x:auto; overflow-y:auto; margin-bottom:10px;
}
.defdisp{
	display: inline-block;
}


/* http://cssdeck.com/labs/twitter-bootstrap-alerts */
.alert {
  padding: 8px 35px 8px 14px;
  margin-bottom: 18px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #c09853;
}
.alert-heading {
  color: inherit;
}
.alert .close {
  position: relative;
  top: -2px;
  right: -21px;
  line-height: 18px;
}
.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #468847;
}
.alert-danger,
.alert-error {
  background-color: #f2dede;
  border-color: #eed3d7;
  color: #b94a48;
}
.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #3a87ad;
}
.alert-block {
  padding-top: 14px;
  padding-bottom: 14px;
}
.alert-block > p,
.alert-block > ul {
  margin-bottom: 0;
}


/*Scroll Bar*/
::-webkit-scrollbar {
 width:11px;
 background-color:white;
}
::-webkit-scrollbar-track {
 -webkit-box-shadow:inset 0 0 1px rgba(0,0,0,0.3);
 border-radius:3px;
}
::-webkit-scrollbar-thumb {
 border-radius:3px;
 -webkit-box-shadow:inset 0 0 1px rgba(0,0,0,0.5);
 background-color:silver;
}



/*Datalist Div*/
.datalist{
	width:430px; height:auto; margin:10px 0; max-width:100%; border:0; border-bottom:2px solid #900; border-radius:0px; float:left; background-color:#fff; display:inline-block; overflow:hidden; max-height: 550px; overflow-y: auto;
}
.datalist>h3{
	width:100%; background-color:#900;color:#fff;font-size:24px; padding:15px 0;
}
.datalist>p{
	margin: 10px;
}

/*Datalist Table*/
table.dl{
	width:100%; padding:5px 0px; margin-right:10px; background-color: #fff;
	box-shadow: 1px 1px 1px 1px silver;
}

table.dl tr{
	padding: 5px; border-width:0px; border-bottom:2px solid #c00;
}
table.dl tr:hover{
	background-color:#f7f7f7; color: $c00;
}

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

table.dl tr td:hover{
	color: #c00;
}

table.dl tr td i{
	color: #c00; font-size:22px;
}
table.dl tr td i:hover{
	color: green;
}

/*welcome*/
.module-box{
	width:135px; max-width:98%; border:2px solid #eee; padding:1.5% 2%; margin:1%; float:left; background-color:#fefefe; overflow-x:hidden; text-align:center;
	box-shadow:0 0 2px #000; -moz-box-shadow:0 0 2px #000; -webkit-box-shadow:0 0 2px #000;
}
.module-box:hover{
	background-color:#fff;
}
.module-box>h3{
	font-family: Montserrat, Calibri, Helvetica, Verdana; font-weight:500; font-size:1.3em; overflow:hidden; margin:10px 0; color:#c00;
}
.module-box>a{
	display:block; margin:10px 0;
}