/* GLOBAL STYLES
-------------------------------------------------- */
*, *:before, *:after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
    width:100%;
    height:auto;
    font-weight: 400;
    color: #232323;
    font-size: 14px;
    background: #ffffff;
    overflow-x: hidden;
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block;
    box-sizing: border-box;
}

audio, canvas, video {
    display: inline-block;
    display: inline;
}

    audio:not([controls]) {
        display: none;
    }

.fa, .fab, .fal, .far, .fas {
    line-height: 20px;
}

a {
    color: #292f33;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    text-decoration: none;
    outline: none;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
}

.marquee1 {
    width: 100%;
    overflow: hidden;
}

a:focus, a:hover, a:active {
    outline: none;
}

article, aside, figure, footer, header, hgroup, nav, section {
    display: block;
}

object, embed {
    max-width: 100%;
}

ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: '';
        content: none;
    }

img {
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
}

del {
    text-decoration: line-through;
}

.breadcrumb {
    border-bottom: 1px #e1e1e1 solid;
    padding: 8px 15px;
    margin-bottom: 10px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 0;
}

    .breadcrumb > .active {
        color: #195c9f;
        font-weight: 600;
    }

abbr[title], dfn[title] {
    border-bottom: 1px dotted #000;
    cursor: help;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

th {
    font-weight: 700;
    vertical-align: bottom;
}

td {
    font-weight: normal;
    vertical-align: top;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

small {
    font-size: 85%;
}

strong, th {
    font-weight: bold;
}

td, td img {
    vertical-align: top;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
}

sup {
    top: -0.2em;
    top: -0.3em;
    font-weight: normal;
}

sub {
    bottom: -0.25em;
}


@media print {
    a[href]:after {
        content: none !important;
    }
}

.container {
    position: relative;
    margin: 0 auto;
    display: block;
    max-width: 2100px;
}

.common-page {
    background-color: #ffffff;
    min-height: 450px;
}

.row-pd {
    padding: 8px 15px;
}

.full-width {
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
}

::-selection {
    background: rgba(0,0,0,.2);
}

::-moz-selection {
    background: rgba(0,0,0,.2);
}

/*jssor slider loading skin spin css*/
.jssorl-009-spin img {
    animation-name: jssorl-009-spin;
    animation-duration: 1.6s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes jssorl-009-spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.jssora061 {
    display: block;
    position: absolute;
    cursor: pointer;
}

    .jssora061 .a {
        fill: none;
        stroke: #ffffff;
        stroke-width: 900;
        stroke-linecap: round;
    }

    .jssora061:hover {
        opacity: .8;
    }

    .jssora061.jssora061dn {
        opacity: .5;
    }

    .jssora061.jssora061ds {
        opacity: .3;
        pointer-events: none;
    }

/*--------------Modelsession-------------------*/


#modelsession .modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
#modelsession .modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 80%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {
        top: -300px;
        opacity: 0;
    }

    to {
        top: 0;
        opacity: 1;
    }
}

@keyframes animatetop {
    from {
        top: -300px;
        opacity: 0;
    }

    to {
        top: 0;
        opacity: 1;
    }
}

/*-- The Close Button --*/
#sessionbtn .close {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

    #sessionbtn .close:hover,
    #sessionbtn .close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }

#modelsession .modal-content .headersession {
    background-color: #2FBDF1;
    height: 30px;
    color: White;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

#modelsession .modal-content .bodysession {
    padding: 10px;
    min-height: 50px;
    text-align: center;
    font-weight: bold;
}

#modelsession .modal-content .footer-session {
    padding: 6px;
}

#modelsession .modal-content .yes, .modal-content .no {
    height: 23px;
    color: White;
    line-height: 23px;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    border-radius: 4px;
}

#modelsession .modal-content .yes {
    background-color: #2FBDF1;
    border: 1px solid #0DA9D0;
}

#modelsession .modal-content .no {
    background-color: #9F9F9F;
    border: 1px solid #5C5C5C;
}


/*------- top header area--------*/


ul.main-content > li > a {
    padding: 8px 16px;
    color: #464646;
    font-weight: 600;
}

.top-head {
    background: #f8f9fa;
    border-bottom: 1px solid #e1e1e1;
}

.govt-india {
    font-size: 80%;
    text-align: right;
    border-right: 1px solid #dee2e6 !important;
    padding-right: 8px;
    display: inline-block;
}

.rural-development {
    font-size: 12px;
    padding-left: 4px;
    display: inline-block;
}

.rd-main {
    padding: 0.90rem 0;
    float: left;
}

.rural-development span, .govt-india span {
    display: block;
    font-weight: 600;
}

.tr-header-menu {
    float: right;
}

    .tr-header-menu nav {
        margin-bottom: 0px;
        min-height: 0px;
        height: auto;
    }

ul.main-content li {
    border-left: 1px solid #eeeeee;
    display: inline-block;
}

ul.search-top {
    height: 100%;
    padding: 0;
    border: none;
    box-shadow: none;
    border-radius: 0;
    right: 0;
    left: auto;
}

.form-search {
    border: 1px solid #0056b3;
    border-radius: 0;
    width: 182px !important;
    height: 36px;
    display: inline-block;
}

.input-group-search {
    border-color: #0056b3;
    padding: 7px 16px;
    border-radius: 0;
    vertical-align: top;
    background-color: #0056b3;
    color: #ffffff;
}

