@charset "utf-8";
/* CSS Document */


body {
  height: 100%;
  color:#000;
  margin:0;
  padding:0;
  background-color:#f2f2f2;
  min-height: 100%;
}

.table-holder1
{

overflow:auto;
}

.loginNav li a
{
font-family: 'Montserrat',sans-serif;
letter-spacing: 0.6px;
font-size:12px;
}

.btn
{
 letter-spacing: 0.6px;
    font-family: 'Montserrat',sans-serif;
	font-size:10px;

}

.form-group label
{
font-family: 'Montserrat',sans-serif;
letter-spacing: 0.6px;
font-size:13px;
text-align:left;
}


td>a
{
font-weight:bold;
font-size:12px;
}

.table-striped>tbody>tr:nth-of-type(odd)

{
background-color:#e6fff2 !important;
}


.form-group a
{
font-family: 'Montserrat',sans-serif;
letter-spacing: 0.6px;
font-size:12px;
}

#bannerImage img
{
height:100px !important;
}

#about-content>.container
{
background-color:#fff;
margin-bottom:10px;
}

#relatedLinks>.container
{
margin-bottom:10px;
}

#about-content
{
	    padding-top: 5px;
   
min-height: 478px;
height: auto;
	text-align:justify;
background-image: url(/wss/images/footer-background.png);
    background-position: 100% bottom;
    background-repeat: no-repeat;

   }



