@charset "UTF-8";


/*--- Font Family ---*/
@font-face {
  font-family: 'Nikosh';
  src:  url("../fonts/Nikosh.eot?#iefix") format("embedded-opentype"),  
        url("../fonts/Nikosh.woff") format("woff"), 
        url("../fonts/Nikosh.ttf")  format("truetype"), 
        url("../fonts/Nikosh.svg#Nikosh") format("svg");
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'Kalpurush';
  src: url("../fonts/Kalpurush.eot?#iefix") format('embedded-opentype'),
  url("../fonts/Kalpurush.woff") format('woff'),
  url("../fonts/Kalpurush.ttf")  format('truetype'),
  url("../fonts/Kalpurush.svg#Kalpurush") format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 400;
  font-display: auto;
  src:  url("../fonts/fa-regular-400.eot");
  src:  url("../fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), 
        url("../fonts/fa-regular-400.woff2") format("woff2"), 
        url("../fonts/fa-regular-400.woff") format("woff"), 
        url("../fonts/fa-regular-400.ttf") format("truetype"), 
        url("../fonts/fa-regular-400.svg#fontawesome") format("svg"); 
}

@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-display: auto;
  src:  url("../fonts/fa-solid-900.eot");
  src:  url("../fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), 
        url("../fonts/fa-solid-900.woff2") format("woff2"), 
        url("../fonts/fa-solid-900.woff") format("woff"), 
        url("../fonts/fa-solid-900.ttf") format("truetype"), 
        url("../fonts/fa-solid-900.svg#fontawesome") format("svg"); 
}
     

@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700&display=swap');





/*--- Global style ---*/

body {
  font-family: 'Kalpurush', 'Lato', sans-serif !important;
  /*font-family: 'Nikosh', 'Lato', sans-serif !important;*/
  background: #ffffff url(../images/gov-bg-pattern.png) repeat center top / auto;
}

main.main_content_wrap {
  background: #ffffff;
  /*height: 100vh;*/
  height: 100%;
  padding: 0;
  -webkit-box-shadow: 0px 0px 8px 0px rgba(207,206,206,0.8);
  -moz-box-shadow: 0px 0px 8px 0px rgba(207,206,206,0.8);
  box-shadow: 0px 0px 8px 0px rgba(207,206,206,0.8);
}

.row,
p {
  margin: 0;
}

.form-group {
  margin-bottom: 10px;
}

.form-check {
  padding-left: 40px;
}

.form-group label {
  font-size: 16px;
  color: #005C57;
  font-weight: bold;
  text-align: right;
}

.form-check label {
  font-size: 12px;
  text-align: left;
}

.form-group input {
  font-size: 16px;
  color: #000000;
  background: #E5F3F1;
  border-radius: 0;
  border: none;
}

.submit_btn {
  background: linear-gradient(to right, #e71269, #e11f56, #d92c44, #cf3734, #c44124);
  border-radius: 30px;
  border: none;
  font-size: 16px;
  font-weight: bold;
  color: #ffffff;
  max-width: 120px;
  height: 40px;
  width: 100%;
  transition: all 0.5s;
}

.submit_btn:hover {
  background: linear-gradient(to right, #e71269, #e71269, #e71269, #e71269, #e71269);
}

.cust_padding {
  padding: 0;
}

.extr_mrg {
  margin-left: -15px;
  margin-right: -15px;
}

.gj-datepicker.input-group .form-control:focus {
  box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25) !important;
}




/*--- header style ---*/

.rti_header .navbar {
  padding: 10px 30px;
}

.rti_header .navbar-brand {
  margin: 0;
  padding: 0;
}

.rti_header .navbar-brand .brand-logo { 
  max-width: 220px;
  margin-left: -5px;
  margin-top: -2px;
}

.rti_nav_menu .nav-item {
  padding: 0;
  position: relative;
}

.rti_nav_menu .nav-item .nav_link {
  padding:0px 14px;
  font-size: 20px;
  color: #231F20;
  display: block;
}

.rti_nav_menu .nav-item::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  background: #000000;
  height: 30px;
  width: 1px;
}

.rti_nav_menu .nav-item .nav_link:hover,
.rti_nav_menu .nav-item .nav_link:focus {
  color: #1E5128;
  text-decoration: none;
}

.rti_nav_menu .nav-item.language_nav .nav_link {
  margin-top: -3px;
  border-right: none;
}

.rti_nav_menu .nav-item.language_nav .nav_link a {
  font-size: 12px;
  color: #231F20;
  border: 1px solid #5E5E5E;
  padding: 3px 8px 2px;
  display: inline-block;
  margin: 0 2px;
  text-decoration: none;
  transition: all 0.5s;
}

.rti_nav_menu .nav-item.language_nav .nav_link a:hover,
.rti_nav_menu .nav-item.language_nav .nav_link a:focus {
  color: #ffffff;
  background: #1E5128;
  border-color:#1E5128;
}

.rti_nav_menu .nav-item.language_nav .nav_link a:hover,
.rti_nav_menu .nav-item.language_nav .nav_link a:focus,
.rti_nav_menu .nav-item.language_nav .nav_link a.active {
  color: #ffffff;
  background: #1E5128;
  border-color:#1E5128;
}

.rti_nav_menu .nav-item.search_nav .nav_link {
  color: #808284;
  font-size: 25px;
  margin-top: -4px;
}

.rti_nav_menu .nav-item.search_nav .nav_link:hover,
.rti_nav_menu .nav-item.search_nav .nav_link:focus {
  color: #1E5128;
}

.rti_nav_menu .nav-item.search_nav::before,
.rti_nav_menu .nav-item.collapse_btn::before {
  content: none;
}

.rti_nav_menu .nav-item.collapse_btn .nav_link {
  background: #1E5128;
  color: #ffffff;
  padding: 5px 14px;
  margin-top: -5px;
  transition: all 0.5s;
}

.rti_nav_menu .nav-item.collapse_btn .nav_link:hover,
.rti_nav_menu .nav-item.collapse_btn .nav_link:focus {
  background: #000000;
  color: #ffffff;
}

.rti_dropdown .dropdown-menu {
  background: #E8F4F2;
  border-radius: 0;
  right: 0;
  left: auto;
  padding: 0 20px;
  border: none;
}

.rti_nav_menu .dropdown-item {
  color: #1A8483;
  font-size: 18px;
  border-bottom: 2px dotted #59AEAC;
  padding: 12px 10px;
  text-align: center;
}

.rti_nav_menu .dropdown-item:last-child {
  border: none;
}

.rti_nav_menu .dropdown-item:hover,
.rti_nav_menu .dropdown-item:focus {
  background: transparent;
  color: #1E5128;
  text-decoration: none;
}

.rti_dropdown.collapse_btn .dropdown-toggle::after {
  content: none;
}



.rti_nav_menu .search_nav .form-group {
  position: absolute;
  bottom: 0;
  right: -10px;
  min-width: 250px;
  transition: bottom 0.5s;
  z-index: -1;
  margin: 0;
  background: #ffffff;
  padding: 15px 20px;
}

.rti_nav_menu .search_nav.search_open .form-group {
  bottom: -72px;
  z-index: 1;
}






/*--- client logo style ---*/

.rti_banner_slider.slick-slider {
  margin: 0;
}

.rti_slider_item {
    background-size: 100% auto;
    background-position: left top;
    background-repeat: no-repeat;
    min-height: 320px;
    padding: 50px 0;
}

.rti_slider_item.slider_img1 {
  background-image: url(../images/banner-img1.jpg);
}

.rti_slider_item.slider_img2 {
  background-image: url(../images/banner-img2.jpg);
}

.rti_slider_item.slider_img3 {
  background-image: url(../images/banner-img3.jpg);
}
.banner_left_text {
    background: rgba(28,185,50,0.68);
    max-width: 390px;
    margin: -30px auto 0;
    padding: 15px 30px;
}

.rti_slider_item .title {
    color: #ffffff;
    font-size: 30px;
    line-height: 42px;
    font-weight: bold;
    margin: 40px auto 10px 0;
    text-align: left;
    max-width: 200px;
    padding-left: 30px;
}

.rti_slider_item .btn {
  background: #ffffff;
  padding: 5px;
  border-radius: 0;
  max-width: 70px;
  margin: 0 auto 0 30px;
  display: block;
  transition: all 0.5s;
}

.rti_slider_item .btn:hover {
  background: #1E5128;
}

.rti_slider_item .btn img {
  max-width: 30px;
  margin:0 auto;
}

.bottom_text .inner_text {
    background: rgba(255,255,255,0.9);
    max-width: 470px;
    margin: 155px 0 0 60px;
    padding: 15px 15px 12px;
    box-shadow: 0px 0px 20px 0px rgba(255,255,255,0.75);
    -webkit-box-shadow: 0px 0px 20px 0px rgba(255,255,255,0.75);
    -moz-box-shadow: 0px 0px 20px 0px rgba(255,255,255,0.75);
}

.rti_slider_item .bottom_text h5 {
  color: #1E5128;
  font-size: 24px;
  line-height: 24px;
  font-weight: bold;
  text-align: center;
}

.rti_slider_item .bottom_text p {
  color: #1E5128;
  font-size: 14px;
  line-height: 18px;
  font-weight: bold;
  text-align: center;
}

/*.rti_banner_slider .slick-dots {
  bottom: initial;
  top: 20px;
  text-align: right;
  padding-right: 370px;
}*/

.rti_banner_slider .slick-dots {
    bottom: -5px;
    top: initial;
    text-align: center;
}

.rti_banner_slider .slick-dots li {
  margin: 0px;
  height: initial;
  width: initial;
}

.rti_banner_slider .slick-dots li button::before {
  content: "";
  border:2px solid #1E5128;
  height: 14px;
  width: 14px;
  opacity: 1;
}

.rti_banner_slider .slick-dots li.slick-active button::before {
    border: 2px solid #1E5128;
    background: #1E5128;
}



/*--- about_form_wrap style ---*/

.about_form_wrap {
  background: #ffffff;
  padding: 30px 0;
  border-bottom: 2px dashed #033535;
}

.apply_form_wrap {
  /*background: url(../images/laptop-img.png) no-repeat center top / 500px auto;*/
  background: url(../images/laptop-img.png) no-repeat center top / 92% 288px;
}

.apply_form_wrap h3 {
  color: #047A7B;
  font-size: 24px;
  line-height: 20px;
  font-weight: bold;
  margin:10px 0 25px;
  text-align: center;
}

.apply_form_wrap .content_inner {
  max-width: 340px;
  margin: 0 auto;
  padding:30px 0 35px;
  position: relative;
}

.apply_text_wrap {
  padding-top: 30px;
  padding-right: 120px;
}

.apply_text_wrap h3 {
  color: #D4272A;
  font-size: 32px;
  line-height: 40px;
  font-weight: bold;
  margin: 0 0 10px;
}

.apply_text_wrap p {
  color: #31205F;
  font-size: 24px;
  line-height: 30px;
  font-weight: bold;
  margin: 0;
}

.apply_form_wrap .form-check {
  margin-top: 20px;
}

.apply_form_wrap .form-check label {
  cursor: pointer;
}

.apply_form_wrap .form-check input {
  margin-top: 6px;
}

.apply_form_wrap .submit_btn {
  margin-top: 2px;
  margin-bottom: 10px;
}

.apply_form_wrap .alert {
  background: none;
  border: none;
  text-align: center;
  margin: 0;
  padding: 0;
  position: absolute;
  width: 100%;
  bottom: 30px;
  font-weight: bold;
}



/*--- service_wrap style ---*/

.service_wrap {
  background: #E5F3F1;
}

.service_col {
  border-right: 2px solid #ffffff;
  padding: 50px 30px;
}

.service_col:last-child {
  border-right: none;
}

.service_col_content {
  background: #ffffff;
  display: block;
  width: 100%;
  padding: 15px;
  max-width: 290px;
  margin: 0 auto;
  box-shadow: 4px 4px 0px 0px rgba(158,158,158,0.75);
  -webkit-box-shadow: 4px 4px 0px 0px rgba(158,158,158,0.75);
  -moz-box-shadow: 4px 4px 0px 0px rgba(158,158,158,0.75);
  text-decoration: none;
  cursor: pointer;
  transition: all 0.5s;
}

.service_col_content:hover {
  text-decoration: none;
  box-shadow: 0px 0px 15px 0px rgba(158,158,158,0.85);
  -webkit-box-shadow: 0px 0px 15px 0px rgba(158,158,158,0.85);
  -moz-box-shadow: 0px 0px 15px 0px rgba(158,158,158,0.85);
}

.service_col_content .title {
  font-size: 30px;
  font-weight: bold;
  color: #000000;
  margin: 0 0 10px;
}

.service_col_content img {
    max-width: 80%;
    margin: 0px auto 20px;
    display: block;
}

.service_col_content p {
    font-size: 16px;
    line-height: 18px;
    font-weight: normal;
    color: #000000;
    margin: 0;
    min-height: 60px;
}




/*--- mapInfo_wrap style ---*/

.mapInfo_wrap {
  padding: 40px 0 10px;
}

.mapInfo_title h2 {
  font-size: 30px;
  font-weight: normal;
  color: #04695C;
  margin: 0;
  /*padding-left: 60px;*/
}

.mapInfo_tab_head {
  padding: 10px 0;
  border: none;
}

.mapInfo_tab_head .nav-item {
  background: #3AB14A;
  border-right: 2px solid #fff;
  padding: 5px;
  color: #fff;
  font-size: 26px;
  font-weight: normal;
  transition: all 0.5s;
}

.mapInfo_tab_head .nav-item:hover,
.mapInfo_tab_head .nav-item:focus,
.mapInfo_tab_head .nav-item.active {
  text-decoration: none;
  background: #047A7B;
}

.mapInfo_details {
  padding: 30px 80px;
}

.mapInfo_details h6 {
  color: #000000;
  font-size: 20px;
  margin: 5px 0;
}

.mapInfo_graph {
  padding: 30px;
}

.progress_list {
  padding: 0;
  margin: 30px 0 0;
}

.progress_list li {
  list-style: none;
  display: block;
  margin: 20px 0;
}

.progress_list li .progress {
  height: 20px;
  margin-bottom: 6px;
  border-radius: 0;
}

.progress_list .progress .bg_color1 {
  background: #3D9990;
}

.progress_list .progress .bg_color2 {
  background: #49AE7A;
}

.progress_list .progress .bg_color3 {
  background: #35805B;
}

.progress_list .progress .bg_color4 {
  background: #16AC58;
}

.progress_list .progress .bg_color5 {
  background: #357D73;
}

.progress_list li h5 {
  color: #19786D;
  font-size: 18px;
  margin: 0;
}




/*--- site_visit_wrap style ---*/

.site_visit_wrap {
  background: #dbf1f6 url(../images/site-visit-bg.png) no-repeat center bottom 10px / 860px auto;
  padding: 10px 0;
}

.site_visit_wrap .title {
  font-size: 30px;
  font-weight: bold;
  color: #04695C;
  margin: 0 0 20px;
}

.visit_count {
  padding: 0;
  margin: 0 0 170px;
  text-align: center;
}

.visit_count li {
  list-style: none;
  display: inline-block;
  border: 2px dashed #207D78;
  width: 60px;
  height: 60px;
  text-align: center;
  color: #EC1C24;
  font-size: 40px;
  font-family: 'Lato', sans-serif !important;
  font-weight: 700;
  margin: 0 5px;
}



/*--- site_visit_wrap style ---*/

.download_wrap {
  padding: 0;
}

.download_col {
  padding: 20px 40px 0;
  background: #1B9292;
}

.download_col .title {
  margin-bottom: 20px !important;
}

.gPlay_logo {
  position: absolute;
  top: 25px;
  right: 100px;
  text-align: center;
}

.gPlay_logo:hover {
  text-decoration: none;
}

.gPlay_logo span {
  display: block;
  font-size: 18px;
  color: #0D3B23;
  font-family: 'Lato', sans-serif;
  background: #B8D432;
  padding: 5px 15px;
  border-radius: 10px;
  margin-top: -5px;
}

.gPlay_logo span::before {
  position: absolute;
  left: -25px;
  bottom: 0;
  content: "";
  background: url(../images/angle-arrow.png) no-repeat left bottom / 34px auto;
  height: 35px;
  width: 35px;
}

.information_col {
  padding: 20px 40px;
  background: #52AA98;
}

.information_col .title,
.download_col .title {
  font-size: 30px;
  font-weight: bold;
  color: #ffffff;
  margin: 0 0 10px;
}

.information_col ul {
  margin: 0 0 10px;
  padding: 0;
}

.information_col li {
  list-style: none;
  background: url(../images/list-style.png) no-repeat left top 9px / 15px auto;
  font-size: 21px;
  font-weight: bold;
  color: #063928;
  padding-left: 26px;
  margin: 5px 0;
}

.information_col li a {
  color: #063928;
}




/*--- footer_menu_wrap style ---*/

.footer_menu_wrap {
  padding: 35px;
}

.footer_menu,
.social_menu {
  margin: 0;
  padding: 0;
}

.footer_menu li,
.social_menu li {
  list-style: none;
  display: inline-block;
}

.footer_menu li a {
  color: #000000;
  font-size: 18px;
  font-weight: bold;
  border-right: 1px solid #000;
  padding:0 15px;
}

.footer_menu li:last-child a {
  border: none;
}

.footer_menu li a:hover,
.footer_menu li a:focus {
  color: #1E5128;
  text-decoration: none;
}

.social_menu li a {
  background: #2CA1A9;
  height: 34px;
  width: 34px;
  display: block;
  line-height: 32px;
  text-align: center;
  margin: 0 4px;
}

.social_menu li a:hover,
.social_menu li a:focus {
  background: #1D696B;
  text-decoration: none;
}


/*--- client logo style ---*/

.client_footer_wrap {
    padding: 0 0 20px;
    margin-top: 0;
}

.client_footer_wrap .client_logo {
  max-width: 140px;
  margin: 0 auto;
  transition: all 0.5s;
}

.client_footer_wrap .client_logo:hover {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}



/*--- Footer style ---*/

.rti_footer {
  background: #0D3A2E;
  padding: 14px;
}

.copyright_text {
  color: #ffffff;
  font-family: 'Lato', sans-serif;
  font-size: 14px;
  margin-bottom: 20px;
}





/*--- breadcrumb_wrap style ---*/

.breadcrumb_wrap {
  background: #ffffff;
  padding: 0px;
  border-bottom: 6px solid #E9F5F1;
}

.breadcrumb_content {
  background: #0DAA6D;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding:0 20px;
}

.breadcrumb_left {
  /*padding-top: 12px;
  padding-bottom: 12px;*/
}

.breadcrumb_left span {
  color: #ffffff;
  font-size: 32px;
  font-weight: normal;
}

.breadcrumb_left .home_icon {
  display: inline-flex;
  margin-right: 10px;
}

.breadcrumb_left .home_icon img {
  max-width: 24px;
  margin: 0 auto;
}

.breadcrumb_right ul,
.breadcrumb_left ul {
  padding: 0;
  margin: 0;
  -ms-flex-direction: row;
  flex-direction: row;
}

.breadcrumb_right ul li {
  border-right: 2px solid #fff;
  padding:15px 20px;
}

.breadcrumb_right ul li:last-child {
  padding-right: 0;
  border: none;
}

.breadcrumb_right li .user_img {
  background: #E1F2F6;
  display: block;
  height: 40px;
  width: 40px;
  border-radius: 30px;
  text-align: center;
  line-height: 32px;
}

.breadcrumb_right li a {
  color: #ffffff;
  font-size: 18px;
  display: inline-flex;
}

.breadcrumb_right li a span {
  margin:8px 0 0 15px;
}




/*--- dataGraph_wrap style ---*/
.dataGraph_wrap {
  background: #ffffff;
  padding: 5px 15px;
  border-bottom: 3px solid #E9F5F1;
  position: relative;
}

.dataGraph_wrap .btn.btn_print {
    position: absolute;
    right: 15px;
    top: 10px;
    z-index: 100;
}

.dataGraph_search {
  /*margin:10px 0 30px;*/
}

.dataGraph_search .form-group {
  max-width: 800px;
  margin: 0 auto;
  position: relative;
}

.dataGraph_search .form-group input {
  background: #ffffff;
  border: 1px solid #1A8483;
  padding: 5px 10px;
}

.dataGraph_search .form-group input:focus {
  border-color: #1A8483;
  box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);
}