button.input-group-search:hover {
    color: #f6fafb;
    background-color: #e5a378;
    border-color: #df8348;
}

.dropdn-font {
    min-width: 100%;
    padding: 0px 0;
    border: 0;
}

ul.dropdn-font li {
    border-left: 0px solid #eeeeee;
    display: block;
    border-bottom: 1px solid #f6fafb;
}

.dropdown-search {
    width: 165px;
    padding: 4px !important;
    border-radius: 0px;
}

.dropdown-social-icon {
    min-width: 100%;
    padding: 0px 0;
    border: 0;
}

ul.dropdown-social-icon li {
    border-left: 0px solid #eeeeee;
    display: block;
    border-bottom: 1px solid #f6fafb;
}

    ul.dropdown-social-icon li a {
        padding: 6px 16px;
    }

.fb-color {
    color: #3B5998;
    font-size: 16px;
    margin-right: 6px;
}

.tw-color {
    color: #1DA1F2;
    font-size: 16px;
    margin-right: 6px;
}

.yt-color {
    color: #c4302b;
    font-size: 16px;
    margin-right: 6px;
}

.ig-color {
    color: #262626;
    font-size: 16px;
    margin-right: 6px;
}

.different-event {
    min-width: 100%;
    padding: 0px 0;
    border: 0;
}

ul.different-event li {
    border-left: 0px solid #eeeeee;
    display: block;
    border-bottom: 1px solid #f6fafb;
}

    ul.different-event li a {
        padding: 6px 16px;
    }

.dropdown-language {
    min-width: 100%;
    padding: 0px 0;
    border: 0;
}

ul.dropdown-language li {
    border-left: 0px solid #eeeeee;
    display: block;
    border-bottom: 1px solid #f6fafb;
}

    ul.dropdown-language li a {
        padding: 6px 16px;
    }


/*-----mid header area----*/


.header-bg {
    background: url(/netiayHome/images/top-bg.png) repeat;
}

.emblem-dk {
    margin: 8px 0 8px 0;
    display: inline-block;
}

    .emblem-dk img {
        float: left;
    }

.emblem-text {
    float: left;
    padding: 6px 0 0 12px;
}

    .emblem-text span {
        display: block;
        font-size: 16px;
        font-weight: bold;
    }

    .emblem-text .mt-6 {
        margin-top: 6px;
        font-size: 12px;
        font-weight: 700;
    }

.rt-logo {
    text-align: right;
    margin: 10px 0 10px 0;
    vertical-align: middle;
}

    .rt-logo ul li {
        display: inline-block;
    }

        .rt-logo ul li:nth-child(odd) {
            padding-right: 16px;
        }

img.gg-play {
    width: 110px;
    height: auto;
    margin-bottom: 14px;
}

img.app-store {
    width: 110px;
    height: auto;
}

img.logo-mn {
    width: 185px;
    height: auto;
}



/*----main nav bar css------*/



.nav-bg {
    background: #195c9f;
    color: white;
    border-radius: 0px;
}

nav.hd-nav {
    min-height: 30px;
}

.mb-0 {
    margin-bottom: 0;
}

.main-navbar ul {
    margin: 0px 0px;
    z-index: 100000;
    border-radius: 0px;
}

.navbar-sub li {
    border-left: 1px solid #396ea2;
}

.nav > li > a {
    padding: 8px 10px;
    color: #ffffff;
    font-size: 1.30rem;
    font-weight: 600;
}

ul li.bg-dpdown {
    background: #337ab7;
}


ul.dropdown-menu-dpdn li {
    border-bottom: 1px solid #edf5f8;
}

    ul.dropdown-menu-dpdn li a {
        color: #555555;
        font-weight: 600;
        font-size: 1.30rem;
    }

        ul.dropdown-menu-dpdn li a i {
            font-size: 14px;
            margin-right: 6px;
            color: #da3333;
            border-right: 1px solid #a94442;
            padding-right: 10px;
        }

ul.subcategory-menu li a i {
    font-size: 14px;
    margin-right: 6px;
    color: #da3333;
    border-right: 1px solid #a94442;
    padding-right: 10px;
}

#sitemap-navbar .open > a, #sitemap-navbar .open > a:focus, #sitemap-navbar .open > a:hover {
    background-color: #337ab7;
    border-color: #337ab7;
}

#sitemap-navbar > li > a:focus, #sitemap-navbar > li > a:hover {
    text-decoration: none;
    background-color: #337ab7;
}

ul.main-submenu li {
    border-bottom: 1px solid #edf5f8;
}

#sub-navbar > li > a:focus, #sub-navbar > li > a:hover {
    text-decoration: none;
    background-color: #337ab7;
}

#sub-navbar .open > a, #sub-navbar .open > a:focus, #sub-navbar .open > a:hover {
    background-color: #337ab7;
    border-color: #337ab7;
}

#sub-navbar .dropdown-submenu.open > a, #sub-navbar .dropdown-submenu > a:focus, #sub-navbar .dropdown-submenu > a:hover {
    background-color: #f5f5f5;
    border-color: #efefef;
}

.navbar-toggle {
    border: 1px solid #ffffff;
}

    .navbar-toggle .icon-bar {
        border-bottom: 2px solid;
    }

.navbar-brand {
    color: white;
    padding: 15px 2px;
}

    .navbar-brand :hover, .navbar-brand :active {
        color: white;
    }

.dropdown-submenu > a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #4c4c4c;
    margin-top: 5px;
    margin-right: -10px;
}