.viewMoreNews
{
background-color: #767676; /* For browsers that do not support gradients */
background-image: linear-gradient(to right, #8e8e8e , #767676);
margin-bottom:0px !important;
padding:2px 17px;
border-radius:2px;
color:#fff;
margin-top:2px;
}

button.btn.viewMoreNews:hover
{
color:#ffffff;
}

.accountLogin
{
position:relative;
}

.accountLoginBtn

{
position:absolute;
text-align:right;
    top: 20px;
}

.accountLoginOut
{
position:absolute;
    top: 5px;
	right:0;
}

/*.accountLoginBtn>div
{
text-align:right;
padding-right:50px;
}*/

.accountLoginBtn a {
    color: #4CAF50; 
    font-size: 13px;
    font-weight: bold;
}


.locationFinder
{
margin: 0 0 0px;
    background: linear-gradient(178deg, rgba(5,181,205,1) 0%, rgba(5,181,205,1) 25%, rgba(12,117,183,1) 100%);
    text-align: right;
    border:1px solid #f2f2f2;
    color: #fff;
    border-radius: 4px;
    padding: 3px 5px;
position:absolute;
right:15px;
bottom:0px;
text-align:center !important;

}


.locationFinder a
{
color:#fff;

    letter-spacing: 0.6px;
}

.empLogin
{
margin: 0 0 0px;
    /*background: linear-gradient(178deg, rgba(5,181,205,1) 0%, rgba(5,181,205,1) 25%, rgba(12,117,183,1) 100%); */
    text-align: right;
    border:1px solid #f2f2f2;
    color: #fff;
    border-radius: 4px;
    padding: 3px 5px;
	
}

.headTitle
{
padding-top:25px;
padding-left:5px;
}

.tollFree
{
padding:0px;
}

.appDownLoad
{
padding:0px;
}

#engLang
{
display:none;
font-size:14px;
}

#telLang
{
display:block;

}


#text-resize-decrease
{  
   background-color:#4CAF50 !important;   
    cursor: pointer;
    font-size: 12px;
   color:#fff;
    border-radius: 3px;
    text-align: center;
    text-decoration: none;
	padding:4px;
}

#text-resize-normal
{  
   background-color:#4CAF50 !important;  
    cursor: pointer;
    font-size: 12px;
   color:#fff;
    border-radius: 3px;
    text-align: center;
    text-decoration: none;
	padding:4px;
}

#text-resize-increase
{  
   background-color:#4CAF50 !important;    
    cursor: pointer;
    font-size: 12px;
   color:#fff;
    border-radius: 3px;
    text-align: center;
    text-decoration: none;
	padding:4px;
}
.fontSize
{
padding:0px;
text-align:center;
}

.empLogin a
{
color:#fff;
letter-spacing: 0.6px;
}


.myAccountLogin
{
margin: 0 0 0px;
 /* background: linear-gradient(183deg, rgba(203,114,27,1) 0%, rgba(203,114,27,1) 6%, rgba(204,79,65,1) 77%, rgba(204,79,65,1) 100%);*/
    text-align: right;
    border:1px solid #f2f2f2;
    color: #fff;
    border-radius: 4px;
    padding: 3px 8px;
	box-shadow: rgba(0, 0, 0, 0.176) 0 3px 5px 0;
	margin-left:20px;
}




.myAccountLogin a
{
color:#fff;

    letter-spacing: 0.6px;
}

 .owl-carousel .item a img
  {

height:40px;
  }

  .navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover
  {
	/*background-color:#e9593e;*/
	/*background-color:#c60c46;*/
	background-color:#4CAF50;

	
  }


 .staticLoginIcon
 {
   position: absolute;
    left: 10px;
    top: 7px;
    color: #666;
    font-size: 30px;
	color:#fff;
	
}


.staticLogin:hover
{
color:#fff;
}

.staticLogin
{
position:relative;
background-image: linear-gradient(to right bottom, #d35143 10%, #cb721b 75%);
padding:3px 5px 3px 25px;
color:#fff;
border-radius:5px;
}
.panel
{
margin-bottom:0px;
}
.mainpanel
{
padding-bottom:0px;
}

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

.table
{
margin-bottom:0px;
}

.footer {
position:absolute;

right: 0;
/*bottom:0;*/
left: 0;
color:#fff;
font-size:14px;
background-color:#3a3a3a !important;
/* background: linear-gradient(92deg, rgba(26,96,158,1) 0%, rgba(26,96,158,1) 27%, rgba(69,203,152,1) 100%);*/ /* w3c */
}

.citiServices .panel-group
{
/*box-shadow: rgba(0, 0, 0, 0.176) 1px 1px 9px 0px;*/
box-shadow:rgba(0, 0, 0, 0.176) 0px 5px 12px 4px;
}

.notifications .panel-group
{
box-shadow: rgba(0, 0, 0, 0.176) 1px 1px 9px 0px;
}

.latestNews .panel-group
{
box-shadow: rgba(0, 0, 0, 0.176) 1px 1px 9px 0px;
margin-bottom:5px;
margin-top:2px;
}
.notifications .panel-heading
{
  background: linear-gradient(136deg, rgba(24,237,202,1) 0%, rgba(24,237,202,1) 1%, rgba(78,163,105,1) 44%, rgba(78,163,105,1) 100%);
  }

.notifications .panel-heading h5
{
  color:#fff;
  margin-top:0px !important;
  margin-bottom:0px !important;
  font-family: 'SIFONN_BASIC', sans-serif;
  letter-spacing: 1px;
  font-size:19px;
}

.fa-file-text-o
{
 color:#fff !important;
 font-weight:bold;
 }

 .serv
 {
height:269px;
 }
.viewMoreBtn
{
 margin-bottom:0px;

 letter-spacing: 0.6px;
 text-align:right;
 }

.quickPay .panel-group
{
box-shadow: rgba(0, 0, 0, 0.176) 1px 1px 9px 0px;
}


.navbar-inverse
{

background-color:  #1b2d38;
/*background-color:  #1a609e; */
/*background: linear-gradient(89deg, rgba(0,148,123,1) 0%, rgba(0,148,123,1) 54%, rgba(209,216,135,1) 100%);*/

}

.footer p
{
    font-family: 'PT Sans', sans-serif;
    font-weight: normal;
    font-size: 12px;
    letter-spacing: 1px;
	padding:10px;
}

.modal-content
{
border:0px !important;
}
.u-modal .modal-header
{
/*border-top:3px solid #ec5237;*/
background-color:  #1a609e; /* For browsers that do not support gradients */
/*  background-image: linear-gradient(-180deg, #45cb98, #1a609e);*/
background: linear-gradient(92deg, rgba(26,96,158,1) 0%, rgba(26,96,158,1) 27%, rgba(17,148,98,1) 100%); /* w3c */
}

.u-modal .modal-header h4
{
margin-top:0px !important;
margin-bottom:0px !important;
color:#fff;
letter-spacing: 0.6px;
padding:8px;
}

.navbar
{
	
	border:0px;
    border-radius: 0px;
    /*padding-top: 5px;
    padding-bottom: 5px;*/
/*	border-top:3px solid #ec5237;*/
}

.sidebar-box {
  max-height: 120px;
  position: relative;
  overflow: hidden;
}

.container
{
padding-left:0px;
padding-right:0px;
width:1160px;

}

.navbar-right .dropdown-menu
{
left:0;
}
.navbar-inverse .navbar-nav>li>a
{
color:#ffffff;
padding: 10px;

    position: relative;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 600;

    letter-spacing: 0.6px;

}

.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover
{
color:#fff;
}

.dropdown-menu
{
border:0px !important;
}

#popup_panel input {
    background: #fff;
    color: #2f4050 !important;
	padding: 5px 18px !important;
}



.imageUpload
{
	background-color:#fff;
	padding:20px 50px;
}

.panel-default
{
border-radius:0px;
}

.panel-group .panel-default .panel-body
{
padding: 10px 20px !important;
}


#myLogin .modal-header
{
	padding:10px;
	background-color:#86ad52;
	color:#fff;
}

#myLogin .modal-header .close
{
	margin-top:2px;
	color:#fff;
}

header{
padding:5px;
}

.button {background-color:#132f6a;} 

.button{border-radius: 5px;
    border: 1px solid gray;
    padding:0 3px 0 3px;
    display:inline-block;
	color:white;
    text-decoration:none;}

input.button:hover {
background: #920474;

} 

.navbar-nav>li>a {
    padding-top:8px !important;
    padding-bottom:8px !important;
}


.rounded
{
background:#dddddd;
border-radius:25px;
}

.head1{ border-bottom:1px solid #eeeeee; float:left; width:100%; }
.head1 button{ border-radius:0px; }
.head1 .btn{ border:none;border-right:1px solid #eeeeee; margin-right:1px;}
.head1 button:last-child {border-right:0px solid #f9f9f9; }
.head2{ background:#f9f9f9;float:left; width:100%;border-bottom:1px solid #eeeeee;}
.head2 .glyphicon-earphone, .head2 .glyphicon-send{ font-size:40px; color:#000; }

.text-style1{  color:#3289D1; font-weight:bold; font-size:16px;}  
.faceb, .twitt{ background:#fff;}	
.faceb img, .twitt img{width:18px;}

.navbar-default { background:#FFF !important; border:none !important; text-transform:uppercase; }
.navbar{ margin-bottom:0px !important; }
.marque1{padding-top:15px;background:#eeeeee; }
.news1{ background:#ea865c; padding:10px 0px; }
.news-body{ background:#FFF; padding:15px; border-radius:4px; box-shadow:0px 0px 12px 2px #8C5239; margin:0px 0px; 
font-weight:normal;
}
.thumbnail p{ font-weight:normal !important; }
.hindi{ font-weight:normal; color:#000; font-size:18px; text-align:center; display:block; width:90%; margin-bottom:20px; }
.links1 .list-group-item{ background:none; border:none; color:#FFF; font-weight:normal; font-size:16px;padding:4px;}
.links1 .list-group-item i{ color:#333; margin-right:10px; } 
.links1 .list-group-item:hover{background:none; border:none; color:#333;}
.media img{ width:50px;}


ul li
{
font-family: 'Montserrat',sans-serif;
    font-size: 14px;
}

.footer1
{
background:#030306;
opacity:0.8;
padding:10px 5px;
text-align:center;
}

.footer2{ background:#025DA2; padding:10px 5px; font-weight:normal;color:#FFF; }

/*End Carousel styles*/
.navbar-default .navbar-nav>li>a { font-weight:bold;}

/* Carousel Styles */
.carousel-indicators .active {
    background-color: #2980b9;
}

.carousel-inner img {
    width: 100%;
    max-height: 380px
}

.carousel-control {
    width: 0;
}

.carousel-control.left,
.carousel-control.right {
	opacity: 1;
	filter: alpha(opacity=100);
	background-image: none;
	background-repeat: no-repeat;
	text-shadow: none;
}

.carousel-control.left span {
	padding: 15px;
}

.carousel-control.right span {
	padding: 15px;
}

.carousel-control .glyphicon-chevron-left, 
.carousel-control .glyphicon-chevron-right, 
.carousel-control .icon-prev, 
.carousel-control .icon-next {
	position: absolute;
	top: 45%;
	z-index: 5;
	display: inline-block;
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
	left: 0;
}

.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
	right: 30px;
}


.carousel-control.left span:hover,
.carousel-control.right span:hover {
	opacity: .7;
	filter: alpha(opacity=70);
}

/* Carousel Header Styles */
.header-text {
    position: absolute;
    top: 20%;
    left: 1.8%;
    right: auto;
    width: 96.66666666666666%;
    color: #fff;
}

.header-text h2 {
    font-size: 40px;
}

.header-text h2 span {
   /* background-color: #2980b9;*/
	padding: 10px;
}

.header-text h3 span {
	background-color: #000;
	padding: 15px; display:none;
}

.btn-min-block {
    min-width: 170px;
    line-height: 26px;
}

.btn-theme {
    color: #fff;
    background-color: transparent;
    border: 2px solid #fff;
    margin-right: 15px;
}

.btn-theme:hover {
    color: #000;
    background-color: #fff;
    border-color: #fff;
}
.dropdown:hover .dropdown-menu {
    display: block;
    margin-top:0px;
 }
.media-carousel 
{
  margin-bottom: 0;
  /*padding: 0 40px 30px 40px;
  margin-top: 30px;*/
}
/* Previous button  */
.media-carousel .carousel-control.left 
{
  left: -12px;
  background-image: none;
  background: none repeat scroll 0 0 #D2D1D1;
  border: 4px solid #FFFFFF;
  border-radius: 23px 23px 23px 23px;
  height: 40px;
  width : 40px;
  margin-top:120px
}
/* Next button  */
.media-carousel .carousel-control.right 
{
  right: -12px !important;
  background-image: none;
  background: none repeat scroll 0 0 #D2D1D1;
  border: 4px solid #FFFFFF;
  border-radius: 23px 23px 23px 23px;
  height: 40px;
  width : 40px;
  margin-top:120px
}
/* Changes the position of the indicators */
.media-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the colour of the indicators */
.media-carousel .carousel-indicators li 
{
  background: #c0c0c0;
}
.media-carousel .carousel-indicators .active 
{
  background: #333333;
}
.media-carousel img
{
  width:250px;
  height:100px;
}
/* End carousel */
.thumbnail{ text-align:center;}
.thumbnail span{padding-top:10px;color:#666; display:inline-block;}
.header-text{display:none; }


.hnav {
    border: 1px solid rgba(0,0,0,.1);
    margin: 0;
    z-index: 300;
    background: #d49438;
    border-radius: 0!important;
}

.hnav .navbar-nav>li>a {
    text-transform: uppercase;
    color: #fff;
    font-weight: 500;
    padding: 5px 15px;
    line-height: 35px;
    font-size: 15px;
    border-radius: 0;
}

.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;

}



.hnav .navbar-nav.line-bottom>li.active>a:after, .hnav .navbar-nav.line-bottom>li:hover>a:after, .hnav .navbar-nav.line-top>li.active>a:after, .hnav .navbar-nav.line-top>li:hover>a:after{
    content: "";
    position: absolute;
    height: 3px;
    width: 100%;
    background: trasparent;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.dropdown-menu>li>a {
    display: block;
    padding: 8px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    border-bottom: 1px solid #eee;
}

.dropdown-menu>li>a:hover {
  
    border-bottom: 1px solid #4CAF50;
}
.dropdown-menu
{
	padding:0px !important; 
}

.navbar-nav>li>.dropdown-menu {
    border-top: 2px solid #4CAF50 !important;
}


.quickLinks
{

    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: red;
	background-color:#eee;
	
}

.quickLinks span{
	    background-color: green;
    padding: 9px;
    color: #fff;

    top: 0;

}

.scrollText
{
	
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: red;
	background-color:#eee;
	position:relative;
}

.scrollText span{
	    background-color: green;
    padding: 11px;
    color: #fff;
    position: absolute;
    top: 0;
	z-index:9;
}

.headPadding
{
}

.nav-tabs>li>a
{
border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}


.navtabs-menu>li>a
{
padding:10px 15px !important;

}


.navNotification>li>a
{
	    padding: 6px !important;
    letter-spacing: 0.6px;
    font-weight: bold;
	text-transform:uppercase;
	font-size:12px;
}

.tabbable-line > .nav-tabs > li.active {
    border-bottom: 2px solid #0294b3;
    position: relative;
}
.navNotification>li>a
{
	border-radius: 0px !important;
}


.navbar {
    
    min-height: 0px !important;
	
}

.list-group
{
	margin-bottom:0px !important;
}

.panel-default
{
margin-bottom:0px !important;	
}



.navNotification>li>a:focus, .navNotification>li>a:hover
   {
   background-color: #4CAF50 !important;
	color:#fff;
   }
  

 .SubLink>li>a:focus, .SubLink>li>a:hover
 {
background-color:#4CAF50 !important;

color:#fff;
 }


/*.footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
 color:#fff;
font-size:14px;
  background-color: #efefef;
 
}*/


#exTab1 .tab-content {
  color : white;
  background-color: #428bca;
  padding : 5px 15px;
}

#exTab2 h3 {
  color : white;
  background-color: #428bca;
  padding : 5px 15px;
}

/* remove border radius for the tab */

#exTab1 .nav-pills > li > a {
  border-radius: 0;
}


a:hover,a:focus{
    text-decoration: none;
    outline: none;
}
.tab .nav-tabs {
    border-bottom:0 none;
}
.tab .nav-tabs li{
    margin-right: 10px;
}
.tab .nav-tabs li a{
    position: relative;
    padding: 5px;
    color: #000;
    font-size: 14px;
    z-index: 1;
}
.tab .nav-tabs li a:hover{
    background:transparent;
    border:1px solid transparent;
}
.tab .nav-tabs li a:before{
    content: "";
    width:100%;
    height:100%;
    position:absolute;
    bottom: 3px;
    left:-1px;
    font-size:17px;
    background: #d9d9d9;
    border: 1px solid #d3d3d3;
    border-bottom: 0px none;
    border-radius: 0;
    transform-origin: left center 0;
    transform: perspective(4px) rotateX(2deg);
    z-index:-1;
}
.tab .nav-tabs li.active a:before{
    background: #fff;
}
.tab .nav-tabs li.active a,
.tab .nav-tabs li.active a:focus,
.tab .nav-tabs li.active a:hover{
    border:1px solid transparent;
    background:transparent;
    color: #FFF;
    z-index: 2;
    letter-spacing: 1px;
    font-size: 18px;
}
.tab-content .tab-pane{
    border: 0px solid #d3d3d3;
    padding: 3px 0px 0px 0px;
    background:#fff;
    line-height: 22px;
}
.tab-content .tab-pane h3{
    margin-top: 0;
}

.forgot a
{
	line-height:30px;
}

.close {
    float: right;
    font-size: 19px;
    font-weight: 700;
    line-height: 10px;
    color: red;
    text-shadow: 0 0px 0 #fff;
    filter: alpha(opacity=20);
    opacity: 1 !important;
    /*height: 25px;
    width: 25px;
    border-radius: 100%;
    background-color: #000 !important;*/
}

.close:focus, .close:hover
{
	color:red;
}


	
	
.trash { color:rgb(209, 91, 71); }
.flag { color:rgb(248, 148, 6); }
.panel-footer .pagination { margin: 0; }
.panel .glyphicon,.list-group-item .glyphicon { margin-right:5px; }
.panel-body .radio, .checkbox { display:inline-block;margin:0px; }
.panel-body input[type=checkbox]:checked + label { text-decoration: line-through;color: rgb(128, 144, 160); }
.list-group-item:hover, a.list-group-item:focus {text-decoration: none;background-color: rgb(245, 245, 245);}
.list-group { margin-bottom:0px; }


.panel-heading{
	border-radius:0px !important;
}
.list-group-item:first-child{
	border-radius:0px !important;
}
.list-group-item:last-child
{
border-radius:0px !important;	
}
.panel-footer
{
	padding:0px 5px !important;
}

.list-group-item
{
	padding:5px 10px !important;
}

.tab .nav-tabs li.active a:before
{
background-color:#818181;
color:#fff !important;
}


.citizenline::after {
    display: inline-block;
    content: "";
    border-top: 2px solid #dbdbdb;
    width: 5rem;
    margin: -4px 1rem;
    transform: translateY(-1rem);
}

#relatedLinks
{
/*padding-top:30px;*/
}
/*#relatedLinks>.container{
background-color:#f6f6f6;
box-shadow:rgba(0, 0, 0, 0.176) 0px 5px 12px 4px;

margin-bottom:30px;
padding:8px;
}*/


.relatedLinks::after {
    display: inline-block;
    content: "";
    border-top: 2px solid #dbdbdb;
    width: 5rem;
    margin: -4px 1rem;
    transform: translateY(-1rem);
}


.relatedLinks::before {
    display: inline-block;
    content: "";
    border-top: 2px solid #dbdbdb;
    width: 5rem;
    margin: -4px 1rem;
    transform: translateY(-1rem);
}






.modal-body1 .nav-tabs>li.active>a, .modal-body1 .nav-tabs>li.active>a:focus, .modal-body1 .nav-tabs>li.active>a:hover
{
	background-color:#86ad52;
	color:#fff;
}



.dropdown-menu>li>a
{
/*text-transform: uppercase;*/
}

.scrollText
{
	
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 9px;
    color: red;
	background-color:#eee;
	position:relative;
	border:1px solid #86ad52;
}

.scrollText span{
	    background-color: #86ad52;
    padding: 11px;
    color: #fff;
    position: absolute;
    top: 0;
	z-index:9;
}

.modal-header1
{
 background-color: #e7ae5d !important;
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #e7ae5d), color-stop(100%, #8fb23e));
    background: -webkit-linear-gradient(-65deg, #8fb23e 0, #e7ae5d 100%);
    background: -o-linear-gradient(-65deg, #8fb23e 0, #e7ae5d 100%);
    background: -ms-linear-gradient(-65deg, #8fb23e 0, #e7ae5d 100%);
    background: linear-gradient(154deg, #e7ae5d 0, #8fb23e 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#8fb23e', endColorstr='#e7ae5d', GradientType=1);
}



.navbar-collapse {
    padding-right: 0px !important;
    padding-left: 0px !important;
}


.hnav .navbar-nav>li>a {
   line-height: 25px;
    font-size: 14px;
}

#relatedLinks
{
	background-image: url("/wss/images/footer-background.png");
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
}

.navbar-toggle
{
border:1px solid #fff;
}

.navbar-toggle .icon-bar
{
border:1px solid #fff;
}

.owl-prev
{
    position: absolute;
    top: 8px;
    font-size: 20px;
	color:#000;
	
}

.owl-next
{
    position: absolute;
	right:0;
    top: 8px;
    font-size: 20px;
	color:#000;
	
}

#owl-carousel .owl-prev
{
    position: absolute;
    top: 125px;
    font-size: 30px;
	color:#fff;
}

#owl-carousel .owl-next
{
    position: absolute;
	right:0;
    top: 125px;
    font-size: 30px;
	color:#fff;
}

#owl-carousel .item{
  margin: 0px;
}

#owl-carousel .item img{
    display: block;
    width: 100%;
    height: 300px;
}





		
		
	
header h4{ 
 font-size:20px;
 padding-top:15px;
 display:inline-table;
 padding-left:5px;
 margin-top:10px;
 margin-bottom:0px;
 font-weight: bold;
}

.navbar-right{
 padding-top:2px;
 padding-right:15px;
}

.navbar-right #srch-term
{
border-radius:0px;
border:1px solid #000;
height:25px;
}
	
#main-content{
margin-top:5px;
}	

.citiServices .panel-default
{
border-radius:0px;
}

.heading
{
    color: #ec5237;
    font-weight: bold;
	 width: 100%;   
	font-size:13px !important;
font-weight:normal !important;
width:100%;
color:#ec5237 !important;
    letter-spacing: 0.6px;
}

.citiServices .panel-heading
{
 
font-size: 16px;
   font-weight:600;
    letter-spacing: 0.5px;
	color:#fff;
	padding:5px 10px !important;
 padding-top:5px;
 padding-bottom:5px;
}

.citiServices .panel-heading b{
 font-size:16px;
 }
 
 .citiServices ul
 {
/*  padding-left:25px;*/
  }
  
   .citiServices ul li
   {
   line-height: 25px;
   border-bottom: 1px solid rgba(236, 82, 55, 0.5);
   padding-top:5px;
   padding-bottom:5px;
   font-size:12px;
   }
   
      .citiServices ul li a
   {
   color:#000;
    letter-spacing:0.3px;
   }


   
   li.dropdown.dropdownarrow
   {
	border-right:1px solid #929292 !important;
   }
   .citiServices .panel-footer
   {
    padding:10px 20px 10px !important;
	background-color:#f2f2f2;
	border-radius:0px !important;	
	font-size:12px;
	letter-spacing:0.7px;
	}
	
	
	 .citiServices .panel-footer a
	 {
	 color: #0a8bbf;
	  font-size:12px;	
	  color: #50c0d8;
	 }
		

.moreDetails>a
{
color: #50c0d8 !important;
}

		

	.notifications .panel-group
	{
	 margin-bottom:5px;
	}
	
	.notifications .panel-heading
	{
	background-color:#fff !important;
	color:#000;
	padding:5px;
	/*border-top-right-radius:4px !important;
	border-top-left-radius:4px !important;;*/
	 }
	 
	 .notifications .panel-body
	{	 
	  padding:0px;
	 }
	 
	  .notifications .panel-body ul
	{
	 list-style-type:none;
	 padding-left:0px;
	 margin-bottom:0px;
	 width:100%;
	}
	
	 .notifications .panel-body ul li
	{
	 padding: 5px 0px 5px 5px;
	 font-size: 12px;
	 border-bottom: 1px #efe4e4 solid;
	}
	
	
.footer1 .footerInner
{
padding:10px;
}

.footer1 .footerInner h5
{
text-align:left;
color:#ec5237;
}
.footer1 .footerInner ul
{
 list-style-type:none;
 padding-left:0px;
 text-align:left;
}


  
  .empLogin .panel-body
  {
  text-align:center;
  background-color:#86ad52;
  padding:0px;
  }
  
   .empLogin .panel-body h5
   {
   margin-top:0px;
   margin-bottom:0px;
   }
   
   .empLogin .panel-body h5 a
   {
    color:#fff;
   }
   
   
     .commissioner img
  {

  height:130px;
  }
  
  .mainimageSlide
  {
	  padding-right:0px;
	  padding-left:0px;
  }
  
  .citizenServices h3{
	margin-top:5px !important;
	margin-bottom:5px !important;
}

.citizenServices .downloadImage
{
	padding-right:0px !important;
	text-align:right !important;
}

 
.carousel-caption
{
width:100%;
right:0;
left:0;
bottom:0;
padding-top:10px;
padding-bottom:10px;

background-color: rgba(0, 0, 0, 0.6);
}

.carousel-caption h3
{
margin-top:0px;
margin-bottom:0px;
}


.panel-default .panel-heading
{
 /*   background-color: #50c0d8;
    border-color: #278ba1;*/

 
 
}

.panel-default .panel-heading h4
{
margin-top:0px;
margin-bottom:0px;
color:#000000;
letter-spacing: 0.6px; 
}
h4.panel-title.accordion-toggle {
    font-size: 14px;
    color: #fff;
}

.quickPay .panel-group
{
margin-bottom:5px !important;
}

/*.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img
{
height:300px;
}
*/
.carousel-indicators
{
display:none;
}


.form-horizontal .control-label
{
	text-align:left !important;
}


.left-string .u-str:after
{
content: ':';
    right: 0px;
    position: absolute;
    top: 3px !important;	
}


section .form-control{
	border-radius:0px !important;
	    height: 30px !important;
    padding: 0px 5px !important;
    font-size: 14px;
}

section .form-control1
{
	border-radius:0px !important;
	    height: 75px !important;
    padding: 0px 5px !important;
    font-size: 14px;
}




.reloadImage
{
	margin-bottom:0px;
}

.DateU .glyphicon {
 color: #4CAF50 !important;
}


.container.container-bg-w.pad0.clubhouse {
    background-color: #fff;
}

.form-group>div
{
font-family: 'Montserrat',sans-serif;
    font-size: 13px;
}

.indentTextAbout
{
text-align:justify !important;
/*font-family: "Verdana";*/
font-size:14px;
}

.indentTextAbout>span
{
font-weight:bold;
}
/*
//comented by Rupa Swathi on 24-10-2018 as print & close buttons are coming to left in all erp pages. this css code is for static pages so its included by durga in static main. Thus removed from here.
p { 
    
    /* //font-family: "Verdana"; *
    font-family: 'Montserrat',sans-serif;
}*/

h5.miniHead{
	text-align:justify !important;
	color:#0e5b93e6 !important;
	font-weight:bold;
	margin-top: 0px !important;
	text-transform:uppercase;
}

td.today {
    border: #fff 2px solid !important;
    border-bottom: #0044cc 2px solid !important;
    background-color: #fff;
}

.table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th,

.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th
{
font-size:14px;
}

.table-bordered>tbody>tr>td
{

padding:5px !important;
}

.imageStyle{
border: 3px solid #4CAF50;
    margin-bottom: 10px;
    height: 135px !important;
	width: 200px !important;
}

.imagesClass
{
text-align:center;
}

.imagesClass h5
{
color:#195e93;
margin-top:0px;
    letter-spacing: 0.6px;
    font-size: 14px;
	}



.imageStyle
{
text-align:center;
font-size:13px;
color:#195e93;
}

/*.navtabs-menu
{
border-bottom:1px solid #ccc !important;
}*/

#SubLink > ul > li > a:hover,
#SubLink > ul > li:hover > a,
#SubLink > ul > li.active > a {
  color: #fff;
     background-color: #50c0d8;
}
#SubLink > ul > li  {
margin-right:5px;}
#SubLink > ul > li > a {
background-color: #0294b3;
    color: #fff;
    padding: 8px 15px;
    border-radius: 5px;
	
    /*-webkit-box-shadow: 0 0 3px 3px #ccc;
    -moz-box-shadow: 0 0 3px 3px #ccc;
    box-shadow: 0 0 3px 3px #ccc;*/
    width: 100%;
    display: block;}

	.staticTheadColor
	{
   background: #4CAF50 !important;
    color: #fff;
	}

td .btn
{
margin-bottom:0px !important;
}

.staticTheadColor th
{

	text-align:center;
	}

.contentHeight
{
   /* height: 450px;*/
    overflow-y: auto;
    overflow-x: hidden;
    padding: 10px 10px;
    border: 0px solid #f5efef;
}


#thirdleveldata>.contentHeight
{
padding:0px
}

.scrollbarIndex li
{
width: 100%;
    white-space: nowrap;
    overflow: hidden;
	text-overflow: ellipsis;
}

.scrollbar::-webkit-scrollbar-track {width: 5px;
    background-color:#fff;}
			   
.scrollbar::-webkit-scrollbar {
background-color:#fff;
width: 5px;
}

.scrollbar::-webkit-scrollbar-track {
	 background-color:#fff;width: 5px;
}

.scrollbar::-webkit-scrollbar-thumb {
    border-radius: 15px;
	width: 5px;
    
  background: -webkit-gradient(90deg, rgba(26,96,158,1) 0%, rgba(26,96,158,1) 50%, rgba(17,148,98,1) 100%);
 
  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(90deg, rgba(26,96,158,1) 0%, rgba(26,96,158,1) 50%, rgba(17,148,98,1) 100%);
  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, #8eeafd, #0294b3 );

  /* IE 10 */
  background: -ms-linear-gradient(90deg, rgba(26,96,158,1) 0%, rgba(26,96,158,1) 50%, rgba(17,148,98,1) 100%);

  /* Opera 11.10+ */
  background: -o-linear-gradient(90deg, rgba(26,96,158,1) 0%, rgba(26,96,158,1) 50%, rgba(17,148,98,1) 100%);
   background:linear-gradient(90deg, rgba(26,96,158,1) 0%, rgba(26,96,158,1) 50%, rgba(17,148,98,1) 100%);

}

#accordion .panel-title
{
    color: #fff !important;  
    border: 0px solid #e4e5e7;
	font-size:14px;
}

#accordion .tabHeading
{
	    color: #fff;  
    border: 1px solid #e4e5e7;
   
	}

	.collapseContent
	{
border:1px solid #ccc;
	}

	.tabHeading a
	{
font-size:14px !important;
	}

	.jumbotronPdf
{
	padding: 5px !important;
    background-color: #eee;
    margin-bottom: 5px;
	margin-top: 5px;
    border-radius: 5px;
	box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}


	.jumbotronPdf img
	{
		width:30px;
		height:auto;
	}

	.jumbotronPdf span
	{
	float:right;
	margin-top:5px;
	}

	.activitiesImages
	{
		padding:0px 25px;
		margin-bottom:10px;
	}

	
	.activitiesImages .panel
	{
	border:3px solid #ccc !important;
	text-align:center;

	}

	.activitiesImages .panel .panel-footer
	{
		padding:5px !important;
		background-color:#50c0d8 !important;
		font-size:13px;
		-webkit-border-radius:0px;
		-moz-border-radius:0px;
		border-radius:0px;
		border-top:3px solid #ccc !important;
	}
	
	.activitiesImages .panel .panel-footer a
	{
	color:#fff;
	}

.notificationMediaHeading
{
font-size:13px;
font-weight:normal !important;
width:100%;
color:#ec5237 !important;
letter-spacing: 0.6px;
text-decoration:none;
cursor:pointer;
margin-top:0px !important;
margin-bottom:0px !important;
}

p.notificationDate
{
margin-bottom:0px;
color:#666 !important;
font-size:10px !important;
letter-spacing: 0.6px;
}

 .media-left>img
{
width:75px !important;
border:3px solid #0294b3 !important;
}

.media-heading>a
{
font-size: 12px;
font-weight: bold;
text-transform:uppercase;
}
.media-body p
{
color:#333 !important;
text-align: -webkit-auto;
}

img.zonalImage
{
width:250px !important;
height:auto;
}

#accordion .panel-heading
{
padding:5px !important;
}


.fourLevel{
	background-color: #ddd;
    padding: 4px;
    margin-left: 0px;
	margin-top:2px;
}

ul.breadcrumb {
    padding: 10px 16px;
    list-style: none;
    background-color: #eee;
}
ul.breadcrumb li {
    display: inline;
    font-size: 18px;
}
ul.breadcrumb li+li:before {
    padding: 8px;
    color: black;
    content: "/\00a0";
}
ul.breadcrumb li a {
    color: #0275d8;
    text-decoration: none;
}
ul.breadcrumb li a:hover {
    color: #01447e;
    text-decoration: underline;
}

div#SubLinks {
    /*box-shadow: rgba(0, 0, 0, 0.176) 0px 5px 12px 4px;*/
}

.nav-stacked>li {
   
    border-top: 1px solid #fff !important;
	}


/*.SubLink li
{
border-bottom:1px solid #ccc !important;
border-radius:0px;
text-align:left !important;
}*/


.SubLink li a
{
border-bottom:1px solid #ccc !important;
border-radius:0px;
text-align:left !important;
padding:7px !important;

}

.SubLink>li:hover a
{
border-bottom:0px solid red !important;
}

.SubLink>li.active a
{
/*border-bottom:1px solid #ec5237 !important;*/
}

.SubLink>li.active a
{
background-color:#ec5237 !important;
color:#fff !important;
/*font-weight:bold;*/

}

.SubLink>li>a:hover
{
margin-right:0px !important;

	padding:7px !important;
}


.nav-stacked>li+li:hover
{
margin-top:1px !important;
text-align:left;
}

.nav-stacked>li+li
{
margin-top:1px !important;
text-align:left;

}


.SubLink
{
background-color: #1b2d38 !important;
}
	
	.nav-tabs>.nav-stacked>li>a:hover
	{
		border:0px !important;
		
	}
	.nav-tabs>li>a
	{
		border:0px !important;		
	}


.mainHeading
{
	
	background: linear-gradient(90deg, rgba(26,96,158,1) 0%, rgba(26,96,158,1) 50%, rgba(17,148,98,1) 100%); /* w3c */  
    color: #fff;
    font-size: 18px;
    margin-bottom: 0px;
    letter-spacing: 0.6px;
	font-size: 18px;
    min-height: 24px;
    font-weight: bold;
    padding: 5px;
	}



.SubLink>li>a
{
	margin-right:0px !important;
	border-radius:0px !important;
	position:relative;
  letter-spacing: 0.6px;
	color: #fff;
	font-size:13px;
   font-weight:600;
}

.SubLinks.nav-tabs>li
{
margin-bottom:0px;
}

/*.SubLink>li.active>a:after, .SubLink>li.active>a:focus:after, .SubLink>li:hover>a:after
{
content: '';
    position: absolute;
    left: 100%;
  
    margin-top: -7px;
    border-left: 0;
    border-bottom: 16px solid transparent;
    border-top: 19px solid transparent;
    border-left: 12px solid #ec5237;

	}*/


	.quickPayHeader
	{
		/*border-top:2px solid #0294b3 !important;*/
		border-top:2px solid red !important;
		border-bottom:0px;
		    box-shadow: 0 7px 6px 5px rgba(0,0,0,.175);
	}

	.socialMediaIcons>li
	{
margin-bottom:5px !important;
	}

	

.ring img{

width: 100px;
    height: 100px;
   /* border-radius: 50%;*/
   border:3px solid #0294b3;
		
	}

	.ring img:hover{

width: 100px;
    height: 100px;
   /* border-radius: 50%;*/
   border:3px solid #ccc;
		
	}

	

	.ring p
	{
margin-bottom:0px !important;
	}

	.ring .name
	{
font-weight:bold;
	}

.modal-dialog.modal-lg.moreNews {
    width: 800px !important;
}

 td>a
{
cursor:pointer !important;
}


.btn-success {
    border: solid 0px #64850b !important;
	}


	  .table thead th, .table tbody td
	  {
			padding:5px 10px !important;
	  }


	  .tabbable-panel {
   border:0px !important;
    box-shadow: 0px 0px 0px 2px rgba(0,0,0,0);
	}


	.btn i
	{
	padding-right:0px !important;
	}

	.btn-danger1
	{
	margin-bottom:0px !important;
	padding:2px 5px !important;
	background-color:#c9302c !important;
	}



	/*staticheader style*/

	
	.bg-white{
		background-color: #fff;
	
	}
	.me{
		width: 40px; height: 40px; border-radius: 100%; border: solid 1px #aaa; margin-right: 5px;
	}
	.user-bl .dropdown .dropdown-menu {
		right: 0 !important;
	left: inherit !important;
	border-radius: 0px  !important;}
	
	.user-bl{
		margin-right: 10px;
		margin-left: 10px;
		}
	
	.user-bl .dropdown-toggle{
		color: #fff;
		cursor:pointer;
	}
	
	.login1{
		color: #fff;
	}
	
	.login1{
		margin-right: 10px;
		margin-left: 10px;
		}
	
	.login1 .fa-sign-in{
	    font-size: 30px;
    padding-right: 10px;
    padding-top: 5px;}
	
	.login1 .pull-right{
	
	    border-left: solid 1px #ccc;
	padding-left: 10px;}
	
	
	
	.phone1{
		
		line-height:15px;
		text-align:right;
		cursor:pointer;
		font-size:12px;
		}

		.phone2{
		
		line-height:15px;
		text-align:right;
		font-size:12px;
		}

		.phone3 a{
		
		line-height:15px;
		text-align:right;
		
		}
	
	.phone1 .fa-headphones{
	    font-size: 30px;
    padding-right: 10px;
    padding-top: 5px;}
	

	
		
.user-bl .dropdown ul.dropdown-menu {
    box-shadow: none;
	width: 200px;
	padding: 0px !important;
	border-radius: 5px !important;
	box-shadow: rgba(0, 0, 0, 0.176) 0px 2px 8px 5px;
}
	
.user-bl .dropdown-menu>li>a:focus, .user-bl .dropdown-menu>li>a:hover{
	color:#fff ;
	
	}

	.btn{
box-shadow: rgba(0, 0, 0, 0.176) 0 3px 5px 0;
	}

	.panel-default.afterLoginPanelDefault, .panel-group.afterLoginPanelDefault
	{
	box-shadow: rgba(0, 0, 0, 0.176) 1px 1px 9px 0px !important;
	min-height:310px;
	}

	.panel-primary.mainpanel
	{
min-height:300px;
	}

	.panel-heading.afterLoginPanelHeading
	{
	background-color:#4CAF50;
/*background-image:linear-gradient(92deg, rgba(26,96,158,1) 0%, rgba(26,96,158,1) 27%, rgba(69,203,152,1) 100%);*/

	}

	.panel-heading.afterLoginPanelHeading h4
	{
color:#fff !important;
font-size:15px;
	}

	a.accordion-toggle {
    color: #fff;
    font-size: 14px;
}
	
	/*.user-bl .dropdown-menu>li>a{
		  display: block;
    padding: 8px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    border-bottom: 1px solid #eee;

	}*/
.user-bl .dropdown ul.dropdown-menu:before {
    content: "";
    border-bottom: 10px solid #fff;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    top: -10px;
    right: 16px;
    z-index: 10;
}
.user-bl .dropdown ul.dropdown-menu:after {
    content: "";
    border-bottom: 12px solid #ccc;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    position: absolute;
    top: -12px;
    right: 14px;
    z-index: 9;
}
	
.modal-body1 .nav-tabs>li.active>a
{
background-color: #4CAF50 !important;
    color: #fff !important;
}

.Sublinks>li>a:focus, .Sublinks>li>a:hover
{
background-color: #ec5237 !important;
    color: #fff !important;
}


  .description {
      overflow:hidden;    
    text-overflow: ellipsis;
	height:65px;
	font-size:13px !important;
font-weight:normal !important;
width:100%;
color:#000 !important;
    letter-spacing: 0.6px;
}

.loginNav>li>a

{
	padding:5px 10px !important;
}

.forgetNav>li>a
{
	padding:5px 10px !important;
}


.serv ul li a
{
	color:#000 !important;
}

.serv ul li a:hover
{
	color:#fff !important;
}




	

      #mapInModal {
        height: 100%;
      }
      /* Optional: Makes the sample page fill the window. */
      html, body {
        height: 100%;
        margin: 0;
        padding: 0;
      }
      #description {
        
        font-size: 15px;
        font-weight: 300;
      }

      #infowindow-content .title {
        font-weight: bold;
      }

      #infowindow-content {
        display: none;
      }

      #mapInModal #infowindow-content {
        display: inline;
      }

      .pac-card {
        margin: 10px 10px 0 0;
        border-radius: 2px 0 0 2px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        outline: none;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
        background-color: #fff;
    
      }

      #pac-container {
        padding-bottom: 12px;
        margin-right: 12px;
      }

      .pac-controls {
        display: inline-block;
        padding: 5px 11px;
      }

      .pac-controls label {
  
        font-size: 13px;
        font-weight: 300;
      }

      #mapInModal-pac-input {
        background-color: #fff;     
        font-size: 15px;
        font-weight: 300;
        margin-left: 12px;
        padding: 0 11px 0 13px;
        text-overflow: ellipsis;
        width: 400px;
      }

      #mapInModal-pac-input:focus {
        border-color: #4d90fe;
      }

      #title {
        color: #fff;
        background-color: #4d90fe;
        font-size: 25px;
        font-weight: 500;
        padding: 6px 12px;
      }
      #target {
        width: 345px;
      }

#loading {
   width: 100%;
   height: 100%;
   top: 0px;
   left: 0px;
   position: fixed;
   display: block;
   opacity: 0.5;
   background-color: #fff;
   z-index: 99;
   text-align: center;
}
#loading1 {
   width: 100%;
   height: 100%;
   top: 0px;
   left: 0px;
   position: fixed;
   display: block;
   opacity: 0.5;
   background-color: #fff;
   z-index: 99;
   text-align: center;
}

