.dropdown-submenu {
    position: relative;
}
.dropdown-menu{ min-width: 200px; background: #f5f5f5; }
.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}
.first-child:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.navbar-default {
    background-color: #1a6dab;
    border-color: #3979a7;
    border-radius: 0;
    margin-bottom: 0px; 
}
.navbar-default .navbar-nav>li>a {
    color: #fff7f7;
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #000;
    background-color: #f5f5f5;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
     color: #000;
    background-color: #f5f5f5;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
   color: #000;
    background-color: #f5f5f5;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
  background-color: #1a6dab;
   color: #FFF;
    border-color: transparent;
}


.dropdown-menu>li>a {
    display: block;
    padding: 7px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #000;
    background: #f5f5f5;
    border-bottom: 1px solid;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #1a6dab;
}


.banner
{
    width: 100%;
    height: 400px;
    margin: 0px auto;
    clear: both;
    padding: 0px;
    background-image: url(../images/highways.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; 

}

.bg-login-page{
    width: 100%;
    height:680px;
    margin: 0px auto;
    clear: both;
    padding: 0px;
    background-image: url(../images/tamilnadu-377455_960_720.jpg);
    background-repeat: no-repeat;
    background-position:bottom  center;
    background-size: cover; 
    position: absolute;
    z-index: -1;
    overflow: hidden;

}

.login-table{background: rgba(227, 229, 232, 0.69);
    max-width: 800px;
 margin: 30px 0 0  0;
}

.inner-content{

    padding: 30px 0;
}
.inner-content table td{

    padding: 8px;
}

.inner-content table tr:nth-child(even){

background: #eee;
}


.bg-tr{ background: #90cfff;}

[bgcolor~=BlanchedAlmond] {
   background: #90cfff;
}


td font {
    font-size: 14px;
}


footer {
    background: #434250;
    height: 50px;
    margin: 50px 0 0 0;
}

@media (min-width: 768px)
{
.navbar-collapse {
 padding: 0;
 margin: 0;
}

}


.headertop
{
    border-top: 5px solid #0073b3;
}

.login-head {
    background-color: #bcddff;
    text-align: center;
    padding: 10px;
    margin: 0 0 15px 0;
    color: #000;
    border-bottom: 2px solid #0073b3;
    border-top: 2px solid #0073b3;
}


.login-head img {
    height: 50px;
}

.submit-btn input{ max-width: 150px; margin: 0 auto; }


.wel-col{ color: #abdaff; background: rgba(2, 90, 140, 0.74);
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px
}


.welcome-message{ background: -webkit-linear-gradient(left, #b77600 , #cbdbe8);
    color: #fff;
    margin: 0;
    font-size: 18px;
    border: 0;
    border-radius: 0; }


 .alert-dismissable .close, .alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: #f35220;
    OPACITY: 1;
}



.technical, .financial, .factor, .pcf{ font-size: 18px; padding: 15px 10px !important;     background: #e69898; } 

tr[bgcolor="lightgrey"] {
    background-color: #b4c9f5;
}

.ui-tooltip, .arrow:after {
    background: black;
    border: 2px solid white;
  }
  .ui-tooltip {
    padding: 10px 20px;
    color: white;
    border-radius: 20px;
    font: bold 14px "Helvetica Neue", Sans-Serif;
       box-shadow: 0 0 7px black;
  }
  .arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
  }
  .arrow.top {
    top: -16px;
    bottom: auto;
  }
  .arrow.left {
    left: 20%;
  }
  .arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .arrow.top:after {
    bottom: -20px;
    top: auto;
    
  }
  
  
  
  
  
  
  .iconcontactus
  {
    position: absolute; 
    right: 10px; 
    top: 45px; 
    z-index: 999;
  }
  
  
  
  
 @media (width: 412px)
{
.iconcontactus
{
        position: absolute; 
    right: 39px;
    top: 40px; 
    z-index: 999; 
    
}  

 } 
  
  

  
  
  

.marquee_bg_main
{
    background:url(../images/marquee_bg.png) no-repeat;
    background-repeat: repeat-x;
    margin: 0px auto; 
    width: 1024px; 
    min-height: 50px;
    line-height: 50px; 
    border-bottom-left-radius: 10px; 
    border-bottom-right-radius: 10px;
     
}



.marquee_bg_main_heading
{
    float: left; background-color: blue; width: 13%;
    border-bottom-left-radius: 10px; 
    text-align: center;
    color: #fff;
    font-weight: bold;
}

.marquee_bg_main_matter
{
    float: right; 
    width: 86%;
    
}



/*==== Drop Down Menu ====*/







/*For marquee */  


div#vertical_scroller
{            	   
	position:relative;                        
	height:320px;
	width:92%;
	display:block;
	overflow:hidden;
	border:none; 
    margin: 15px 15px 5px 3%;
    border: 3px solid #fff; 
    background:url(../images/trans_orange.png);
    border-radius: 10px;                  
}
div#scrollingtext{
	position:absolute;
    width: 100%;
    /*height:auto;*/
    vertical-align: top;
}


div#vertical_scroller14 {
    position: relative;
    height: 150px;
    width: 100%;
    display: block;
    overflow: hidden;
    border: none;
}

div#vertical_scroller14 {
    position: relative;
    height: 150px;
    width: 100%;
    display: block;
    overflow: hidden;
    border: none;
}

.newslinks_main_pannel
{
    width: 98%; clear: both; border-bottom: 1px solid #485a73; margin: 8px 0px 0px 1%; float: left; 
    
}

.newslinks_text a
{
    width: 93%;
    color: #000;
    text-decoration: none;
    float: left;
    font-family: Verdana;
    border: 0px solid red!important;
    font-size: 14px;
    margin: 0px 0px 0px 0px;
    line-height: 20px;
    padding: 2px 0px 2px 5px;
}

.newslinks_text
{
    width: 93%;
    color: #000;
    text-decoration: none;
    float: left;
    font-family: Verdana;
    border: 0px solid red!important;
    font-size: 14px;
    margin: 0px 0px 0px 0px;
    line-height: 20px;
    padding: 2px 0px 2px 5px;
}


.newslinks_text a:hover
{
    color: #f31700;
}
.newslinks_imges
{
    width: 2%; height: 16px; border: 0px solid red; margin: 5px 0px 0px 5px; float: left;
}




.marqueepanelmaine_right
{
    background:url(../images/trans.png);
    float: right;
    margin: 0 0px 0px 0px;
    border: 3px solid #fff;
    border-radius: 10px;
    width: 100%;
    min-height: 370px;
}



.play_button
{
    width: 14px;
    height: 14px;
    margin: 10px 40px 2px 0px;
    float: right;
}

.pause_button
{
    width: 16px;
    height: 16px;
    margin: 10px 10px 2px 0px;
    float: right;
}
  
  
.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
    padding: 10px;
    margin-bottom: 10px;
}  



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

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panel-body {
    padding: 15px;
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}


.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

input[type='submit'] {
    min-width: 80px;
    height: 26px;
    background: #434250;
    color: #fff;
    border: 1px solid #434250;
    border-radius: 5px;
    margin-left: 15px;
}




.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}