.dataGraph_search .search_img {
  padding: 0;
}

.dataGraph_search .search_img img {
  max-width: 24px;
  margin: 6px 0 0;
  opacity: 1;
  transition: all 0.5;
}

.dataGraph_search .search_img a:hover img {
  opacity: 0.7;
}

.calendar_link {
  position: absolute;
  right: 0;
  top: 0;
}

.calendar_link img {
  max-width: 40px;
  opacity: 1;
}

.calendar_link:hover img {
  opacity: 0.7;
}

.dataGraph_menu {
  margin-bottom: 30px;
}

.dataGraph_menu ul {
  background: #F3F9FA;
  -webkit-box-shadow: 4px 2px 6px 0px rgba(158,158,158,0.68);
  box-shadow: 4px 2px 6px 0px rgba(158,158,158,0.68);
  max-width: 190px;
  border-left: 5px solid #0DAA6D;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  transition: all 0.5s;
}

.dataGraph_menu ul li {
  font-size: 18px;
  border-bottom: 2px dotted #0DAA6D;
  padding: 8px 4px;
  text-align: center;
}

.dataGraph_menu ul li:last-child {
  border-bottom: none;
}

.dataGraph_menu ul li a {
  color: #005C57;
  display: block;
}

.dataGraph_menu ul li a:hover {
  color: #0DAA6D;
  text-decoration: none;
}