.hover-h1 {
    position: absolute;
    top: 51%;
    left: 43%;
    text-align: center;
    color: #1b7080;  
    font-size: 19px;
    opacity: 1;
    z-index: 99999999;
}
#loading-image1 {
    position: absolute;
    top: 187px !important;
    left: 265px !important;
    z-index: 100;
    width: 50px;
}


.hover-h2 {
    position: absolute;
    top: 52%;
    left: 43%;
    text-align: center;
    color: #1b7080;
      font-size: 19px;
    opacity: 1;
    z-index: 99999999;
}

#loading-image {
    position: absolute;
    top: 81px !important;
    left: 265px !important;
    z-index: 100;
    width: 50px;
}


.dataTables_wrapper .dataTables_paginate .paginate_button:hover
{
	color:#000 !important;
}


.tab-content
{
	padding-top:0px;
}

.tabbable-panel {
	border-top:0px;
	 border-right:1px solid #eee;
	 border-left:1px solid #eee;
	 border-bottom:1px solid #eee;
  padding: 0px;
  height:auto;
}

ul.nav.nav-tabs
{
	/*background-color:#f2f2f2;*/

}


.navNotification>li.active>a, .navNotification>li.active>a:focus, .navNotification>li.active>a:hover
{
/*background-color:#081117 !important;*/
background-color:#4CAF50 !important;

color:#fff !important;
}