ul.subcategory-menu {
    top: -2px;
    left: 100%;
    width: 100%;
    min-width: 400px;
    float: right;
}

li.dropdown-submenu a {
    padding: 8px 20px !important;
    color: #000000;
    font-size: 1.32rem;
    font-weight: 600;
}



/*-----------  jssor slider loading skin spin css ---------------*/


.jssorl-009-spin img {
    animation-name: jssorl-009-spin;
    animation-duration: 1.6s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes jssorl-009-spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.jssora061 {
    display: block;
    position: absolute;
    cursor: pointer;
}

    .jssora061 .a {
        fill: none;
        stroke: #ffffff;
        stroke-width: 900;
        stroke-linecap: round;
    }

    .jssora061:hover {
        opacity: .8;
    }

    .jssora061.jssora061dn {
        opacity: .5;
    }

    .jssora061.jssora061ds {
        opacity: .3;
        pointer-events: none;
    }


/* --Panel Section CSS goes here */

.panel-wrapper .panel-success {
    border-color: #7ca9c9;
}

    .panel-wrapper .panel-success > .panel-heading {
        background: linear-gradient(40deg,#206ba1,#86b0cd);
        border-color: #f6fafb;
        border-top: 1px solid #f5f5f5;
        color: #f3f4f9;
    }

.panel-inside {
    width: 550px;
    margin: auto;
    display: block;
}



.panel-wrapper .panel-success > .panel-heading a {
    color: #f3f4f9;
    text-decoration: none;
}
/*-- End Panel Section CSS goes here*/


/*------ welcome to pmayg css----------*/



.wl-pm .wl-img {
    margin-top: 20px;
    margin-bottom: 10px;
    text-align: center;
}

.wl-img a {
    text-decoration: none;
}

.wl-img h4 {
    font-size: 14px;
    font-weight: 600;
    margin: 4px 0px 2px 0;
}

.wl-img p {
    font-size: 10px;
    font-weight: 600;
    margin: 0;
}

.wl-pm .wl-title h1 {
    font-size: 20px;
    font-weight: 600;
}

.wl-pm .wl-title p {
    text-align: justify;
}


/*------- news Css -------*/


.lt-news {
    background: #ffffff;
}

    .lt-news > img {
        position: absolute;
        left: 5px;
    }

    .lt-news .marquee2 {
        width: 100%;
        overflow: hidden;
        background: #fff;
        padding: 6px 0 6px 0;
    }

.phase-tabs .nav-tabs > li > a {
    background-color: #eeeeee;
}

.phase-tabs .nav-tabs > li.active > a, .phase-tabs .nav-tabs > li.active > a:focus, .phase-tabs .nav-tabs > li.active > a:hover {
    color: #ffffff !important;
    cursor: default !important;
    background-color: #243649 !important;
    border: 0px solid #ddd !important;
    border-bottom-color: transparent !important;
}

/*---- -------*/
.data-date {
    color: #af3021;
    font-weight: bold;
    float: right !important;
    padding: 6px;
    background: #eeeeee;
    padding-right: 12px;
    font-size: 12px;
}

/*---- -------*/



/*------------ Slider home page--------------*/
.carousel-ltr .carousel-control.left {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    background-repeat: repeat-x;
    background: #185b9f;
    color: #fdf2cc;
}

.carousel-ltr .carousel-control.right {
    right: 0;
    left: auto;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    background-repeat: repeat-x;
    background: #185b9f;
    color: #fdf2cc;
}

.carousel-ltr .carousel-control {
    top: 138px;
    bottom: 138px;
    width: 35px;
    font-size: 20px;
    opacity: 1;
}

/*----Graph tab  css goes here -----*/
.tab-content {
    padding: 10px;
    border: 1px solid #f5f5f5;
}

#tab-wrapper .nav-tabs > li.active > a, #tab-wrapper .nav-tabs > li.active > a:focus, #tab-wrapper .nav-tabs > li.active > a:hover {
    color: #fff;
    cursor: default;
    background-color: #646464;
    border: none;
    border-bottom-color: transparent;
    border-bottom: 2px solid #eeeeee;
}

#tab-wrapper .nav-tabs > li > a {
    text-decoration: none;
    background-color: #eee;
}

/*-----  5 tab css goes here ----*/


.hvr-icon-up {
    display: block;
}

.bg-wrapper {
    background-color: #ffffff;
}

.z-depth-2 {
    -webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);
    -o-box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);
    -ms-box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);
    box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);
}

/*------------- ## ------------*/

#circulars {
    height: 340px;
}



.special {
    padding: 4px 0;
    background: #f0f1f6;
}

.target-box {
    text-align: center;
    display: block;
    line-height: 1.85rem;
}

.Registered-box {
    text-align: center;
    display: block;
    line-height: 1.85rem;
}

.Sanctioned-box {
    text-align: center;
    display: block;
    line-height: 1.85rem;
}

.GetTagged-box {
    text-align: center;
    display: block;
    line-height: 1.85rem;
}

.Completed-box {
    text-align: center;
    display: block;
    line-height: 1.85rem;
}

.target-inside {
    color: #fff;
    position: relative;
    background: #af3021;
    padding: 4px 10px;
    border-radius: 4px;
    border-top: 4px solid #b74337;
}

.Registered-inside {
    color: #fff;
    position: relative;
    background: #195b9f;
    padding: 4px 10px;
    border-radius: 4px;
    border-top: 4px solid #306ba8;
}

