@import url('https://fonts.googleapis.com/css?family=Bangers|Baloo+Tamma+2|Fredoka+One|Maven+Pro|Marcellus+SC|Rajdhani:500|Alegreya+SC');


html {
padding-bottom:20px;
}
body {
    margin: 0;

}

.topheader {
    width: 100%;
    height: 20px;
    background-color: #300000;
}

.topheader .time {
    color: #ffffff;
    float: left;
    margin-right: 10px;
    font-size: 14px;
}

.modal_popup_back {
    background-color: rgba(0,0,0,0.4);
    opacity: 1;
    display: none;
    z-index: 1000;
    width: 100%;
    height: 100%;
    position: fixed;
	margin-top:-10px;
    /*margin-top: -936px;
    bottom: 0;*/
    margin-left: 0px;
	left:0;

}

.modal_popup {
    opacity: 1;
    background-color: white;
    border-radius: 29px 29px;
    color: black;
    position: fixed;
    padding: 10px;
    /*margin: 0 auto;*/
	margin:5% 16% auto;
	border-style: solid;
    border-color: #ff702c;
    border-width:medium;
	width: 65rem;
/*    overflow-y: scroll;
    -webkit-animation: animatezoom 0.6s;
    animation: animatezoom 0.6s;*/
}
.modal_popup_login {
    opacity: 1;
    background-color: white;
    border-radius: 29px 29px;
    color: black;
    position: fixed;
    padding: 10px;
    /*margin: 0 auto;*/
	margin:8% 16% auto;
	border-style: solid;
    border-color: #ff702c;
    border-width:medium;
	width: 70%;
/*    overflow-y: scroll;
    -webkit-animation: animatezoom 0.6s;
    animation: animatezoom 0.6s;*/
}


.header {
    width: 100%;
    height: 100px;
    /* background-image: url(../images/bg1.png); */
    /*background-color: #196755;*/
	 /*background-image: linear-gradient(to left, #ff8e01, #fb7700, #f75f00, #f24208, #eb1212);
	         background-image: url(../images/pattern5.png),linear-gradient(to left, #dd4b00, #e15d00, #e56d00, #e87c07, #eb8b12);*/
	/* background-image: url(../images/pattern5.png),linear-gradient(to left, #d2662e, #e37223, #ff9434, #e87c07, #ff7736); */
    background-color: #ffffff;
    background:url(../Images/PATTERN5.html) #ffffff;
/* background-image: linear-gradient(315deg, #fbb034 0%, #ffdd00 74%); */
    /*Green color #369317*/
}

.menu {
    width: 100%;
    height: 45px;
    background: #022f68;
    	/*background: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%,rgba(3,2,3,1) 3%,rgba(43,39,42,1) 50%,rgba(4,4,4,1) 95%,rgba(1,1,1,0.8) 99%,rgba(0,0,0,0) 100%);*/
    /*background: linear-gradient(to bottom, rgb(249, 91, 38) 0%,rgb(249, 91, 38) 3%,rgb(249, 91, 38) 50%,rgb(224, 62, 0) 95%,rgb(249, 91, 38) 99%,rgba(0,0,0,0) 100%);*/
	/*background: linear-gradient(to bottom, rgb(255, 36, 0) 0%,rgb(255, 36, 0) 3%,rgb(255, 36, 0) 50%,rgb(224, 62, 0) 95%,rgb(255, 36, 0) 99%,rgba(0,0,0,0) 100%);*/
    /* background: linear-gradient(to bottom, rgb(204, 89, 50) 0%,rgb(255, 109, 60) 3%,rgb(222, 77, 0) 50%,rgb(224, 62, 0) 95%,rgb(249, 91, 38) 99%,rgba(0,0,0,0) 100%); */
    box-shadow: 0px 0px 20px 0px rgba(21, 47, 95, 0.2);
}

    .menu ul {
        list-style: none;
        display: inline-block;
        margin: 0;
            padding: 0;
    }

        .menu ul li {
            list-style: none;
            display: inline-block;
            background-color: transparent;
            /*font-family: 'Marcellus SC', serif;*/
			/* font-family:'Alegreya SC', serif; */
            /* text-shadow: 1px 2px 3px #666; */
            /* font-family: 'Fredoka One', cursive; */
            font-family: 'Maven Pro', sans-serif;



        }

        .menu ul li a{
            list-style: none;
            display: inline-block;
            /*background-color: #17b4f21a;*/
            padding: 12px;
            min-width: 55px;
            color: rgb(255, 255, 255);
            /*font-family: 'Bangers', cursive;
            font-family: 'Marcellus SC', serif;*/
            /* font-family: 'Fredoka One', cursive; */
            font-family: 'Maven Pro', sans-serif;
            font-size: inherit;
            /* text-shadow: 1px 2px 3px #666; */
            text-decoration: none;
        }

            .menu ul li a:hover {
                /*background-color: #dd070796;*/
                background-color:transparent;
                /* border-bottom:4px solid #ff2400; */
                font-style: none;
                font-weight: bold;

                /* text-shadow: 1px 2px 3px #666; */
            }
            .menu ul li::after {
                content: '';
                display: block;
                width: 0;
                height: 4px;
                background: #df7939;
                transition: width .3s;
            }

            .menu ul li:hover::after {
                width: 100%;
                /* //transition: width .3s; */
            }