.SubLink>li.active>a, .SubLink>li.active>a:focus, .SubLink>li.active>a:hover
{
background-color:#4CAF50 !important;
/*background-color:#ec5237 !important;*/
color:#fff !important;
}

.tabbable-line > .nav-tabs {
  border: none;
  margin: 0px;
}

.tabbable-line > .nav-tabs > li > a {
  border: 0;
  margin-right: 0;
  color: #000;
  line-height: 15px !important;
    font-size: 14px !important;
   letter-spacing: 0.6px;
	font-size:14px !important;
}



.tabbable-line > .nav-tabs > li > a > i {
  color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
  border-bottom: 2px solid #fbcdcf;
}
.tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
  border: 0;
    color: #fff;
    background-color: #4CAF50 !important;
	cursor:pointer;
}
.tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
  color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
  margin-top: 0px;
}
.tabbable-line > .nav-tabs > li.active {
  border-bottom: 2px solid #4CAF50;
  position: relative;
}
.tabbable-line > .nav-tabs > li.active > a {

  color: #000;
border-bottom: 1px solid #4CAF50 !important;
    background-color:#b3ffd7 !important;

}
.tabbable-line > .nav-tabs > li.active > a > i {
  color: #404040;
}
.tabbable-line > .tab-content {
  margin-top: 0px;
  background-color: #fff;
  border: 0;
  border-top: 1px solid #eee;
 
}
.portlet .tabbable-line > .tab-content {
  padding-bottom: 0;
}