.Sanctioned-inside {
    color: #fff;
    position: relative;
    background: #353535;
    padding: 4px 10px;
    border-radius: 4px;
    border-top: 4px solid #494949;
}

.GetTagged-inside {
    color: #fff;
    position: relative;
    background: #1b6d86;
    padding: 4px 10px;
    border-radius: 4px;
    border-top: 4px solid #347b91;
}

.Completed-inside {
    color: #fff;
    position: relative;
    background: #0f9272;
    padding: 4px 10px;
    border-radius: 4px;
    border-top: 4px solid #319d80;
}

.Completed-inside1 {
    color: #fff;
    position: relative;
    background: #ac8daa;
    padding: 4px 10px;
    border-radius: 4px;
    border-top: 4px solid #b498b2;
}

.Completed-inside2 {
    color: #fff;
    position: relative;
    background: #6f5653;
    padding: 4px 10px;
    border-radius: 4px;
    border-top: 4px solid #7d6864;
}

.Completed-inside3 {
    color: #fff;
    position: relative;
    background: #df8348;
    padding: 4px 10px;
    border-radius: 4px;
    border-top: 4px solid #cb895f;
}
.single-icon {
    display: block;
    margin-top: 16px;
}

    .single-icon img {
        width: 35px;
        position: absolute;
        left: 6px;
        top: 6px;
        opacity: .85;
        box-shadow: 2px 0px 16px 4px #f2f3f7;
        padding: 4px;
        border-radius: 25%;
    }

.target-inside h2, .Registered-inside h2, .Sanctioned-inside h2, .GetTagged-inside h2, .Completed-inside h2, .Completed-inside1 h2, .Completed-inside2 h2,.Completed-inside3 h2 {
    margin: 5px 0 0 0;
    font-size: 20px;
    font-weight: 600;
}

.finyear {
    padding-top: 0px;
    font-weight: 400;
    font-size: 14px;
}

    .finyear i {
        font-size: 11px;
        line-height: 0;
    }

.detailsbtn {
    text-align: right;
    z-index: 100;
    position: relative;
    padding-top: 4px;
}

a.details-btn {
    color: #ffffff;
    text-decoration: underline;
    font-size: 14px;
}

.common-box > .common-inside::after {
    content: '';
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 70,0 100,100' style='fill:%23ffffff%3B' /%3E%3C/svg%3E");
    background-size: 100% 100%;
    display: block;
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 100px;
    left: 0;
    overflow: hidden;
    z-index: 2;
    opacity: 0.1;
}

/*---------*/
.carousel-control-manual .glyphicon-chevron-left {
    position: absolute;
    right: 22px;
    top: -33px;
    background: white;
    padding: 2px;
    color: #113041;
}

.carousel-control-manual .glyphicon-chevron-right {
    position: absolute;
    right: 0px;
    top: -33px;
    background: white;
    padding: 2px;
    color: #113041;
}


.pd-6 {
    padding: 6px;
}


/*--------------- Gallery ----------------*/

.dgngallery {
    position: relative;
    max-width: 100%;
    overflow: hidden;
    float: left;
}

    .dgngallery .content-overlay {
        background: rgba(0,0,0,0.7);
        position: absolute;
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
        border-radius: 10px;
        bottom: 0;
        right: 0;
        opacity: 0;
        -webkit-transition: all 0.4s ease-in-out 0s;
        -moz-transition: all 0.4s ease-in-out 0s;
        transition: all 0.4s ease-in-out 0s;
    }

    .dgngallery:hover .content-overlay {
        opacity: 1;
    }

.content-image {
    width: 100%;
}

