/* top bar */
.color-mode-btn img {
    width: 24px;
    margin-bottom: 0px;
}
.color-mode-btn {
    padding: 0px;
    border: 0;
    background: none;
}
#topbar-bg{position:relative !important;z-index:9999;background-color: #3d2e81;padding: 0rem 1.5rem;}
#topbar{
  background-size:cover;
  width:auto;
  
  }
.input-group
{
  position: relative;
  display: contents;
  -webkit-box-align: initial;
  width: 100%;
}
#chcp_font_size button {
  border: none;
   background-color:transparent;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding:3px 10px;
  margin:0px;
  color: aliceblue;
  letter-spacing: 0;
  font-weight: normal;
}
#chcp_font_size button:hover{
  color:#FF5100;
}
#decreaseFont {
  font-size:12px;
}
#resetFont {
  font-size:14px;
}
#increaseFont {
  font-size:12px;
}
.topbar-border
{
  border-left: 1px solid rgb(255, 255, 255);
                  height: 500px;margin-right: 10px
}
.national_emblem {height:75px;}
.header-logo {
  display: flex;
  flex-direction: row;
}
.logo-width{width: 85px;}
.text-purple {
  color: #3d2e81;
  font-weight: bold !important;
}
    .heading p{
      font-weight: 900;
        color: #fff;
        font-size: 1.4rem;
        font-family: sans-serif;
    } 
    .main-search-box {
    position:absolute;
    display: inherit;
    transform:translate(-90%, -6%);
    background: #2f364038;
    border-radius:40px;
    padding:3px;
    box-shadow:0px 0px 10px 0px rbg(0,0,0,0.2);
    z-index:1;
}
.main-search-box:hover
{
  background: antiquewhite;
  transform:translate(-90%, -6%);
}
.main-search-box button{
  width: 20px;
  height:20px ;
  border-radius: 50%;
  border:none;
  color:#ffffff;
  font-size: 10px;
  padding: 0px;
  margin-bottom: 0px;
}
.search-btn {
    border:none;
    /* background:crimson; */
    background: #2f364038;
    border-radius:50%;
    float:right;
    display:flex;
    width:30px;
    height:30px;
    justify-content:center;
    align-items:center;
    outline:none;
    transition:0.6s;
    font-weight:bold;
    color:#FFFFFF;
    /* box-shadow:0px 0px 10px 0px crimson; */
}

.search-txt {
    background:none;
    border:none;
    outline:none;
    /* float:left; */
    padding:0px;
    font-size:12px;
    transition:0.6s;
    color:#000000;
    font-weight:bold;
    /* line-height:30px; */
    width:0px;
}

.main-search-box:hover > .search-txt {
    width:240px;
    padding:0 6px;
}

.main-search-box:hover > .search-btn {
    background:crimson;
    color:#FFFFFF;
    box-shadow:0px 5px 20px 0px crimson;
}
/*nav css*/

