html {
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
}
body {  
    overflow-x: hidden;
    background-color: #f4fbf2;
	height: 100vh;
	padding-bottom: 62px;
}
/* ============ desktop view horizontal menu MS ============ */
.vrticl_mnu {
    margin-bottom: 0;
    min-height: auto;
}   
.vrticl_colps ul li a {
    color: #fff;
    padding-top: 9px;
    padding-bottom: 9px;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
    font-size: 16px;
    white-space: normal;
    z-index":1; 
}
.vrticl_colps ul li a:hover, .vrticl_colps ul li a:focus, .vrticl_colps ul li a:visited {
    color: #fff;
    background-color: #f36d21;
    text-shadow: none;
}
.vrticl_colps .nav .open>a, .vrticl_colps .nav .open>a:hover, .vrticl_colps .nav .open>a:focus {
    background-color: #f36d21;
    border-color: #f36d21;
}
.vrticl_mnu .navbar-toggle .icon-bar {
    background-color: #fff;
}
.vrticl_mnu .navbar-toggle {
    border: 1px solid #fff;
    float: none;
}
.vrticl_colps {
    margin-top: 0px;
}
/* .vr_fst_menu, .vr_second_menu, .vr_thrd_menu { */
.vr_fst_menu {
    /* display: none; */
    background-color: #01519c;
    position: absolute;
    padding: 0px 0px 0px 0px;
    z-index: 1;
}
.vr_second_menu {
    background-color: #269ada;
    /* display: none; */
    padding: 0px 0px 0px 0px;
    z-index: 1;
}
.vr_thrd_menu{
    background-color: #2d2d2d;
    /* display: none; */
    padding: 0px 0px 0px 0px;
    z-index: 1;
}
.vr_fst_menu_show{
    display: block;
}
.vr_mnu:hover .vr_fst_menu, .vr_mnu_secnd:hover .vr_second_menu, .vr_mnu_thrd:hover .vr_thrd_menu {
    /* display: block; */
}
.vr_mnu li {
    list-style-type: none;
    border-bottom: 1px solid #ccc;
}
.vr_mnu ul {
    width: 317px;
}
.vr_mnu ul li a {
    padding-top: 8px;
    padding-bottom: 8px;
    display: block;
}

.vrticl_mnu .dropdown-menu li{
    position: relative;
}
.vrticl_mnu .dropdown-menu .submenu{ 
    display: none;
    position: absolute;
    left:100%; top:-7px;
}
.vrticl_mnu .dropdown-menu .submenu-left{ 
    right:100%; left:auto;
}

/* .dropdown-menu > li:hover{ background-color: #f1f1f1 } */
.vrticl_mnu .dropdown-menu > li:hover > .submenu{
    display: block;
}
.vrticl_colps .dropdown-menu .submenu {
display: none;
position: relative;
left: 0;
top: inherit;
}
.vrticl_mnu .navbar-collapse {
    padding-right: 0;
    padding-left: 0;
}
/* ============ desktop view .end// horizontal menu MSB ============ */