.content-details {
    position: absolute;
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
    width: 100%;
    top: 50%;
    left: 50%;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.dgngallery:hover .content-details {
    top: 35%;
    left: 50%;
    opacity: 1;
}

.content-details h3 {
    color: #fff;
    font-weight: 600;
    letter-spacing: 0.15em;
    margin-bottom: 0.5em;
    font-size: 14px;
}

.content-details p {
    color: #fff;
    font-size: 1em;
}

.fadeIn-bottom {
    top: 80%;
}



/*----------login master-----------*/

.login-tab {
    width: 622px;
    margin: auto;
}

    .login-tab ul li {
        border-right: 1px solid #ffffff;
        background: #185b9f;
    }

    .login-tab ul > li.active > a, .login-tab ul > li.active > a:focus, .login-tab ul > li.active > a:hover {
        color: #fff;
        cursor: default;
        background-color: #93bad4;
        border: 1px solid #93bad4;
        border-bottom-color: transparent;
        border-radius: 0;
        margin-right: 0;
    }

    .login-tab ul > li > a:focus, .login-tab ul > li > a:hover {
        text-decoration: none;
        background-color: #f2f3f8;
        border-radius: 0;
        color: #000;
        margin-right: 0;
    }

.tab-content-login {
    background: #94bad4;
    padding: 4px 140px 50px 140px;
    text-align: center;
    min-height: 300px;
    margin-bottom: 20px;
}

.login-tab ul > li > a {
    margin-right: 0px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 0;
    color: #ffffff;
}

.glyphicon-user-tab {
    font-size: 22px;
    border: 2px solid #ffffff;
    padding: 14px;
    color: #eff0f4;
    border-radius: 20%;
}

.tab-content-login h3 {
    margin: 0;
    padding: 18px 0 10px 0;
    font-size: 16px;
    font-weight: 600;
    color: white;
}

.glyphicon-link-tab {
    margin-right: 4px;
    color: #785548;
}
/*------- footer Css-------*/



.footer {
    margin: 0;
    background: url(/netiay/images/footer/carousel-bg.png) repeat;
    border-top: 6px solid #2d2d2d;
    clear: both;
}

.region-footer {
    min-height: auto;
}

.wrapper {
    position: relative;
}

.footer-top-wrapper {
    text-align: center;
    background: url(/netiay/images/footer/footer-top-bg.jpg) repeat #333;
}

    .footer-top-wrapper ul {
        display: inline-block;
        padding: 4px 0;
        margin: 0;
        vertical-align: middle;
    }

        .footer-top-wrapper ul li {
            float: left;
            color: #888;
            padding-bottom: 1px;
            padding-left: 1px;
        }

            .footer-top-wrapper ul li.leaf {
                list-style-image: none;
                list-style-type: none;
            }

            .footer-top-wrapper ul li a {
                padding: 0 12px;
                color: #fff;
                font-weight: 600;
                vertical-align: baseline;
                text-decoration: none;
                font-size: 12px;
            }

            .footer-top-wrapper ul li:before {
                content: '|';
            }

            .footer-top-wrapper ul li:first-child:before {
                content: '';
            }

.container:before, .container:after {
    display: table;
    line-height: 0;
    content: "";
}


.footer-bottom-wrapper {
    background-image: url(/netiay/images/footer/footer-bottom-bg.png);
    background-repeat: repeat;
    background-color: #333;
    padding: 0px 0px;
    color: #fff;
    position: relative;
    text-align: center;
}

.footer-content {
    display: inline-block;
    padding: 15px 0;
}

.logo-bootstrap {
    float: left;
    padding: 10px 0 0 0;
    text-align: right;
    width: auto;
}

.copyright-content {
    color: #fff;
    float: left;
    font-size: 76%;
    line-height: 150%;
    padding: 5px 25px 0px 0;
    text-align: left;
    width: auto;
}

.footer-bottom-wrapper a:hover {
    text-decoration: underline;
}

.logo-bootstrap a {
    border-right: 1px solid rgba(0,0,0,0.5);
    display: inline-block;
    margin: 0 15px;
    padding-right: 25px;
}

.copyright-content a {
    text-decoration: underline;
}

.copyright-content a {
    color: #fff;
    font-weight: 600;
}

.copyright-content span {
    display: block;
}

/*------##------*/

.pt-10 {
    padding-top: 10px;
}

.chart-heading {
    color: #df8248;
    font-size: 10px;
}

.panel-default > .common-heading {
    background-color: rgb(0 0 0 / 13%);
    color: #000;
    font-weight: 600;
    padding: 0.65rem 1rem;
    border: none;
}


i.comn-i {
    color: #f80000;
    margin-right: 5px;
    font-weight: normal;
    font-size: 1.6rem;
    vertical-align: bottom;
}

.panel-vd {
    padding: .15rem;
}

.panel-footer-btn > .btn-primary {
    color: #fff;
    background-color: #795548;
    border-color: #f5f8fa;
    border-radius: 0px;
}

.pd-0 {
    padding: 0;
}

.documentation-list {
    margin-left: 0px;
}

.documentation .panel-body {
    background: #edf5f8;
}

.section-headline {
    border-bottom: 1px dashed #766268;
}

.documentation .section-headline-doc {
    border-bottom: 1px dashed #004375;
}

ul.documentation-list li {
    padding: 2px 0 8px 22px;
    display: flex !important;
    border-bottom: dashed 1px #746167;
}

.ml-auto {
    color: #df8348;
}
/*#Feedback*/

.feedback .panel-info {
    border-color: #edf5f8;
}

    .feedback .panel-info > .panel-heading {
        color: #31708f;
        background-color: #f6fafb;
        border-color: #edf5f8;
    }




/*about us*/

.about p {
    text-align: justify;
}
/*#contact Us*/

.contact-us .contact-heading h4 {
    font-size: 12px;
    padding-bottom: 10px;
    display: block;
    border-bottom: 1px solid #efefef;
    margin-bottom: 20px;
    font-weight: 600;
}

.pmayg-details {
    padding-left: 20px;
    border-left: 4px solid #df8248;
    margin-left: 12px;
}

.details h4 {
    font-size: 12px;
    font-weight: 600;
    color: #494845;
}

a.linkcontact {
    font-size: 12px;
    color: #ffffff;
    font-weight: 600;
    text-decoration: none;
}

.contact-us .panel-default {
    border-color: #eeeeee;
}

.contact-us .panel-heading {
    background: linear-gradient(40deg,#206ba1,#86b0cd);
    border-color: #f6fafb;
    border-top: 2px solid #f5f5f5;
    color: #f3f4f9;
}

.table-primary {
    background: #5f5f5f;
    color: #ffffff;
}

.page-header {
    margin: 0;
    border-bottom: 2px solid #eee;
    clear: both;
    padding-top: 4px;
    margin-bottom: 10px;
    padding-bottom: 6px;
    font-weight: 600;
}


/*#faq*/

.faq .panel-title a {
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
}

.page-header h5 {
    font-weight: 600;
    margin: 0;
}

.faq .panel-heading {
    background-color: #f6fafb;
    border-color: #f5f5f5;
    color: #31708f;
}

.faq .panel-default {
    border-color: #f5f5f5;
}

/**/
.committees-link ul.committees-list li {
    margin-bottom: 6px;
}

    .committees-link ul.committees-list li a {
        margin-left: 6px;
    }



/**/

/* It's supposed to look like a tree diagram */
.tree-sitemap, .tree-sitemap ul, .tree-sitemap li {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
}

.tree-sitemap {
    margin: 0 0 1em;
    text-align: center;
}

    .tree-sitemap, .tree-sitemap ul {
        display: block;
        overflow: scroll;
        width: 100%;
    }

        .tree-sitemap ul {
            width: 100%;
        }

        .tree-sitemap li {
            display: table-cell;
            padding: .5em 0;
            vertical-align: top;
        }
            /* _________ */
            .tree-sitemap li:before {
                outline: solid 1px #666;
                content: "";
                left: 0;
                position: absolute;
                right: 0;
                top: 0;
            }

            .tree-sitemap li:first-child:before {
                left: 50%;
            }

            .tree-sitemap li:last-child:before {
                right: 50%;
            }

        .tree-sitemap code, .tree-sitemap span {
            border: solid .1em #666;
            border-radius: .2em;
            display: inline-block;
            margin: 0 .2em .5em;
            padding: .2em .5em;
            position: relative;
        }
        /* If the tree represents DOM structure */
        .tree-sitemap code {
            font-family: monaco, Consolas, 'Lucida Console', monospace;
        }

            /* | */
            .tree-sitemap ul:before,
            .tree-sitemap code:before,
            .tree-sitemap span:before {
                outline: solid 1px #666;
                content: "";
                height: .5em;
                left: 50%;
                position: absolute;
            }

        .tree-sitemap ul:before {
            top: -.5em;
        }

        .tree-sitemap code:before,
        .tree-sitemap span:before {
            top: -.55em;
        }

        /* The root node doesn't connect upwards */
        .tree-sitemap > li {
            margin-top: 0;
        }

            .tree-sitemap > li:before,
            .tree-sitemap > li:after,
            .tree-sitemap > li > code:before,
            .tree-sitemap > li > span:before {
                outline: none;
            }




/*--------FTO Tracking -----------*/
.fto-track {
    background-repeat: repeat-x;
    line-height: 20px;
    color: #000000 !important;
    font-weight: 400;
    font-size: 13px;
    border-bottom: 1px solid #D5D5D5;
    background-size: contain;
    letter-spacing: .3px;
    text-align: center;
    padding: 6px 0;
}

/*-----------benificiary details-----------*/

.benificiary-details {
    background: #f1dfd3;
    padding: 10px 0;
    border-top: 4px solid #785548;
    display: -webkit-box;
}

.advanced-search {
    text-align: right;
    margin-bottom: 4px;
}


/*------------------------------*/
/*-----------*/
.secc-details {
    background: #f1dfd3;
    padding: 10px 0;
    border-top: 4px solid #785548;
    display: -webkit-box;
    width: 100%;
}

/*---------------SECC Family Member Details------------------*/






/*------------------ video Tab Section Area------------------- */

#tab .tab-heading {
    text-align: center;
    background: #f3f3f3;
    padding: 10px;
}

    #tab .tab-heading h4 {
        font-size: small;
        font-weight: 600;
    }

