body
{
font-family: 'Segoe Ui';	
}

.blue-dash span {
  position: absolute;
  float: left; 
  width: 50px;
  height: 5px;
  margin-bottom: 50px;
  background-color: #79adc9; 
}

@font-face 
{
font-family: tamil;
src: url(fonts/tamil.ttf);
}


@font-face 
{
font-family:TAU-Marutham;
src: url(fonts/TAU-Marutham.ttf);
}

@font-face 
{
font-family:amasis;
src: url(fonts/amasis.ttf);
}


@font-face
{
font-family: tamil1;
src: url(fonts/tamil1.ttf);
}
.GIGW
{
color:#FFF !important;
font-weight: bold;
}
.nav-link
{
font-family: Segoe Ui;
font-size:15px;
letter-spacing:0.8px;
font-weight: bold;
padding: 10px 20px 10px 20px !important;
}

#GIGW-VISUAL
{
color:yellow !important;
font-weight: bold;
border-color: yellow;
}

a{
text-decoration: none !important;
}



.bg-gray-50 {
    background-color: #f4f5fb !important;
}



.nav-tabs .nav-link {
    padding: 1.25rem 0;
    border-bottom: 1px solid transparent;
    border-left-width: 0;
    border-right-width: 0;
    border-top-width: 0;
}
.nav-tabs .nav-link {
    margin-bottom: -1px;
    background: none;
    border: 1px solid transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.nav-link:hover, .nav-link:focus {
    color: #5c60f5;
}



.mb-4 {
    margin-bottom: 1rem !important;
}
.mb-4 {
    margin-bottom: 1.5rem !important;
}
h4, .h4 {
    font-size: 1.125rem;
}
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 600;
    line-height: 1.3;
    color: #16192c;
}
h4, .h4 {
    font-size: calc(1.275rem + 0.3vw);
}
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
}
h4 {
    display: block;
    margin-block-start: 1.33em;
    margin-block-end: 1.33em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}

body 
{
background-color: #fafafa !important;
/*font-family: 'IBM Plex Sans', sans-serif !important;*/
font-family: Segoe Ui;

}

.card {
    --bs-card-spacer-y: 1rem;
    --bs-card-spacer-x: 1rem;
    --bs-card-title-spacer-y: 0.5rem;
    --bs-card-border-width: 1px;
    --bs-card-border-color: var(--bs-border-color-translucent);
    --bs-card-border-radius: 0.375rem;
    --bs-card-box-shadow: ;
    --bs-card-inner-border-radius: calc(0.375rem - 1px);
    --bs-card-cap-padding-y: 0.5rem;
    --bs-card-cap-padding-x: 1rem;
    --bs-card-cap-bg: rgba(0, 0, 0, 0.03);
    --bs-card-cap-color: ;
    --bs-card-height: ;
    --bs-card-color: ;
    --bs-card-bg: #fff;
    --bs-card-img-overlay-padding: 1rem;
    --bs-card-group-margin: 0.75rem;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: var(--bs-card-height);
    word-wrap: break-word;
    background-color: var(--bs-card-bg);
    background-clip: border-box;
    border: var(--bs-card-border-width) solid var(--bs-card-border-color);
    border-radius: var(--bs-card-border-radius);
}

 .callout {
  padding: 20px;
  margin: 20px 0;
  border: 1px solid #6f42c1;
  border-left-width: 5px;
  border-radius: 3px;
}

.card-body{flex:1 1 auto;padding:1.5rem 1.5rem;color:#525f7f}
.card-title{margin-bottom:1.5rem}.card-subtitle{margin-top:-0.75rem;margin-bottom:0}
.card-text:last-child{margin-bottom:0}
.card-header{padding:1.25rem 1.5rem;margin-bottom:0;color:#16192c;background-color:transparent;border-bottom:0 solid #eceef3}
.card-header:first-child{border-radius:.75rem .75rem 0 0}
.card-footer{padding:1.25rem 1.5rem;color:#16192c;background-color:transparent;border-top:0 solid #eceef3}
.card-footer:last-child{border-radius:0 0 .75rem .75rem}
.card-header-tabs{margin-right:-0.75rem;margin-bottom:-1.25rem;margin-left:-0.75rem;border-bottom:0}
.card-header-tabs .nav-link.active{background-color:#fff;border-bottom-color:#fff}

<style>

#alink
{
color:  #00297a !important; 
font-family: Segoe Ui;
font-size: 18px;
font-weight: bold;
}


#blink_this {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

ul.timelinelist {
    list-style-type: none;
    position: relative;
    z-index: 10;
}
ul.timelinelist:before {
    content: ' ';
    background: #d4d9df;
    display: inline-block;
    position: absolute;
    left: 29px;
    width: 2px;
    height: 100%;
    z-index: 400;
}
ul.timelinelist > li {
    margin: 20px 0;
    padding-left: 20px;
}
ul.timelinelist > li:before {
    content: ' ';
    background: white;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #e10879;
    left: 20px;
    width: 20px;
    height: 20px;
    z-index: 400;
}


label
{
  font-family: 'popins', sans-serif;
  color: #000;
}

.alert-heading
{
letter-spacing:0.9px;
}

h6
{
  font-weight:bold;
  font-family: 'Segoe Ui', sans-serif;
  color:  #0969da;
  padding: 10px 10px 10px 10px;
  letter-spacing: 0.8px !important;

}

.legend
{
 background-image: linear-gradient(to right, #6610f2, #6610f2);
 color:#FFF;
 border-radius: 15px;
 font-weight:600;
 font-family:System-Ui;
 letter-spacing:1.0px;
}



.nav-tabs 
{
margin-bottom: 0;
}
#tabs
{
background: #FFF;
color: #0c94e2;
}
#tabs h6.section-title
{
color: #eee;
}
#tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active 
{
    color: #00356b;
    background-color: transparent;
    border-color: transparent transparent #0c94e2;
    border-bottom: 8px solid !important;
    border-right: 1px solid !important;
    border-left: 1px solid !important;
    border-top: 1px solid !important;
    font-size: 20px;
    font-weight: bold;
}
#tabs .nav-tabs .nav-link 
{
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    color: #eee;
    font-size: 20px;
}

.nav-tabs .nav-link.active 
{
background-color:transparent !important;
color: #007b5e !important;
}
.nav-tabs .nav-link.active 
{
background-color:transparent !important;
color: #007b5e !important;
}
.bordered-tab-contents > .tab-content > .tab-pane 
{
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-radius: 0px 0px 5px 5px;
    padding: 10px;
}
.bordered-tab-contents > .nav-tabs 
{
    margin-bottom: 0;
}

.nav-tabs>.active>a, .nav-tabs>.active>a:hover, .nav-tabs>.active>a:focus 
{
border-color: #00356b;
border-radius: 0px 0px 15px 15px;
}
.nav-tabs 
{
border-bottom: 1px solid #00356b;*}

.nav-tabs a:hover
{
 border-bottom: none;
 
}

.nab-tabs .nav-link .active a:focus
{
  
  border-radius: 0px 0px 15px 15px;
}
.tab-content
{
  background-color: ;
}

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

table th 
{
 text-overflow: ellipsis;
 background-color:#103fab !important;
 font-family: Segoe Ui;
 color: #FFFFFF;
 text-align: center;
 font-size: 18px;

}
tbody td {
  font-weight: 500;
  color: #444;
  line-height: 1.7;
  font-family: Segoe Ui;
  letter-spacing: 0.3px;
}