.tabbable-line.tabs-below > .nav-tabs > li {
  border-top: 4px solid transparent;
}
.tabbable-line.tabs-below > .nav-tabs > li > a {
  margin-top: 0;
}
.tabbable-line.tabs-below > .nav-tabs > li:hover {
  border-bottom: 0;
  border-top: 4px solid #fbcdcf;
}
.tabbable-line.tabs-below > .nav-tabs > li.active {
  margin-bottom: -2px;
  border-bottom: 0;
  border-top: 4px solid #f3565d;
}

.naviGate
{
	border:0px solid #f2f2f2;
	padding:0px;

}

.naviGate h3{
	margin-top:0px;
	margin-bottom:0px;
}

.naviGate hr
{
	margin-top:5px;
	margin-bottom:0px;
}

.naviGate ul
{
	 list-style-type:none;
	 padding-left:0px;
}

.naviGate ul li
{
	padding:7px;
}

.logOut
{
	border:0px solid #f2f2f2;
	height:320px;
	
	-webkit-box-shadow:  0 0 3px 3px #ccc;
	   -moz-box-shadow: 0 0 3px 3px #ccc;
	        box-shadow: 0 0 3px 3px #ccc;
}

.logOut hr{
	margin-top:5px;
	margin-bottom:5px;
}