#tab .tab {
    padding-bottom: 10px;
    margin-top: 10px;
}

    #tab .tab li {
        border-right: 1px solid #ddd;
        background: whitesmoke;
    }

    #tab .tab ul {
        border-left: 1px solid #ddd;
        background: whitesmoke;
    }

    #tab .tab li a {
        background: #18679e;
        border-radius: 0;
        border-right: none;
        border-top: 2px solid #4b4c4d;
        font-size: 12px;
        font-weight: 600;
        color: #ffffff;
        padding: 10px 16px !important;
    }

        #tab .tab li a:hover {
            background: #19669ed1;
            border-radius: 0;
            border-bottom: none;
            border-top: 2px solid #4b4c4d;
            border-right: none;
        }

    #tab .tab li.active > a,
    #tab .tab .nav-tabs > li.active > a:focus,
    #tab .tab .nav-tabs > li.active > a:hover {
        border: none;
        border-top: 2px solid #df8248;
        border-bottom: 1px solid #fff;
        color: #ffffff;
    }

    #tab .tab .tab-content {
        color: #5a5c5d;
        font-size: 14px;
        font-weight: 600;
        margin-top: 0;
        border: 1px solid #ddd;
        border-top: 0px solid transparent;
        padding: 4px;
    }


.title {
    width: 100%;
    max-width: 854px;
    margin: 0 auto;
}

.caption {
    width: 100%;
    max-width: 854px;
    margin: 0 auto;
    padding: 20px 0;
}

.vid-main-wrapper {
    width: 100%;
    background: #fff;
    margin: 0 auto;
}

/*------------  VIDEO PLAYER CONTAINER---------- */
.vid-container {
    position: relative;
    height: 0;
    width: 70%;
    float: left;
}

    .vid-container iframe,
    .vid-container object,
    .vid-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        min-height: 450px;
    }


/* --------------- VIDEOS PLAYLIST --------------- */
.vid-list-container {
    width: 30%;
    height: 450px;
    overflow: hidden;
    float: right;
    border-left: 2px solid rgba(0,0,0,0.4);
}

    .vid-list-container:hover, .vid-list-container:focus {
        overflow-y: auto;
    }