.ip_bg
{
    background: linear-gradient(to right, #ffffff, #1333422e, #ffffff);
}
.custom-innersection
{
/* margin: 6px; */
margin-left: 15px;margin-right: 15px;
}
.innerpage-heading
{
  font-weight: 600;
    border-bottom: 3px solid #d3cfc9;
    margin: 0px 10px 0px 10px;
    color: #fff;
    font-size: 21px;
    padding: 0px 5px 2px 5px;
    text-align: center;
/*    text-shadow: 0 13.36px 8.896px #2c482e, 0 -2px 1px #ffffff;*/
    text-shadow: 0 2.36px 8.896px #d3e2d4, 0 -2px 1px #ddcfcf;
    color: #240f0f;
}
/* .navbar-brand em{display: flex;flex-direction: column;} */
.innerpage-sub-heading {
    font-weight: 600;
    border-bottom: 3px solid #d3cfc9;
    margin-bottom: 20px;
    font-size: 100%;
    margin: 10px;
    color: #000000;
}
.innerpage-section {
    width: 100%;
    float: left;
    background: #fff;
    /* margin-top: 31px; */
    border-radius: 10px;
    margin-bottom: 31px;
/*    overflow: hidden;*/
    box-sizing: inherit;
    /* box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; */
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
.innerpage-content
{
    /* padding: 4px;
    margin: 20px; */
}
.custom-submenu
{
    border-radius: 10px;
}
.date-style
{
    color:#1899d5;
    font-weight:600;
}
.breadcrumbs-row{
  display: flex;justify-content: end;
}
.breadcrumbs-div{
  margin-top: 16px;
  margin-right: 10px;
}
.breadcrumbs
{
    display: flex;
    font-size: 15px;
    text-transform: capitalize;
    font-family: inherit;
    align-items: center;
    margin-bottom: 10px;
    justify-content: space-between;
}
.breadcrumbs img
{
width: 20px;
margin-top: 0;
margin:0;
}
.breadcrumbs-back{
  display: inline-block;
  width: 30px;
  height: 30px; 
  background-image: url('https://www.tn.gov.in/sites/default/back_arrow.png');
  background-size: cover;
  background-position: center;
}
.breadcrumbs-home{
  display: inline-block;
  width: 30px; 
  height: 30px; 
  background-image: url('https://www.tn.gov.in/sites/default/home.png');
  background-size: cover;
  background-position: center;
}



.innerpage-content .container
{
padding-left: 15px;
    padding-right: 15px;
}

/*pagination css start*/
#dataTable_wrapper #dataTable_length>label
{
  display: flex;
  align-items: center;
}
#dataTable_wrapper #dataTable_length>label>select
{
  width: 90px;
  margin-left: 15px;
  margin-right: 15px;
}
#dataTable_wrapper #dataTable_filter>label
{
  display: flex;
  align-items: center;
}
#dataTable_wrapper #dataTable_filter>label>input
{
  margin-left: 30px;
  margin-top: -2px;
}
.pagin input[type="button"] {
  transition: all .3s;
    border: 1px solid #ddd;
    padding: 4px 6px;
    text-decoration: none;
    border-radius: 5px;
  font-size: 15px;
}

.pagin input[type="button"]:not(.active) {
  background-color:transparent;
}

.pagin .active {
  background-color: #516beb;
  color :#fff;
}

.pagin input[type="button"]:hover:not(.active) {
  background-color: #ddd;
}
.table th.header_tbl
{
 /* background: #ed1c40 !important;*/
  background: #516BEB !important;
  color: #fff;
  border: none;
}
/*pagination css end*/
.min_H{
min-height: 60vh;
}

/* contact_profile */
.contact_profile_card img{
  display:block;
  margin-left: auto;
  margin-right: auto;
  height: 63%;
  width: 50%;
  margin-top: 15px;
}
.contact_profile_card h5 {
 font-weight: 400;
}

.contact_profile {
    display: flex;
    justify-content: center;
    align-items: center;
     /* min-height: 70vh;  */
}

.contact_profile p {
    margin: 0px;
}

.contact_profile .container {
    /* margin: 50px auto; */
}

.contact_profile .contact_profile_card {
    width: 420px;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    /* padding: 10px 25px; */
    position: relative;
    /* box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; */
    box-shadow: rgb(0 0 0 / 35%) 0px 0px 0px;
    background-color: rgba(0,0,0, 0);
    flex-direction: column;

}
.governor_tab .contact_profile .contact_profile_card:hover
{
box-shadow: -0.1rem 1.7rem 6.6rem -3.2rem rgb(0 0 0 / 75%);
    width: 30rem;
}
.contact_profile .contact_profile_card > a .fas.fa-arrow-right {
    position: absolute;
    bottom: -100px;
    background-color: #dadada;
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #282a2c;
    opacity: 0;
    /* transform: translateY(50%); */
    transform: translateX(-23px);
    transition: all 0.5s ease;
}

.contact_profile .contact_profile_card:hover > a .fas.fa-arrow-right {
    bottom: 0px;
    opacity: 1;
}

.contact_profile .contact_profile_card .fab.fa-envira,
.contact_profile .fas.fa-cut,
.contact_profile .fas.fa-people-carry {
    font-size: 40px;
    background-color: #0000000d;
    height: 100px;
    width: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #4e9525;
}

.contact_profile .contact_profile_card .h4 {
    font-weight: 700;
}
.contact_profile .contact_profile_card p
{
  font-weight: 600;
  cursor: pointer;
  font-size: 12px;
}
.contact_profile .contact_profile_card .h3
{
  font-weight: 600;
  cursor: pointer;
  font-size:15px;
}
.contact_profile .container .content {
    max-width: 300px;
}

.contact_profile .container .content .h-6 {
    color: #4e9525;
    font-weight: 600;
}

.contact_profile .container .content .btn.btn-primary {
    padding: 15px;
    background-color: #4e9525;
    color: white;
    border-radius: 0px;
    border: none;
    box-shadow: none;
}

.contact_profile .contact_profile_card:hover .fab.fa-envira,
.contact_profile .contact_profile_card:hover .fas.fa-cut,
.contact_profile .contact_profile_card:hover .fas.fa-people-carry {
    color: gold;
    background-color: #4e9525;
}

@media (max-width:990px) {
    .contact_profile .container .content {
        max-width: 100%;
    }
}

@media (max-width:500px) {
    /* .contact_profile {
        padding: 25px;
    } */

    .contact_profile .contact_profile_card {
        width: 100%;
    }

    .contact_profile .content {
        padding: 25px;
    }
}
.contact_profile .me-md-4 {
    /* margin-right: 4.5rem!important; */
}
.governor_tab
{
  padding-left: 50px;
    padding-right: 50px;
}
.governor_tab div.contact_details {
    display: none;
}

.governor_tab div.contact_details:target {
    display: block;
  
}
.contact_profile_data .contact_profile_card {
    border-radius: 10px;
    
}

.contact_profile_data .contact_profile_card .contact_profile_card-header .profile_img {
    width: 150px;
    height: 150px;
    object-fit: cover;
    margin: 10px auto;
    border: 10px solid #ccc;
    border-radius: 50%;
}

.contact_profile_data .contact_profile_card h3 {
    font-size: 15px;
    font-weight: 800;
}

.contact_profile_data .contact_profile_card p {
    font-size: 13px;
    color: #000;
    font-family: inherit;
    font-weight: 400;
    padding-left: 12px;
}
.contact_profile_data .contact_profile_card-body
{
    padding: 0.75rem 7.25rem;
}
.contact_profile_card .card-body
{
  min-height: auto;
}
.contact_profile_data .table th,
.contact_profile_data .table td {
    font-size: 14px;
    padding: 5px 10px;
    color: #000;
}

.contact_profile_data .table-bordered, .table-bordered th, .table-bordered td
{
    border: 0px;
}
.whatsnew .table-bordered th,.whatsnew .table-bordered td{
    border: 1px solid #dee2e6;
}
.contact_profile_data .table th
{
    background-color: #4ca2cd;
}
.Scriptcontent{
  line-height:28px; 
}
.ScriptHeader h1{
  /* font-family: "brandon-grotesque", "Brandon Grotesque", "Source Sans Pro", "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif; */
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
    color: #6a4aed;
    font-size: 26px;
    font-weight: 700;
    margin: 0;
    line-height: normal;

}
.ScriptHeader h2 {
    color: #312c8f;
    font-size: 20px;
    font-weight: 400;
    margin: 5px 0 0;
    line-height: normal;

}
.ScriptHeader h1 span {
    display: block;
    padding: 0;
    font-size: 22px;
    opacity: 0.7;
    margin-top: 5px;

}
.ScriptHeader span {
    display: block;
    padding: 0;
    font-size: 22px;
    opacity: 0.7;
    margin-top: 5px;
}
.title-design
{
    box-sizing: border-box;
}
.title-design {
    position: relative;
    width: 300px;
    height: 41px;
    margin-bottom: 20px;
    margin-left: 10px;
    border-bottom: solid 2px #ddd;
}
.title-design p{
  display: block;
    padding: 5px;
    font-size: 25px;
    width: fit-content;
    border-bottom: solid 2px;
    border-bottom-color: #1899d5;
}
.title-design-style::after{
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #009688;
    bottom: -8px;
}
.contact_profile_data .contact_profile_card .title-design-style p
{
  font-family: inherit;
  font-weight: 600;
  font-size: 15px;
}


/* department profile */
.dept_prof {
  padding-right: 180px;
  padding-left: 180px;
}
.dept_prof_title{color: #a01300;
  font-weight: bold;    font-size: 18px;text-align: center;
}
.dept_profile p {margin-bottom:0px;}
.dept_prof_sub_title{
 	display:block;
  background-color: #81D4FA;
  padding: 5px;
  color: #BA1803;
  font-weight: bold;
  margin: 10px 0 10px 0;
}
/*act*/
.search_flex{flex-wrap: wrap;gap:15px;}

.act_ord .dep_dropdwn, .act_search table tr td, .act_search select {
    color: #555;
}
.act_search table th {
    border: 1px solid #D7DBDD;
}
 .act_ord th,.act_ord tr,.act_ord td {
  border: 2px solid #D7DBDD;
}
.act_ord .tdbg {
    width: 10%;
}
.act_ord .dept_title {
    color: #FF0000;
    font-weight: bold;
    font-size: 16px;
    text-align: left;
}
.act_ord .imgsize {
    width:30px;
    height:30px;
    cursor: pointer;
}
.act_ord .w90
{
width:90%;
}
.act_ord .date-box {
    border-radius: 5px;
    box-shadow: 0px 30px 40px -20px #beb8b8;
}
.act_ord .date-box-blue {
    width: 140px;
    border-top: 5px solid #143443;
    display: inline-block;
}
.act_ord .Calendar {
    margin-left: auto;
    margin-right: auto;
    width:100%;
    height: 100%;
    background-color: #ffffff;  
    border-radius: 8px;
    font-family: inherit;
    padding:3px;
}
.act_ord .Month {
    /* background-color: #7b8a8b; */
    background-color: #e74c3c;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 1px;
    border-radius: 8px 8px 0px 0px;
    /* margin-bottom: 0px; */
}

.act_ord .Day {
    background-color: #ffffff;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 1px;
    border-radius: 0px 0px 8px 8px;
    margin-top: 0px;
}
/*act*/

/*services*/
.service_det .dept_title,.scheme_det .dept_title {
    color: #FF0000;
    font-weight: bold;
}
.service_det table.table, .service_cate table.table, .service_cate_list table, .scheme_benef table, .scheme_details table.table {
    border: 2px solid #00A4BD;
  }
.service_search table tr td {
    color: #555;
}
.service_search table tr td:nth-child(1) {
    width: 70px;
}
/*services*/

/*scheme*/
.scheme_det .table {
    border: 2px solid #00A4BD;
  }
  /*scheme*/
/*help desk*/
.padbt20 {
  padding-bottom: 20px;
}
.content_minh{
  min-height: 100vh;
}
.help_desk .table-border
{
   border-bottom: 1.6px solid black;
}

.help_desk .table_style
{
  border: 1px solid black;
  width:100%;

}
.home_link
{
  margin-left:1000px;
}
.help_desk .table_style td {
  border-right: solid 1px black; 
  border-left: solid 1px black;
}
.help_desk .table_style th, .help_desk .table_style td {
  padding-right: 20px;
}
.help_desk .table_style td:nth-child(1) {
width: 100px;
background: #518afd;
}
.help_desk .table_style thead
{
background: #518afd;
}
.help_desk .table_style tr:hover {
background-color: #5ccbdd;
cursor: pointer;
}
.help_desk .table_style tr>td:hover
{
color: red;
}
/*help desk*/
/*grievances start*/
.grievances table td {
  border-top: 1px solid #f0f0f0;
}
.grievances table {
    border-collapse: initial;
    border: 1px solid #f0f0f0;
    border-bottom: 3px solid #00b38f;
}
.grievances table thead th {
     border: none; 
/*     background-color: #00b38f;*/
background: linear-gradient(to right, #02aab0 , #00cdac);
     color: #ffffff;
     font-size: 16px;
}
.grievances table tr:hover {
     background-color: #f0f0f0;
}
.grievances table tr:hover td a {
  color: #02aab0;
  font-weight: bold;
}
/*grievances end*/


/* district innerpage - horizontal tab css */
.district-img-slider img{
  width: 100%;
}
.district-map
  {
    display: flex;
    padding: 40px 0px;
    align-items: center;
    justify-content: center;
  }
.district-innerpage-content
{
    background-image: url(https://www.tn.gov.in/sites/default/bg-3.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 10px;
}
.dis-format-container {
  width: 100%;
  margin: 0 auto;
}
.dis-offer-block
{
padding:10px 0 10px;
}
.dis-offer_list {
-webkit-box-pack:center;
-webkit-justify-content:none;
display:-webkit-box;
}
.dis-offer_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-box;
  -webkit-box-pack: center;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}
.dis-offer_item
{
width:18.3%;
overflow: hidden;
box-sizing: border-box;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.dis-offer_item:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)):not(:nth-child(5)) {
  border-top: 1px solid #c1c1c1;
}
.dis-offer_item:not(:nth-child(5n)) {
  border-right: 1px solid #c1c1c1;
}
.dis-offer_item:nth-child(1) .dis-offer_hidden-item {
  /* background-color: #e45f0a; */
  background-color: #e45f0aab;
}
.dis-offer_item:nth-child(2) .dis-offer_hidden-item {
  /* background-color: #ff5daf; */
  background-color: #ff5dafad;
}
.dis-offer_item:nth-child(3) .dis-offer_hidden-item {
  /* background-color: #15c1c1; */
  background-color: #15c1c1ab;
}
.dis-offer_item:nth-child(4) .dis-offer_hidden-item {
  /* background-color: #008000; */
  background-color: #00800096;
}
.dis-offer_item:nth-child(5) .dis-offer_hidden-item {
  /* background-color: #8c7b00; */
  background-color:#8c7b009e;
}
.dis-offer_item:hover .dis-offer_visible-item {
  opacity: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}
.dis-offer_visible-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  width: 100%;
  padding: 35px 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: .4s .3s;
  -moz-transition: .4s .3s;
  -o-transition: .4s .3s;
  transition: .4s .3s;
}
.dis-offer_img {
  height: 64px;
  width: 64px;
  margin: 0 15px 0 0;
}
.dis-offer_title {
  font-size: 13px;
  font-weight:600;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.dis-offer_hidden-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 30px;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: rotate(180deg) scale(0);
  -moz-transform: rotate(180deg) scale(0);
  -ms-transform: rotate(180deg) scale(0);
  -o-transform: rotate(180deg) scale(0);
  transform: rotate(180deg) scale(0);
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}
.dis-offer_item:hover .dis-offer_hidden-item {
  opacity: 1;
  -webkit-transform: rotate(0deg) scale(1);
  -moz-transform: rotate(0deg) scale(1);
  -ms-transform: rotate(0deg) scale(1);
  -o-transform: rotate(0deg) scale(1);
  transform: rotate(0deg) scale(1);
  -webkit-transition-delay: .3s;
  -moz-transition-delay: .3s;
  -o-transition-delay: .3s;
  transition-delay: .3s;
}
.dis-offer_text {
  max-width: 100%;
  opacity: 0;
  font-size: 13px;
  color: #FFF;
  -webkit-transition: .3s .5s;
  -moz-transition: .3s .5s;
  -o-transition: .3s .5s;
  transition: .3s .5s;
}
.dis-offer_item:hover .dis-offer_text {
  opacity: 1;
}
.dis-offer_btn {
  display: block;
  padding: 10px 20px;
  border: 2px solid #FFF;
  position: absolute;
  top: 50%;
  left: 50%;
  white-space: nowrap;
  font-size: 25px;
  color: #FFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.dis-offer_btn:hover {
  border: 2px solid #0000d1;
  background-color: #FFF;
  text-decoration: none;
  color: #0000d1;
}

@media only screen and (max-width: 767px) {
  .dis-format-container {
    width: 96%;
  }

  .dis-offer_item {
    width: 100%;
    margin:  0 0 30px;
    border: 0 none !important;
    border-bottom: 1px solid #c1c1c1 !important;
  }
  .dis-offer_visible-item {
    padding: 0 20px 30px;

    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .dis-offer_item:hover .dis-offer_visible-item {
    opacity: 1;

    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
  .dis-offer_hidden-item {
    padding: 0 20px 20px;

    opacity: 1;

    position: static;

    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
  .dis-offer_item:nth-child(1) .dis-offer_hidden-item,
  .dis-offer_item:nth-child(2) .dis-offer_hidden-item,
  .dis-offer_item:nth-child(3) .dis-offer_hidden-item,
  .dis-offer_item:nth-child(4) .dis-offer_hidden-item,
  .dis-offer_item:nth-child(5) .dis-offer_hidden-item,
  .dis-offer_item:nth-child(6) .dis-offer_hidden-item {
    background-color: transparent;
  }
  .dis-offer_item:hover .dis-offer_text {
    opacity: 1;
  }
  .dis-offer_title {
    font-weight: bold;
  }
  .dis-offer_text {
    opacity: 1;

    font-size: 18px;
    color: #000;
  }
  .dis-offer_btn {
    border: 2px solid #0000d1;
    background-color: #000080;

    position: static;

    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}

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

}

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

}

@media (min-width: 768px) and (max-width: 979px) {
  .dis-format-container {
    width: 750px;
  }

}

@media (min-width: 980px) and (max-width: 1161px) {
  .dis-format-container {
    width: 960px;
  }

}
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.dis_tab {
  will-change: transform;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  background: #1a1a1a;
  transform: translateY(-100%);
  transition: all 0.45s cubic-bezier(0.23, 1, 0.32, 1);
}
.dis_tab--active {
  transform: translateY(0);
}
.dis_tab__list {
  display: flex;
}
.dis_tab__item {
  flex: 1;
  position: relative;
  transition: all 0.45s cubic-bezier(0.23, 1, 0.32, 1);
}
.dis_tab__item:hover {
  opacity: 0.75;
}
.dis_tab__thumb {
  display: block;
  height: 50px;
  background: #dc143c;
  transition: all 0.45s cubic-bezier(0.23, 1, 0.32, 1);
}
.dis_tab__thumb:before {
  content: attr(data-letter);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 70px;
  text-transform: uppercase;
  opacity: 0;
}
.dis_tab__label {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-transform: capitalize;
  letter-spacing: 1px;
  font-size:15px;
  color: #e6e6e6;
  margin: 0;
}
@media (max-width: 850px) {
  .dis_tab__label {
    font-size: 14px;
  }
}
@media (max-width: 720px) {
  .dis_tab__label {
    display: none;
  }
  .dis_tab__thumb {
    height: 60px;
  }
  .dis_tab__thumb:before {
    font-size: 24px;
    opacity: 0.7;
  }
}
.dis_page {
  height: 100vh;
  will-change: transform;
  perspective: 400px;
  overflow: hidden;
  transition: all 0.45s cubic-bezier(0.23, 1, 0.32, 1);
}
.dis_section {
  will-change: transform;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  height: 100vh;
  overflow-y:auto;
  display: flex;
  /* align-items: center;
  justify-content: center; */
  text-align: justify;
  background: #dadadaa8;
  transform: translateX(100%);
  transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);
}
.dis_section::-webkit-scrollbar {
  width: 5px;
  height: 8px;
}

.dis_section::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #e4e4e4;
  margin-left: 10px;
  margin-right: 10px;
}

.dis_section::-webkit-scrollbar-thumb {
  background: #95a5a6;
  border-radius: 10px;
  transition: 0.5s;
  height: 12px;
}
/* .dis_section--hidden {
  transform: translateX(-100%);
} */
.dis_section--active {
  transform: translateX(0) rotateY(0);
  z-index: 2;
}
.dis_section__wrapper {
  width: 100%;
  /* max-width: 800px; */
  padding: 0 8vw;
  position: relative;
}
.dis_section__title {
  /* margin: 0 0 25px 0;
  font-size: 48px;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 5px; */
  margin: 25px 0 25px 0;
  font-size: 15px;
  font-weight: bolder;
  text-transform: uppercase;
  letter-spacing: 5px;
}
.dis_section__title:before {
  /* content: '';
  position: absolute;
  top: 5rem;
  left: 45%;
  margin: auto;
  width: 10%;
  height: 2px;
  background: #fff; */
  content: '';
    position: absolute;
    top: 3rem;
    left: 45%;
    margin: auto;
    width: 10%;
    height: 2px;
    background: #7b8a8bb8;
}
@media (max-width: 720px) {
  .dis_section__title {
    font-size: 28px;
  }
  .dis_section__title:before {
    top: 3.25rem;
  }
}
.dis_section p {
  margin: 0 0 25px 0;
  font-family: inherit;
  font-size: 15px;
  color: #555;
  /* opacity: 0.55; */
  line-height: 35px;
  text-align: justify;
}
@media (max-width: 720px) {
  .dis_section p {
    font-size: 16px;
  }
}
.dis_section p:last-child {
  margin-bottom: 0;
}
 .dis-color1
{
  background:#dadadaa8;
} 
.dis-color2
{
  background:#dadadaa8;
} 
.dis-color3
{
  background:#dadadaa8;
} 
.dis-color4
{
  background:#dadadaa8;
} 
.color1 {
  background: #1b1f25;
}
.color2 {
  background: #e74c3c;
}
.color3 {
  background: #3498db;
}
.color4 {
  background: #9b59b6;
}
.color5 {
  background: #1bc885;
}
.color6 {
  background: #dfb816;
}
.dis_logo {
  position: fixed;
  top: 100px;
  right: 20px;
  z-index: 2;
}
@media (max-width: 720px) {
  .dis_logo {
    top: 110px;
    right: 50%;
    margin-right: -20px;
  }
}
.dis_logo img {
  width: 45px;
  transform: rotate(0);
  transition: all 0.45s cubic-bezier(0.23, 1, 0.32, 1);
}
.dis_logo img:hover {
  transform: rotate(180deg) scale(1.1);
}

.district_list .title_con p {
    margin-bottom: 0;
}
/* Tamilnadu Districts*/
.districts .table  { 
border-collapse: collapse;
width: 100px;
}

.districts tr:hover {
background-color: #FFFFE0;
    transform: scale(1.02);
}
.districts tr:nth-child(even):hover{background-color: #f2f2f2;}
.districts th { 
background:#1E90FF; 
color: black; 
font-weight: bold; 

}
.districts td, .districts th { 
padding: 6px; 
/*border: 1px solid black; */
width: auto;
height: fit-content;
} 
.districts #myTable {
background-color: lightblue;
height: 50px;
/*border: 1px solid black;*/
}
.districts th
{
   border: none; 
}
.districts table.table {
  margin-left: auto; 
  margin-right: auto;
}
.districts table {
  border-collapse: collapse;
  width: 100%;
}

.districts th {
  text-align: left;
  padding: 8px;
  color:#ffffff;
}
.districts .row-bg
{
  background: linear-gradient(to top, #1899d5, #007bff);
}
.districts  td {
  text-align: left;
  padding: 8px;
}

.districts tr:nth-child(even){background-color: #f2f2f2}

/* press release */
.pr-list-group {box-shadow: 0px 11px 23px 5px rgba(0,0,0,0.34);}

.pr-list-group-item {background-color: rgba(255,255,255,0.7); border:0;}

.btn-toolbar {margin-top:7px;}

.pr-list-group .pr-list-group-item img {
  float:left; 
  margin-right:15px;
  height: 128px;
  width: 128px;
  margin-top: 0px;
}
.list-group-item-text  {
    font-size: 15px;
    margin-top: 7px;
}
.pr-list-group .pr-list-group-item
.btn-default {background-color: rgba(255,255,255,0.3); border-color:rgba(0,0,0,0.2);}
.pr-list-group .pr-list-group-item
.img-rounded, .btn, .label {border-radius: 6px;}
.pr-list-group .pr-list-group-item
.btn {padding: 6px 18px;}
.pr-list-group .pr-list-group-item
/* .dropdown-menu>li>a {
  color:#dadada;
} */
.pr-list-group .pr-list-group-item
/* .dropdown-menu 
{
  background-color:#133342bd;
} */
.pr-list-group .pr-list-group-item
  .divider {background-color: #555;}

  .pull-right
  {
    float:right;
  }
  .list-group-item-heading
  {
    font-size:12px;
    font-family: inherit;
  }
  
  ul.socialIcons {
  padding: 0;
  text-align: center;
}

.socialIcons li {
  background-color: yellow;
  list-style: none;
  display: inline-block;
  margin: 9px;
  border-radius: 2em;
  overflow: hidden;
}

.socialIcons li a {
  display: block;
  padding: 0.5em;
  min-width: 2.28571429em;
  max-width: 2.28571429em;
  height: 2.28571429em;
  white-space: nowrap;
  line-height: 1.5em; /*it's working only when you write text with icon*/
  transition: 0.5s;
  text-decoration: none;
  font-family: arial;
  color: #fff;
}

.socialIcons li i {
  margin-right: 0.5em;
}

.socialIcons li:hover a {
  max-width: 200px;
  padding-right: 1em;
}

.socialIcons .facebook {
  background-color: #3b5998;
  box-shadow: 0 0 16px #3b5998;
}

.socialIcons .twitter {
  background-color: #00aced;
  box-shadow: 0 0 16px #00aced;
}

.socialIcons .instagram {
  background-color: #cd486b;
  box-shadow: 0 0 16px #cd486b;
}

.socialIcons .view {
  background-color: #c92228;
  box-shadow: 0 0 16px #c92228;
}

.socialIcons .download {
  background-color: #666666;
  box-shadow: 0 0 16px #666666;
}
.nodata{
    color: #e74c3c;
    text-align: center;
    padding: 50px 0;
}
.press_arch .pyear p{
    margin: 0 15px;
}
.press_arch .custom-btn {
    width: 50px;
    height: 40px;
    color: #fff;
    border-radius: 5px;
    padding: 10px 25px;
    font-family: 'Lato', sans-serif;
    font-weight: 500;
    background: transparent;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    display: inline-block;
    box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),
    7px 7px 20px 0px rgba(0,0,0,.1),
    4px 4px 5px 0px rgba(0,0,0,.1);
    outline: none;
}
.press_arch .btn-3 {
    background:#66c1fa;  
    width: 60px;
    height: 40px;
    line-height: 42px;
    padding: 0;
    border: none;
    color: #555;
}
.press_arch .ulbutton
{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: auto;
    padding-left: 10px;
}
.press_arch a .btn-3 {
    font-weight: 700;
}
.press_arch a .btn-3.activebtn {
    background-color: #0000ff;
}
.press_arch a .btn-3.activebtn {
    color: #fff;
}
/*press release end*/

.archivesCls {
    background-color: #e74c3c;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 1px;
    border-radius: 8px 8px 0px 0px;
}
.archivesCls a {
    color: #ffffff;
}
/*search*/
#alpha_all{
width: 43px;
}
.alpha_btn {
  background-color: #5EB5B0;
  padding: 8px;
  color: #BA1803;
  font-weight: bold;
  border-radius: 9px;
  margin: 0 5px;
  color: #ffffff;
  width: 30px;
  height: 30px;
}
.alpha_btn:focus {
outline: none;
}
.alpha_btn:hover {
    background-color: #133342;
    color: #ffffff;
}
/*search*/
.flx {
    display: flex;
    align-items: center;
    justify-content: center;
}
/*contact directory start*/
.cont_dir div.col-md-3>label.data
  {
    color: black;
    font-weight: 600;
  }
  .cont_dir div.col-md-3>label.data>a
  {
    font-weight: 1500px;
  }
  .cont_dir div.col-md-3>label.data>a:hover
  {
    color: #133342;
    font-size: 13.9px;
    cursor: pointer;
  }
   .cont_dir div.col-md-3>label.heading_data
  {
    padding-top: 0;
    color: #990000;
    font-weight: bold;
  }

  .cont_dir div.col-xl-12
  {
    justify-content: center;
    padding: 20px;
  }
  .cont_dir div.col-xl-12.next
  {
    justify-content: center;
  }
  .cont_dir div.col-md-3
  {
  box-sizing: border-box;
  height: 250px;
  border: 2px solid #c1c1d0;
  margin:20px;
  box-shadow: 0px 30px 40px -20px var(--gray);
  border-radius: 19px;
  padding: 20px;  
  
  }
  .cont_dir div.col-md-3:hover 
  {
 background-color: #91ef988c;
    transition: all .5s;
    box-shadow: inset 0 0 20px #10dbe7;
  }

  /* All Tables and its data -> Style like Background Colors FOR Contact Directory */
  .chief_sec_to_govt .table,.departments .table,.hod .table,
  .undertaking_autonomous_bodies .table,.state_guest_houses .table,.southern_states .table
  {
    width: 90%;
    border: 2px solid black;
    /*margin-left: 75px;*/
  }

.chief_sec_to_govt table tr td{
 text-align: center;
}


  .chief_sec_to_govt .table .theading,.chief_sec_to_govt .table .tdata,
  .departments .table .theading,.departments .table .tdata,
  .hod .table .theading,.hod .table .tdata,
  .undertaking_autonomous_bodies .table .theading,.undertaking_autonomous_bodies .table .tdata,
  .state_guest_houses .table .theading,.state_guest_houses .table .tdata,.southern_states .table .theading,.southern_states .table .tdata
  {
    width: 22.5%;
    text-align: center;
  }

  .chief_sec_to_govt,.departments,.hod,.undertaking_autonomous_bodies,.state_guest_houses,.southern_states  
  {
    min-height: 60vh;
    padding: 20px;
  }

  .chief_sec_to_govt .designation,.chief_sec_to_govt .email,.departments .designation,.departments .email,.hod .designation,.hod .email,.undertaking_autonomous_bodies .designation,.undertaking_autonomous_bodies .email,.state_guest_houses .designation,.state_guest_houses .email,.southern_states .designation,.southern_states .email
  {
    color: black;
    font-weight: bold;
  }

  .chief_sec_to_govt .table .trow,.departments .table .trow,.hod .table .trow,
  .undertaking_autonomous_bodies .table .trow,.state_guest_houses .table .trow,.southern_states .table .trow
  {
    background-color: #808080;
    color:white;
    font-style: italic;
  }
  .chief_sec_to_govt .trow1,.departments .trow1,.hod .trow1,.undertaking_autonomous_bodies .trow1,.state_guest_houses .trow1,.southern_states .trow1
  {
    background-color: #E0E0E0;
    background: border-box;
  }
  /*  Contact Directory Page Style    */
  .cont_dir .content-box>label.data
    {
      color: black;
      font-weight: 600;
    }
    .cont_dir .content-box>label.data>a
    {
      font-weight: 1500px;
    }
    .cont_dir .content-box>label.data>a:hover
    {
      color: #133342;
      font-size: 13.9px;
      cursor: pointer;
    }
     .cont_dir .content-box>label.heading_data
    {
      padding-top: 0;
      color: #990000;
      font-weight: bold;
    }

    .cont_dir div.something
    {
      justify-content: center;
      padding: 20px;
    }
    .cont_dir .something .next
    {
      justify-content: center;
    }
    .cont_dir .content-box
    {
    box-sizing: border-box;
    height: 250px;
    border: 2px solid #c1c1d0;
    margin:20px;
    box-shadow: 0px 30px 40px -20px var(--gray);
    border-radius: 19px;
    padding: 20px;  
    
    }
    .cont_dir .content-box:hover 
    {
   background-color: #91ef988c;
      transition: all .5s;
      box-shadow: inset 0 0 20px #10dbe7;
    }

    .detail_center
    {
      text-align:center;
      font-weight:700;
	    
    }   

/*contact directory end*/
/*disclaimer start*/
.disclaimer .subpage_img, .privacy .subpage_img , .termsofuse .subpage_img {
    margin: 10px 0;
}
/*disclaimer end*/
/*secretary to govt*/
.secret_to_govt#content1
{
    padding: 25px;
    border: 3.4px solid #00bae4;
	margin-left:100px;
	margin-right:100px;
}
.secret_to_govt .data1:hover
{
        transform: scale(1.0);
        /*background: #ff800a;*/
        background: #E9E5E5;
        z-index: 2;
        /*box-shadow: 1px 1px 1px #000;*/
        transition: .5s;
        /*shape-outside: */
        border-bottom: 5px solid #00bae5;
      border-left: 5px solid transparent;
      color: black;
      box-shadow: 0px -1px 10px 0px rgba(0, 0, 0, 0.5);
      margin:5px;
      padding:10px 15px;
     /* border-bottom-left-radius: 50px 20px;
      border: 5px solid red; */
}
.secret_to_govt .data
{
    color: #661018;
}
/*secretary to govt end*/
/*faq*/
/*.faq h5 {
    margin-bottom: 15px;
}*/
.faq p {
    margin-bottom: 5px;
}
.faq a, .faq a p {
    color: #007bff;
}
/*faq*/
/*employment details*/
.employment .empBtn {
    border-radius: 10px;
    margin-bottom: 25px;
    font-size: 12px;
    text-transform: none;
}
.employment .eng_tnver button {
    margin: 0 5px 25px 5px;
    text-transform: none;
    font-size: 12px;
    width: 129px;
    height: 25px;
}
.employment .eng_tnver button:focus, .employment .empBtn:focus {
    outline: none;
}
.employment table tr {
    border-bottom: 2px solid #c8cece;
}
.employment table {
    border: 2px solid #c8cece;
    margin: 0 auto;
    text-align: center;
}
.employment table tr td {
    border-right: 2px solid #c8cece;
    width: 300px;
}
.employment table tr td:hover {
    background-color: #eeeeee;
    color: #800000;
}
.employment table tr td:hover a {
    color: #800000;
    font-weight: 600;
}
.employment table tr td a {
    color: #000;
}
.employment h4 {
    font-size: 15px;
    color: #800000;
}

/*feedback*/
.feedback .mail_id {
 color: #133342;
 font-weight: 800;
}

/*portfolio*/
.portfolio p
{
  margin-bottom: 2.5px;
}
.portfolio .p_tag
{
  margin-bottom: 10px;
}
.inset_outside_inside:hover{
  box-shadow: 10px 10px 5px #e0e2e4;
}
.portfolio .inset_outside_inside {
    border: 1px solid #555555;
    padding: 0;
}
.count_of_ministers
{
  float: right;
  text-align: right;
  padding: 0;
}
/*portfolio*/
/* statistics List Table */
.statistics .table  { 
    border-collapse: collapse;
  }
  
  .statistics tr:hover {
    background-color: lightyellow;
  }
  
  .statistics th { 
    background:#1E90FF; 
    color: black; 
    font-weight: bold; 
    
  }
  .statistics td, .statistics th { 
    padding: 6px; 
    border: 1px solid black; 
    width: auto;
    height: fit-content;
  } 
  .statistics #myTable {
    background-color: lightblue;
    height: 100px;
    border: 1px solid black;
  }

  .symbols td  { 
    padding: 1px;
    height: 2px;
  } 

  .symbols #tbl,#tbleb,#flower,#tree,#butterfly,#fruit {
    width: 166px; 
    height: 90px;
    margin-left: 15px;
  }
 /*  List Table End */