.dataTables_wrapper .dataTables_length
{
display:none;
}

.dataTables_wrapper .dataTables_filter
{
display:none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button
{
padding:0px;
}


table thead th
{
	text-align:center;
	padding:5px !important;
}

table tbody td
{
	padding:5px !important;
}

	
	.u-reg{
	background-color:#4CAF50 !important;
	/*background-color:rgba(26,96,158,1) !important;*/
    color: #fff;
		letter-spacing: 1px;
    padding: 8px 8px;
		    margin-bottom: 12px;
    border-radius: 5px;
  /* box-shadow: rgba(0, 0, 0, 0.176) 3px 5px 5px 3px;*/
    width: 100%;
	display: block;}
	
	.panel-collapse .panel-body {
    padding: 0px 0px !important;
}
	
	.u-reg .panel-title {
    font-weight: 400;
}
	
		.u-reg .panel-title span {
			padding-right: 10px;
			font-size: 16px;
}
	
	.u-tab a{
		color: #636363;
    font-size: 15px;
		
	}
	
	.u-tab i{
		padding-right: 10px;
		
	}
	
	.tabbable-line .nav-tabs li
	{
		border: 1px solid #ccc !important;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
	}


	/*social icons*/
.socialLinks {
  position: fixed;
  top: 50%;
  right:0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index:9999;

}




.socialLinks a {
  display: block;
  text-align: center;
  padding: 0px;
  transition: all 0.3s ease;
  color: white;
  font-size: 20px;
}

.socialLinks img
{
width:35px;
height:35px;
margin-bottom:5px;
}


.goog-te-gadget .goog-te-combo {
    margin: 0px 0;
    height: 25px;
}

.col-md10width
{
padding-left:0px;
}

/*.col-md2width
{
width:20% !important;
}
.col-md10width
{
width:80% !important;
}*/

.list-wrpaaer
{
height:238px !important;
}

img.notificationImage
{
width:25px !important;
height:25px !important;
border:0px !important;
}




.linkHead{
    color: #6d6f73;
    font-weight: bold;
    font-size: 16px;
	padding:0px 5px 5px 0px;
}
.dropdown_filter{
	margin: 0;
    width: 100px;
    float: right;
	}
.WhatsNewTitle{
	     font-size: 16px;
		font-weight: bold;
		color:#fff;
}

.tableWidth
{
width: 100%;
overflow-x: auto;
}

/*.logoImage
{
width:13%;
}
.headTitle
{
width:83%;
}*/

 .fa-android
{
font-size: 15px;
/*margin-right: 8px;*/
color:#4CAF50 !important;
}

.fa-phone
{
font-size: 15px;
/*margin-right: 8px;*/
color:#4CAF50 !important;

}

.fa-sign-in
{
font-size: 15px;
margin-right: 8px;
color:#4CAF50 !important;

}

 .carouselPadding
 {
padding-right:0px;
 }

.quickPayModal
{
width:500px;
}

.citizenServices
{
width:500px;
}


.navbar-toggle
{
padding:5px !important;
}

.language
{
padding:0px;
}

.fontSize
{
/*padding-left:30px;*/
}


.loginRegMedia a
{
color:#337ab7;
font-weight:bold;
font-size:12px;
display:none;
}

.logoImage
{
display:flex;
}

.dashBoard
{
padding-right:5px;
}

.latestNewsMain
{
padding-left:5px;
}

.dashBoard .panel-body
{

 height:305px;
}
.quickPayMain
{
padding-left:5px;
}
.citiServicesPadding
{
padding-left:5px;
}

@media screen and (max-width: 320px){
body{
padding:5px !important;
}

.carousel {
    height: auto !important;
}
    .container {
        width: 100%;
        
    }

.latestNewsMain
{
padding-left:15px !important;
padding-right:0px !important;
}

.quickPayMain
{
padding-left:15px !important;
}

.dashBoard
{
padding-right:0px;
}
.citiServicesPadding
{
padding-left:15px !important;
}
.dashBoardRow
{
padding-right:15px !important;
}

#bannerImage img
{
height:auto !important;
}

.paddingRightCarousel
{
padding-right:0px !important;
}

	.logoImage
{
width:20%;
}
.headTitle
{
width:80%;
padding-top:5px;
}
.headTitle h4 {
    font-size: 14px;
    border-left: 0px solid #fff;
    display: inline-table;
    padding-left: 20px;
    margin-top: 0px;
    margin-bottom: 0px; 
}


.phone1
{
font-size:12px;
}
.phone2
{
font-size:12px;
}
.phone3
{
font-size:12px;
}
.headPadding
{
margin-top:5px;
height:60px;
}

.logo {
   
    height: auto !important;
}


.tollFree
{
padding:0px;
}
.accountLoginBtn

{
position:absolute;
/*right: -50px;*/
    top: 5px;
}
.modal-dialog
{
width:100%;
margin:0px !important;
}



 .fa-android
{
font-size: 12px;
margin-right: 0px;
color:#4CAF50 !important;
}

.fa-phone
{
font-size: 12px;
margin-right: 0px;
color:#4CAF50 !important;

}
 .carouselPadding
 {
padding-right:none;
 }
 /*.col-md2width
 {
width:100% !important;
 }
 .col-md10width
 {
width:100% !important;
 }*/


.phone2::before {
    position: absolute;
    content: "";
    border: 0.1px solid black;
    width: 0.2px;
    left: 5px !important;
    height: 25px;
	}

	.phone3::before {
    position: absolute;
    content: "";
    border: 1px solid black;
    width: 1px;
    left: 5px !important;
    height: 25px;
}
 

	.accountLoginBtn a {
    color: #337ab7;
    font-weight: normal;
    font-size: 12px
	}

	.fontSize
	{
	display:block;
    position: absolute;
    top: -40px;
    right: -10px;
	}

	

	header h4
{
display:none;
}
.navbar-nav
{
margin:0px
}


.left-dept
	{
	display:none;
	}

 .me
 {
width:25px;
height:25px;
 }

 	.col-md10width
	{
	padding-left:15px;
	}

.ring img {
    width: 50px;
    height: 50px;
	}
	.ring p {
   
    font-size: 9px;
}

.jumbotronPdf
{
font-size: 12px !important;
    text-align: left !important;

}

}




@media screen and (min-width: 321px) and (max-width:399px){
    .container {
        width: 100%;
      
    }
	.logo
	{
	height:auto !important;
	}

	.logoImage
{
width:80%;
}
.headTitle
{
width:80%;
padding-top:5px;
}
.headTitle h4 {
    font-size: 14px;
    border-left: 0px solid #fff;
    display: inline-table;
    padding-left: 20px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.phone1
{
font-size:12px;
}
.phone2
{
font-size:12px;
}
.phone3
{
font-size:12px;
}
.headPadding
{
margin-top:5px;
height:60px;
}




.tollFree
{
padding:0px;
}
.accountLoginBtn

{
position:absolute;
/*right: -50px;*/
text-align:right;
    top: 5px;
}
.modal-dialog
{
width:100%;
margin:0px !important;
}



 .fa-android
{
font-size: 12px;
margin-right: 0px;
color:#4CAF50 !important;
}

.fa-phone
{
font-size: 12px;
margin-right: 0px;
color:#4CAF50 !important;

}
 .carouselPadding
 {
padding-right:none;
 }
 /*.col-md2width
 {
width:100% !important;
 }
 .col-md10width
 {
width:100% !important;
 }*/


.phone2::before {
    position: absolute;
    content: "";
    border: 0.1px solid black;
    width: 0.2px;
    left: 5px !important;
    height: 25px;
	}

	.phone3::before {
    position: absolute;
    content: "";
    border: 1px solid black;
    width: 1px;
    left: 5px !important;
    height: 25px;
}
 

	.accountLoginBtn a {
    color: #337ab7;
    font-weight: normal;
    font-size: 12px
	}

	.fontSize
	{
display: block;
    position: absolute;
    top: -50px;
    right: -5px
	}

	header h4
{
display:block;
padding-top:0px !important;
    margin-top: 0px;
    font-size: 18px;
}
.navbar-nav
{
margin:0px
}

.left-dept
	{
	display:none;
	}

	 .me
 {
width:25px;
height:25px;
 }
 	.col-md10width
	{
	padding-left:15px;
	}

	.ring img {
    width: 50px;
    height: 50px;
	}
	.ring p {
   
    font-size: 9px;
}

.jumbotronPdf p
{
font-size: 12px !important;
    text-align: left !important;

}


}


@media screen and (min-width: 400px) and (max-width: 567px){  
 .container {
        width: 100%;
      
    }


		header h4
{
display: block;
   font-size: 20px;
    padding-top: 0px;
    margin-top: 0px;
   
}

.navbar-nav
{
margin:0px;
}
.logo
{
height:auto !important;
}


.phone2::before {
    position: absolute;
    content: "";
    border: 0.1px solid black;
    width: 0.2px;
    left: 5px !important;
    height: 25px;
	}

	.phone3::before {
    position: absolute;
    content: "";
    border: 1px solid black;
    width: 1px;
    left: 5px !important;
    height: 25px;
}

 
.language
{
padding:0px;
width:20%;
}

.tollFree
{
padding:0px;
width:35%;
}

.appDownLoad
{
width:25%;
}

	.fontSize
	{
	display:block;
	    width: 25%;
    top: -45px;
    right: 10px;
    position: absolute;
	}

		.logoImage
{
width:80%;
display:flex;
}
.headTitle
{
width:80%;
padding-top:5px;
}
 .accountLoginBtn
 {
/*right: -50px;*/
    top: -2px;
	position: inherit;
 }

  .accountLoginOut
 {
right: -10px;
    top: -2px;
	position: inherit;
 }

.left-dept
	{
	display:none;
	}
 
 .me
 {
width:25px;
height:25px;
 }

 	.col-md10width
	{
	padding-left:15px;
	}

}

@media screen and (min-width: 567px) and (max-width: 767px){

    .container {
        width: 100%;
		padding:0px 5px;
      
    }



.navbar-nav
{
margin:0px;

}

	.logoImage
{
width:100%;
display:flex;
}
.headTitle
{
width:80%;
padding-top:5px;
}

header h4
{
margin-top:0px;
}


.logo
{
height:50px !important;
}
.headPadding
{
margin-top:5px;
height:30px;
}
.accountLoginBtn

{
position: absolute;
   /* right: -50px;*/
    top: -30px;
}
 .fa-android
{
font-size: 12px;
margin-right: 0px;
color:#4CAF50 !important;
}

.fa-phone
{
font-size: 12px;
margin-right: 0px;
color:#4CAF50 !important;

}
 .carouselPadding
 {
padding-right:none;
 }

/* .col-md2width
 {
width:100% !important;
 }
 .col-md10width
 {
width:100% !important;
 }*/

 
.language
{
padding:0px;
width:15%;
}

.tollFree
{
padding:0px;
width:25%;
}

.appDownLoad
{
width:15%;
}

	.fontSize
	{
	display:block;
	position:absolute;
	right:100px;

	}

	.phone4::before {
    left: 45px !important;
    }

.accountLoginBtn a {
    color: #337ab7;
    font-weight: normal;
    font-size: 12px
	}

	.left-dept
	{
	display:none;
	}

.left-dept
	{
	display:none;
	}

	 .me
 {
width:25px;
height:25px;
 }
	.col-md10width
	{
	padding-left:15px;
	}
}



@media screen and (min-width: 768px) and (max-width: 991px){

    .container {
        width: 100%;
        
    }

	.logoImage
{
width:100%;
}
.logo
{
height:auto !important;
}
.headTitle
{
width:87%;
padding-top:5px;
}

.headTitle h4 {
    font-size: 20px;
    border-left: 0px solid #fff;
    display: inline-table;
    padding-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;

}

.headPadding
{
margin-top:5px;
height:60px;
}
.accountLoginBtn

{
position:absolute;
    top: 5px;
}
 .fa-android
{
font-size: 12px;
margin-right: 0px;
color:#4CAF50 !important;
}

.fa-phone
{
font-size: 12px;
margin-right: 0px;
color:#4CAF50 !important;

}
 .carouselPadding
 {
padding-right:none;
 }

/* .col-md2width
 {
width:100% !important;
 }
 .col-md10width
 {
width:100% !important;
 }*/

 
.language
{
padding:0px;
width:20%;
}

.tollFree
{
padding:0px;
width:30% !important;
}

.appDownLoad
{
width:20%;
}
.fontSize
{
width:25% !important;
}

.phone2::before {
    position: absolute;
    content: "";
    border: 0.1px solid black;
    width: 0.2px;
    left: 5px !important;
    height: 25px;
	}
 




.accountLoginBtn a {
    color: #337ab7;
    font-weight: normal;
    font-size: 12px
	}

	.headTitle
{
padding-top:25px;
padding-left:5px;
}

.headTitle
{
display:none;
}

.loginRegMedia
{

}

.loginRegMedia
{
display:block;
}
header h4
{
display:block;
padding-top:0px;
margin-top:0px;


}

.paddingRightCarousel
{
padding-right:0px;
}

.citiServices
{
padding-right:0px;
}
	
}


@media screen and (min-width: 992px) {
{
.col-md-2.col-md2width
{
width:20%;
}
.col-md-10.col-md10width
{
width:80%;
}
}

@media screen and (min-width: 1024px) {

.col-md-2.col-md2width
{
width:20%;
}
.col-md-10.col-md10width
{
width:80%;
}

.paddingRightCarousel
{
padding-right:0px;
padding-left:0px;
}

.citiServices
{
padding-right:0px;
}

}
.btn.focus, .btn:focus, .btn:hover
{
	color:#fff;
}
.btn-green {
    background-color: #4CAF50 !important;
    color: #fff;
}






 /*@media screen and (max-width: 1024px) {
	  
	  .tab .nav-tabs li a{
        padding: 15px 10px;
        font-size: 14px;
    }
    .tab .nav-tabs li a:before{
        bottom: 6px;
		
    }
	 .mainimageSlide
  {
	  padding-right:0px;
	  padding-left:0px;
  }
  
    .citiServices
{
padding-right:15px;
}

#owl-carousel .item img{
    display: block;
    width: 100%;
    height: auto;
}

#owl-carousel .owl-prev
{
    position: absolute;
    top: 100px;
    font-size: 30px;
	color:#fff;
}

#owl-carousel .owl-next
{
    position: absolute;
	right:0;
    top: 100px;
    font-size: 30px;
	color:#fff;
}

.citizenServices .downloadImage
{
text-align:center !important;
}


 .tab .nav-tabs li{
        width:100%;
        margin-bottom: 5px;
    }
    .tab .nav-tabs li a:before{
        bottom: 0;
        transform: none;
        border-bottom: 1px solid #d3d3d3;
    }
		 .mainimageSlide
  {
	  padding-right:15px;
	  padding-left:15px;
  }
  
  .citiServices
{
padding-right:15px;
}




.citizenServices .downloadImage
{
text-align:center !important;
}

.citizenServices h3
{
text-align:center !important;
}
  }
  

   @media screen and (max-width: 992px) {
	  
	  .tab .nav-tabs li a{
        padding: 15px 10px;
        font-size: 14px;
    }
    .tab .nav-tabs li a:before{
        bottom: 6px;
		
    }
	 .mainimageSlide
  {
	  padding-right:0px;
	  padding-left:0px;
  }
  
    .citiServices
{
padding-right:15px;
}

#owl-carousel .item img{
    display: block;
    width: 100%;
    height: auto;
}

#owl-carousel .owl-prev
{
    position: absolute;
    top: 100px;
    font-size: 30px;
	color:#fff;
}

#owl-carousel .owl-next
{
    position: absolute;
	right:0;
    top: 100px;
    font-size: 30px;
	color:#fff;
}

.citizenServices .downloadImage
{
text-align:center !important;
}


 .tab .nav-tabs li{
        width:100%;
        margin-bottom: 5px;
    }
    .tab .nav-tabs li a:before{
        bottom: 0;
        transform: none;
        border-bottom: 1px solid #d3d3d3;
    }
		 .mainimageSlide
  {
	  padding-right:15px;
	  padding-left:15px;
  }
  
  .citiServices
{
padding-right:15px;
}




.citizenServices .downloadImage
{
text-align:center !important;
}

.citizenServices h3
{
text-align:center !important;
}
  }
  
  

  @media screen and (max-width: 600px) {
	  
	  .tab .nav-tabs li a{
        padding: 15px 10px;
        font-size: 14px;
    }
    .tab .nav-tabs li a:before{
        bottom: 6px;
		
    }
	 .mainimageSlide
  {
	  padding-right:0px;
	  padding-left:0px;
  }
  
    .citiServices
{
padding-right:15px;
}

#owl-carousel .item img{
    display: block;
    width: 100%;
    height: auto;
}

#owl-carousel .owl-prev
{
    position: absolute;
    top: 100px;
    font-size: 30px;
	color:#fff;
}

#owl-carousel .owl-next
{
    position: absolute;
	right:0;
    top: 100px;
    font-size: 30px;
	color:#fff;
}

.citizenServices .downloadImage
{
text-align:center !important;
}


 .tab .nav-tabs li{
        width:100%;
        margin-bottom: 5px;
    }
    .tab .nav-tabs li a:before{
        bottom: 0;
        transform: none;
        border-bottom: 1px solid #d3d3d3;
    }
		 .mainimageSlide
  {
	  padding-right:15px;
	  padding-left:15px;
  }
  
  .citiServices
{
padding-right:15px;
}




.citizenServices .downloadImage
{
text-align:center !important;
}

.citizenServices h3
{
text-align:center !important;
}
  }

@media only screen and (max-width: 480px) {
    .tab .nav-tabs li{
        width:100%;
        margin-bottom: 5px;
    }
    .tab .nav-tabs li a:before{
        bottom: 0;
        transform: none;
        border-bottom: 1px solid #d3d3d3;
    }
		 .mainimageSlide
  {
	  padding-right:15px;
	  padding-left:15px;
  }
  
  .citiServices
{
padding-right:15px;
}

#owl-carousel .item img{
    display: block;
    width: 100%;
    height: auto;
}

#owl-carousel .owl-prev
{
    position: absolute;
    top: 70px;
    font-size: 30px;
	color:#fff;
}

#owl-carousel .owl-next
{
    position: absolute;
	right:0;
    top: 70px;
    font-size: 30px;
	color:#fff;
}

.citizenServices .downloadImage
{
text-align:center !important;
}

.citizenServices h3
{
text-align:center !important;
}

}
*/


.new-u-search {
    margin-right: 0px !important;
    cursor: pointer;
    position: absolute !important;
    right: 1px !important;
    background-color: #8fb23e;
    color: #fff;
    padding: 8px 10px 7px 8px !important;
    text-align: center !important;
    top: 1px !important;
    width: auto !important;
    background-position: center !important;
}