#tab ol.vid-list {
    margin: 0;
    padding: 0;
    background: #222;
}

    #tab ol.vid-list li {
        list-style: none;
    }

        #tab ol.vid-list li a {
            text-decoration: none;
            background-color: #222;
            height: 75px;
            display: block;
            padding: 10px !important;
        }

            #tab ol.vid-list li a:hover {
                background-color: #666666;
            }

.vid-thumb {
    float: left;
    margin-right: 8px;
}

.active-vid {
    background: #3A3A3A;
}

#tab .vid-list .desc {
    color: #f5f5f5;
    font-size: 10px;
    margin-top: 0px;
    font-weight: 600;
}

#tab .vid-list .peragraph {
    color: #9c9c9c;
    margin: 0;
    font-size: 10px;
}

.youtube-paragraph {
    margin: 0 0 4px;
    color: #ffffff;
    font-size: 10px;
}


#style-2::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

#style-2::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

#style-2::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #D62929;
}

/* ----------- STYLE 3--------*/

#style-3::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

#style-3::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

#style-3::-webkit-scrollbar-thumb {
    background-color: #000000;
}

.scrollbar {
    margin-left: 30px;
    background: #F5F5F5;
    overflow-y: scroll;
    margin-bottom: 0;
}



/*------------Video Tab Section Area----------------- */








/*-------------- MAP Legend Css goes here-----------*/

.legends {
    position: relative;
}

.legends-abs {
    position: absolute;
    bottom: 0;
    padding: 4px 0;
    width: 100%;
    background: rgba(255, 255, 255, 0.65);
}

.deep-green i {
    color: #006400;
    margin-right: 2px;
}

.legends span {
    font-size: x-small;
}

.parrot-green i {
    color: #77ab59;
    margin-right: 2px;
}

.yellow i {
    color: #ffff00;
    margin-right: 2px;
}

.lessthan70 i {
    color: #FF0000;
    margin-right: 2px;
}

/*-------- Tab Chart ------------*/




.tab-panel-body .tab-content > .tab-pane:not(.active),
.tab-panel-body .pill-content > .pill-pane:not(.active) {
    display: block;
    height: 0;
    overflow-y: hidden;
}

.nav-chart {
    border-bottom: 1px solid #edeef2;
    border-top: 1px solid #edeef3;
    background: #f0f1f6;
}

    .nav-chart li {
        margin-bottom: 1px;
        margin-top: 1px;
    }

    .nav-chart > li.active > a, .nav-chart > li.active > a:focus, .nav-chart > li.active > a:hover {
        color: #ffffff;
        cursor: default;
        background-color: #c56c66;
        border-bottom: 2px solid #195c9f;
        border: 0px solid #ddd;
        border-radius: 0;
    }

    .nav-chart > li.active > a {
        padding: 6px 35px;
    }

    .nav-chart > li > a {
        color: #464646;
        padding: 5px 10px;
        border-radius: 0;
        border-color: transparent;
    }








/* -----------------------------------------------------RESPONSIVE CSS-------------------------------------------------- */

@media all and (max-width :1400px) {

    .panel-default > .common-heading {
        font-size: 14px;
    }

    .nav-chart > li.active > a {
        padding: 6px 16px;
    }
}

@media all and (max-width :1200px) {

    .nav > li > a {
        padding: 8px 10px;
        font-size: 10px;
    }

    ul.navbar-hdr-rt li a {
        padding: 8px 10px;
    }

    .wl-pm .wl-title p {
        font-size: 12px;
    }

    #circulars {
        height: 368px;
    }
    .nav-chart > li.active > a {
    padding: 9px 16px;
}
}