/* district list*/
.dis_list_card {
  margin: 25px auto;
  /* width: 300px;
  height: 300px; */
  width: 150px;
  height: 110px;
  border-radius: 15px;
/*  box-shadow: 5px 5px 30px 7px rgba(0,0,0,0.25), -5px -5px 30px 7px rgba(0,0,0,0.22);*/
  cursor: pointer;
  transition: 0.4s;
  border: none;
}

.dis_list_card .dis_list_card_image {
  width: inherit;
  height: inherit;
  border-radius: 15px;
  position: relative;
}

.dis_list_card .dis_list_card_image img {
  width: inherit;
  height: inherit;
  border-radius: 15px;
  object-fit: cover;
  margin: 0;
  padding:0;
}

.dis_list_card .dis_list_card_title {
  /* text-align: center; */
/*  border-radius: 0px 0px 0px 0px;*/
  font-family: inherit;
  font-weight: 600;
  font-size: 13px;
  margin-top: -25px;
  /* height: auto; */
  display: flex;
/*     align-items: center;*/
    justify-content: center;
/*    width: 100%; */
}

.dis_list_card:hover {
  transform: scale(0.8, 0.8);
  /*box-shadow: 5px 5px 30px 15px rgba(0,0,0,0.25), 
    -5px -5px 30px 15px rgba(0,0,0,0.22);*/
    box-shadow: 0px 10px 10px rgba(0,0,0,0.4);
}
.dis_list_card  .dis_list_card_title  p
{
    background: #33333373;
    
    /* z-index: 9999; */
    /* display: flex; */
    width: 100%;
    border-radius: 15px;
    /* text-align: center; */
    padding-left: 5em;

    /* justify-content: center; */
}
.title-white {
  color: white;
  padding-left: 3em;
  padding-right: 3em;
  /* text-align: justify; */
}

