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



body {
    margin: 0;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif
}

/*.topheader {
    width: 100%;
    height: 20px;
    background-image: linear-gradient(to right, #f48e5a, #f48353, #f4774d, #f36b48, #f35d44, #f45941, #f4563d, #f5523a, #f75934, #f8602f, #f96828, #f96f21);
    
}*/

.topheader {
    /*background: linear-gradient(-45deg, #ee7752, #e7743c, #2457a7, #176008);*/
    /*background: linear-gradient(-45deg,#ee7752, #e7743c, #a048a8, #ee7752);*/
    background: linear-gradient(-45deg, #3498db, #3c71e7, #a048a8, rgb(249, 91, 38));
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;
    width: 100%;
    height: 20px;
    font-family: calibri;
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}


.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: url(../Images/PATTERN6.jpg) rgba(0, 0, 0, 0);
    background-position: center;
    background-size: 968px;
    background-repeat: no-repeat;
}

.menu {
    width: 100%;
    height: 45px;
    /*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%); */
    background: #28364d; /*#28364d;*/
    color:white;
    box-shadow: 0px 0px 20px 0px rgba(21, 47, 95, 0.2);
font-size:13.5px;
}

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

        .menu ul li {
            list-style: none;
            display: inline-block;
            /*background-color: transparent;*/
            background-color: #28364d;
            /*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;
            color: white;
        }

        .menu ul li a{
            list-style: none;
            display: inline-block;
            /*background-color: #17b4f21a;*/
            padding: 10px;
            min-width: 55px;
            color:white;
            /*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%);*/
        background-image: linear-gradient(to bottom, rgb(40, 54, 77) 0%,#28364d 3%,rgb(40, 54, 77) 50%,#28364d 95%,#28364d 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%);*/
            background: linear-gradient(to right, rgb(230, 88, 81) 0%, rgb(255, 146, 10) 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 {
    width: 200px;
    height: 100px;
    float: left;
}

    .logo img {
        width: 500px;
        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%);*/
    background-image: linear-gradient(to bottom, rgb(255, 172, 28) 0%,rgb(254, 202, 71) 3%,rgb(255, 165, 0) 50%,rgb(255, 60, 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-family: 'nirmala';
    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: #060606;
    width: 100%;
    text-align: center;
    text-decoration: none;
    font-family: 'Marcellus SC', serif;
    color: #FFFFFF;
    height: 30px;
    position:fixed;
    bottom:0;
}*/
.footer {
    background-color: #060606;
    width: 100%;
    text-decoration: none;
    font-family: 'Marcellus SC', serif;
    color: #FFFFFF;
    height: 50px;
    /*position: relative;*/
    overflow:auto;
    
}
.footercontent{
display: flex;
justify-content: space-between;
padding: 24px;}

#copyright {
    padding:10px;
}

.counter {
    width: 300px;
    background-color: #3c3c3c;
    color: White;
    text-align: center;
    font-weight: bold;
    font-family: calibri;
}
/*-------- 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: 10.5pt;
        font-family: 'Rajdhani', sans-serif;
        text-align: left;
        text-decoration: none;
        /*border-bottom:1px solid #3c8dbc;*/
    }
    .grd tr:nth-child(even) {
        font-size: 10.5pt;
        font-family: 'Rajdhani', sans-serif;
        text-align: left;
        text-decoration: none;
        /*border-bottom:1px solid #3c8dbc;*/
    }
.grd td {
border:none;
font-size:10.5pt;
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));}


/* Base input styles */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="date"],
textarea {
    width: 100%;
    padding: 9px 12px;
    font-size: 16px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    background-color: #ffffff;
    color: #333;
    transition: all 0.3s ease;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05);
    outline: none;
}

    /* Focus effect */
    input:focus,
    textarea:focus {
        border-color: #7c3aed; /* Purple */
        background-color: #fff;
        box-shadow: 0 0 0 4px rgba(124, 58, 237, 0.1);
    }

    /* Placeholder style */
    input::placeholder,
    textarea::placeholder {
        color: #aaa;
        opacity: 1;
        transition: color 0.3s ease;
    }

    /* When focused, fade out placeholder slightly */
    input:focus::placeholder,
    textarea:focus::placeholder {
        color: #bbb;
    }

    /* Disabled state */
    input:disabled,
    textarea:disabled {
        background-color: #f3f3f3;
        color: #999;
        cursor: not-allowed;
        border-style: dashed;
    }
/* Base button style */
.button {
    display: inline-block;
    padding: 12px 24px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 8px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s ease;
    border: none;
    user-select: none;
}

/* Blue Primary Button */
.button-primary {
    background-color: #0057b7; /* Bright blue */
    color: #fff;
}

    .button-primary:hover {
        background-color: #0041a8;
        box-shadow: 0 4px 12px rgba(0, 87, 183, 0.3);
    }

/* Saffron Secondary Button */
.button-secondary {
    background: linear-gradient(to right, rgb(230, 88, 81) 0%, rgb(255, 146, 10) 100%);
    color: white; /* Darker contrast for saffron */
}

    .button-secondary:hover {
        background-color: #e6b800;
        box-shadow: 0 4px 12px rgba(244, 196, 48, 0.3);
    }

/* Outline Button */
.button-outline {
    background-color: transparent;
    border: 2px solid #0057b7;
    color: #0057b7;
}

    .button-outline:hover {
        background-color: rgba(0, 87, 183, 0.1);
        box-shadow: 0 0 0 4px rgba(0, 87, 183, 0.1);
    }

/* Disabled Button */
.button:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.shadow {
    box-shadow: 0 0.250rem 0.50rem rgba(0, 0, 0, 0.075)
}

.header
{
    display: flex;
    justify-content: space-between;
}