@media screen and (max-width:992px) {
    .emblem-text {
        padding: 0 0 0 10px;
        margin-top: 10px;
    }

        .emblem-text span {
            font-size: 84%;
        }

    .nav > li > a {
        padding: 6px 6px;
        font-size: 10px;
    }

    .tree-sitemap li {
        display: inline-grid;
    }

    ul.navbar-hdr-rt li a {
        padding: 6px 8px;
        font-size: 10px;
    }

    .mt-30 {
        margin-top: 30px;
    }

    .single-special {
        margin-bottom: 10px;
    }

    .mb-2 {
        margin-bottom: 20px;
    }
}

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

    .main-content {
        margin: 0;
    }

    img.img-pm {
        width: 100px;
    }

    .carousel-image .carousel-inner img {
        width: 100%;
        height: 150px;
    }

    .navbar-collapse {
        padding-right: 15px;
        padding-left: 15px;
    }

    .navbar-collapse {
        margin-right: -15px;
        margin-left: -15px;
        background: rgb(51, 122, 183);
        border: none;
    }

    #sub-navbar {
        margin: 7.5px -15px !important;
    }

    #sitemap-navbar .dropdown-menu-dpdn {
        margin: 7.5px -15px !important;
    }

    .mb-pd-0 {
        padding: 0;
    }

    .navbar-nav > li > a {
        padding: 8px 20px;
        font-size: 14px;
    }

    .navbar-sub li {
        border-bottom: 2px solid #396ea2;
        border-left: none;
    }

    ul.main-content .open .dropdown-menu {
        position: absolute;
        left: 0;
        background: #e1e1e1;
    }

    .caption {
        margin-top: 40px;
    }

    .vid-list-container {
        padding-bottom: 0px;
        width: 100%;
        margin-top: 48%;
    }

    .vid-container {
        width: 100%;
        float: none;
    }

        .vid-container iframe, .vid-container object, .vid-container embed {
            min-height: 0;
        }

    ul.navbar-hdr-rt li a {
        padding: 10px 8px;
        font-size: 14px;
    }

    ul.main-content > li > a {
        padding-top: 6px;
        padding-bottom: 6px;
        padding: 8px 10px;
    }

    ul.main-content .open .dropdown-menu .dropdown-header, ul.main-content .open .dropdown-menu > li > a {
        padding: 10px 15px 5px 14px;
    }

    figure.snip1169 {
        width: 100%;
    }

    ul.navbar-hdr li a .caret {
        position: absolute;
        top: 50%;
        right: 0;
        margin: -0.7em 0.5em 0 0;
        border: 2px solid rgba(0, 0, 0, .5);
        border-radius: .25rem;
        padding: 0;
        width: 2em;
        height: 1.4em;
        font-size: 1.5rem;
        line-height: 1.2em;
        text-align: center;
    }

    .login-tab {
        width: 100%;
    }

        .login-tab ul li {
            width: 100%;
            text-align: center;
        }

    .tab-content-login {
        padding: 12px 40px 40px 40px;
    }

    ul.navbar-hdr .open > a > .caret::before {
        content: '-';
    }

    ul.navbar-hdr .caret::before {
        content: '+';
    }

    ul.navbar-hdr li {
        border: none;
    }

    .navbar-nav .open .dropdown-menu {
        background-color: #ffffff;
    }

    ul.navbar-hdr-rt li a .caret {
        position: absolute;
        top: 50%;
        right: 0;
        margin: -0.7em 0.5em 0 0;
        border: 2px solid rgba(0, 0, 0, .5);
        border-radius: .25rem;
        padding: 0;
        width: 2em;
        height: 1.4em;
        font-size: 1.5rem;
        line-height: 1.2em;
        text-align: center;
    }

    ul.navbar-hdr-rt .open > a > .caret::before {
        content: '-';
    }

    ul.navbar-hdr-rt .caret::before {
        content: '+';
    }

    ul.navbar-hdr-rt li {
        border: none;
    }

    .carousel-ltr .carousel-control {
        top: 60px;
        bottom: 55px;
    }

    .navbar-nav .open .dropdown-menu {
        background-color: #ffffff;
    }

    .logo-bootstrap {
        float: none;
        padding: 0;
        text-align: center;
    }

    .copyright-content {
        float: none;
        font-size: 74%;
        padding: 10px 0 0px 0;
        text-align: center;
    }

    .logo-bootstrap a {
        border: none;
    }

    ul.navbar-hdr li a {
        font-size: 14px;
    }

    .wl-pm .wl-title p {
        font-size: 100%;
    }

    .footer-top-wrapper ul li.leaf {
        float: none;
        display: inline-block;
    }

    .footer-top-wrapper ul li a {
        padding: 0 6px;
    }

    .secc-detail-btn {
        text-align: right;
        padding-right: 15px;
    }

    .benificiary-details .detail-btn {
        text-align: center;
    }
}

@media screen and (max-width:602px) {
    .rd-main {
        float: none;
        text-align: center;
        border-bottom: 1px solid #eee;
    }

    .tr-header-menu {
        float: none;
        text-align: center;
    }

    nav.main-content ul li {
        border-right: 1px solid #eeeeee;
    }

    .br-1 {
        border-right: 1px solid #eeeeee;
    }

    .emblem-dk img {
        float: left;
    }

    .common-box {
        margin-bottom: 10px;
    }
}

@media screen and (max-width:574px) {
    .emblem-text span {
        font-size: 80%;
    }

    .emblem-text .mt-6 {
        font-size: 78%;
    }
}

@media screen and (max-width:538px) {
    .emblem-text span {
        font-size: 64%;
    }

    .emblem-text .mt-6 {
        font-size: 62%;
        margin-top: 2px;
    }

    .emblem-dk img {
        width: 16%;
    }

    .emblem-text {
        padding: 0 0 0 4px;
        margin-top: 14px;
    }
}

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

    .emblem-dk img {
        width: 16%;
    }

    .emblem-text {
        padding: 2px 0 0px 8px;
    }

        .emblem-text span {
            font-size: 75%;
        }

    .dpn {
        display: none !important;
    }
}



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






@media (min-width:1920px) {
    .container {
        width: 1820px !important;
    }
}

@media (min-width:1700px) {
    .carousel-image .carousel-inner img {
        width: 100%;
        height: auto !important;
    }
}


@media (min-width: 1400px) {
    .container {
        width: 1320px;
    }
}

@media (min-width: 992px) {
    div.col-md-7.five-three {
        width: 60% !important;
    }

    div.col-md-5.five-two {
        width: 40% !important;
    }
      div.col-md-7.five-three-YW {
        width: 44% !important;
    }

    div.col-md-5.five-two-YW {
        width: 28% !important;
    }
}

@media screen and (min-width:768px) {

    .carousel-image .carousel-inner img {
        width: 100%;
        height: 310px;
    }



    .br-1 {
        border-right: 1px solid #eeeeee;
    }

    .navbar-collapse {
        padding: 0;
    }

    .pr-0 {
        padding-right: 0;
    }

    .carousel-ltr .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
        margin-left: -15px;
    }

    .carousel-ltr .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
        width: 30px;
        height: 30px;
        margin-top: -8px;
        font-size: 14px;
    }

    .carousel-ltr .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
        margin-right: -15px;
    }
}

@media (min-width: 640px) {
    .logo a strong {
        padding-top: 8px;
    }
}