.title-black {
  color: black;
}
/*160224*/
.dis_list_card_title
{
   background-color:#133342b5;
   position: absolute;
 width: inherit;
 border-radius: 7px;
 bottom: -8px;
}
.dis_list_card_title:hover
{
   position: relative;
   bottom:-6px;
}
/*district list*/
/* district collector */

.dist_admin div.contents
  {
  box-sizing: border-box;
  height: 20px;
  border: 2px solid #c1c1d0;
  margin:20px;
  box-shadow: 0px 30px 40px -20px var(--gray);
  border-radius: 19px;
  padding: 25px 0;
  text-align: center;
  padding-top: 3px;
  }
  .dist_admin div.contents:hover
  {
 background-color: #91ef988c;
    transition: all .5s;
    box-shadow: inset 0 0 20px #10dbe7;
    cursor: pointer;
    font-size: bold;
    /*text-decoration-style: red;*/
  }
  .district_administrator .common
{
  /*justify-content: space-between;*/
  padding: 0 100px;
}
 .details_of_collectors .collector_name
 {
  width:50%;
 }
 .details_of_collectors .name
 {
  color: #be5153;
 }
 .details_of_collectors .district_name_value
 {
  background-color: #c1c1d0;
 }
 .details_of_collectors .table_row:hover
 {
  background-color: #f7e0a0;
 }
 .highlight{padding-top: 100px;}