.menu li ul {display: none; background-color: wheat; background-image: linear-gradient(to bottom, rgb(251, 251, 251) 0%,#ffe1a9 3%,rgb(255, 225, 209) 50%,#ffe1a9 95%,#ffe1a9 99%,rgba(0,0,0,0) 100%); padding: 0; max-width: 250px; }
.menu li ul a {margin: 0; width: -moz-available;width: -webkit-fill-available;}
.menu ul li:hover ul {display: grid; position: absolute; }
.menu li ul li a { padding:8px;}
/*SubSubMenu Addition*/
.menu li ul.subsubmenu {display: none !important;}
    .menu ul li ul li:hover ul {
        display: inline-block !important;
        position: absolute;
        width: 100%;
        background-image: linear-gradient(to bottom, rgb(251, 251, 251) 0%,#ffda95 3%,rgb(255, 213, 191) 50%,#ffd59f 95%,#ffa500 99%,rgba(0,0,0,0) 100%);
    }
.menu .hassubsubmenu {float: right;}

    .menu ul li ul li:hover .hassubsubmenu {
        transform: rotate(-90deg);
        transition-property: transform;
        transition-duration: 0.5s;
    }


    .menuside ul li {
        margin-bottom: 5px;
        list-style: none;
        display: inline-block;
        background-color: #5a7fa4;
        /*font-family: 'Marcellus SC', serif;*/
        font-family: 'Maven Pro', sans-serif;
        text-shadow: 1px 2px 3px #666;
        border-radius: 20px;
    }

        .menuside ul li a{
            list-style: none;
            display: inline-block;
            box-shadow: -3px 4px 1px 0px #5a7fa48f;
            background-color: #222a28;
			/* background-image:linear-gradient(to bottom, rgb(204, 89, 50) 0%,rgb(255, 109, 60) 3%,rgb(222, 77, 0) 50%,rgb(224, 62, 0) 95%,rgb(249, 91, 38) 99%,rgba(0,0,0,0) 100%); */
            background: linear-gradient(to right, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ff920a', GradientType=1 );
            padding: 11px;
            min-width: 180px;
             max-width: 180px;
            color: #FFFFFF;


            font-size: smaller;
            text-shadow: 1px 2px 3px #666;
            text-decoration: none;
              border-radius: 20px;
        }

            .menuside ul li a:hover {
                background:linear-gradient(to right, #222a28 0%, #222a28 100%);
                font-style: none;
                text-shadow: 1px 2px 3px #666;
            }
.menuside li ul {display: none; background-color: #3c5f8a; padding: 0; max-width: 250px; }
.menuside li ul a {margin: 0; width: -moz-available;width: -webkit-fill-available;}
.menuside ul li:hover ul {display: grid; position: absolute;}

.logo {
  
    height: 100px;
    float: left;
}

    .logo img {
        width: 503px;
        height: 87px;
        padding: 8px 0px 0px 30px;
    }

.headname {
    font-size: 35pt;
    padding: 22px 0px 0px 200px;
    /*font-family: 'Marcellus SC', serif;
	font-family: 'Jockey One', sans-serif;*/
	font-family: 'Alegreya SC', serif;
    text-shadow: 1px 2px 3px #666;
	font-weight:bold;
    color: white;
}

#content-pannel {
    /*width: 90%;*/
    /*margin: auto;*/
	width: 100%;
    padding-top: 0px;
}

.form-header {
    font-size: 24pt;
    font-weight: 700;
    /*font-family: 'Marcellus SC', serif;*/
	font-family:'Alegreya SC', serif;
    text-decoration: underline;
    width: 100%;
    text-align: center;
}

.btn1 {
    /*background: #3498db;*/
    /* background-image: linear-gradient(to bottom, rgb(204, 89, 50) 0%,rgb(255, 109, 60) 3%,rgb(222, 77, 0) 50%,rgb(224, 62, 0) 95%,rgb(249, 91, 38) 99%,rgba(0,0,0,0) 100%); */
    background-image: linear-gradient(to bottom, rgb(255, 153, 0) 0%,rgb(255, 212, 56) 3%,rgb(255, 165, 0) 50%,rgb(224, 62, 0) 95%,rgb(249, 91, 38) 99%,rgba(0,0,0,0) 100%);
    -webkit-border-radius: 7;
    -moz-border-radius: 7;
    border-radius: 7px;
    font-family: Arial;
    color: #ffffff;
    font-size: 19px;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    border: mediumseagreen;
    width: 150px;
}

    .btn1:hover {
        background: #3cb0fd;
        /*background-image: -webkit-linear-gradient(top, #2cb61bb8, #41d561);
  background-image: -moz-linear-gradient(top, #2cb61bb8, #41d561);
  background-image: -ms-linear-gradient(top, #2cb61bb8, #41d561);
  background-image: -o-linear-gradient(top, #2cb61bb8, #41d561);*/
        background-image: linear-gradient(to bottom, #f95b26, #ff9900);
        text-decoration: none;
        cursor: pointer;
    }

.btn2 {
    background: #3498db;
    background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
    background-image: -moz-linear-gradient(top, #3498db, #2980b9);
    background-image: -ms-linear-gradient(top, #3498db, #2980b9);
    background-image: -o-linear-gradient(top, #3498db, #2980b9);
    background-image: linear-gradient(to bottom, #3498db, #2980b9);
    -webkit-border-radius: 7;
    -moz-border-radius: 7;
    border-radius: 7px;
    font-family: Arial;
    color: #ffffff;
    font-size: 19px;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    border: mediumseagreen;
    width: 150px;
}

    .btn2:hover {
        background: #3cb0fd;
        background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
        background-image: linear-gradient(to bottom, #e52a2a, #db6161);
        text-decoration: none;
        cursor: pointer;
    }

	.GOButton {
    background: url(img/go2.png) no-repeat;
    cursor: pointer;
    border: none;
    background-size: contain;
    height: 45px;
    width: 50px;
}

	.cancelButton {
    background: url(img/cancel.png) no-repeat;
    cursor: pointer;
    height: 25px;
    width: 25px;
    border: none;
    padding-top: 15px;
}

.lbl {
    /*font-family: 'Fredoka One', cursive;*/
    font-family: 'Rajdhani', sans-serif;
    /*font-weight:900;*/
    /*font-family: "Rajdhani script=all rev=2";*/
    font-weight: 700;
    font-style: normal;
    text-align: left;
}
.lbl1 {
    /*font-family: 'Fredoka One', cursive;*/
    font-family: 'Rajdhani', sans-serif;
    /*font-weight:900;*/
    /*font-family: "Rajdhani script=all rev=2";*/
    font-weight:900;
    font-style: normal;
    text-align: left;
}
.lblForm {
    /*font-family: 'Fredoka One', cursive;*/
    font-family: 'Rajdhani', sans-serif;
    /*font-weight:900;*/
    /*font-family: "Rajdhani script=all rev=2";*/
    font-weight: 500;
    font-style: normal;
    text-align: left;
}
.textbox {
    font-family: 'Rajdhani', sans-serif;
    font-weight: 300;
    font-style: normal;
	width:88%;
    /*width: 200px;*/
    height: 25px;
}

.ddl {
    /*width: 205px;*/
	width:90%;
    height: 27px;
    font-family: 'Rajdhani', sans-serif;
    font-weight: 300;
    font-style: normal;
}

.td1 {
    width :350px;
}

.footer {
    /*background-color: #5a7fa4;*/
	/*background-color:#f95b26;*/
    /* background-color:#df7939; /*#303030;
    background-color:#300000; */
    background-color: #060606;
    width: 100%;
    text-align: center;
    text-decoration: none;
    font-family: 'Marcellus SC', serif;
    color: #FFFFFF;
    height: 30px;
    position:fixed;
    bottom:0;
}

    .footer div {
        text-decoration: none;
        color: #FFFFFF;
        padding: 5px;
        display: inline-block;
    }



/*-------- Table Design -----------*/

.colorfull {
    border-collapse: collapse;
    width: 100%;

}

.colorfull td, .colorfull th {
    border: 1px solid #ddd;
    padding: 8px;
}

.colorfull tr:nth-child(even){background-color: #f2f2f2; color:#5f2a2a;}
.colorfull tr:nth-child(odd){background-color: #fff; color:#5f2a2a;}

.colorfull tr:hover {background-color: #ddd;}

	.colorfull tr
	{
		font-size:12px;
	}


.colorfull th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    /*background-color: #EF532ACC;*/
/*background: linear-gradient(to bottom, #ed5934 0%,#ed6847 45%,#ef532a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /*background: linear-gradient(to bottom, #993202 0%,#993202 45%,#993202 100%);*/
	/*background: linear-gradient(to bottom, #f06e1d 0%,#f35005 45%,#ff6c28 100%);*/
    background:#3a2e1c;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed5934', endColorstr='#ef532a',GradientType=0 ); /* IE6-9 */
    color: white;
	font-size:14px;
	text-align:center;
}

.colorfull th:last-of-type {
    border-top-right-radius: 8px;
}
.colorfull th:first-of-type {
    border-top-left-radius: 8px;
}
/*-------- End Table Design -----------*/



    .grd th {

    color: black;
    margin: auto;
    font-size: 15px;
    font-weight: 600;
     border:none;
    border-bottom:2px solid #3c8dbc;
        background-color: lightgrey;
}
    .grd th td {
        border:none;
    }
/*.grd, grd tr {
   font-size: 12px;
    background-color: #fff;
    text-align: center;
}*/
.grd {
     border:none;
     width:100%;
     font-family: 'Rajdhani', sans-serif;
}

.grd tr:hover:nth-child(odd) {
    background-color: #ecf0f5;
     /*border-bottom:1px solid #3c8dbc;*/
}

.grd tr:hover:nth-child(even) {
    background-color: #ecf0f5;
     /*border-bottom:1px solid #3c8dbc;*/
}

.grd tr:nth-child(odd) {
    font-size: 13px;
         font-family: 'Rajdhani', sans-serif;
    text-align: left;
    text-decoration: none;
     /*border-bottom:1px solid #3c8dbc;*/
}
.grd tr:nth-child(even) {
    font-size: 13px;
        font-family: 'Rajdhani', sans-serif;
    text-align: left;
    text-decoration: none;
     /*border-bottom:1px solid #3c8dbc;*/
}
.grd td {
border:none;
font-size:15px;
border-bottom:none ;
}
.grd tr {
    height: 50px;
     /*border-bottom:1px solid #3c8dbc;*/
    -webkit-animation: animatezoom 0.6s;
    animation: animatezoom 0.6s;
}

.grd select {
    width: 100%;
    height: 30px;

}


.flotedimg{
	width: 200px;
	position: absolute;
	z-index: -1;
	text-align: center;
	text-shadow: 2px 0px 6px #FFFFFF;
	/*right: 0;*/
	margin-top: 6px;
	}
.yogi{
	width: 100px;
	height: 100px;
	border-radius: 50px;
	border: 1px solid #ddd;
	padding: 4px;
}
.flotedimg2{
	width: 200px;
	position: absolute;
	z-index: -1;
	text-align: center;
	text-shadow: 2px 0px 6px #FFFFFF;
	right: 0;
	margin-top: 6px;
	}

.announcement
{
    width: 85%;
    background-color: #faebd721;
    line-height: 40px;
    z-index: -2;
    position: absolute;
    margin: 20px 90px;
    text-align: justify;
    font-family: kokila;
    font-size: 28px;
    color: #de4b00;
    font-style: italic;
}


	.div-announcement-text
	{
		padding-left:160px;
		padding-right:160px;
		text-shadow: 1px 1px 0.1px black;
	}

.digitalindiaimg {
    width: 335px;
    position: absolute;
    margin: 0;
    right: 10px;
    margin-top: -103px;
    height: 100px;
}

.FixedHeader {
            position: absolute;
            font-weight: bold;
        }

.govbrand{
    width: 250px;
    float: right;
        }

        .ckbrand{
            padding-top: 12ex;
            width: 100%;
            text-align: center;
        }

        .ckbrand img{
            width:400px;
        }

.Freezing
    {
    position: relative;
    top: expression(this.offsetParent.scrollTop-1);
    z-index: 10;
    }

.GVFixedHeader { font-weight:bold; background-color: Green; position:relative;
                 top:expression(this.parentNode.parentNode.parentNode.scrollTop-1);}

.GVFixedFooter { font-weight:bold; background-color: Green; position:relative;
                 bottom:expression(getScrollBottom(this.parentNode.parentNode.parentNode.parentNode));}