.rightExpand_dropdown.show .dropdown-toggle::after {
  transform: rotate(180deg);
}

.dropdown.rightExpand_dropdown .dropdown-menu {
  top: -20px !important;
  left: 180px !important;
  border-radius: 5px;
  border-color: #76A49C;
  background: #F3F9FA;
  min-width: 180px;
}

.dropdown.rightExpand_dropdown .dropdown-menu .dropdown-item {
  font-size: 18px;
  padding: 8px;
  text-align: center;
}

.dataGraph_menu.sticky_menu ul li .dropdown-item {
  color: #005C57;
}

.dropdown.rightExpand_dropdown .dropdown-menu .dropdown-item:hover,
.dropdown.rightExpand_dropdown .dropdown-menu .dropdown-item.active {
  background: #E1F2F6;
  color: #1A8483;
}

.dataGraph_content {
    padding: 0;
    /*height: 250px;*/
}


/*--- Sticky menu ---*/
.dataGraph_menu.sticky_menu .navbar-nav {
  background: #0DAA6D;
  position: sticky;
  top: 0;
  width: 220px;
  border-radius: 0;  
  z-index: 10;
}

.dataGraph_menu.sticky_menu ul li {
  border-color: #026b42;
}

.dataGraph_menu.sticky_menu ul li a {
  color: #fff;
}