/*holiday*/
.holiday .title-bar {
    position: relative;
    width: 100%;
    display: table;
    text-align: right;
    background: #f5f7f6;
    padding: 0.5rem;
    margin-bottom: 0;
    background-color: #5cb3b0;
}
.holiday .calendar__sidebar {
    width: 100%;
    margin: 0 auto;
    float: none;
    background: linear-gradient(120deg, #eff3f3, #e1e7e8);
    padding-bottom: 0.7rem;
}

.holiday .calendar__days {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column wrap;
    -webkit-box-align: stretch;
    align-items: stretch;
    width: 100%;
    float: none;
    min-height: 580px;
    height: 100%;
    font-size: 12px;
    padding: 2rem 0 1rem 1rem;
    background: #f5f7f6;
}
.holiday .calendar__top-bar {
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 32px;
    flex: 32px 0 0;
}
.holiday .sidebar__heading {
    font-size: 1.5rem;
    font-weight: bold;
    padding-left: 1rem;
    padding-right: 1rem;
    margin-bottom: 3rem;
    margin-top: 2rem;
    text-align: center;
}
.holiday .top-bar__days {
    width: 100%;
    padding: 0 5px;
    color: #2d4338;
    font-weight: 800;
    -webkit-font-smoothing: subpixel-antialiased;
    font-size: 1rem;
    text-align: center;
}
.holiday .calendar__week {
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 1;
    flex: 0 1 0;
}
.holiday .calendar__day {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding: 1.9rem 0.2rem 1.2rem;
    cursor: pointer;
    text-align: center;
}
.holiday .calendar__date {
    color: #040605;
    font-size: 1.7rem;
    font-weight: 400;
    line-height: 0.7;
}
.holiday .calendar__task {
    color: #040605;
    display: -webkit-box;
    display: flex;
    font-size: 0.8rem;
}
.holiday .calendar-contain {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    font-family: -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", Roboto, Oxygen, Ubuntu, "Helvetica Neue", sans-serif;
    position: relative;
    left: 0;
    right: 0;
    border-radius: 0;
    width: 100%;
    overflow: hidden;
    max-width: 1020px;
    min-width: 450px;
    margin: 1rem auto;
    background-color: #f5f7f6;
    box-shadow: 5px 5px 72px rgba(30, 46, 50, 0.5);
    color: #040605;
    height: 550px;
}
.holiday .title-bar__prev {
    position: relative;
    float: left;
    text-align: left;
    cursor: pointer;
    width: 22px;
    height: 30px;
}
.holiday .title-bar__month {
    position: relative;
    float: left;
    font-size: 1rem;
    line-height: 30px;
    padding: 0 0.5rem;
    text-align: center;
}
.holiday .title-bar__year {
    display: block;
    position: relative;
    float: left;
    font-size: 1rem;
    line-height: 30px;
    padding: 0 0.5rem;
    text-align: center;
}
.holiday .title-bar__prev:after {
    content: "";
    display: inline;
    position: absolute;
    width: 14px;
    height: 14px;
    right: 0;
    left: 2px;
    top: 10px;
    margin: auto;
    border-top: 3px solid #ffffff;
    border-right: 3px solid #ffffff;
    -webkit-transform: rotate(224deg);
    transform: rotate(224deg);
}
.holiday .title-bar__next:after {
    content: "";
    display: inline;
    position: absolute;
    width: 14px;
    height: 14px;
    right: 12px;
    top: 10px;
    margin: auto;
    border-top: 3px solid #ffffff;
    border-right: 3px solid #ffffff;
    -webkit-transform: rotate(44deg);
    transform: rotate(44deg);
}
.holiday .calendar__day.event .calendar__date, .holiday .calendar__day.event .calendar__task {
    color: #ff0000;
    font-weight: 800;
}
.holiday .graybg {
   color:gray;
}
.holiday .sidebar__list-item--complete {
    color: rgba(4, 6, 5, 0.3);
}
.holiday .sidebar__list-item {
    margin: 1.2rem 0;
    color: #2d4338;
    font-weight: 100;
    font-size: 1rem;
    text-align: center;
}
.holiday .sidebar__list {
    list-style: none;
    margin: 0;
    padding-left: 1rem;
    padding-right: 1rem;
}
.holiday .calendar__day.today span {
    font-weight: 800;
}
/*holiday*/
/*gos*/
/* event */
.gos_det .event-card {
  width: 100%;
  background: white;
  border-radius: 15px;
  padding: 10px;
  display: flex;
  align-items: center;
}
.gos_det .event-card:hover {
  box-shadow: #cfd5e0 0 0 10px 5px;
}
.gos_det .go-list:hover
{
  box-shadow: #cfd5e0 0 0 10px 5px;
}
.gos_det .go-list
{
  padding: 15px 0;
}



.gos_det .left {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 15px;
}

.gos_det .date-time {
  width: 150px;
  height: 80px;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  letter-spacing: 2px;
}

.gos_det .dt1 {
  background: #eceff8;
}
.gos_det .dt2 {
  background: #f8ecf8;
}
.gos_det .dt3 {
  background: #f8ecec;
}
.gos_det .dt4 {
  background: #eef8ec;
}

.gos_det .date {
  font-size: 12px;
  font-weight: 600;
}

.gos_det .time {
  font-size: 22px;
  font-weight: 700;
}

.gos_det .event-detail {
  font-size: 16px;
  color: #4b4b4b;
  margin-top: 5px;
}

.gos_det .add-to-calender {
  width: 120px;
  display: inline-block;
  background: #000000;
  color: white;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 5px;
  border-radius: 6px;
  margin: 0 10px;
}
.gos_det .add-to-calender:hover {
  box-shadow: #cfd5e0 0 0 10px 5px;
  transform: scale(1.1);
}
.gos_det .add-to-calender:hover ion-icon {
  transform: rotate(360deg);
}

.gos_det  ion-icon {
  color: white;
  font-size: 17px;
}
.gos_det .event-container

    {
  width: 100%;
  /* max-width: 700px; */
  margin: 0 auto;
  /* margin-top: 50px; */
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 15px;
}

.gos_det .event-bg
{
  background: #eceff8;
}
.gos_det .event-table
{
    margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: inherit;
  transition: ease 0.5s;
  text-decoration: none;
  color: #161f3e;
}
.gos_det  .event-info h4
{
  margin-top:0px;
}

:root {
--blue: hsl(212, 86%, 64%);
--grayishBlue: hsl(229, 6%, 66%);
--calwidth: 80px;
   /* --fontsize-month: calc(var(--calwidth) / 4); */
   /* --fontsize-day: calc(var(--calwidth) / 2); */
   --monthcolor: #ee4261;
}


.gos_det  .date-box {
    border-radius: 5px;
    box-shadow: 0px 30px 40px -20px var(--grayishBlue);
    /* padding: 30px;
    margin: 20px;   */
}
.gos_det  .date-box-blue {
    border-top: 5px solid #143443;
    display: inline-block;
}
.gos_det .Calendar {
    margin-left: auto;
    margin-right: auto;
    width:100%;
    height: 100%;
    background-color: #ffffff;  
    border-radius: 8px;
    font-family: inherit;
    padding:3px;
}
.gos_det  .Month {
    /* background-color: #7b8a8b; */
    background-color: #e74c3c;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 1px;
    border-radius: 8px 8px 0px 0px;
    /* margin-bottom: 0px; */
}

.gos_det .Day {
    background-color: #ffffff;
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 1px;
    border-radius: 0px 0px 8px 8px;
    margin-top: 0px;
}
/*gos*/
/* job opportunities */
.job_opportunity .jobs_thead
{
  background-color: #00bae5;
}
.job_opportunity.no-footer>tbody>.tr>.data_font.sorting_1>a
{
  display: flex;
  align-items: center;
}
.job_opportunity.no-footer tbody .tr .data_font.sorting_1 a:hover, .job_opportunity.no-footer tbody .tr:hover .data_font.sorting_1 a,.job_opportunity.no-footer tbody .tr:hover td
{
  color: #FFFFFF;
  background:#5ccbdd;
}
.job_opportunity_contents_with_pagination table {
  display: none;
}
/* job opportunities */
/*important website*/
.impview .list-group-item button
{
  text-transform: capitalize;
}
#searching_page {
flex-wrap: wrap;
    justify-content: flex-start !important;
}
/*important website*/
/*mobile app directory*/
.mobile_app .table_style td:nth-child(1) {
    width: 100px;
}
.mobile_app .table_style td:nth-child(2) {
    width: 200px;
}
.mobile_app .table_style td:nth-child(3) {
    width: 200px;
}
.mobile_app .table_style td:nth-child(4) {
    width: 400px;
}
.mobile_app .table_style td:nth-child(5) {
    width: 200px;
}
.mobile_app .table_style thead tr, .mobile_app .table_style thead th {
border: solid 1px black;
}

.mobile_app .table-border
{
   border-bottom: 1.6px solid black;
}

.mobile_app .table_style td {
  border-right: solid 1px black; 
  border-left: solid 1px black;
}
.mobile_app .table_style th, .mobile_app .table_style td {
  padding-right: 20px;
}
.mobile_app .table_style td:nth-child(1) {
background: #518afd;
}
.mobile_app .table_style thead
{
background: #518afd;
}
.mobile_app .table_style tr:hover {
background-color: #5ccbdd;
cursor: pointer;
}
.mobile_app .table_style tr>td:hover
{
color: red;
}
/*mobile app directory*/
/*downloads av*/
.downloasav p {
    margin-bottom: 0;
}
.downloasav .downmr div {
    margin-bottom: 20px;
}