.side-nav>li>a {
    width: 225px;
    border-bottom: 1px solid #90a9bf;
}
.side-nav li a:hover, .side-nav li a:active {
    outline: none;
    background-color: #6bad53 !important;
}
.side-nav li a:focus{
    outline: none;
    background-color: transparent !important;
}
.side-nav>li>ul {
    padding: 0;
    /* border-bottom: 1px rgba(0,0,0,.3) solid; */
}
.side-nav>li>ul>li>a {
    display: block;
    padding: 13px 15px 13px 38px;
    text-decoration: none;
    /*color: #999;*/
    color: #fff;    
}
.side-nav>li>ul>li>a:hover {
    color: #fff;
}
.sidenav {
    height: 100%;
    width: 250px;
    position: fixed;
    z-index: 1;
    top: 0px;
    left: 0;
    background-color: #1d532f;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 10px;
    border-right: 2px solid #1d532f;
}
div#main_slid {
    margin-left: 250px;
}
.sidenav a {
    padding: 13px 8px 13px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.sidenav a:hover {
    color: #f1f1f1;
}
.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}
#main_slid {
    transition: margin-left .5s;
}
ul.tol_left {
    padding-left: 0;
}
ul.tol_left li a {
    color: #fff;
    font-size: 16px;
}
ul.tol_left li {
    display: inline-block;
    margin-right: 20px;
    vertical-align: middle;
        color: #fff;
}
.togl_lin{
    font-size:22px;
    cursor:pointer;
}
.lft_mnu .collapse {
    padding-left: 0;
    padding-right: 0;
}
.lft_mnu .collapse li a {
    width: 100%;
    padding-right: 16px;
}
.lft_mnu .collapse ul li {
    width: 251px;
    position: relative;
    list-style-type: none;
}
img{
    max-width:100%;
}
.home_inverse .navbar-header a.navbar-brand {
    height: auto;
    padding: 0;
    margin-left: 0;
}
span.nav_span {
    position: relative;
    top: 12px;
    color: #02529c;
    font-size: 20px;
    margin-left: 6px;
}
.logo_img {
    max-width: 103px;
}
.home_nvbr ul.nv_rt_list {
    margin-top: 42px;
}
ul.nv_rt_list {
    margin-bottom: 0;
    margin-top: 41px;
    padding-left:0;
}
.home_header {
    border-bottom: 2px solid #02529c;
    border-radius: 0;
    padding-top: 9px;
    padding-bottom: 9px;
}
ul.nv_rt_list li {
    display: inline-block;
}
ul.nv_rt_list li a {
    font-size: 16px;
    color: #02529c;
}
.lft_mnu .collapse li a {
    font-size: 15px;
    color: #fff;
    padding-left: 58px;
    position: relative;
}
.lft_mnu .collapse li span.dasbod {
    display: inline-block;
    margin-left: 46px;
}
.lft_mnu .collapse li span.dasbod a:hover, .lft_mnu .collapse li span.dasbod a:focus, .lft_mnu .collapse li span.dasbod a:active{
    background: transparent !important;
}
.lft_mnu .collapse li span.dasbod a {
    padding: 0;
}
.fa_icon {
    font-size: 18px;
    width: 37px;
    background-color: #7ccb5e;
    border-radius: 3px;
    text-align: center;
    padding-top: 8px;
    padding-bottom: 6px;
    line-height: 1.3;
    position: absolute;
    left: 9px;
    top: 50%;
    transform: translateY(-50%);
}
.lft_mnu .collapse ul li.dshbord {
   
}
.fst_sub_mnu span.rit_span {
    right: 0;
}
.lft_mnu {
    padding-top: 0;
}
.rit_span {
    position: absolute;
    top: 50%;
    right: 12px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    padding: 0;
    height: 18px;
}
.lft_mnu .second_sub_menu {
    background-color: #4a8534;
}
.lft_mnu .thrd_sub_menu {
    background-color: #7ccb5e;
}
.scrol_dsign .sub_mnu .second_sub_menu li a span.rit_span {
    right: 0;
}
.aro_shap.collapsed .arow_fa {
    position: absolute;
    top: 0;
    right: 0;
    transform: rotate(-90deg);
    margin-left: 0 !important;
    font-size: 18px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.aro_shap .arow_fa {
    position: absolute;
    top: 0;
    right: 0;
    margin-left: 0 !important;
    font-size: 18px;
    transform: rotate(0deg)
    ;-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.scrol_dsign .sub_mnu li a .arow_fa {
    right: 6px;
}
.scrol_dsign {
    height: 100vh;
    overflow-x: inherit;
    padding: 0px 0px 20px 0px;
    scrollbar-width: thin;
    scrollbar-color: #2d2d2d #dadada
}
.vr_fst_menu{
    max-height: 400px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0px 0px 20px 0px;
    scrollbar-width: thin;
    scrollbar-color: #2d2d2d #dadada        
}
.scrol_dsign::-webkit-scrollbar, .vr_fst_menu::-webkit-scrollbar {
    width: 5px
}

.scrol_dsign::-webkit-scrollbar-trackk, .vr_fst_menu::-webkit-scrollbar-trackk {
    background: #dadada
}

.scrol_dsign::-webkit-scrollbar-thumb, .vr_fst_menu::-webkit-scrollbar-thumb {
    background-color: #2d2d2d;
    border-radius: 0;
    border: 0 solid #dadada
}
.span_circle {
    background-color: transparent;
    height: 8px;
    width: 8px;
    display: inline-block;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    border-radius: 0;
    position: absolute;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: -4px;
}
.scrol_dsign .sub_mnu, .lft_mnu .second_sub_menu {
    position:relative;
    padding-left: 14px;
}
.lft_mnu .scrol_dsign .collapse .sub_mnu li {
    width: 100%;
}
.scrol_dsign .sub_mnu:before, .lft_mnu .second_sub_menu:before {
    content: '';
    height: calc(100% - 30px);
    opacity: 1;
    width: 3px;
    background: #e0f3ff;
    position: absolute;
    left: 10px;
    top: 15px;
    border-radius: 0;
}
.lft_mnu .second_sub_menu:before{
    height: calc(100% - 25px);

    top: 14px;
}
.scrol_dsign .sub_mnu li {
    margin-bottom: 0;
}
span.spn_box {
    background-color: transparent;
    text-align: center;
    display: inline-block;
    width: 8px;
    margin-right: 10px;
    border-radius: 3px;
    line-height: 1.3;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0;
    display: none;
}
.scrol_dsign .sub_mnu li {
    padding-left: 0px;
    padding-right: 5px;
}
.scrol_dsign .sub_mnu li a {
    border-bottom: 1px solid #436c90;
    padding-left: 8px;
    position: relative;
}

.scrol_dsign .sub_mnu li:last-child a{
    border-bottom: 0;
}
.scrol_dsign .sub_mnu .second_sub_menu li:last-child a{
    /* border-bottom: 1px solid #06294c; */
}
.scrol_dsign .sub_mnu li a .fa-angle-double-right, .scrol_dsign .sub_mnu li a .fa-angle-right {
    position: absolute;
    left: 0px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #02529c;
    padding: 2px 11px 3px 11px;
    border-radius: 4px;
    font-size: 21px;
}
.scrol_dsign .sub_mnu li ul.second_sub_menu li {
    padding-left: 0;
    padding-right: 0;
}
.scrol_dsign .sub_mnu li a.thrd_sb_mnu .arow_fa {
    right: 21px;
    margin-left: 0;
}
.scrol_dsign .sub_mnu .second_sub_menu li a {
    padding-left: 8px;
}
.scrol_dsign .sub_mnu .second_sub_menu.thrd_sub_menu li a{
    
}
.scrol_dsign .sub_mnu .second_sub_menu li a .fa-angle-right {
    transform: translateY(-50%);
    background-color: transparent;
    padding: 2px 1px 3px 23px;
    border-radius: 4px;
    font-size: 19px;
    display: none;
}

/* header */
.nav_lft {
    display: inline-block;
	vertical-align: middle;
}
.home_header.inr_hder .nav_lft {
    left: 264px;
}
.home_header {
    border-bottom: 2px solid #4a8534;
    border-radius: 0;
    padding-top: 18px;
    padding-bottom: 15px;
    background-color: #4a8534;
    width: 100%;
    z-index: 9999;
	position: relative;
}
img.header_right {
    position: absolute;
    top: 3px;
    max-width: 264px;
    right: 10px;
}
.header_centr {
    text-align: left;
    margin-left: 20px;
    display: inline-block;
    margin-top: 0;
	vertical-align: middle;
	position: relative;
    z-index: 1;
}
.d_top_nav {
    background-color: #7ccb5e;
    padding-top: 11px;
    padding-bottom: 10px;
    padding-left: 15px;
    display: flex;
    flex-wrap: wrap;
    padding-right: 15px;
    -ms-flex-pack: justify!important;
    justify-content: space-between!important;
}
ul.tol_left {
    padding-left: 0;
    margin-bottom: 0;
    flex: 1;
    padding-top: 4px;
}
.srch_top i {
    font-size: 20px;
    position: absolute;
    color: #02529c;
    top: 10px;
    left: 10px;
}
.txt_login.txt_srch {
    height: 43px;
}
ul.tol_right {
    padding-left: 0;
    margin-bottom: 0;
    position: relative;
    /* flex: 0.2; */
    text-align: right;
}
ul.tol_right li {
    display: block;
    list-style-type: none;
}
ul.tol_right li img.usr_img {
    max-width: 38px;
    width: 100%;
    border-radius: 50%;
}
/* kk */
ul.tol_right > li {
    display: inline-block;
    margin-left:10px;
}
ul.tol_right > li:first-child{
    margin-left:0px;
}
.sn_out {
    background-color: #f36d21;
    padding: 8px 10px;
    border-radius: 5px;
}
/* kk */
.udr_list {
    background-color: #02529c;
    padding: 0;
    position: absolute;
    z-index: 1;
    width: 183px;
    right: 0;
    top: 52px;
    height: auto !important;
    text-align: left;
}
.tol_right li a {
    color: #fff;
    font-size: 16px;
    display: block;
    text-decoration: none;
}
.usr_icon {
    position: absolute;
    width: 12px;
    height: 12px;
    display: inline-block;
    background-color: #60b7e7;
    top: -6px;
    right: 12px;
    transform: rotate(45deg);
}
.tol_right li a i {
    margin-right: 5px;
}
.udr_list li a {
    background-color: #269ada;
    padding: 8px 5px 8px 15px;
    border-bottom: 1px solid #60b7e7;
}
.udr_list li a:hover, .udr_list li a:focus, .udr_list li a:active{
    background-color: #033665;
}
.hd_cntr .header_centr .h4 {
    color: #ffffff;
    font-size: 31px;
    margin-bottom: 0;
    font-weight: bold;
    margin-top: 0;
}
/* header E*/
li.dshbord {
    padding-left: 11px;
    padding-top: 15px;
    color: #fff;
    font-weight: bold;
    font-size: 17px;
    border-bottom: 1px solid #90a9bf;
    padding-bottom: 14px;
}
span.fa_icon {
    font-size: 18px;
    color: #fff;
    display: inline-block;
    cursor:pointer;
}
.second_sub_menu {
    padding-left: 0;
}
/* top_icons */
.top_list_dtl {
    margin-top: 30px;
}

.top_list_box {
    border-top: 7px solid #02529c;
    box-shadow: 0 0 8px 2px #dadada;
    background-color: #f5f8f9;
    padding: 23px 15px 12px 15px;
        border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.top_list_box:hover, .top_list_box:focus, .top_list_box:active {
    background-color: #eaecec;
}
.d_cont_box {
    position: relative;
    padding-right: 100px;
}

.d_spn {
    font-size: 55px;
    font-weight: bold;
    color: #000;
}
.d_cont_icon {
    position: absolute;
    font-size: 44px;
    right: 0;
    background-color: #02529c;
    height: 71px;
    width: 71px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    padding-top: 0;
    border-radius: 50%;
    color: #fff;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
div#main_slid {
    margin-top: 0;
    background-color: #f6fbff;
}
/* .normal_page{ */
    /* margin-top: 151px; */
    /* padding-bottom: 70px;     */
/* } */
.normal_page {
    margin-top: 40px;
    margin-bottom: 20px;
}
div#main_slid.normal_page {
    background-color: #fff;
}
.list_bx_sec {
    /* border-top: 7px solid #f36d21; */
}
.list_bx_thrd {
    /* border-top: 7px solid #60b7e7; */
}
.list_bx_forth {
    /* border-top: 7px solid #cc0907; */
}
.list_bx_sec .d_cont_icon{
    /* background-color: #f36d21; */
}
.list_bx_thrd .d_cont_icon{
    /* background-color: #60b7e7; */
}
.list_bx_forth .d_cont_icon{
    /* background-color: #cc0907; */
}
a.box_ancor {
    display: block;
    text-decoration: none;
    color:#333;
}
.d_cont_icon img {
    max-width: 46px;
}
/* top_icons E */
/* counting */
.contr_sec {
    background-color: #f6fbff;
    padding-top: 65px;
    padding-bottom: 73px;
}
.c_txt {
    text-align: center;
    position: relative;
    overflow: hidden;
    padding-bottom: 12px;
}

.c_txt .h3 {
    font-size: 33px;
    font-weight: bold;
    color: #f36d21;
    margin: 0;
}
.cont_txt {
    text-align: center;
    margin-top: 68px;
}
.cont_txt:hover, .cont_txt:focus, .cont_txt:active{
    background-color: #eaecec;
}
.cont_txt h4 {
    font-size: 24px;
}
.conts {
    font-size: 43px;
    font-weight: bold;
    color: #f36d21;
}
.cont_txt img {
    max-width: 56px;
}
.c_txt > img {
    max-width: 89px;
    margin-bottom: 20px;
}
.cont_txt {
    text-align: center;
    margin-top: 37px;
    background-color: #fff;
    border-radius: 5px;
    padding: 20px 9px;
    box-shadow: 0px 0px 5px 1px #02529c;
}
.hr_lin {
    width: 118px;
    height: 3px;
    background-color: #f36d21;
    display: block;
    margin: 18px auto 0 auto;
}
.dotd {
    width: 10px;
    height: 10px;
    background-color: #02529c;
    display: block;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    bottom: 8px;
    transform: rotate(45deg);
}
/* counting E*/

/* half box */
.half_box_contnt {
    margin-top: 37px;
    background-color: #fff;
    border-radius: 5px;
    padding: 20px 9px;
    box-shadow: 0px 0px 5px 1px #b2d2ef;
}
ul.ofcr_dlt_list {padding-left: 0;}
.half_box_contnt.qt_box {
    padding: 2px 9px 0px 9px;
}
ul.ofcr_dlt_list li {
    list-style-type: none;
    display: block;
    border-bottom: 1px solid #02529c;
    position: relative;
    padding-right: 73px;
    padding-top: 19px;
    padding-bottom: 23px;
}
ul.ofcr_dlt_list li:hover {
    background-color: #eaecec;
}
ul.ofcr_dlt_list li:last-child{
    border-bottom: 0;
}
ul.ofcr_dlt_list li a {
    color: #02529c;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
}
.half_img {
    max-width: 36px;
    position: absolute;
    right: 11px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
img.half_left {
    max-width: 36px;
    width: 100%;
    margin-right: 16px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 3px;
}
.qt_box.qt_lrft_img ul.ofcr_dlt_list li {
    padding-left: 57px;
        padding-right: 101px;
}
.qt_box.qt_lrft_img .ofcr_dlt_list li a span.ronded {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.qt_box.qt_lrft_img .ofcr_dlt_list li a span.ronded.mb_tn {
    bottom: 38px;
    margin-bottom: 0;
    top: auto;
}
.qt_box.qt_lrft_img .ofcr_dlt_list li a span.ronded.botm_spn {
    bottom: 6px;
    margin-bottom: 0;
    top: auto;
}
/* half box E */

/* form */
.login_form_box {
    max-width: 580px;
    margin-left: auto;
    margin-right: auto;
}
.login_box {
    max-width: 580px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    box-shadow: 0px 0px 9px 0px #ccc;
    margin-bottom: 66px;
    border-radius: 9px;
}
form.login_form {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 40px;
    padding-bottom: 20px;
}
.txt_login {
    background-color: #f6f6f6;
    border: none;
    color: #0d0d0d;
    padding: 12px 15px 12px 40px;
    height: 54px;
    text-align: left;
    text-decoration: none;
    border: 2px solid #f6f6f6;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    font-size: 15px;
}
.btn_login {
    background-color: #02529c;
    color: #fff;
    padding: 12px 57px;
    text-align: center;
    border-radius: 3px;
    font-size: 15px;
    margin-top: 6px;
    border: 2px solid #02529c;
}
.btn_login:hover, .btn_login:active, .btn_login:focus{
    background-color: #034380;
    color: #fff;
    border: 2px solid #034380;
}
.hom_frm_footr {
    background-color: #f6f6f6;
    border-top: 1px solid #dce8f1;
    padding: 25px;
    text-align: center;
}
.dw1 {
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    position: relative;
    height: 54px;
    padding-right: 30px;
    background-color: #f6f6f6;
}
.dw1 {
    -ms-appearance: none;
    -o-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: rgba(0, 0, 0, 0) url(../images/dw.png) no-repeat;
    background-position: right center;
    background-size: 22px !important;
}
/* .dw_arow { */
    /* position: absolute; */
    /* content: ""; */
    /* width: 11px; */
    /* height: 11px; */
    /* border-bottom: 2px solid #02529c; */
    /* border-left: 2px solid #02529c; */
    /* right: 10px; */
    /* bottom: 25px; */
    /* -webkit-transform: rotate(-45deg); */
    /* -moz-transform: rotate(-45deg); */
    /* -ms-transform: rotate(-45deg); */
    /* -o-transform: rotate(-45deg); */
    /* transform: rotate(-45deg); */
/* } */
.relative {
    position: relative;
}
form.login_form i {
    position: absolute;
    left: 12px;
    bottom: 17px;
    color: #02529c;
    font-size: 21px;
}
.lg_fild {
    font-size: 17px;
    margin-bottom: 19px;
}
.sqrty_code .txt_login {
    width: calc(100% - 200px);
    display: inline-block;
    padding-left: 15px;
}
.sqrty_code img {
    margin-left: 10px;
}
.capha_txt {
    margin-top: 9px;
    font-size: 13px;
}
.hom_frm_footr p {
    margin-bottom: 0;
}
.panl_box .panel-title {
    position: relative;
    padding-right: 25px;
    line-height: 1.4;
}
.panl_box .panel-title a {
    display: block;
    width: 100%;
    text-decoration: none;
}
.rotat_box {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.rotat_arow {
    width: 13px;
    height: 13px;
    border-right: 2px solid #02529c;
    border-top: 2px solid #02529c;
    display: block;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
/* form E*/

/* cader_box */
.cader_box {
    display: flex;
    flex-wrap: wrap;
}
.cadr_left {
    flex: 1;
    text-align:center;
}
.cadr_rit {
    flex: 1;
}
.cader_box_img {
    max-width: 221px;
    width:100%;
}
.cadr_left p {
    font-size: 19px;
    font-weight: bold;
    margin-bottom: 0;
}
.cadr_rit .btn_cncle, .cadr_rit .btn_login{
    padding: 10px 26px;
}
.btn_cncle {
    background-color: #dc3545;
    border: 2px solid #dc3545;
    color: #fff;
}
.btn_cncle:hover, .btn_cncle:focus, .btn_cncle:active{
    background-color: #a71221;  
    border: 2px solid #a71221;
}
/* cader_box E */
.offr_serv_book form.login_form {
    padding: 0;
}
.offr_serv_book form.login_form .form-group:last-child {
    margin-bottom: 0;
}
.offr_serv_book h4 {
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 18px;
}

/* DEPARTMENT / BOARD / CORPORATION */
.dpt_bort_corp{
    position:relative;
}
.dpt_bort_corp h4 {
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 18px;
}
.dept_conter_main form.login_form {
    padding: 0;
    max-width: 354px;
    width:100%;
}
.dept_conter_main .cont_txt h4 {
    font-size: 18px;
}
.dept_conter_main .conts {
    font-size: 26px;
}
.dept_conter_main .cont_txt {
    margin-top: 30px;
    padding: 15px 9px;
}
.dept_conter_main a{
    color:#333;
    text-decoration:none;
}
img.positn_img {
    position: absolute;
    max-width: 152px;
    /* left: 509px; */
    right:0;
    top: -19px;
    opacity: 0.1;
}
span.c_light {
    color: #60b7e7;
    font-size: 14px;
}
.mb_tn {
    margin-bottom: 10px;
    display: inline-block;
}
/* DEPARTMENT / BOARD / CORPORATION  E*/
.ronded {
    background-color: #06294c;
    color: #fff;
    padding: 2px 8px;
    border-radius: 5px;
}
ul.ofcr_dlt_list li:hover .ronded{
    background-color: #f36d21;
}
.half_box_contnt.offr_serv_book .btn_login.red_hover {
    padding: 10px 26px;
}
.footer_sec {
    text-align: center;
    background-color: #4a8534;
    padding-top: 14px;
    padding-bottom: 14px;
    width: 100%;
    position: absolute;
    bottom: 0;
}
.footr_txt {
    margin-bottom: 0;
    color: #fff;
    font-size: 16px;
}
.cadre_wise {
    display: none;
}
/* login form  Ms */
.form_hding {
    text-align: center;
    margin-top: 60px;
    font-size: 38px;
}
.login_form_box {
    max-width: 880px;
    margin-left: auto;
    text-align: center;
    margin-right: auto;
    width: 100%;
    box-shadow: 0px 0px 9px 0px #ccc; 
    border-radius: 9px;
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap;
}
.reg_box {
    flex: 1;
    background-color: #4a8534;
    border-top-left-radius: 9px;
    border-bottom-left-radius: 9px;
}
.inr_reg {
    display: table;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}
.inr_reg_tab {
    display: table-cell;
    vertical-align: middle;
    padding-left: 15px;
    padding-right: 15px;
}
.inr_reg .h2 {
    color: #fff;
}
.inr_reg p {
    color: #fff;
}
.btn.btn_regst {
    background-color: #fff;
    border: 2px solid #07559d;
    max-width: 281px;
    width: 100%;
    padding: 12px 57px;
    color: #07559d;
    font-size: 16px;
}
.login_box_main {
    flex: 1;
}
form.login_form {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 52px;
    padding-bottom: 22px;
    background-color: #fff;
}
.txt_login {
    background-color: #efefee;
    border: none;
    color: #0d0d0d;
    padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    border: 2px solid #efefee;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    font-size: 16px;
    height: 62px;
}
.btn_login_box {
    background-color: #4a8534;
    color: #fff;
    padding: 12px 57px;
    text-align: center;
    border-radius: 3px;
    font-size: 16px;
    margin-top: 6px;
    border: 2px solid #4a8534;
}
.f_paswrd {
    background-color: #fff;
    padding: 7px 11px;
    border: 2px solid #fff;
    display: block;
    max-width: 144px;
    margin-left: auto;
    color: #4a8534;
    margin-right: auto;
    border-radius: 3px;
    text-decoration: none;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.f_paswrd:hover, .f_paswrd:focus, .f_paswrd:active{
    color: #4a8534;
    text-decoration: none;
    background-color: #e6f5e0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.login_form_box .inr_reg h2.h2 {
    margin-top: 0;
}
/* login form  B*/

/* inr form MS*/
.form_heading {
    margin-top: 0;
    text-align: center;
}
.leg_box {
    display: inline-block;
    padding-left: 2px;
    padding-right: 2px;
    border: none;
    width: auto;
    margin-left: 15px;
}

.fieldset_box {
    display: block;
    margin-inline-start: 2px;
    margin-inline-end: 2px;
    padding: 15px;
    /* min-inline-size: min-content; */
    border: 1px solid #dadada;
    border-image: initial;
}

.comn_field {
    margin-bottom: 70px;
    margin-top: 50px;
}
.provide_etails {
    margin-top: 50px;
}
.provide_etails_frm .submit_btn {
    margin-top: 20px;
}
.comn_field.fild_btn {
    margin-bottom: 20px;
}
.form_hding {
    text-align: center;
    margin-top: 4px;
    font-size: 38px;
}
.fild_table {
    overflow-x: auto;
}
.fild_table .table{
    min-width: 450px;
}
.fild_table th:first-child, .fild_table tr td:first-child{
    width:79px;
    text-align:center;
    font-weight: bold;
}
.fild_table th {
    background-color: #3799f3;
}
.relative {
    position: relative;
}
.lbl_bold {
    font-weight: bold;
}
.submit_btn {
    padding: 11px 30px;
    border-radius: 5px;
    background-color: #07559d;
    color: #fff;
    border: 0;
}
.txt_dsign {
    height: 43px;
}
.dw1.inr_dw {
    height: 43px;
}
/* inr form B*/
/* file-upload */
.file-upload  {
    display: block;
    text-align: center;
    font-size: 14px;
}
.file-upload .file_box {
    border: 1px solid #ced4da;
    color: #34495e;
    cursor: pointer;
    height: 43px;
    line-height: 40px;
    text-align: left;
    background: #FFFFFF;
    overflow: hidden;
    position: relative;
    border-radius: .25rem;
}
.file-upload .file_box .file-select-button {
    background: #dce4ec;
    padding: 1px 10px;
    display: inline-block;
    height: 42px;
    line-height: 40px;
    cursor: pointer;
}
.file-upload .file_box .file-select-name{
    line-height: 40px;
    display: inline-block;
    padding: 0 10px;
}
.file-upload .file_box input[type=file]{
    z-index: 100;
    cursor: pointer;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
}
.noFile {
    text-align: left;
    position: absolute;
    bottom: 1px;
    left: 107px;
    cursor: pointer;
}
/* file upload E */

/* table */

.table_rsponsv div.dataTables_wrapper div.dataTables_paginate {
    margin: 0;
    white-space: nowrap;
    text-align: right;
}
.table_rsponsv div.dataTables_wrapper div.dataTables_length label {
    text-align: left;
    white-space: nowrap;
}
.table_rsponsv div.dataTables_wrapper div.dataTables_filter {
    text-align: right;
}
.table_rsponsv div.dataTables_wrapper div.dataTables_filter input {
    margin-left: 0.5em;
    display: inline-block;
    width: auto;
}
.table_rsponsv table.dataTable thead .sorting_asc:after {
    content: "\f160";
    font: normal normal normal 14px/1 FontAwesome;
}
.table_rsponsv table.dataTable thead .sorting_desc:after {
    content: "\f161";
    font: normal normal normal 14px/1 FontAwesome;
}
.table_rsponsv table.dataTable thead .sorting:after {
    opacity: 0.2;
    content: "\f161";
    font: normal normal normal 14px/1 FontAwesome;
}
.table_rsponsv {
    overflow: auto;
}
.table_rsponsv table.dataTable {
    min-width: 900px;
}
.table_rsponsv .sort_table thead {
    background: #93d6fb;
}
.table_rsponsv .sort_table thead tr th {
    padding-top: 13px;
    padding-bottom: 13px;
}
table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting {
    padding-right: 30px;
}
table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
    cursor: pointer;
    position: relative;
}
table.table-bordered.dataTable th, table.table-bordered.dataTable td {
    border-left-width: 0;
}
.table_rsponsv table.dataTable thead .sorting:after, .table_rsponsv table.dataTable thead .sorting_asc:after, .table_rsponsv table.dataTable thead .sorting_desc:after, .table_rsponsv table.dataTable thead .sorting_asc_disabled:after, .table_rsponsv table.dataTable thead .sorting_desc_disabled:after {
    bottom: 14px;
    position: absolute;
    right: 8px;
    display: block;
    opacity: 1;
}
.table_rsponsv table.dataTable thead .sorting:after {
    opacity: 0.2;
}
.table_rsponsv .dataTables_length {
    display: inline-block;
    margin-right: 25px;
    margin-bottom: 12px;
}
.table_rsponsv .dataTables_filter {
    display: inline-block;
}
.table_rsponsv select, .table_rsponsv .dataTables_filter input, .table_rsponsv select:focus, .table_rsponsv .dataTables_filter input:focus {
    background-color: #f9f9f9;
    border: 1px solid #999;
    border-radius: 4px;
    height: 37px;
    line-height: 2;
    font-size: 15px;
    color: #333;
    padding: 0 0 0 5px;
}
.table_rsponsv .paginate_button {
    min-width: 4rem;
    display: inline-block;
    text-align: center;
    padding: 1rem 1.6rem;
    margin-top: -1rem;
    border: 1px solid lightblue;
    text-decoration: none;
}
.table_rsponsv .paginate_button:hover {
    cursor: pointer;
    background-color: #eee;
    text-decoration: none;
}
.table_rsponsv .paginate_button.previous {
    border-radius: 8px 0 0 8px;
    min-width: 7rem;
}
.table_rsponsv .paginate_button.next {
    border-radius: 0 8px 8px 0;
    min-width: 7rem;
}

/* table E*/
/* reg page */
.reg_bg {
    background-color: #fff;
    box-shadow: 0px 0px 14px 0px #b5b9b3;
}
.reg_img {
    max-width: 126px;
    width: 100%;
    margin-top: 22px;
    margin-bottom: 10px;
}
.comn_reg h3 {
    margin-top: 0;
}
.reg_left {
    padding: 20px 0;
}
.bg_l_green{
   
}
.comn_reg h3 {
    margin-top: 0;
    font-size: 24px;
    line-height: 1.4;
}
.comn_reg p {
    color: #fff;
    font-size: 17px;
    margin-top: 16px;
}
.reg_left {
    color:#fff;
    background-color: #65ad4b;
    padding-left: 15px;
    padding-right: 15px;    
    padding-bottom: 205px;
}
.button_design {
    background-color: #fff;
    padding: 9px 0;
    display: block;
    max-width: 174px;
    font-size: 16px;
    border-radius: 23px;
    border: 2px solid #fff;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 22px;
    margin-bottom: 20px;
    color: #4a8534;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.button_design:hover, .button_design:focus, .button_design:active{
    text-decoration:none;
    background-color: #2f5c1e;
    border: 2px solid #2f5c1e;
    color: #fff;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.reg_left h4 {
    margin-top: 19px;
    font-size: 19px;
    color: white;
    margin-bottom: 0;
}
.reg_left hr {
    margin-bottom: 3px;
    border-top: 1px solid #fff;
    margin-top: 16px;
}
.reg_right {
    padding: 20px 15px 20px 0;
}
.reg_right hr {
    margin-bottom: 15px;
    border-top: 1px solid #ccc;
    margin-top: 16px;
}
.ofic_add {
    font-size: 18px;
    color: #4a8534;
    border-bottom: 2px solid #4a8534;
    max-width: 120px;
    padding-bottom: 3px;
    margin-top: 0;
}
.reg_right sup{
    color:red;
}
.lbl_cpta{
    opacity:0;
    display:block;
}
.reg_btn {
    padding: 10px 17px;
    width: 100px;
}
.btn_submit {
    background-color: #4a8534;
    color: #fff;
}
.bck_btn {
    background-color: #686868;
}
.btn_submit:hover, .btn_submit:focus, .btn_submit:active{
    background-color: #2d581d;
    color: #fff;
}
.btn_reset {
    background-color: #ffc83d;
    color: #2d2d2d;
}
.btn_reset:hover, .btn_reset:focus, .btn_reset:active{
    background-color: #b1830e;
    color: #fff;
}
.reg_right .alert.alert-danger.fade.show {
    opacity: 1;
    padding: 0;
    position: absolute;
    background-color: transparent;
    border: 0;
    font-size: 12px;
}
/* reg page E*/
/* first_pag */
.pag_box {
    background-color: #fff;
    text-align: center;
    border-bottom: 5px solid #7bc760;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.pag_box h3 {
    background-color: #7bc760;
    color: #323131;
    margin: 0;
    padding: 15px;
}
.gid_list {
    padding-left: 0;
        margin-bottom: 0;
}
.gid_list li {
    list-style-type: none;
    padding: 17px 10px;
    display: block;
    border-bottom: 1px solid #cee1c7;
    background-color:#fff;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.gid_list li:hover, .usr_rgg:hover{
    background-color: #dbe9d6;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.gid_list li a {
    color: #2d2d2d;
    font-size: 17px;
}
.usr_rgg img {
    max-width: 112px;
    margin-top: 20px;
}
.usr_rgg p {
    font-size: 16px;
    margin-top: 24px;
    margin-bottom: 32px;
}
.usr_rgg .button_design, .btn_bg_green {
    background-color: #7bc760;
    border: 2px solid #7bc760;
    color: #323131;
    max-width: 194px;
}
.usr_rgg .button_design:hover, .usr_rgg .button_design:focus, .usr_rgg .button_design:active, .btn_bg_green:hover, .btn_bg_green:focus, .btn_bg_green:active{
    background-color: #2f5c1e;
    border: 2px solid #2f5c1e;
    color: #fff;
}
.projt_box {
    background-color: #fff;
    box-shadow: 0px 0px 14px 0px #b5b9b3;
    margin-top: 30px;
    margin-bottom: 30px;
    border-radius: 5px;
    text-align: center;
    padding: 29px 10px;
    min-height: 280px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.projt_box img {
    max-width: 66px;
}
.projt_box h3 {
    font-size: 20px;
    margin-top: 16px;
    margin-bottom: 12px;
}
.projt_box p {
    font-size: 14px;
}
.projt_box .button_design.btn_bg_green {
    margin-bottom: 0px;
    max-width: 133px;
}
.projt_box:hover, .projt_box:focus, .projt_box:active {
    background-color: #dbe9d6;
}
/* first_pag E */
/* item slider */
.item_slider{
    
} 
.item_slider .carousel-control .icon-prev, .item_slider .carousel-control .icon-next, .item_slider .carousel-control .glyphicon-chevron-left, .item_slider .carousel-control .glyphicon-chevron-right {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.item_slider .carousel-control .glyphicon-chevron-left, .item_slider .carousel-control .glyphicon-chevron-right, .item_slider .carousel-control .icon-prev, .item_slider .carousel-control .icon-next {
    margin-top: 0;
}
.col-centered {
    float: none;
    margin: 0 auto;
}

.carousel-control { 
    width: 8%;
    width: 0px;
}
.carousel-control.left,
.carousel-control.right { 
    margin-right: 40px;
    margin-left: 32px; 
    background-image: none;
    opacity: 1;
}
.carousel-control > a > span {
    color: white;
      font-size: 29px !important;
}

.carousel-col { 
    position: relative; 
    min-height: 1px; 
    padding: 5px; 
    float: left;
 }

 .active > div { display:none; }
 .active > div:first-child { display:block; }

/*xs*/
@media (max-width: 767px) {
  .carousel-inner .active.left { left: -50%; }
  .carousel-inner .active.right { left: 50%; }
    .carousel-inner .next        { left:  50%; }
    .carousel-inner .prev            { left: -50%; }
  .carousel-col                { width: 50%; }
    .active > div:first-child + div { display:block; }
}

/*sm*/
@media (min-width: 768px) and (max-width: 991px) {
  .carousel-inner .active.left { left: -50%; }
  .carousel-inner .active.right { left: 50%; }
    .carousel-inner .next        { left:  50%; }
    .carousel-inner .prev            { left: -50%; }
  .carousel-col                { width: 50%; }
    .active > div:first-child + div { display:block; }
}

/*md*/
@media (min-width: 992px) and (max-width: 1199px) {
  .carousel-inner .active.left { left: -33%; }
  .carousel-inner .active.right { left: 33%; }
    .carousel-inner .next        { left:  33%; }
    .carousel-inner .prev            { left: -33%; }
  .carousel-col                { width: 33%; }
    .active > div:first-child + div { display:block; }
  .active > div:first-child + div + div { display:block; }
}

/*lg*/
@media (min-width: 1200px) {
  .carousel-inner .active.left { left: -25%; }
  .carousel-inner .active.right{ left:  25%; }
    .carousel-inner .next        { left:  25%; }
    .carousel-inner .prev            { left: -25%; }
  .carousel-col                { width: 25%; }
    .active > div:first-child + div { display:block; }
  .active > div:first-child + div + div { display:block; }
    .active > div:first-child + div + div + div { display:block; }
}

.block {
    /* width: 306px; */
    /* height: 230px; */
}
.item_slider .fa {
    color: #4a8534;
    opacity: 0.3;
}
.item_slider #carousel:hover .fa {
    opacity: 1;
}
.item_slider img {
    border: 2px solid #b9dfab;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.item_slider img:hover {
    border: 2px solid #4a8534;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
/* item slider E */
/* update sec */
.update_sec_pag {
    background-color: #bde9ac;
    text-align: center;
    padding-top: 28px;
    padding-bottom: 28px;
    margin-bottom: 29px;
}
.update_sec_pag .h2 {
    margin-top: 0;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-size: 32px;
    border-bottom: 3px solid #333333;
    display: inline-block;
    padding-bottom: 4px;
}
.update_sec_pag .spotlight_text a {
    display: block;
    color: #2d2d2d;
    font-size: 16px;
    margin-bottom: 10px;
}
/* update sec E*/
.alrt_msgs {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0;
    text-align: center;
}
.serv_list{
    padding-left:0;
    margin-bottom: 0;
}
.serv_list li {
    display: block;
    list-style-type: none;
    position: relative;
    padding-left: 25px;
    margin-bottom: 13px;
    color: #525252;
    font-size: 16px;
}
.serv_list li:last-child{
    margin-bottom:0;
}
.serv_list li a {
    color: #525252;
    font-size: 16px;
    position:relative;
    /* padding-right: 37px; */
}
.normal_txt{
    position:relative;
    padding-right: 37px;
}
.serv_list li img {
    /* position: absolute; */
    /* right: 0; */
    max-width: 70px;
    /* top: -6px; */
}
.panl_box .panel-heading {
    color: #2d2d2d;
    background-color: #60b7e7;
    border-color: #60b7e7;
    padding: 14px 15px;
}
.serv_list li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 6px;
    height: 6px;
    border-right: 1px solid #4a8534;
    border-bottom: 1px solid #4a8534;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.smal_arow {
    position: absolute;
    left: 4px;
    top: 8px;
    width: 6px;
    height: 6px;
    border-right: 1px solid #4a8534;
    border-bottom: 1px solid #4a8534;
    transform: rotate(-45deg);
}
.dirsectons_box {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 33px;
    padding-bottom: 25px;
    background-color: #fff;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    margin-top: 30px;
    margin-bottom: 10px;
}
.dir_h {
    margin-top: 0;
    font-size: 25px;
    border-bottom: 2px solid #2d2d2d;
    display: inline-block;
    padding-right: 15px;
    margin-bottom: 23px;
}
.bc_btn {
    background-color: #4a8534;
    color: #fff;
    font-size: 16px;
    padding: 6px 14px;
    border-radius: 4px;
    margin-left: 15px;
}
.serv_list li a:hover {
    color: #4a8534;
}
/* --------------- Start responsive --------------- */

@media screen and (max-width : 1700px){
.dept_conter_main .conts {
    font-size: 19px;
}
}
/* 1700px */ 

@media screen and (max-width : 1600px){
.d_spn {
    font-size: 43px;
}
.d_cont_icon {
    top: 35%;
}
}
@media screen and (max-width : 1500px){
.col-dtl_thrd {
    padding-left: 0;
    padding-right: 0;
}
.col-dtl_secnd {
    padding-left: 0;
}   
.cadr_rit form.login_form {
    padding-left: 17px;
    padding-right: 9px;
    padding-top: 0;
    padding-bottom: 0;
}
}
@media screen and (max-width : 1366px){
img.logo_centr_img {
    max-width: 504px;
    width:100%;
}

.col_dtl_comn {
    width: 25%;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 30px;
}
.cadr_col_thrd {
   
}
.cadr_left {
    flex: 0.6;
    display: none;
}
.d_spn {
    font-size: 26px;
}
.d_cont_icon img {
    max-width: 34px;
}
.d_cont_icon {
    font-size: 30px;
    height: 48px;
    width: 48px;
}
.cadr_col_fst, .cadr_col_scond, .cadr_col_thrd {
    width: 33.33%;
}
.cadre_wise {
    display: block;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 37px;
}
.half_box_contnt {
    padding: 20px 9px 22px 9px;
}
.cadr_col_fst.cadr_col_comn button {
    margin-top: 5px;
}
ul.ofcr_dlt_list li {
    padding-right: 57px;
}
}
@media screen and (max-width : 1280px){
.detp_col_comon {
    width: 50%;
}
.vrticl_colps ul li a {
    padding-left: 7px;
    padding-right: 7px;
    font-size: 15px;
}
}
@media screen and (max-width : 1199px){
.sqrty_code .txt_login {
    width: calc(100% - 98px);
}
ul.tol_left li.txt_wlcome {
    display: none;
}
.col_dtl_comn {
    float: left;
}
.cadr_col_fst.cadr_col_comn button {
    padding: 10px 16px;
}

}
/* 1199px */

@media screen and (max-width : 1150px){
/* ------------horizontal_menu-------MS-------- */
.horizontal_menu .navbar-header {
    float: none;
}
.horizontal_menu .navbar-left, .navbar-right {
    float: none !important;
}
.horizontal_menu .navbar-toggle {
    display: block;
}
.horizontal_menu .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}
.horizontal_menu .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
}
.horizontal_menu .navbar-collapse.collapse {
    display: none!important;
}
.horizontal_menu .navbar-nav {
    float: none!important;
    margin-top: 7.5px;
}
.horizontal_menu .navbar-nav>li {
    float: none;
}
.horizontal_menu .navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
}
.horizontal_menu .collapse.in{
    display:block !important;
}
/* horzintal_mnu MS*/
.horizontal_menu .d_top_nav {
    display: block;
    position:relative;
}
.horizontal_menu ul.tol_right {
    flex: none;
    position: absolute;
    top: 10px;
    right: 14px;
}
.navbar-collapse.vrticl_colps {
    box-shadow: none;
    -webkit-overflow-scrolling: touch;
}
.vrticl_colps ul li a {
    padding-left: 10px;
    border-top: 1px solid #5cb0de;
    padding-right: 10px;
}
.vrticl_mnu ul.submenu {
    position: relative;
    float: none;
    left: inherit;
}
.vrticl_mnu .navbar-toggle {
    margin-top: 0;
    margin-bottom: 2px;
}
.vr_mnu ul {
    width: 100%;
}
.vr_mnu li {
    border-bottom: 0;
}
/* horzintal_mnu MSB*/
/* ----------horizontal_menu----MSB------------- */
}
/* 1150px */

@media screen and (max-width : 1112px){
.col_dtl_comn {
    width: 50%;
}
.d_spn {
    font-size: 33px;
}
}
@media screen and (max-width : 1048px){
img.logo_centr_img {
    max-width: 452px;
}
}
/* 1048px */

@media screen and (max-width : 1023px){
.cadr_col_fst, .cadr_col_scond, .cadr_col_thrd {
    width: 50%;
}   
}
@media screen and (max-width : 991px){
.login_box {
    margin-bottom: 15px;
}
img.logo_centr_img {
    max-width: 363px;
}
.logo_img {

}
img.header_right {
    display: none;
}
.c_txt.c_txt_snd {
    margin-top: 113px;
}
.sidenav {
    top: 115px;
}
div#main_slid, .normal_page {
    /* margin-top: 115px; */
}
.cadr_col_fst, .cadr_col_scond, .cadr_col_thrd {
    width: 100%;
}
.scrol_dsign {
    height: calc(100vh - 124px);
}
.reg_left {
    padding-bottom: 9px;
}
.reg_right {
    padding: 20px 15px 20px 15px;
}
.hd_cntr .header_centr .h4 {
    font-size: 26px;
}
.pag_box.box_gid_lin.usr_rgg {
    margin-top: 30px;
}
.projt_box {
    margin-bottom: 0;
}
.update_sec_pag {
    margin-top: 30px;
}
}
/* 991px */
@media screen and (max-width : 835px){
.col_dtl_comn {
    width: 100%;
}
.d_cont_icon img {
    max-width: 32px;
}
.d_cont_icon {
    font-size: 0;
    height: 55px;
    width: 55px;
    padding-top: 11px;
}
ul.tol_right {
    flex: 0.5;
}
img.positn_img{
    display:none;
}
}
/* 835px */
@media screen and (max-width : 767px){
.scrol_dsign .collapse.navbar-collapse.navbar-ex1-collapse {
    display: block;
}
ul.nav.navbar-nav.side-nav {
    margin: 0;
}
.hd_cntr .header_centr .h4 {
    font-size: 23px;
}
.detp_col_comon {
    width: 100%;
}
.cadr_left, .cadr_rit {
    flex: inherit;
}
.cader_box {
    display: block;
    flex-wrap: wrap;
}
.cader_box_img {
    max-width: 110px;
    width: 100%;
}
/* login form */
.reg_box {
    flex: none;
    padding-top: 27px;
    padding-bottom: 35px;
    border-top-left-radius: 9px;
    border-bottom-left-radius: 0;
    border-top-right-radius: 9px;
}
.login_form_box {
    display: block;
    flex-wrap: inherit;
	margin-top: 25px;
}
/* login form msb */
.vrticl_mnu .navbar-collapse {
    padding-right: 15px;
    padding-left: 15px;
}
.table_rsponsv .dataTables_info{
     margin-bottom:15px;    
}
.table_rsponsv div.dataTables_wrapper div.dataTables_length, .table_rsponsv div.dataTables_wrapper div.dataTables_filter, .table_rsponsv div.dataTables_wrapper div.dataTables_info, .table_rsponsv div.dataTables_wrapper div.dataTables_paginate {
    text-align: center;
}
form.login_form {
    padding-top: 32px;
    padding-bottom: 13px;
}
.projt_box {
    min-height: auto;
}
}
/* 767px */
@media screen and (max-width : 685px){
.logo_img {
    max-width: 84px;
}
img.header_right {
    max-width: 297px;
    position: inherit;
}
.nav_rt {
    text-align: center;
    margin-top: 12px;
    display: none;
}
.header_centr {
    margin-left: 8px;
}
.home_header {
    padding-bottom: 8px;
    padding-top: 8px;
}
img.logo_centr_img {
    max-width: 363px;
    display: none;
}
.sidenav {
    top: 103px;
}
}/* 685px */

@media screen and (max-width : 656px){
.nav_lft {
    display: block;
    text-align: center;
    margin-bottom: 12px;
}
.header_centr {
    margin-left: 0;
    text-align: center;
    display: block;
}
}/* 656px */

@media screen and (max-width : 640px){
span.nav_span {
    top: 8px;
    font-size: 16px;
    margin-left: 0px;
}

ul.nv_rt_list {
    margin-top: 31px;
}
.d_spn {
    font-size: 33px;
}
span.usr_name {
    display: none;
}
}
/* 640px */
@media screen and (max-width : 555px){
.normal_page {
    margin-bottom: 33px;
}
}
@media screen and (max-width : 550px){

ul.nv_rt_list {
    margin-top: 11px;
}
a.logo_ancr {
    display: block;
    text-align: center;
}
span.nav_span {
    display: block;
}
.home_header {
    min-height: 79px;
}
.sidenav {
    top: 78px;
}
div#main_slid, .normal_page {
    /* margin-top: 78px; */
}

.d_spn {
    font-size: 28px;
}
}
/* 550px */