.dataGraph_menu.sticky_menu ul li a:hover {
  color: #00492d;
}


/*--- autr_list_wrap style ---*/
.autr_list_wrap {
    background: #1B9292;
    border-radius: 6px;
    padding: 0;
    max-width: 1014px;
    margin: 0 auto;
    width: 100%;
}

.autr_list_wrap .col_list {
    padding: 12px 25px;
    border-right: 2px solid #fff;
}

.autr_list_wrap .col_list:last-child {
    border-right: none;
}

.autr_list_wrap .text_title {
    color: #fff;
    font-size: 22px;
    text-align: center;
}

.autr_list_wrap .text_title span {
    font-size: 26px;
    font-weight: 600;
    display: block;
}


/*--- dataCard_wrap style ---*/
.dataCard_wrap {
  background: #ffffff;
  padding: 30px 15px;
  border-bottom: 6px solid #E9F5F1;
}

.dataCard_inner {
  max-width: 790px;
  margin: 0 auto;
}

.dataCard_inner .card_row {
  background: #E1F2F6;
  margin-bottom: 6px;
}

.dataCard_item {
  padding: 10px;
}

.dataCard_item .card {
  border: none;
  border-radius: 5px;
  background: #fff;
  text-decoration: none;
  transition: all 0.5s;
}