/*downloads av*/
.dept_profile .minister_img, .dept_profile .box_border {
    border: 2px solid #0E82BD;
}
.minister_title{
  background-color:#C0C0C0;color:#000000;padding:5px;font-weight:bold;
}
.minister_img_alignment{display: block;margin: 0 auto;}
.dept-content-p p{margin-top: 4px;line-height: 1.5rem;}
.dept-content-list-link a{line-height: 1.5rem;}
.dept_prof p{margin-bottom:0;}
/*poll*/
.inner-poll {
    /* background-color:#E9F2FD ;
     */
    /* background-image: url('../../sites/default/poll-background.png');*/
    /* background-image: linear-gradient(to right bottom, #ff7f7c, #ff8f8c, #ff9e9c, #ffadac, #ffbcbb);
     */
	 background-color:#d8e0e7;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: right;
     font-family:Quicksand;
    /* border-radius:15px;
     border-style: solid;
     border-color: #025074;
     */
     border-top-right-radius: 25px;
     border-top-left-radius: 25px;
     margin: 0 auto 30px;
}
 .inner-poll .btn {
     background-color: #ff7572;
     color: #000;
}
 .inner-poll #poll_logo {
     float: left;
    margin-right: 15px;
    height: 100px;
    width: 100px;
    margin-top: 0px;
}
 .inner-poll .red_astric{
     color: #FF0000;
}
 .inner-poll label {
     font-weight: 700;
}
 .inner-poll .question_cls {
     border: none;
     background: none;
     font-weight: 700;
     color: #555;
     width: 100%;
     font-size: 16px;
}
 .inner-poll .poll_disable {
     border: none;
     cursor: default;
     margin-left: 20px;
}
.inner-poll .radio {
     position: relative;
     cursor: pointer;
     line-height: 20px;
     font-size: 14px;
     margin: 15px;
}
.inner-poll .radio .label {
     position: relative;
     display: block;
     float: left;
     margin-right: 10px;
     width: 20px;
     height: 20px;
     border: 2px solid #837c7c;
     border-radius: 100%;
     -webkit-tap-highlight-color: transparent;
}
.inner-poll .radio .label:after {
     content: '';
     position: absolute;
     top: 3px;
     left: 3px;
     width: 10px;
     height: 10px;
     border-radius: 100%;
     background: #ffffff;
     transform: scale(0);
     transition: all 0.2s ease;
     opacity:0.09;
     pointer-events: none;
}
.inner-poll .radio:hover .label:after {
     transform: scale(3.6);
     color: #16165a;
}
.inner-poll input[type="radio"]:checked + .label {
     border-color: #ede3e3;
}
.inner-poll input[type="radio"]:checked + .label:after {
     transform: scale(1);
     transition: all 0.2s cubic-bezier(0.35, 0.9, 0.4, 0.9);
     opacity: 1;
}
.inner-poll .mail-tab span {
     position: relative;
    /* display: inline-block;
     */
     display: grid;
     margin: 30px 25px;
    /* background:#000;
     */
}
.inner-poll .slide-up {
     display: inline-block;
    /* width: 415px;
     */
     padding: 10px 0 10px 15px;
     font-family: "Open Sans", sans;
     font-weight: 400;
     color: #ffbab8;
     background: #ffffff;
     border: 0;
     border-radius: 3px;
     outline: 0;
     text-indent: 80px;
     transition: all 0.3s ease-in-out;
}
.inner-poll .slide-up::-webkit-input-placeholder {
     color: #efefef;
     text-indent: 0;
     font-weight: 300;
}
.inner-poll .slide-up + label {
     display: inline-block;
     position: absolute;
     transform: translateX(0);
     top: 0;
     left: 0;
     padding: 8px 15px;
    /* text-shadow: 0 1px 0 rgba(19, 74, 70, 0.4);
     */
     transition: all 0.3s ease-in-out;
     border-top-left-radius: 3px;
     border-bottom-left-radius: 3px;
     overflow: hidden;
}
.inner-poll .slide-up + label:before, .slide-up + label:after {
     content: "";
     position: absolute;
     right: 0;
     left: 0;
     z-index: -1;
     transition: all 0.3s ease-in-out;
}
.inner-poll .slide-up + label:before {
     top: 6px;
     left: 5px;
     right: 5px;
     bottom: 6px;
     background: #ffbab8;
}
.inner-poll .slide-up + label:after {
     top: 0;
     bottom: 0;
     background: #ffbab8;
}
.inner-poll span:nth-child(1) .slide-up {
     text-indent: 105px;
}
.inner-poll span:nth-child(3) .slide-up {
     text-indent: 125px;
}
.inner-poll span:nth-child(1) .slide-up:focus, span:nth-child(1) .slide-up:active,.inner-poll span:nth-child(3) .slide-up:focus,.inner-poll span:nth-child(3) .slide-up:active {
     text-indent: 0;
}
.inner-poll .slide-up:focus,.inner-poll .slide-up:active {
     color: #377D6A;
     text-indent: 0;
     background: #fff;
}
.inner-poll .slide-up:focus::-webkit-input-placeholder,.inner-poll .slide-up:active::-webkit-input-placeholder {
     color: #aaa;
}
.inner-poll .slide-up:focus + label, .inner-poll .slide-up:active + label {
     transform: translateY(-100%);
}
.inner-poll .slide-up:focus + label:before,.inner-poll .slide-up:active + label:before {
     border-radius: 5px;
}
.inner-poll .slide-up:focus + label:after, .inner-poll .slide-up:active + label:after {
     transform: translateY(100%);
}
.poll_res{
    margin: 0 auto 30px;
    text-align: right;
}
.poll_res a {
    padding: 10px 20px;
    background-color: #ffbab8;
    border-radius: 10px;
    font-weight: 700;
    color: #a0522d;
    border: 1px solid #ff7572;
}
/*poll*/
/*screenreader*/
.screenrd p, .screenrd h6, .screenrd h4 {
margin-bottom: 15px;
}
/*screenreader*/
#topbar .fas.fa-volume-up {
    font-size: 16px;
    color: #fff;
}
.ind_screen, .ind_screen:hover,#topbar .wc, #topbar .wc:hover {
    color: #fff;
}
#topbar .wc img {
    width: 20px;
    height: 18px;
}
/*Discuss*/
.discuss-row{
	  margin-right: 0px !important;margin-left: 0px !important;
  }
  .discuss-col{
	    padding-right: 0px !important;padding-left: 0px !important;
    }
    .discuss-div{padding-right: 10px;padding-left: 10px;}

.inside-discuss {
  /* background-color:#E9F2FD ;
   */
   background-image: url('https://www.tn.gov.in/sites/default/discuss-background.png');
   background-size: cover;
   background-repeat: no-repeat;
   background-position: right;
   font-family:inherit;
   border-top-right-radius: 25px;
   border-top-left-radius: 25px;
   margin: 0 auto 30px;
   text-align: left;
 /*  margin-left: 50px; */

}
.inside-discuss .btn {
   background-color: #ff7572;
   color: #000;
}
.inside-discuss #discuss_logo {
   float: left;
  margin-right: 15px;
  height: 100px;
  width: 100px;
  margin-top: 0px;
}
.inside-discuss .red_astric{
   color: #FF0000;
}
.inside-discuss label {
   font-weight: 700;
}
.inside-discuss .question_cls {
   border: none;
   background: none;
   font-weight: 700;
   color:#000000;
   width: 100%;
   font-size: 16px;
}
.inside-discuss .poll_disable {
   border: none;
   cursor: default;
   margin-left: 20px;
   width:15%;
}


.inside-discuss .mail-tab span {
   position: relative;
  /* display: inline-block;
   */
   display: grid;
   margin: 30px 0;
  /* background:#000;
   */
}
.inside-discuss .slide-up {
   display: inline-block;
  /* width: 415px;
   */
   padding: 10px 0 10px 15px;
   font-family: "Open Sans", sans;
   font-weight: 400;
   color: #ffbab8;
   background: #ffffff;
   border: 0;
   border-radius: 3px;
   outline: 0;
   text-indent: 80px;
   transition: all 0.3s ease-in-out;
}
.inside-discuss .slide-up::-webkit-input-placeholder {
   color: #efefef;
   text-indent: 0;
   font-weight: 300;
}
.inside-discuss .slide-up + label {
   display: inline-block;
   position: absolute;
   transform: translateX(0);
   top: 0;
   left: 0;
   padding: 8px 15px;
  /* text-shadow: 0 1px 0 rgba(19, 74, 70, 0.4);
   */
   transition: all 0.3s ease-in-out;
   border-top-left-radius: 3px;
   border-bottom-left-radius: 3px;
   overflow: hidden;
}
.inside-discuss .slide-up + label:before, .slide-up + label:after {
   content: "";
   position: absolute;
   right: 0;
   left: 0;
   z-index: -1;
   transition: all 0.3s ease-in-out;
}
.inside-discuss .slide-up + label:before {
   top: 6px;
   left: 5px;
   right: 5px;
   bottom: 6px;
   background: #ffbab8;
}
.inside-discuss .slide-up + label:after {
   top: 0;
   bottom: 0;
   background: #ffbab8;
}
.inside-discuss span:nth-child(1) .slide-up {
   text-indent: 105px;
}
.inside-discuss span:nth-child(3) .slide-up {
   text-indent: 125px;
}
.inside-discuss span:nth-child(1) .slide-up:focus, span:nth-child(1) .slide-up:active,.inside-discuss span:nth-child(3) .slide-up:focus,.inner-poll span:nth-child(3) .slide-up:active {
   text-indent: 0;
}
.inside-discuss .slide-up:focus,.inside-discuss .slide-up:active {
   color: #377D6A;
   text-indent: 0;
   background: #fff;
}
.inside-discuss .slide-up:focus::-webkit-input-placeholder,.inside-discuss .slide-up:active::-webkit-input-placeholder {
   color: #aaa;
}
.inside-discuss .slide-up:focus + label, .inside-discuss .slide-up:active + label {
   transform: translateY(-100%);
}
.inside-discuss .slide-up:focus + label:before,.inside-discuss .slide-up:active + label:before {
   border-radius: 5px;
}
.inside-discuss .slide-up:focus + label:after, .inside-discuss .slide-up:active + label:after {
   transform: translateY(100%);
}


