* { margin:0; padding:0; border:0; text-decoration:none}
body {font-family:'TitilliumRegular'!important; color:#000; }

@font-face {
    font-family:'TitilliumRegular';
    src: url('../Fonts/titillium-regular.eot');
    src: url('../Fonts/titillium-regular.eot') format('embedded-opentype'),
         url('../Fonts/titillium-regular.woff2') format('woff2'),
         url('../Fonts/titillium-regular.woff') format('woff'),
         url('../Fonts/titillium-regular.ttf') format('truetype'),
         url('../Fonts/titillium-regular.svg#TitilliumRegular') format('svg');
}
    
.bg {width:100%; z-index:-1; height:100%; position:fixed;}
header {padding:10px 0 2px; background:rgba(255,255,255,.9)}
header .police-logo {float:left; width:90px; }
header .heding-main {float:left; padding-top:2px; padding-left:15px;}
header .heding-main .heading {display:block; padding-bottom:5px; line-height:28px; font-size:2.2em; color:#ca1109}
header .heding-main .sub-line {font-size:1em; color:#333;padding-left:5px}
header .gov-maha {float:right; width:70px; margin-top:5px;}

section {-moz-box-shadow: 0 5px 15px 0 rgba(0,0,0,.09) inset; -webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,.09) inset; box-shadow: 0 5px 15px 0 rgba(0,0,0,.09) inset}
section .container {min-height:550px; padding:25px 0}

footer {padding: 12px 0;background:#151b2c; text-align: center; color:#fff}
footer p {float:left;}
footer ul {float:right; list-style:none; margin-bottom:0px;}
footer ul li {float:left; margin:0 5px;}

.h5 { background:#fff!important}
ul, ol{list-style:none}
ul li{margin-bottom:15px}
/*--Login--*/
.login-h1 { line-height:35px; padding:0px!important;}
.login { margin:3em auto 0; max-width:400px; width:80%; background:rgba(255,255,255,.7); padding:20px 25px;-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.5); box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.5);}
.login h2 { margin:0px 0 20px; padding:0px; font-size:2.2em; color:#6aa4cd;font-family: 'TitilliumRegular'!important;}
.login h2 .fa { padding-right:8px;}
.login input[type="text"], .login input[type="password"] { padding:5px 6px; height:34px;}
.login .register {list-style:none; margin:0 -5px}
.login .register li { font-weight:normal; display:inline-block; padding:0 1%; font-size:1.1em}
.login .register li a, .login .register li a:visited {color:#408db5}
.login .register li .fa {float:left; display:inline-block; padding-right:5px; padding-top:3px;}
.login .register li a:hover {color:red; background: transparent}
.fo-lg { font-size:1.1em}

.form-control {border-radius:0px!important; font-size: 12px!important;}
.captcha label {float:left; display:inline-block; font-weight:normal!important}
.captcha input [type="image"] {float:left;}

/*forgot*/
.forgot {background:#fff; margin:5px auto 0; padding:20px; width:80%; max-width:650px; position:relative}
.forgot label {float:left; width:33%; vertical-align:middle; font-weight:normal}
.forgot input[type="text"] {float:left; width:43%; margin:0 2%;}
.forgot .btn {width:20%; }
.forgot .captcha .col-md-3 { width:100%; padding:0 0;}
.forgot .error {position:absolute; bottom:0px; left:36%;}

.clear-height { height:20px; clear:both}
.change-pass {background:#fff; margin:5px auto 0; padding:20px; width:80%; max-width:650px;}
.change-pass label {float:left; width:50%; vertical-align:middle; font-weight:normal}
.change-pass input[type="password"] {float:left; width:50%;}
.change-pass .captcha .col-md-3 { width:50%; padding:0 0;}

.min-height { min-height:550px!important;}
.padding-remove { padding:0px!important}

.position-fixed { position:fixed; height:100%}
/*-------- Global CSS -------*/
.alert {padding: 10px;}
.center-element {display: block!important;margin: 0 auto;width: 24px;}
h1 { display: block; font-weight: normal; color:#333!important; font-size:1.8em; margin:10px 0px!important; padding:5px 10px!important;}
h2 {font-size:1.5em; }
h3 {padding:0px; line-height: 18px; margin:0 0 10px; color:#000; font-size:1.3em; padding: 10px 0 7px 0; background: #e5e5e5;}
h4 {padding:0px; line-height: 18px; margin:0 0 10px; color:#333333; font-size:1.1em;}
p { line-height: 20px;}

input[type="text"] {background:#FFF; height:30px; width:100%; border: 1px solid #dedede; line-height:30px; padding:0px 6px;}
input[type="file"] {background:#FFF; height:30px; width:100%; border: 1px solid #dedede; line-height:30px; padding:0px 6px;}
input[type="password"] {background:#fff; height:30px; width:100%; border: 1px solid #dedede; padding:5px 6px; line-height:30px;}
input[type="checkbox"] {width:15px; height:15px; margin-right:5px; margin-bottom:25px; border: 1px solid #e3ecf1; padding:0px;}
input[type="radio"] {width:15px; height:15px; margin-right:5px; margin-bottom:25px; border: 1px solid #e3ecf1; padding:0px;}
textarea {background:#fff; border:1px solid #dedede; width:100%; padding:5px 6px; line-height:30px; height:80px; }
select {background:#fff; height:30px; line-height:30px; width:100%; border: 1px solid #dedede; padding:0px 0px 5px 6px;}
label {}
.button {background:#4cadc5; color:#fff; padding:5px 12px; display:inline-block; float:left; border-radius:3px;}
.button:hover {background:#3194aa}
.ErrorLable{color:Red;font-size:15px;font-weight:bold;}
.Watermark-color{color: #d3d3d3 !important;}

fieldset {border: 1px solid #dedede; padding:30px; background:#fff; border-radius:3px; margin-bottom:25px}
legend {padding:3px 11px; border-radius:3px; margin:0px; width:auto; font-size:15px;line-height: inherit; color: #fff; background:#395f8d}
fieldset .row { padding-bottom:20px; margin:0px;}

.margin-left { padding-left:0!important;}

.btn-style { margin: 0 0 0 5px!important;}
.manadatory:after {content: '*';color: Red;padding: 0 0 0 3px;font-size: 1.2em;}
.error-msg {}

.timeline { padding-left:90px; }
.timeline .tm-body {position: relative;	padding: 30px 0;}
.timeline .tm-body:after {background: #505050;
    background: -moz-linear-gradient(top, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1e5799), color-stop(100%, #7db9e8));
	background: -webkit-linear-gradient(top, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%);
	background: -o-linear-gradient(top, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%);
	background: -ms-linear-gradient(top, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%);
	background: linear, to bottom, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%;
	content: '';display: block;	height: 100%;	left: 140px; margin-left: -2px;	position: absolute;	top: 0;	width: 3px;	z-index: 0;	filter: alpha(opacity=35);	opacity: 0.35;}
.timeline .tm-title {position: relative; display: inline-block; text-align: center; width:70%; background-color: #fff;padding: 4px 10px;	margin: 0 30px;	z-index: 1;	
                     -webkit-border-radius: 3px; border-radius: 3px; font-weight:bold; margin-bottom:18px; border:1px solid #e9e9e9}
.timeline .tm-items {list-style: none;padding: 0;margin: 0;}
.timeline .tm-items > li {position: relative; margin:11px 0; padding:0 0 0 180px; min-height: 45px;	z-index: 1;}
.timeline .tm-items > li .tm-datetime {position:absolute; top: 50%;	left: 0; width:100px;height: 48px; margin-top:-14px;text-align: right;z-index: 3;}
.timeline .tm-items > li .tm-datetime .tm-datetime-time {color: #000;font-size:15px; font-weight: 700; margin: 0; white-space: nowrap;}
.timeline .tm-items > li .tm-icon {position: absolute; top: 50%; left: 150px; background-color: #fff; color: #d43f3a; font-size:17px; padding: 5px; width:35px;height:35px;
	text-align: center;	line-height: 25px;	margin-top: -23px;	margin-left: -28px;	z-index: 2;	-webkit-border-radius: 28px;border-radius: 28px;}
.timeline .tm-items > li .tm-box {position: relative;background: #fff; font-size:15px; padding:7px 5%;border: 1px solid #e9e9e9;
                                  -webkit-border-radius: 6px;border-radius: 6px;}
.timeline .tm-items > li .tm-box:after {right: 100%;border: solid transparent; content: ' ';height: 0;width: 0;	position: absolute;	pointer-events: none;border-right-color: #fff;border-width: 8px;
	top: 50%;margin-top: -8px;	z-index: 2;}
.timeline .tm-items > li .tm-box p:last-child {margin-bottom: 0;}
.timeline .tm-items > li .tm-box .tm-meta {margin: 10px 0 0;}
.timeline .tm-items > li .tm-box .tm-meta span {display: inline-block;padding-right: 8px;}
.timeline .tm-items > li .tm-box .tm-meta span:last-child, .timeline .tm-items > li .tm-box .tm-meta span:last-of-type {padding-right: 0;}
.timeline.timeline-simple .tm-body:after {left: 30px;}
.timeline.timeline-simple .tm-body .tm-title {border: 1px solid #e9e9e9;margin: 0 10px;}
.timeline.timeline-simple .tm-body .tm-items > li {	padding: 0 0 0 55px;}
.timeline.timeline-simple .tm-body .tm-items > li:before {	display: block;	position: absolute;	content: ' ';background: none repeat scroll 0 0 #ccc;	border-radius: 50%;
	box-shadow: 0 0 0 3px white, 0 0 0 6px #ccc;height: 7px;left: 30px;	top: 50%;	width: 8px;	margin-left: -4px;margin-top: -4px;}
.timeline.timeline-simple .tm-body .tm-items > li .tm-box:before {left: -17px;border: solid transparent;	content: ' ';height: 0;	width: 0;position: absolute;pointer-events: none;border-right-color: #e9e9e9;
	border-width: 8px;top: 50%;	margin-top: -8px;z-index: 1;}

.pay-option {border:1px dashed #b1cfdd; background:#f4f9fc; width:100%; padding:5px 0 15px;}
.pay-radio {margin:0 auto; display:table;}
.pay-radio td {padding:5px 10px 1px;}
.pay-radio input[type="radio"] {width:25px; height:25px; display:inline-block; float:left;background:transparent !important; border:0px;}
.pay-radio label { display:inline-block; float:left; font-size:1.3em; padding:5px 0 0;}
.pay-option .button { margin:0 auto; display:block;float:none;}

/* css for ie8 */
.ie8 .reading a { font-size: 0.92em;line-height: 29px;}

/*News Ticker Styling */
.ticker-wrapper.has-js {width:668px; margin:25px 0 10px; padding:0px 10px; border:1px solid #ddd; height:62px; display: block; background-color: #fff; border-radius:4px}
.ticker {width:650px;height: 52px; display: block; position: relative; overflow: hidden; background-color: #fff;}
.ticker-title {padding:7px 0px 0 0; width:11%; color: #000; font-weight: bold; text-transform: uppercase; background:url(../../images/forward.png) no-repeat 50px 7px;}
.ticker-content {margin: 0px; width:560px; padding:10px 0 0 0px; position: absolute;	color: #000; font-weight: bold; background-color: #fff; overflow: hidden; line-height: 1.2em;}
.ticker-content:focus {display: none;}
.ticker-content a {text-decoration: none; color: #D52C26;}
.ticker-content a:hover, .ticker-content a:focus {text-decoration: underline; color: #002456;}
.ticker-swipe {padding-top: 9px;position: absolute;	top: 0px; background-color: #fff; display: block; width: 8210px;height: 52px; }
.ticker-swipe span {margin-left: 1px; background-color: #fff; border-bottom: 1px solid #1a4787; height: 12px; width: 7px; display: block;}
.ticker-controls {padding: 8px 0px 0px; list-style-type: none; float:  right; width:20%}
.ticker-controls li {padding: 0px; margin-left: 5px; float:  right; cursor: pointer; height: 16px; width: 16px; display: block;}
.ticker-controls li.jnt-play-pause {background-image: url('../../images/controls.png');background-position: 32px 16px;}
.ticker-controls li.jnt-play-pause.over {background-position: 32px 32px;}
.ticker-controls li.jnt-play-pause.down {background-position: 32px 0px;}
.ticker-controls li.jnt-play-pause.paused {background-image: url('../../images/controls.png');	background-position: 48px 16px;}
.ticker-controls li.jnt-play-pause.paused.over {background-position: 48px 32px;}
.ticker-controls li.jnt-play-pause.paused.down {background-position: 48px 0px;}
.ticker-controls li.jnt-prev {background-image: url('../../images/controls.png');background-position: 0px 16px;}
.ticker-controls li.jnt-prev.over {background-position: 0px 32px;}
.ticker-controls li.jnt-prev.down {background-position: 0px 0px;}
.ticker-controls li.jnt-next {background-image: url('../../images/controls.png');	background-position: 16px 16px;	}
.ticker-controls li.jnt-next.over {background-position: 16px 32px;	}
.ticker-controls li.jnt-next.down {	background-position: 16px 0px;	}
.js-hidden {display: none;}
.no-js-news {padding: 10px 0px 0px 45px; color: #F8F0DB;}
.left .ticker-swipe {/*left: 80px;*/}
.left .ticker-controls, .left .ticker-content, .left .ticker-title, .left .ticker {float: left;}
.left .ticker-controls {    margin-left: -11px;
    background: #FFF none repeat scroll 0% 0%;
    padding: 6px;
    width: 80px;
    margin: -25px 0 0 -9px;
    float: left;
    position: relative;
}
.right .ticker-swipe {/*right: 80px;*/}
.right .ticker-controls, .right .ticker-content, .right .ticker-title, .right .ticker {float: right;}
.right .ticker-controls {padding-right: 6px;}
.sfonts { text-indent:-999999}

.loginBg 
{
    background:url(../../Images/bg.jpg) no-repeat; background-size:100% 100%; height:100vh;
}
.AcademicYear {
    position: absolute;
    right: 2%;
    top: 4.6em;
    width: 550px;
   
   
   
}
.AcademicYear  ul 
{
    max-height:400px; 
   overflow-y: scroll;
   margin-bottom:25px;
    background: #92ae3a;
    padding: 15px;
    border: 1px solid #ddd;
       min-height:200px; 
}
.voterid img {
    height:500px;
}

.AcademicYear img 
{ height:300px;  }

.AcademicYear  ul  li 
{
    display:block;
    word-wrap: break-word;
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
}

.voterid {
    position: absolute;
    left: 2%;
    top: 4.6em;
    width: 31%;
}

.voterid img, .AcademicYear img {
    width: 100%;
}

@media only screen and (max-width:980px) {

header {padding:7px 0; background:#408db5}
header .police-logo {float:left; width:70px; }
header .heding-main {float:left; padding-top:5px; padding-left:15px;}
header .heding-main .heading {display:block; padding-bottom:3px; line-height:28px; font-size:2.1em; color:#fff}
header .heding-main .sub-line {font-size:1.3em; color:#fff}
header .gov-maha {float:right; width:70px;}

section .container {min-height:450px; padding:20px 15px}

footer {padding:7px 0;background: #408DB5; text-align: center; color:#fff}
footer p { margin:0px;}

.timeline { padding:0px; margin: 0 auto; overflow:hidden; clear:both}
.timeline .tm-title {display:block;width:70%; padding: 4px 8px;	margin: 0 auto; max-width:350px;	margin-bottom:22px;}
.timeline .tm-items > li .tm-icon {border-width: 2px;font-size: 22px; height:40px; left:0px; float:none; line-height: 36px;margin: 0 auto;padding: 0;position: static;width: 40px;}
.timeline .tm-items > li .tm-box {font-size: 15px; text-align:center; width:180px; min-height:35px;padding:6px 5%; margin:0 auto}
.timeline .tm-items > li .tm-box:after { display:none}
.timeline .tm-items > li .tm-box:before {content: ''; border-style: solid; border-width:5px 5px 5px 0;  border-color: transparent #fff transparent transparent;  height: 0;  position: absolute;  left:82px;  top: -12px;  width: 0;  -webkit-transform: rotate(90deg);}
.timeline .tm-items > li .tm-datetime .tm-datetime-time {float: none; text-align:center; display:block; color:#fff}
.timeline .tm-items > li .tm-datetime {position: inherit;}

.timeline .tm-body:after { height: 100%;	left: 50%; margin-left: -2px;	position: absolute;	top: 0;	width: 3px;	z-index: -1;	filter: alpha(opacity=35);	opacity: 0.35;}
	section { overflow:hidden}
.timeline .tm-items > li { position:inherit; margin: 23px 0; padding:0px;min-height: 45px;z-index: 1;}
}


@media only screen and (max-width:640px) {
body { overflow: inherit!important; background: rgb(229,252,255); /* Old browsers */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNlNWZjZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI0NyUiIHN0b3AtY29sb3I9IiNhMWU2ZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNGJiNGQ1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-radial-gradient(center, ellipse cover,  rgba(229,252,255,1) 0%, rgba(161,230,239,1) 47%, rgba(75,180,213,1) 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(229,252,255,1)), color-stop(47%,rgba(161,230,239,1)), color-stop(100%,rgba(75,180,213,1))); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(229,252,255,1) 0%,rgba(161,230,239,1) 47%,rgba(75,180,213,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  rgba(229,252,255,1) 0%,rgba(161,230,239,1) 47%,rgba(75,180,213,1) 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  rgba(229,252,255,1) 0%,rgba(161,230,239,1) 47%,rgba(75,180,213,1) 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  rgba(229,252,255,1) 0%,rgba(161,230,239,1) 47%,rgba(75,180,213,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5fcff', endColorstr='#4bb4d5',GradientType=1 ); }

.bg { display:none} 

header {padding:5px 0; background:#408db5}
header .police-logo {width:46px; }
header .heding-main {float:left; padding-top:0px; padding-left:10px;}
header .heding-main .heading {line-height:22px; padding-top:3px; margin-bottom:0px; font-size:1.3em;}
header .heding-main .sub-line {font-size:0.90em; color:#fff}
header .gov-maha {float:right; width:46px}

section .container {min-height:150px; padding:15px}

fieldset {padding:18px 10px; margin:10px 0 25px}
legend {padding:3px 7px; border-radius:3px; margin:0px; width:auto; font-size:13px; }

.timeline .tm-title {display:block; width:90%; font-weight:bold; padding:6px 8px; margin-bottom:22px; font-size:0.9em}
.timeline .tm-title h2 { margin:0px; padding:0px; font-weight:bold}
.timeline .tm-items > li .tm-icon { font-size:20px; height:30px; line-height:28px; width: 30px;}
.timeline .tm-items > li .tm-box {font-size:14px; width: 160px; min-height:30px; line-height:18px; padding:5px; margin:5px auto 0}
.timeline .tm-items > li .tm-box:before {content: ''; border-style: solid; border-width:10px 10px 10px 0;  border-color: transparent #fff transparent transparent;  height: 0;  position: absolute;  left:73px;  top: -12px;  width: 0;  -webkit-transform: rotate(90deg);}
.timeline .tm-items > li .tm-datetime .tm-datetime-time { font-size:1.1em; color:#000;}
.timeline .tm-items > li { position:inherit; margin:20px 0; padding:0px;min-height: 45px;z-index: 1;}

section { overflow:hidden}

footer {padding:8px 0;background: #408DB5; text-align: center; color:#fff}
footer p {float: none; text-align:center; padding-bottom:0px;}
footer ul {float: none; margin:15px auto 0px; clear:both; display:table}

/*forgot*/
.forgot {margin:5px auto 0; padding:20px; width:100%;}
.forgot label {width:100%; font-weight:bold; font-size:1.1em; text-align:center}
.forgot input[type="text"] {width:100%; margin:0 0 15px;}
.forgot .btn {width:auto; margin:0 auto; display:block}

h1 { clear:both}


.login { width:100%}

/*News Ticker Styling */
.ticker-wrapper.has-js {margin:25px 0 10px; padding:0px 10px; height:32px; display: block; border-radius:3px}
.ticker {width:70%; height: 23px; display: block; position: relative; overflow: hidden; background-color: #fff;}
.ticker-title {padding:8px 5px 0 0; font-size:0.9em; width:10%;  background: none;}
.ticker-content {margin: 0px; width:90%; padding: 9px 0 0 10px;position: absolute;}

.ticker-swipe {padding-top: 9px;position: absolute;	top: 0px; background-color: #fff; display: block; width: 8210px;height: 23px; }
.ticker-swipe span {margin-left: 1px; background-color: #fff; border-bottom: 1px solid #1a4787; height: 12px; width: 7px; display: block;}
.ticker-controls {padding: 8px 0px 0px; margin:0px; width:30%}
.ticker-controls li {padding: 0px; margin-left: 3px; float: left; cursor: pointer; height: 16px; width: 16px; display: block;}
.ticker-controls li:last-child { margin-right:0px;}
.left .ticker-controls {padding-left:3px;}
}