.dataCard_item:hover .card {
  text-decoration: none;
  background: #F3F9FA;
  box-shadow: 0px 0px 10px 0px rgba(158,158,158,0.85);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(158,158,158,0.85);
  -moz-box-shadow: 0px 0px 10px 0px rgba(158,158,158,0.85);
}

.dataCard_item .card-title {
  background: #2CA1A9;
  font-size: 14px;
  line-height: 18px;
  color: #ffffff;
  margin: 0;
  padding: 10px 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.dataCard_item .card-body {
  padding: 10px;
  min-height: 65px;
}

.dataCard_item .card-body .date_text {
  color: #2CA1A9;
  font-size: 18px;
  margin-top: 6px;
}

.dataCard_item .card-body .num_text {
  color: #2CA1A9;
  font-size: 30px;
}

.dataCard_item .card-body .small_text {
  color: #2CA1A9;
  font-size: 14px;
  line-height: 16px;
  margin-top: 5px;
}

.dataCard_item .card-body .progress {
  max-width: 90px;
  margin: 14px auto;
  border-radius: 0;
  border:1px solid #2CA1A9;
}

.dataCard_item .card-body .progress .progress-bar {
 background: #2CA1A9;
}

.dataCard_item.card_green .card-body .date_text,
.dataCard_item.card_green .card-body .num_text,
.dataCard_item.card_green .card-body .small_text {
  color: #16AC58;
}

.dataCard_item.card_green .card-title,
.dataCard_item.card_green .card-body .progress .progress-bar {
  background: #16AC58;
}

.dataCard_item.card_green .card-body .progress {
  border-color: #16AC58;
}

.pagination_wrap .pagination,
.pagination {
  max-width: 400px;
  margin: 20px auto 0;

}

.pagination_wrap .page-item .page-link,
.pagination li span,
.pagination li a {
  font-size: 18px;
  color: #000000;
  border: none;
  border-right: 2px solid #fff;
  background: #d2d2d2;
  padding:2px 15px;
  display: block;
  height: 36px;
  line-height: 36px;
}

.pagination_wrap .page-item.active .page-link,
.pagination_wrap .page-item .page-link:hover,
.pagination li span:hover,
.pagination li.active span,
.pagination li a:hover,
.pagination li.active a{
  color: #fff;
  background: #3AB14A;
}

.pagination_wrap .page-item.prev .page-link,
.pagination_wrap .page-item.next .page-link  {
  font-size: 28px;
  line-height: 22px;
  color: #309F8C;
  margin-top: 0px;
  padding: 0 2px;
}

.pagination_wrap .page-item.prev .page-link i,
.pagination_wrap .page-item.next .page-link i {
  line-height: 20px;
  margin-top: 3px;
}

.pagination_wrap .page-item.prev.disabled .page-link,
.pagination_wrap .page-item.next.disabled .page-link {
  color: #E1F2F6;
}


.pagination_wrap .page-item:last-child .page-link,
.pagination_wrap .page-item.prev .page-link,
.pagination_wrap .page-item:nth-child(4) .page-link  {
  border-right:none;
}



/*--- instruction_wrap style ---*/

.instruction_tab_head {
  background: #E1F2F6;
  padding: 30px 40px;
  border-bottom: none;
}

.instruction_tab_head .nav-item {
  font-size: 24px;
  line-height: 30px;
  color: #231F20;
  border-bottom: 4px solid #ACDAC0;
  margin: 0 5px;
  padding: 20px 5px;
  transition: all 0.5s;
}

.instruction_tab_head .nav-item > span {
  color: #0DAA6D;
  border: 3px solid #0DAA6D;
  padding: 5px 10px;
  border-radius: 6px;
  margin-right: 10px;
  transition: all 0.5s;
}

.instruction_tab_head .nav-item:hover,
.instruction_tab_head .nav-item.active {
  text-decoration: none;
  color: #35805B;
  border-color:#35805B;
}

.instruction_tab_head .nav-item.active span,
.instruction_tab_head .nav-item:hover span {
  color: #ffffff;
  background:#35805B;
  border-color:#35805B;
}

.instruction_tab_content {
  background: #ffffff;
  padding: 50px 40px;
}

.apply_roles_inst .text {
  font-size: 18px;
  line-height: 24px;
  color: #1A8483;
  margin: 20px 0 0;
}

.apply_roles_inst .video_cont img {
  max-width: 240px;
  margin: 0 auto;
  display: block;
}

.apply_roles {
  padding:30px 20px;
}

.apply_roles .title {
  color: #35805B;
  font-size: 30px;
  margin:0 0 20px 0;
}

.apply_roles ol {
  padding: 0 40px;
  margin: 0;
}

.apply_roles ol li {
  color: #1A8483;
  font-size: 20px;
  margin: 0;
  border-bottom: 2px dashed #1A8483;
  padding: 15px 0;
  list-style: none;
  display: flex;
}

.apply_roles ol li:last-child {
  border: none;
}

.apply_roles ol li > span {
  padding-left: 20px;
}

.next_tab_btn {
  margin: 0;
  padding: 20px 72px;
}

.next_tab_btn a {
  display: inline-block;
  background: #ffffff;
  border: 2px solid #3DB249;
  color: #F05B54;
  font-size: 24px;
  padding: 10px 15px;
  line-height: 20px;
  transition: all 0.5s;
  -webkit-box-shadow: 3px 3px 0px 0px rgba(158,158,158,0.8); 
  box-shadow: 3px 3px 0px 0px rgba(158,158,158,0.8);
}

.next_tab_btn a i {
  color: #3DB249;
  margin-left: 10px;
  transition: all 0.5s;
}

.next_tab_btn a:hover,
.next_tab_btn a:focus {
  color: #ffffff;
  text-decoration: none;
  background: #3DB249;
  box-shadow: none;
}

.next_tab_btn a:hover i,
.next_tab_btn a:focus i {
  color: #ffffff;
}


/*--- Update css 22-07-2019 ---*/

.preview_table tr td {
  padding-left: 0px;
  padding-right: 0px;
  border: none;
}

.table.custMarg {
  margin: 0;
}

.form_tableList tr td {
  padding: 2px 0;
}

.form_tableList tr td:first-child {
  width: 50px;
}

.form_bodyWrap tr td {
  padding: 5px 0;
  width: 50%;
}

.preview_table .extra_row td {
  padding: 25px 0;
}

.preview_table .sign {
  border-top: 2px solid #000;
  padding: 5px;
  margin-right: 10px;
}

.next_tab_btn.edit_btn {
  padding-right: 10px;
}



/*--- Citizen page style ---*/

.citizen_content_wrap {
  padding: 0;
}

.ctzn_tab_row {
  margin-left: -10px;
  margin-right: -10px;
}

.ctzn_tab_row .list_style {
  padding: 0;
  margin: 0;
  text-align: right;
}

.ctzn_tab_row .list_style li {
  list-style: none;
  display: inline-block;
}

.ctzn_tab_row .list_style li a {
  background: #005C57;
  padding: 10px 15px;
  text-align: center;
  color: #ffffff;
  transition: all 0.5s;
  text-decoration: none;
  border-radius: 30px;
  display: inline-block;
  margin: 0 0 0 5px;
  font-size: 16px;
  font-weight: bold;
}

.ctzn_tab_row .list_style li a:hover,
.ctzn_tab_row .list_style li a:focus,
.ctzn_tab_row .list_style li a.active {
  background: #3AB14A;
  color: #ffffff;
}

.ctzn_body_wrap {
  margin-left: -10px;
  margin-right: -10px;
}

.ctzn_body_wrap .title {
  background: #0DAA6D;
  padding: 15px 20px 12px;
  font-size: 20px;
  font-weight: 700;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  color: #ffffff;
  margin: 0;
}

.ctzn_body_cont {
  border: 1px solid #E1F2F6;
  padding: 4px 10px;
  background: #E1F2F6;
  min-height: 320px;
}

.ctzn_item_num {
  /*background: #3AB14A;*/
  background: #0DAA6D;
  border-radius: 15px;
  margin: 5px;
  /*padding: 10px;*/
  transition: all 0.5s;
}

.ctzn_item_num:hover {
  background: #278f35;
  /*background: #0DAA6D;*/
}

.ctzn_item_num p {
  min-height: 30px;
  font-size: 16px;
  color: #0D3A2E;
  margin-top: 10px;
  font-weight: 700;
}

.ctzn_item_num h2 {
  font-size: 32px;
  font-weight: bold;
  color: #fff;
  margin-bottom: 10px;
}

.ctzn_apply_item {
  border-bottom: 3px solid #0DAA6D;
  margin: 5px -10px;
  background: #fff;
  padding: 15px;
  position: relative;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.ctzn_apply_item .date_time {
  color: #005d5c;
  margin: 0 0 10px;
  font-size: 16px;
  font-weight: 700;
}

.ctzn_apply_item .tracking_id {
  color: #0D3A2E;
  margin: 0 0 10px;
  font-size: 28px;
  font-weight: 700;
}

.ctzn_apply_item .citizen_info {
  color: #1E5128;
  margin: 0 0 20px;
  font-size: 16px;
  font-weight: 700;
}

.ctzn_apply_item .ctzn_comment {
  color: #000;
  margin: 0 0 20px;
  font-size: 16px;
}

.details_btn {
  display: inline-block;
  text-decoration: none;
  padding: 10px 20px;
  border-radius: 30px;
  font-size: 15px;
  transition: all 0.5s;
  background: #1E5128;
  color: #fff;
}

.details_btn:hover,
.details_btn:focus {
  text-decoration: none;
  background: #3AB14A;
  color: #1E5128;
}

.ctzn_under_officer {
  position: absolute;
  top: 15px;
  right: 20px;
  font-size: 16px;
  font-weight: bold;
  color: #17a62b;
  text-decoration: underline;
}

.ctzn_under_officer:hover,
.ctzn_under_officer:focus {
  color: #1E5128;
}

.spec_date {
  color: #1E5128;
  font-size: 14px;
  margin-left: 10px;
}

.spec_date:hover,
.spec_date:focus {
  color: #3AB14A;
}

.pagination {
  margin: 10px 0 15px;
  padding-left: 15px;
}
.pagination .page-link {
  color: #3AB14A;
  transition: all 0.5s;
}
.pagination .page-item .page-link:hover,
.pagination .page-item .page-link:focus,
.pagination .page-item.active .page-link {
  color: #fff;
  background-color: #3AB14A;
  border-color: #3AB14A;
}

.print_prev_dropdown {
  position: absolute;
  top: 8px;
  right: 23px;
}

.print_prev_dropdown .btn {
  background: #063928;
  color: #fff;
  font-size: 12px;
}

.print_prev_dropdown .dropdown-menu {
  margin-top: 0;
}

.print_prev_dropdown .dropdown-item {
  padding: 7px 10px;
  color: #063928;
  font-size: 14px;
  background: transparent;
}

.print_prev_dropdown .dropdown-item:hover {
  color: #3AB14A;
}

.ctzn_apply_item.details {
  background: transparent;
  border: none;
  margin: 0 -15px;
  padding: 0;
}

.ctzn_apply_item.details .date_time {
  margin: 0 0 5px;
}

.ctzn_reply_card {
  margin: 30px -15px;
}

.ctzn_reply_card .subtitle {
  font-size: 18px;
  font-weight: bold;
  color: #ffffff;
  margin: 0;
  padding: 10px;  
  background: #3AB14A;
}

.ctzn_reply_card .reply_btn {
  background: #063928;
  display: inline-block;
  padding: 7px 20px;
  color: #fff;
  font-size: 14px;
  text-align: center;
  border: none;
  border-radius: 25px;
  margin-top: -5px;
  margin-right: 8px;
  float:right;
  transition: all 0.5s;
}

.ctzn_reply_card .cancel_btn {
    background: #FFA500;
    display: inline-block;
    padding: 7px 20px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    border: none;
    border-radius: 25px;
    margin-top: -5px;
    float: right;
    transition: all 0.5s;
}

.ctzn_reply_card .reply_btn:hover {
  background: #ffffff;
  color: #063928;
  text-decoration: none;
}
.ctzn_reply_card .cancel_btn:hover {
    background: #ffffff;
    color: #FFA500;
    text-decoration: none;
}

.ctzn_comment_wrap {
  padding: 10px 15px;
  border-bottom: 2px solid #0DAA6D;
  background: #fff;
}

.ctzn_comment_wrap .date_time {
  color: #005d5c;
  margin: 0 0 5px;
  font-size: 16px;
  font-weight: 700;
}

.ctzn_comment_wrap .citizen_info {
  color: #029416;
  margin: 0 0 10px;
  font-size: 16px;
  font-weight: 700;
}

.ctzn_comment_wrap .ctzn_comment {
  color: #000;
  margin: 0 0 10px;
  font-size: 16px;
}

.alert-citizen-registration {
  color: black;
  background-color:#E6E6FA ;
  border-color: #4682B4; 
  text-align: center;
  font-size: 20px;
  border-left-width: 10px;
}

.alert-registration {
  color: black;
  background-color: #FFC0CB;
  border-color: #FF0000; 
  text-align: center;
  font-size: 18px;
  border-left-width: 10px;
}

.dataTables_wrapper table.dataTable.stripe tbody tr.odd,
.dataTables_wrapper table.dataTable.display tbody tr.odd,
.dataTables_wrapper table.dataTable.display tbody tr.odd .sorting_1 {
    background-color: #DBF1F6;
}


/*.dataTables_wrapper table.dataTable.display tbody tr td:last-child{*/
    /*background-color: white;*/
/*}*/
.dataTables_wrapper table.dataTable.display tbody tr.even .sorting_1{
    background-color: white;
}

/*--- Update css 10-21-2019---*/
.ctzn_tab_row .inner_cont {
    background: #E1F2F6;
    padding: 10px 0;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom: 1px solid #b1bcc6;
}
.ctzn_tab_row .list_style {
    padding: 0;
    margin: 0;
    text-align: right;
}
.citizen_table_data {
    margin: 20px 5px;
}
.citizen_table_data .table {
    background: #fff;
    margin: 0;
}
.citizen_table_data .table tr th, .citizen_table_data .table tr td {
    font-size: 85%;
}
.citizen_table_data .table tr:hover td {
    background: #8fcfb6;
}
.ctzn_item_num:hover p {
    color: #fff;
}
.instruction_wrap .card-header {
    margin-bottom: 12px;
    padding: 5px;
    border-radius: 0 !important;
    background-color: #3AB14A !important;
}

.instruction_wrap .nav .nav-link.active {
    color: #000;
}

.instruction_wrap .nav .nav-link {
    color: #04695C;
}

.margin-left-30px {
    margin-left: 30px;
}

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

.padding-left-60px {
    padding-left: 60px;
}

.padding-right-10px {
    padding-right: 10px;
}

.display-none {
    display: none;
}

.text-align-right {
    text-align: right;
}

.text-align-center {
    text-align: center;
}

.background-E1F2C8 {
    background: #E1F2C8;
}

.background-20c997 {
    background: #20c997;
}

.top-nav-notif-count {
    position: absolute;
    top: 50%;
    left: 40%;
    margin-top: -20px;
    margin-left: 0;
}

.width-45px {
    width: 45px;
}

.top-notif-list-item {
    width: 210px;
    /*word-break: break-all;*/
    word-wrap: break-word;
    white-space: pre-wrap;
}

#notificationMenuDropdownList {
    left: -85px;
}

.top-5px {
    top: 5px;
}

.right-10px {
    right: 10px;
}

.gj-datepicker-bootstrap [role=right-icon] button {
    height: 100%;
}

ul.pagination li.disabled span, ul.pagination li.active span {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
}

.max-width-8-percent {
    max-width: 8%;
}

.font-size-28 {
    font-size: 28px;
}

.margin-top-3px, .dataGraph_search .form-group.margin-top-3px {
    margin-top: 3px;
}

.margin-top-10px {
    margin-top: 10px;
}