.imgsize{width:25px;}
.discuss_container{
background-image: url('https://www.tn.gov.in/sites/default/discuss-ans-background.png');
   background-size: cover;
   background-repeat: no-repeat;
   background-position: right;
   border-top-right-radius: 25px;
   border-top-left-radius: 25px;    
   text-align: left;
   padding: 15px;
}
.discuss_container_heading{color:#000000;font-size:16px;font-family: inherit;font-weight:700;padding-top: 17px;}
.discuss_report{padding: 30px;box-shadow: 0 15px 25px rgba(0, 0, 0, 0.4);}
.discuss_report .dataTables_length > label , .discuss_report .dataTables_filter > label
    {display: flex;
    flex-direction: row;
    gap: 12px;
    align-items: baseline;}
.discuss_report .custom-select {width:20%;}
.inside-discuss textarea
{
   resize: none;
   display: inline-table;
   padding: 0;
   margin: 0;
}
.discuss_report h3 {
    margin-bottom: 30px;
}
.discuss_report #example{
    margin-top: 30px;
}
.discuss_report .pagination {
    justify-content: flex-end;
}
.discuss_report .table-bordered td {
    text-align: center;
}
/*Discuss*/
.bg-primaryee {background-color: #3d2e81;}
/* class added on 070224*/
.table_style{width:100%;}
 .griev-margin{
  margin-left: 100px;
   margin-right: 100px;
 }
.fixed-top{
  position: fixed;
  top: 30px;
  right: 0;
  left: 0;
  z-index: 1030;
}
.topbar-col{
  display: flex !important;flex-direction:row;gap: 10px;
}
.topbar-line{
border-left: 1px solid rgb(255, 255, 255);height: 16px;margin-left: 29px;margin-top: 3px;
}
.topbar-line2{
  margin-left: 25px;
}
.heading-2{
  font-style: oblique;font-stretch: expanded;font-size: 15px;color: var(--white);font-weight: 600;
}
/* .navbar.container
{
  position: absolute;
} */
  /* menu bar */
.navbar-nav{flex-wrap: wrap;}
.navbar-bg{background-color: #516BEB;}
.navbar-brand {
font-size: 1.4em;
}
.navbar-dark .navbar-nav a.nav-link {
color: #ffffff;
/*041224*/
/*font-size: 1.1em;*/
/*font-size: 15px;*/
font-size: 16.5px;
font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-weight: bold;
}
/*.dropdown-menu {
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
border: none;
border-radius: 0;
padding: 0.7em;
}*/


.nav-item.dropdown:hover .dropdown-menu {
  display: flex;
  opacity: 1;
  visibility: visible;
}
.dropdown-menu {
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
border: none;
border-radius: 0;
padding: 0.7em;
transition: opacity 0.3s ease, visibility 0.3s ease;
display: none;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

@media only screen and (min-width: 992px) {
.dropdown:hover .dropdown-menu {
display: flex;
}
.dropdown-menu.show {
display: flex;
}
}
.dropdown-menu ul {
list-style: none;
padding: 0;
}
.dropdown-menu li .dropdown-item {
color: gray;
/*font-size: 1em;*/
font-size: 15px !important;
    font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";/
padding: 0.5em 1em;display:flex;align-items: center;
}
.dropdown-menu li .dropdown-item:hover {
background-color: #f1f1f1;
}
.dropdown-menu li a {
font-weight: bold;
text-transform: capitalize;
}
.dropdown-menu li:first-child a:hover {
background-color: #f1f1f1;
}
@media only screen and (max-width: 992px) {
.dropdown-menu.show {
flex-wrap: wrap;
max-height: 350px;
overflow-y: scroll;
}
}
@media only screen and (min-width: 992px) and (max-width: 1140px) {
.dropdown:hover .dropdown-menu {
width: 40vw;
flex-wrap: wrap;
}
}

.dropdown-menu {
border-radius: 0;
border: none;
padding: 0.5em;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.23);background-image: url(https://www.tn.gov.in/sites/default/menu_bg.png);
background-size:contain;background-repeat: no-repeat;background-position: bottom;
}
.dropdown-menu ul {
list-style: none;
padding: 0;
}

.dropdown-menu li a {
color: gray;
padding: 0.5em 1em;
}

@media screen and (min-width: 993px) {
.dropdown:hover .dropdown-menu {
display: flex;
}
.dropdown-menu.show {
display: flex;
}
}
@media screen and (max-width: 992px) {
.dropdown-menu.show {
max-height: 60vh;
overflow-y: scroll;
}
}
.navbar{padding:0 !important;}
.navbar-collapse{justify-content: space-evenly;}
/* .navbar-light{background-image: linear-gradient(to right, #6253e1, #3d2e81, #A3A1FF, #3d2e81);
  box-shadow: 0 4px 15px 0 rgba(126, 52, 161, 0.75);} */
  /* #navbar1{padding-left: 25px;padding-right: 25px;} */
  .navbar-light .navbar-nav .active>.nav-link{color:#fff;font-family: 'Titillium Web', sans-serif;
    font-size: 17px;
    font-weight: bold;
    text-transform: capitalize;}
  .navbar-light .navbar-nav .nav-link {
    color: #fff;
    font-family: 'Titillium Web', sans-serif;
    font-size: 17px;
    font-weight: bold;
    text-transform: capitalize;
}
/*041224*/
.nav-item .dropdown a{font-size: 15px !important;
    font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";}
.navbar-toggler-icon{font-size: 1.171875rem;}
/* .navbar-nav li {margin-left: 5px;margin-right: 5px;} */
/* #navbar1 ul {
  display: flex;            
    flex-wrap: wrap;          
    justify-content: space-between; 
    padding: 0;
    list-style: none;  
} */

.navbar-nav li {
  flex: 1 1 0;              
  text-overflow: ellipsis; 
  white-space: nowrap;      
  box-sizing: border-box; 
  padding-left: 5px;
  padding-right: 5px;
}
.menu-dropdown-right img{
  width: 16px;
  float: left;
  display: flex;
  margin: 0px 5px;
}
.menu-justify
{
  justify-content: space-between;
  display: contents;
}
#footer .row{
  margin-left: 0px !important;margin-right: 0px !important;
}

.scheme_det table tr td:nth-child(1) {
    width: 200px;
}

.scheme_det table tr td:nth-child(2) {
    width: 700px;
}
.inside-competition {
   background-image: url('https://www.tn.gov.in/sites/default/discuss-background.png');
   background-size: cover;
   background-repeat: no-repeat;
   background-position: right;
   font-family:inherit;
   border-top-right-radius: 25px;
   border-top-left-radius: 25px;
   margin: 0 auto 30px;
   text-align: left;

}

.browser_compt p{
    margin-bottom: 0;
}
.faq h4, .downloasav h4, .browser_compt h4 {
    margin-bottom: 20px;
}

.dist_cl_btn {
    border-radius: 0;
    background-color: #82828a;
    text-transform: none;
}
.details_of_collectors table tr td:nth-child(2), .details_of_collectors table tr td:nth-child(2){
    width: 25%;
}
.boldhr {
    border-bottom: 2px solid #95a5a6;
}


/* Horizontal Tree Scrollbar Styles */
.site-map-scroll::-webkit-scrollbar {
  width: 5px;
  height: 8px;
}

.site-map-scroll::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #e4e4e4;
  margin-left: 10px;
  margin-right: 10px;
}

.site-map-scroll::-webkit-scrollbar-thumb {
  background: #212121;
  border-radius: 10px;
  transition: 0.5s;
}

.site-map-scroll::-webkit-scrollbar-thumb:hover {
  background: #d5b14c;
  transition: 0.5s;
}

/* Horizontal Tree Base Styling */
.site-map-body {
  white-space: nowrap;
  overflow-y: hidden;
  padding: 50px;
  min-height: 500px;
  padding-top: 10px;
  text-align: center;
}

.site-map {
  display: inline-block;
  text-align: center;
}

.site-map ul {
  padding-top: 20px;
  position: relative;
  padding-left: 0px;
  display: flex;
  justify-content: center;
}
.site-map ul li ul li ul{display:flex;flex-direction:column;}
.site-map ul li ul li ul li ul{display:flex;flex-direction:row;}
.site-map ul li ul li ul li::before{
  content: '';
  position: absolute;
  top: 0;
  right: 50%;
  border-top: 2px solid #ccc;
  left: 50%;
  border-left: 2px solid #ccc;
  width: 0;
  height: 20px;
}
.site-map ul li ul li ul li:last-child::before{
  border-top:0;
  border-left:0;
}
.site-map li {
  float: left;
  text-align: center;
  list-style-type: none;
  position: relative;
  padding: 20px 5px 0 5px;
}

.site-map li::before,
.site-map li::after {
  content: '';
  position: absolute;
  top: 0;
  right: 50%;
  border-top: 2px solid #ccc;
  width: 50%;
  height: 20px;
}
.site-map li ul li ul li ul::before

{
  content: '';
  position: absolute;
  right: 50%;
  width: 50%;
  height: 18px;
}
.site-map li ul li ul li ul::after{
  content: '';
  position: absolute;
  border-top: 2px solid #ccc;
  width: 50%;
  height: 18px;
}
.site-map li ul li ul li ul li::after
{
  right: auto;
  left: 50%;
  border-left: 2px solid #ccc;
}
.site-map li::after {
  right: auto;
  left: 50%;
  border-left: 2px solid #ccc;
}
.site-map li ul li ul li::after{
  border:0;
}
.site-map li:only-child::after,
.site-map li:only-child::before {
  display: none;
}

.site-map li:only-child {
  padding-top: 0;
}

.site-map li:first-child::before,
.site-map li:last-child::after {
  border: 0 none;
}
.site-map ul li ul li ul li:first-child::before
{
  border:1px solid #ccc;
}
.site-map ul li ul li ul li:last-child::after {
  border: 0 none;
}
.site-map li:last-child::before {
  border-right: 2px solid #ccc;
  border-radius: 0 5px 0 0;
  -webkit-border-radius: 0 5px 0 0;
  -moz-border-radius: 0 5px 0 0;
}

.site-map li:first-child::after {
  border-radius: 5px 0 0 0;
  -webkit-border-radius: 5px 0 0 0;
  -moz-border-radius: 5px 0 0 0;
}

.site-map ul ul::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  border-left: 2px solid #ccc;
  width: 0;
  height: 20px;
}
.site-map ul ul:first-child::before {
content: '';
  position: absolute;
  top: 0;
  left: 50%;
  border-left: 2px solid #ccc;
  width: 0;
  height: 20px;
}
.site-map li a {
  text-decoration: none;
  font-family: inherit;
  font-size: 13px;
  text-transform: capitalize;
  font-weight: bold;
  display: inline-block;
  padding: 8px 12px;
  background-color: #e1eafc;
  color: #5a8dee;
  border: 1px solid #e1eafc;
  border-radius: 5px;
}
.site-map li ul li a{
  width: -webkit-fill-available;
}
.site-map li a:hover + ul li::after,
.site-map li a:hover + ul li::before,
.site-map li a:hover + ul::before,
.site-map li a:hover + ul ul::before {
  border-color: #fbba00;
}

.site-map-click{color: #555555;}
/* Responsive Styles for Mobile View */
@media (max-width: 768px) {
  .site-map ul {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }

  .site-map li {
    padding: 10px 0;
  }
  .site-map li ul li a{
    width: 200px;
  }
  .site-map ul li ul li ul li:last-child::before{
  border-top:0;
  border-left:0;
}
  .site-map li::before,
  .site-map li::after {
    content: '';
    position: absolute;
    top: -11px;
    left: 50%;
    width: 1px;
    height: 24px;
    border: none;
    background: #ccc;
    border:1px solid red;
  }
  .site-map li ul li:only-child::before,.site-map li ul li:only-child::after
  {
    content: '';
        position: absolute;
        top: -20px;
        left: 50%;
        width: 1px;
        height: 30px;
        background: red;
        border: 1px solid #3F51B5;
  }
  .site-map li ul li ul li::before
  {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 2px;
    height:0px;
    border: none;
    background: #ccc;
    display:none;
  }
  .site-map li ul li ul li::after {
    content: '';
    position: absolute;
    top: -10px;
    left: 50%;
    width: 1px;
    height: 21px;
    border: none;
    background: #ccc;
    border:1px solid red;
  }
  .site-map li ul li ul li:first-child::after
  {
    content: '';
    position: absolute;
    top: -20px;
    left: 50%;
    width: 1px;
    height: 30px;
    background: red;
    border:1px solid red;
  }
  .site-map ul li ul li ul li:last-child::after
  {
    content: '';
    position: absolute;
    top: -10px;
    left: 50%;
    width: 1px;
    height: 22px;
    background: #fbba00;
    border:1px solid #fbba00;
  }

  .site-map li::after {
    left: 50%;
  }

  .site-map ul ul::before {
    content: '';
    position: absolute;
    left: 50%;
    border-left: 2px solid red;
    width: 0;
  }
  .site-map ul ul ul::before{
    /* display:none; */
  }
  .site-map-body {
    white-space: normal;
    overflow-y: auto;
    padding: 20px;
  }
  .site-map li:first-child::before, .site-map li:last-child::after {
    border:1px solid red;
}
}
/* video css */
.vcardContainer {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0px;
}

.mmCard {
  width: 400px;
  /* height: 310px; */
  height: auto;
  border-radius: 3px;
  position: relative;
  margin-bottom: 4rem;
display: flex;
  flex-direction: column;
}

.mmCardVid {
  width: 100%;
  display: block;
 /* height: auto;*/
  max-height: 250px;
  border-radius: 3px 3px 0px 0px;
}

iframe.mmCardVid {
  height: 250px;
  border: 0;
}
.mmCardText {
  flex: 1; 
  display: flex;
  justify-content: center; 
  align-items: center;    
  padding: 10px;
  text-align: center;
}
.mmCard h3 {
   font-size: 14px;
  color: #333333;
  text-transform: uppercase;
  margin: 0;
  
}

.cardActionBar {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 40px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  border-radius: 0px 0px 3px 3px;
  padding: 2px;
  margin: 0;
}

.cardAction {
  color: #F63E37;
  background-color: #F2F1F1;
  text-decoration: none;
  cursor: pointer;
  font-size: 100%;
  border-radius: 3px;
  height: 100%;
  width: 30%;
  text-align: center;
  overflow: hidden;
  cursor: pointer;
  display: block;
  user-select: none;
  padding: 5px 0;
  margin-left: 2px;
}

.cardAction:hover {
  background-color: #E3EBF1;
  text-decoration: none;
}

.cardAction:active {
  color: 333333;
  animation-name: vtransition;
  animation-duration: .5s;
  background-color: #cccccc;
  text-decoration: none;
}

@-webkit-keyframes vtransition {
  0% {
    background-color: #cccccc;
    color: #333333;
  }
  50% {
    background-color: #7BB9E0;
    color: #000000;
  }
  100% {
    background-color: #cccccc;
    color: #333333;
  }
}

@keyframes vtransition {
  0% {
    background-color: #cccccc;
    color: #333333;
  }
  50% {
    background-color: #7BB9E0;
    color: #000000;
  }
  100% {
    background-color: #cccccc;
    color: #333333;
  }
}
.bBeige {
  background-color: Beige;
  color: #333333;
}
.vshadow2s, .vshadow2a{
  box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, .15), 1px 1px 1px rgba(0, 0, 0, .5);
  transform: translate3d(0px, 0px, 2px);
  -webkit-transform: translate3d(0px, 0px, 2px);
  -moz-transform: translate3d(0px, 0px, 2px);
  -ms-transform: translate3d(0px, 0px, 2px);
}
.vshadow4s, .vshadow4a{
  box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, .15), 1px 2px 2px rgba(0, 0, 0, .5);
  transform: translate3d(0px, 0px, 4px);
  -webkit-transform: translate3d(0px, 0px, 2px);
  -moz-transform: translate3d(0px, 0px, 2px);
  -ms-transform: translate3d(0px, 0px, 2px);
}
.vshadow6s, .vshadow6a
.vshadow2a:hover {
  box-shadow: 0px 0px 9px 3px rgba(0, 0, 0, .15), 2px 3px 3px rgba(0, 0, 0, .5);
  transform: translate3d(0px, 0px, 6px);
  -webkit-transform: translate3d(0px, 0px, 2px);
  -moz-transform: translate3d(0px, 0px, 2px);
  -ms-transform: translate3d(0px, 0px, 2px);
}
.vshadow8s, .vshadow8a,
.vshadow4a:hover {
  box-shadow: 0px 0px 13px 4px rgba(0, 0, 0, .15), 3px 4px 4px rgba(0, 0, 0, .5);
  transform: translate3d(0px, 0px, 8px);
  -webkit-transform: translate3d(0px, 0px, 2px);
  -moz-transform: translate3d(0px, 0px, 2px);
  -ms-transform: translate3d(0px, 0px, 2px);
}
.vshadow6a:hover,
.vshadow2a:active {
  box-shadow: 0px 0px 18px 6px rgba(0, 0, 0, .15), 3px 5px 5px rgba(0, 0, 0, .5);
  transform: translate3d(0px, 0px, 10px);
  -webkit-transform: translate3d(0px, 0px, 2px);
  -moz-transform: translate3d(0px, 0px, 2px);
  -ms-transform: translate3d(0px, 0px, 2px);
}
.vshadow8a:hover,
.vshadow4a:active {
  box-shadow: 0px 0px 22px 7px rgba(0, 0, 0, .15), 4px 6px 6px rgba(0, 0, 0, .5);
  transform: translate3d(0px, 0px, 12px);
  -webkit-transform: translate3d(0px, 0px, 2px);
  -moz-transform: translate3d(0px, 0px, 2px);
  -ms-transform: translate3d(0px, 0px, 2px);
}
.vshadow6a:active {
  box-shadow: 0px 0px 27px 9px rgba(0, 0, 0, .15), 5px 7px 7px rgba(0, 0, 0, .5);
  transform: translate3d(0px, 0px, 14px);
  -webkit-transform: translate3d(0px, 0px, 2px);
  -moz-transform: translate3d(0px, 0px, 2px);
  -ms-transform: translate3d(0px, 0px, 2px);
}
.vshadow8a:active {
  box-shadow: 0px 0px 32px 11px rgba(0, 0, 0, .15), 5px 8px 8px rgba(0, 0, 0, .5);
  transform: translate3d(0px, 0px, 16px);
  -webkit-transform: translate3d(0px, 0px, 2px);
  -moz-transform: translate3d(0px, 0px, 2px);
  -ms-transform: translate3d(0px, 0px, 2px);
}

