.navbar-light .navbar-nav .nav-link {color:#000 ; font-size:1.1rem; font-weight:bold;}
.topBarbg {background-color:#f3f2f2; padding:0 1rem;} 
.navbar-form a , .navbar-form .nav-link {color:#000 ; padding: 0 .3rem ; }
.customFooter {background-color:midnightblue; color:#fff; }
.footerUL {padding:0; margin:0;}
.customFooter  h4 {border-left: 3px solid orange; padding-left:5px;}
.customFooter  a {color:#fff;} .customFooter  hr {border-top:1px solid #f1f1f1;}
.footerUL li {list-style:none;}
.bg-customivory {background-color:#ebebeb;}
.bg-customivory  .breadcrumb { margin-bottom:0;}
.bg-customivory  .breadcrumb , .bg-customivory  .breadcrumb a  {background-color:transparent; color:#333;} 
.highlighted {background-color:#00446d;}
#block-des-main-menu li {float:left;}

.field--name-field-media-image .field__label {display:none;}
.search-form #txt {display:none;}
.custom-title {text-align:left !important;}
 #block-visitors .list-group-item{background-color:transparent !important; border:0;  font-weight:bold;}

#block-des-main-menu .navbar-nav {flex-direction:row;}
/* .customp {text-align:justify !important;} */

tr {background-color:transparent !important;}
.bg-customivory .breadcrumb-item.active {color:#1b1b1b;}
.importantlinks {background-color:#3F51B5;}.importantlinks h2 {padding-top:20px; color:#fff;}
.fourdiv {padding:40px 0; background-color:aliceblue;}
.bgstatnew .card {background-color: #2196F3; color:#fff;border:0;}
ol.breadcrumb a:first-child::before {display:none !important;}
.formfront .nav-link-main-content {}
.carousel-item>img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		background-repeat: no-repeat;
		height: 21rem;
		background-size: cover;
	}
	.carousel-item {
		height: 21rem;
	}
.carousel-indicators li {
  width: 10px;
  height: 10px;
  border-radius: 100%;
}
.carousel-caption  {background-color: rgb(0 0 0 / 38%); width:100%; left:0;  right:0; }
.h3-responsive {text-transform:uppercase; font-weight:normal; font-size:1rem;}
html {	scroll-behavior: smooth;}
.qtxt {margin-bottom:0;padding:10px 0 10px 10px; border-bottom:1px dotted #f7f7f7;}
.qtxt a {color:#fff;}
.affix {
	-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);

}

.custompublications  { }

.marquee {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
}
.marquee:hover .marquee__item {
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.marquee__seperator {
  margin: 0 2rem;
}
.marquee__item {
  display: inline-block;
  will-change: transform;
  -webkit-animation: marquee 20s linear infinite;
          animation: marquee 20s linear infinite;
}

@-webkit-keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
.morange {  background-color: #3d515b; padding:10px 0;  color: #fff;}
.marquee {
 
  padding: 1rem 0;

}

.tamillogo:lang(ta){display:none;} 
.englishlogo:lang(en){display:none;} 



.customwhite .navbar-nav  a[class*="nav-link--desportal-ta-"] , .customwhite .navbar-nav .nav-link--desportal-ta {font-size:0.9rem;}


@media only screen and (max-width: 768px) {
	.navbar-form a, .navbar-form .nav-link {
    color: #000;
    padding: 0 1px;
}
#block-des-main-menu li.nav-item a {color:#fff;  margin:2px 5px; padding:0 5px; }   #block-des-main-menu li.dropdown-item a {color:#333; }
#block-textresize , #block-highcontrast , .nav-link-main-content,  .navbar-toggler:not(:disabled):not(.disabled) {display:none;}
}
@media only screen and (min-width: 768px) {
#block-des-main-menu li.nav-item a:lang(ta) {margin:5px 5px; padding:0 5px; }
#block-des-main-menu li.nav-item a {color:#fff;  margin:15px 5px; padding:0 5px; }  #block-des-main-menu li.dropdown-item a {color:#333; } } 

.footerUL li a {border-bottom:0 !important; color:#fff;padding:3px 0 !important; text-indent:0 !important; }

.org-hirearchy { margin: 0 -90px;  } .tree ul { padding-top: 20px; position: relative; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; } .tree li { float: left; text-align: center; list-style-type: none; position: relative; padding: 20px 5px 0 5px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; } /*We will use ::before and ::after to draw the connectors*/ .tree li::before, .tree li::after{ content: ''; position: absolute; top: 0; right: 50%; border-top: 2px solid #ccc; width: 50%; height: 20px; } .tree li::after{ right: auto; left: 50%; border-left: 2px solid #ccc; } /*We need to remove left-right connectors from elements without any siblings*/ .tree li:only-child::after, .tree li:only-child::before { display: none; } /*Remove space from the top of single children*/ .tree li:only-child{ padding-top: 0;} /*Remove left connector from first child and right connector from last child*/ .tree li:first-child::before, .tree li:last-child::after{ border: 0 none; } /*Adding back the vertical connector to the last nodes*/ .tree 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; } .tree li:first-child::after{ border-radius: 5px 0 0 0; -webkit-border-radius: 5px 0 0 0; -moz-border-radius: 5px 0 0 0; } /*Time to add downward connectors from parents*/ .tree ul ul::before{ content: ''; position: absolute; top: 0; left: 50%; border-left: 3px solid #ccc; width: 0; height: 20px; } .tree li a{ border: 3px solid #ccc; padding: 5px 10px; text-decoration: none; color: #666; font-family: arial, verdana, tahoma; font-size: 16px; display: inline-block; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; } /*Time for some hover effects*/ /*We will apply the hover effect the the lineage of the element also*/ .tree li a:hover, .tree li a:hover+ul li a { background: #98fdc2; color: rgb(189, 63, 5); border: 3px solid #1bb177; } /*Connector styles on hover*/ .tree li a:hover+ul li::after, .tree li a:hover+ul li::before, .tree li a:hover+ul::before, .tree li a:hover+ul ul::before{ border-color: #83aa87; }