@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: #6b0008;
    /*background-color: #ff702c;*/
}

    .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: 125px;
    background: url(../Images/PATTERN8.png) no-repeat center;
    background-size: 100% 100%;
    /* 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: aliceblue;*/
    /* background-image: linear-gradient(315deg, #fbb034 0%, #ffdd00 74%); */
    /*Green color #369317*/
}

.menu {
    width: 100%;
    height: 45px;
    /*background: linear-gradient(94deg, #000, #6c757d);*/
    background: linear-gradient(95deg, #400002, #f1a04f);
    /* background: linear-gradient(94deg, #000, #6c757d);
    /*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: #333;*/ /* #28364d;*/
    color: white;
    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;*/
            /*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: linear-gradient(95deg, #400002, #f1a04f);
        /*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: linear-gradient(95deg, #400002, #f1a04f);
        /*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: linear-gradient(95deg, #400002, #f1a04f);
        /*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: 14px;
        text-shadow: 1px 2px 3px #666;
        text-decoration: none;
        border-radius: 20px;
    }

        .menuside ul li a:hover {
            background: linear-gradient(135deg,#ff6200,#ff7f00) !important; /*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: 100px !important;
        margin-left: 30px;
        margin-top: 18px !important;
        /*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: linear-gradient(135deg,#ff6200,#ff7f00); /*linear-gradient(135deg, #ed8d1bdb, #ff0b00);*/
    color: #fff;
    border: none;
    border-radius: 30px;
    padding: 15px 30px;
    font-size: 14px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: 0.3s;
    /*box-shadow: 0 4px 15px rgba(255, 77, 0, 0.4);*/
    /* background: linear-gradient( 179deg, rgb(249, 91, 38), #f1a04f);*/
    /*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: 20px;
    font-family: Arial;
    color: #ffffff;
    font-size: 19px;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    border: mediumseagreen;*/
    /* width: 150px;*/
}

    .btn1:hover {
        background: #006a4e; /*linear-gradient(135deg, #00ff37, #2d8323);*/
        transform: translateY(-2px);
        /*box-shadow: 0 4px 15px #41d561;*/
        /* background-image: linear-gradient(to bottom, #28a745, #6ddf6d);
        color: black;
        text-decoration: none;
        cursor: pointer;*/
        /*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: #006a4e;
    /*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: 30px;
    font-family: Arial;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    border: mediumseagreen;
    /*width: 150px;*/
}

    .btn2:hover {
        background: linear-gradient(135deg, #ff6200, #ff7f00); /*#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: #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: 2px;
        display: inline-block;
    }
  .footer a {
        text-decoration: none;
        color: #FFFFFF;
      
    }


/*-------- 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 #400002;
    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;*/
    width: 170px; /*210px;*/
    height: 154px; /*90px;*/
    float: right;
    margin-top: -27px; /* 18px;*/
}

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

    .ckbrand img {
        width: 420px;
    }

.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));
}
/*Grid Button #ErDeepak */
.New_Btn {
    background: linear-gradient(95deg, #ff5200, #ff9730);
    color: #fff;
    border: none;
    border-radius: 30px;
    padding: 10px 25px;
    font-size: 14px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
}
.btnRes {
    background: linear-gradient(95deg, #400002, #f1a04f);
    color: #fff;
    border: none;
    border-radius: 30px;
    padding: 15px 30px;
    font-size: 14px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: 0.3s;
}

    .btnRes:hover {
        background: #006a4e;
        transform: translateY(-2px);
    }