/* mobile responsive css media queries */
@media only screen and (max-width: 600px) {
  .row{
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  /*#decreaseFont, #increaseFont {font-size: 9px;}
  #decreaseFont .fa, #resetFont .fa, #increaseFont .fa {font-size: 7px;}
  #topbar .fas.fa-volume-up{font-size: 7px;}*/
  .ind_screen{
   /* font-size: 8px; */
   /*display: none;*/
 }
  /*.wc{display: none;}
  #skiptomaincontent{font-size: 8px;}
  #skiptomaincontent .fa{font-size: 7px;}*/
  .topbar-line{
   /* margin-left: 0; */
   display:none;}
  .topbar-line1{margin-left: 0;}
  .topbar-line2{margin-left: 21px;}
  .language_content{padding-top: 10px;}
  .language_content h2{font-size:12px;}
  .color-contrast-span{display:none;}
 /* .navbar.solid{
   width: 100%;
 }   */
 /* .navbar-brand
 {margin-right: 0;} */
 .heading p{font-size:0.6rem;}
 .heading-2{font-size:8px;}
 .national_emblem{width: 50px;height: 50px;}
.logo-width{width: 55px;}
 .carousel-indicators{display: none;}
 .col-auto{display: contents;}
  /* .navbar-toggler-icon{width: 1em;height: 1em;}
  .navbar{padding: 0px !important;}
  .navbar.container{
    width: 350px;
    padding: 0;
    margin: 0;
    position: absolute;
  } */
 /* .navbar-nav{
   background-color: #133342;
   display: contents;
 } */
 /* .navbar .dropdown-menu{background-size: cover;background-position: center;} */
 .nav-item.dropdown:hover .dropdown-menu{
  display: flex;
    opacity: 1;
    visibility: visible;
    flex-direction: column;
 }
 .dropdown-menu{background-image: none;}
 .drop-row {width: auto;}
 .menu-justify{justify-content: space-around;display: flex;}
 /* .navbar-collapse{margin-left: 0px;margin-right: 0px } */
 .mobile-button-col{display: contents;}
 .svg-content{display: none;}
 .ip_bg .row{margin-left: 0px !important;margin-right: 0px !important;}
 .governor_tab{padding: 0;}
 .contact_profile .contact_profile_card .h3
 {font-size: 12px;text-align: center;}
 /* .navbar-light .navbar-nav .nav-link{font-size: 10px;} */
 .dis_section__wrapper{overflow-y: scroll;}
 .dis_section__title {font-size: 15px;}
 .dis_section p {font-size: 12px;}

 .dept_prof {
  padding: 13px;
}
/* holidays  css */
 .calendar_main_col{padding-left: 0 !important;padding-right: 0 !important;}
 .holiday .calendar-contain {max-width: 100%;min-width: 100%;}
 .holiday  .title-bar{font-size: 12px;padding-top: 15px !important;padding-bottom: 45px !important;}
 .holiday .title-bar{display: flex;}
 .holiday_mon_yr{flex-direction: column;gap: 15px;}
 .holiday .title-bar__next:after {right:0;left:0;}
 .holiday .title-bar__prev{position: static;}
 .calendar-prev {
  /* display: flex;justify-content: center; */
  position: absolute;
        top: 81px;
        left: -16px;
}
 .calendar-next
 {display: flex;justify-content: center;}
 .holiday .calendar__sidebar{padding-bottom: 0;}
 .holiday .calendar-contain {height: 100%;}
 .holiday .calendar__days{overflow-x: scroll;min-height: auto;}

 .district_administrator .common{
  padding: 0;

}
.details_of_collectors .table_row
{
  display: flex;
  flex-direction: column;
}
.details_of_collectors .collector_name {
  width: auto;
}
.details_of_collectors table tr td:nth-child(2){
  width: auto;
}
.griev-margin{
  margin-left: 0px;
   margin-right: 0px;
 }
 .chief_sec_to_govt .table,.departments .table,.hod .table,
  .undertaking_autonomous_bodies .table,.state_guest_houses .table,.southern_states .table{
    width:100%;
    overflow-x: scroll;
    display:block;
   }  
   .rt-container {
  margin: 0 !important;
  padding-left:0 !important;
  padding-right:0 !important;
}
[class^="col-rt-"]
{
  padding: 0 !important;
}
.contact_profile_card{
  display:flex;
  justify-content:center;
}
.contact_profile_data .contact_profile_card p {
  padding-left:0;
}
.contact_profile_data .contact_profile_data__field .btn--primary{
  border-radius:0 !important;
}
.contact_profile_data__field{
    padding-left:0px !important;
    text-align:center;
  }
  .contact_profile_data .contact_profile_data__field .btn--inside{
    margin-left:0px !important;
  }
  .contact_profile_card .container{
padding-left:0px;padding-right:0px;
  }  
  .contact_profile_card img {
        width: 100%;
        height: 75%;
    }
    .vcardContainer
  {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .mmCard{height: auto;}
}
/* Medium devices (landscape tablets, 768px and up) */

@media only screen and (max-width: 768px) {
  .tablet-menu-width{
    width: 100%;
    margin-left: 8px; 
  }
 .ip_bg .row{margin-left: 0px !important;margin-right: 0px !important;}
 .menu-justify{display: flex;
  /* justify-content: space-between;} */
}

.dept_prof {
  padding: 13px;
}
.district_administrator .common{
  padding: 0;
}
.griev-margin{
  margin-left: 0px;
   margin-right: 0px;
 }
}
 /* laptop responsive css media queries */
@media only screen and (min-width: 992px){
  /* .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
}
.navbar-expand-lg .navbar-nav {
  flex-direction: row;
  position: relative;
} */
  .menu-justify
  {
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
}


.menu-justify  .col-auto{padding-right: 0px !important;padding-left: 0px !important;}
/* .navbar-brand {margin-right: 0 !important;} */
.py-lg-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
}
/* .navbar .container .row{margin-left: 0px !important;margin-right: 0px !important;} */
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) and (max-width: 1600px){
/* .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
} */
/* .navbar-brand {margin-right: 0;} */
  .menu-justify {
    /* justify-content: center; */
    justify-content: space-evenly;
    display: flex;
}
 /* .menu-justify  .col-auto{padding-right: 0 !important;padding-left: 0 !important;}  */
}
@media screen and (min-width: 2560px) {
  .menu-justify  .col-auto{padding-right: 15px !important;padding-left: 15px !important;} 
}
@media only screen and (max-width: 600px) {
	  .opi-align{display: flex;flex-direction: column;align-items: center;}
	    .inside-discuss .poll_disable{width: 30%;}
    }