html,body{height:100%;}

.row #ui_hd .col-3 {width:28% !important;}
#ui_hd{margin-left:20px;}
#ui_hd { font-size: 0.80em !important;}
/* font size and decorative */
ul#menu li {
    display:inline;
  }
body { 
    font:1em "Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif; /* 1em = 16px */
/*  
    background-size: 100%; 
    background:#EFE6E7 !important */
 
    position: relative;
    height: auto !important;
    background-color:#ededed !important;
	-webkit-text-size-adjust: 100%;
} 
 

body .full-container{background-color:#ededed;width:100%;}

body .tamil{font-size:0.65em !important;}

h1, h2, h3{ color:#2A6FC5; font-weight:normal; font:"Segoe UI Semilight","Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif;}
 
h1{ font-size:1.8em;}
 
h2{ font-size:1.2em; color:#2A6FC5; font-weight:normal}
 
a{  color:#015989; text-decoration:none;}
 
a:hover{  color:#015989; text-decoration:underline;}
 
a:focus{ text-decoration:underline;}
 
a:focus{ outline:0;text-decoration:underline;}
 
.container:focus{outline:0;}
 
.contentFrame:focus{outline:0;}
 
/* Fixed search box width */
 
.header-pan .search-raw{margin-left:110px;}
 
/*End- Fixed search box width */
 
 /* Search bar in the web directory page */

#directory-search{
	height:40px;
	max-width:340px;
	
}

 /* End search bar */
 
 
/* Change placeholder styles */
 
#mainSearch:-ms-input-placeholder{ color:#68a3cf !important; font-style:italic;}
 
#mainSearch::-webkit-input-placeholder { color:#68a3cf; font-style:italic;}
 
#mainSearch::-moz-placeholder{ color:#68a3cf; font-style:italic;}
 
/* End Change placeholder styles */
 
 
/* Follow us icons area */
 
.follow_us_text{font-size:0.9em;}
.follow_us_text.tamil{font-size:0.8em !important;}

.follow-us-div{float:right;padding-top:35px;}
 
.share_icon{display:inline-block;padding-right:5px;}
 
.share_icon img{cursor:pointer; width: 28px;}
 
.share_icon a{cursor:pointer; width: 28px;}

 

.share_icon a:hover{opacity:0.7;}



.share_icon a:focus{opacity:0.7;outline:0;}

 
/* End Follow us icons area */ 
 
 
 
/*tabs area*/ 
 
#tabs h2,#tabs ul{margin:0 !important;}
#tabs .tabs-menu li a{font-size:0.9em !important;}

.ui-state-default {float:left; padding-left:5px;}
 
.ui-state-default a {text-decoration:none; background-color:#0078BA; color:#72caf0; font-family:"Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif; padding:2px 20px;}
 
.ui-tabs-active a {background-color:#575757;color:#FFFFFF;}
 
.ui-tabs-active a:focus,.ui-tabs-active a:hover{color:#ffffff;}
 
.ui-state-default a:hover {background-color:#575757;}
 
 
ul.ui-tabs-nav { list-style-type: none; padding-top:1%;}
 
.ui-tabs-nav {float:right;}
 
.tabs-row {width:100%; float:left; margin-bottom:45px; }

.tabs-row .col-3 {margin-left: 18px;}  
 
.tabs-row .col-7 {margin-top: 0px !important; margin:0 1%;}

.tabs-row .col-7 #result-header {color:#000000; font-size:1.2em !important; font-weight:bold;}
 
.tabs-row img {float:left;margin-right: 10px; background-color:#0078BA;}
 
.tab-area-color{background-color:#FFFFFF;padding:30px 0;}
 
.col_content .col-right .stat-div{padding: 0 0 0 7px;text-align: left;}
 
.col_content .col-right .stat-div .stat-div-row{padding-top:2px;}
 
.col_content .stat-div-right{height:118px !important;}
 
#tabs .tabs-menu li a:hover,#tabs .tabs-menu li a:focus{color:#fff !important;}
.tab-heading{font-size:1.2em;font-weight:600;}
 

 
/*End tabs area*/

.col-7 .bx-wrapper{background-color:#f4f8fb;}
 
.menu-box{background-color:#f4f8fb;padding: 20px 10px;}
 
.slider2{background-color:#ffffff;}
 
.slider2 .slide{padding:5px 0px;}
 
.slider2 .slide .group-title{color:#666;padding-bottom:10px;padding-top:5px;}
 
.slider2 .slide .group-title h3{color:#666;font-size:1.1em;padding:0;}
 
.slider2 .slide .read-more{padding-bottom:5px;float:right;font-size:0.8em;margin-right:23px;}
 
.slide .col-3{padding-right:2px;}
 
.share-links .bx-wrapper,.useful-links .bx-wrapper{padding: 5px 0;}
 
.bx-wrapper .bxslider a{  color:#0046B0; text-decoration:none;}
 
.bx-wrapper .bxslider a:visited{color:#0046B0; text-decoration:none;}
 
.bx-wrapper .bxslider a:hover{color:#0046B0; text-decoration:underline;}
 
.bx-wrapper .bxslider a:focus{color:#0046B0; outline:0;text-decoration:underline;}
 
.text-slider{padding:4% 0;float:left;}
 
.text-slider p,.text-slider a{padding-left:5px;}
.text-slider-topic{color:#72caf0;font-size:1.5em;font-weight:bold;text-align:center;}
.text-slider-topic.tamil{font-size:0.9em !important;}
.text-slider-details{color:#72caf0;font-size:0.9em;text-align:center;}
.text-slider-details.tamil{font-size:0.64em !important;}
 
.text-slider p.slider-detail{font-size:0.7em;}
 
.text-slider .bx-wrapper{width:450px;text-align:left;}
 
.text-slider .bx-wrapper img{margin:0;}
 
.text-slider .bx-wrapper .bx-viewport .bxslider li .slider-caption .caption2 a.readmore{cursor:pointer;}
 
.text-slider p.slider-detail-title{font-size:0.9em;padding-left:5px;padding-bottom:5px;}
 
.text-slider .bx-wrapper .bx-pager{display:block;padding-bottom:7px;text-align:center;}

 
.text-slider .bx-wrapper .bx-pager.bx-default-pager a:hover,
 
.text-slider .bx-wrapper .bx-pager.bx-default-pager a.active {
 
 
    background: #77ccf3;
}
  
.text-slider .bx-wrapper .bx-pager.bx-default-pager a{background-color:#03598a;height:10px;width:5px;}
.useful-links{font-size:0.7em;padding-bottom:5px;}
.useful-links .bx-viewport{width:95% !important;text-align:center;}
 
.useful-links .slide{padding: 5px 0px 10px;background-color:#efefef;border:1px solid #dddddd;text-align:left;} 
.useful-links .slide img{margin-left:4px;} 
.bx-wrapper img.ticker-img{display:inline-block;}
.ticker-text{position:absolute;top:13px;display:inline-block;font-size:1.1em;}
 
 
.useful-links .slide .ticker-text{position:absolute;top:12px;display:inline-block;font-size:1.1em;padding-left:2px;color:#575757;font-weight:bold;}
 
.useful-links .slide a.linkaddress{margin-left: 47px;top: 27px;position: absolute;color:#575757;}

img:focus{outline:0;}
 
.logo img{ height:auto;}
 
 
#logo-text{clear: left;padding-bottom: 5px; color:#000000 !important; font-size:1em; font-weight: 500;} /*Logo text*/

#logo-text.tamil {font-size:0.8em !important; font-weight:bold !important;} 

#logo-text.sinhala {font-weight:bold !important;}
  
 
.browser-alert{    clear: both; background-color:#FFF; width:95%; display: table; padding: 5px;}
 
 
.browser-alert .w-icon{ float: left; width: 35px;}
 
 
.browser-alert p{     color: #AA0000;float: left;font-size: 0.9em;font-weight: lighter;padding-left: 10px;padding-top: 8px;width: 94%;}
 
.browser-alert .w-icon img{ width:100%;}
.noJS{    clear: both; background-color:#FFF; width:95%; display: table; padding: 5px;}
 
.noJS .w-icon{ float: left; width: 35px;}
 
.noJS p{     color: #AA0000;
 
    float: left;

    font-size: 0.9em;

    font-weight: lighter;

    padding-left: 10px;

    padding-top: 8px;

    width: 92%;}
 
 
 
.noJS .w-icon img{ width:100%;}
 

/* --------------- Page Template STRUCTURE  ----------------------- */
 
 
/* pagewrap */
 
 
#page-wrapper { clear:both; padding:24px 0 0; width:100%; padding-bottom:100px; position:relative; z-index:0;}
 
.page-background{    background-size: cover;   left: 0; top:0;  position: fixed;    width: 100%; height: 100%; z-index: -1; display:none;}
 
.search-background{left: 0; position: relative; top: 0px; z-index: -1; width:100%;  background-size:cover;}
 
#footer-wrapper {  bottom:40px; clear:both; height:60px; position:absolute; width:100%;}

#contentFrame{ width:100%; border:none;padding:25px 0px 10px 0px;}
 

/* Genaral */
 
 
 
/* clearing float */
 
 
 
.clear-float:before, .clear-float:after { content:""; display:table;}

.clear-float:after { clear:both;}
 
.clear-float { clear:right;}
 
.clear-both {clear:both;}

.spacer-1{ margin-top:137px;}
 
.right-zero{ padding-right:0 !important;}
 
/* header styles */
.full-container .top-bar{background-color:#464646;width:100%;}
.full-container .logo-bar{background-color:#ffffff;}
.full-container .logo-bar a:focus > .logo img{opacity:0.5;outline:0;border:none;}

.top-bar .left-div{float:left; display:block;margin-left:0;width:75%;padding:6px 0 6px 0;}
 

.top-bar .right-div{float:right; display:block;margin-left:0;width:25%;text-align:right;padding:6px 0 6px 0;}
 
.top-bar .left-div a.top-links{display:inline-block !important;color:#b7b7b7;font-size:0.8em;cursor:pointer;}
 
 .top-links.tamil{font-size:0.7em !important;}
 
 
.full-container .header-bar{background-color:#0178ba;}
 
.full-container .menu-bar{background-color:#015989;}
  
 
.full-container .search-bar{float:right;padding:50px 0; overflow:visible;}
 

#menu-wrapper{ /*border-top: 5px solid #1515FF;*/ position:relative; /*border-bottom: 1px solid #1515FF;*/ background:#CBCFD3; }
 
.logo { float:left; padding:0; text-align:left;  margin-top: 3px;/* width: 12%;width:120px;*/}
 
.header-links{ text-align:right; padding-top:0px;}
 
.header-links ul{ margin:0; padding:4px 0; float:right;}
 
.header-links ul li{ display:inline-block; padding-left: 5px; padding-right: 10px; border-right:1px solid #AAA;}
 
.header-links ul li.last{border:none;}
 
.header-links ul li a.sinhala{ font-size:1em;}
 
.header-links ul li a.tamil{ font-size:0.7em;}
 
.header-links ul li a.english{ font-size:0.9em;}
 
.header-links ul li a.sinhala:focus{ text-decoration:underline;}
 
.header-links ul li a.tamil:focus{ text-decoration:underline;}
 
.header-links ul li a.english:focus{ text-decoration:underline;}
 
.header-links ul li a:link, .header-links ul li a:visited{ color:#b7b7b7; line-height:15px; text-decoration:none; display:block;}
 
.header-links ul.select-lg li a:link, .header-links ul.select-lg li a:visited {color:#FFFFFF;}
 
.header-links ul li a:hover{ text-decoration:underline;}
 
 
 
.header-links ul li.lang{ background: url("../images/lang.png") no-repeat scroll 0 50% transparent; padding-left: 40px;}
 

.header-pan {  display: block; float: right; width: 86%; position: relative;}
 
 
 
.header-pan .welcome{ float:left; position:relative; top:4px;  text-align: left;}
 
 
 
.header-pan .welcome h1{font-size:1.3em; font-weight: 600;}
 
 
 
.header-pan .welcome #portalName{display: inline-block; }
 
 
 
.header-pan .tamil #portalName { padding-top:5px;}
 
 
 
.header-pan .welcome #govName{display: inline-block; font-size:0.75em; color:#666666; margin-left:10px;}
 
 
 
.header-pan .search-raw{ right:3px; position:relative; top: 16px; width: 65%;z-index:1;}
 
 
 
.search-raw {position:relative; z-index:999 !important;}
 
 
#search-box{text-align: center; width:98%; margin-left: 3px;}
 
 
 
#search-box .searchbox-wraper{border-radius: 3px 3px 3px 3px;  width:100%; margin: 0 auto; border: 0px; height:40px; padding:0px}
 
 
 
#search-box .searchbox-wraper .search-elements{ background-color:#FFF; border:1px solid #CCC; float:left; width:100%; height:40px; border-radius:3px; overflow:hidden; /* box-shadow: 1px 1px 1px #948e90 inset; */}
 
 
 
#search-box .searchbox-wraper #mainSearch{ float:left; height: 35px; font-size: 1.0em; font-family:"Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif; background: none repeat scroll 0 0 transparent; color:#797979; margin-left: 10px; margin-top: 0px; width: 87%; border:none; }
 
 
 
#search-box .searchbox-wraper #mainSearch::-ms-clear { display: none;}
 
 
 
#search-box .searchbox-wraper #mainSearch:focus{ outline:none;}
 
 
 
#search-box .searchbox-wraper #advanced-search{font-size: 0.7em;margin-left: -84px;top: 3px;position: relative;text-align: right;font-size:0.7em;cursor:pointer;}
 
 
 
.advanced-search-row{display:none;font-size:0.8em;}
 
 
 
.advanced-search-checkbox{text-align:center;padding:2px;}
 
 
 
.checkbox-div{padding-right:2px;display:inline-block;}
 
 
 
#search-box .searchbox-wraper input.searchbutton{ background: url("../images/sprite.png") no-repeat scroll -2px -104px transparent; border-radius: 0px 3px 3px 0px; float: right; height: 40px; position: relative; right: 0; top: 0px; margin:0; width: 46px; border:none;}
 
 
#search-box .searchbox-wraper input.searchbutton:hover, #search-box .searchbox-wraper input.searchbutton:focus { background-position:-57px -104px;outline:0 ;}
 
@media screen and (min-width: 961px) and (max-width: 1011px) { 
	#search-box .searchbox-wraper input.searchbutton{
		width:43px;
	}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) {
#search-box .searchbox-wraper input.searchbutton{width :48px; position:absolute;margin:1px 5px 0px 0px;}
}

.searchbutton:focus{outline:0;}

 
.searchbutton::-moz-focus-inner {

  border: 0;

}
/* Navigation */
 
 
 
#navigation{border-radius: 5px 5px 5px 5px;border: 3px solid #cfe3ea; height:35px; background: none repeat scroll 0 0 #00a1e2; left: 165px; position: relative; top: 45px; padding: 3px; width: 81.95%; text-align: left !important;}
 
 
 
#navigation ul{ margin:0; padding:0; width: 99%; border-radius: 5px 5px 5px 5px; position:absolute;}
 
 
 
#navigation ul li{ float:left; font-weight:normal; padding:0 1% 0 3.56%;    }
 
 
 
#navigation ul li a{ color:#FFF;text-decoration:none; font-size: 1.150em; display:inline-block; padding:3px 0 3px 0;}
 
 
 
#navigation ul li.active a, #navigation ul li a:hover{ color:yellow !important;}
 
 
/* page body styles */
 
 
 
.body-content{/* background:url("../images/wrap-t.jpg") repeat-x 0 0;*/ padding:0; font-size:.90em; color:#797979; padding:7px 0px;}
 
 
 
.body-content h2{ margin:10px 0;}
 
 
 
.content p{ margin-bottom:15px;}
 
 
 
.content img{ width:100%; height:auto;}
 

.col-1 .col_content ul.nonbullet-links{padding-left:0px;list-style:none;}
 
 
 
.col-1 .col_content ul.bullet-links{padding-left:20px;}
 
 
 
.col-1 .col_content ul li a{color:#0468b6;}
 
 
 
.col_content img{ width:100%; padding: 0px; /* border: 1px solid #B7B7B7;*/}
.col-content .col-left img{width:100% !important;}
.col_content .gi-social-icons{padding:2px 0px 0px 7px;}

.col_content .gi-social-icons img{width:auto;}
 
.col_content .col-left{width:159px;}
 
 
 
.col_content .col-right{padding-left:8px; font-size:0.9em; height:104px; overflow: hidden;line-height: 15.2941176470588px;}
 
 
 
.col_content .col-right.more-div{padding-left:8px; font-size:0.9em; height:27px; overflow:hidden;}
 
 
 
.col_content .col-right p{ padding:1px 0 0 7px; text-align:left; height:30px; overflow:hidden; -webkit-font-smoothing: antialiased;}
 
 
 
 
 
 
.col_content h3{ padding:0 0 0 7px; color:#000;font-size:1em; font-weight:600; -webkit-font-smoothing: antialiased;}
 
 
 
.margin-left15{margin-left:20px;}
 
 
 
.pt5{padding-top:5px;}
 

#social_share_div{display:inline-block;}
 

/*.social-share-wrapper {display:inherit !important;}*/
 
 
 
.social-share-wrapper{width: 50px;height: auto; position: fixed; top: 365px; right:0px; overflow: hidden; z-index: 40;}
 
 
 
.social-share-wrapper img{ border:0;}
 
 
 
#menu-wrapper .social-share-icon { height: 18px; margin: 0; padding: 0; text-align: right; width: auto; display: none; cursor:pointer;}
 
 
 
#menu-wrapper .social-share-icon img{ position:relative; top:0px;}
 
 
 
.social-share-wrapper .social-icon-wrapper{ text-align: center; background:none; padding:0; border: 0; display:block;}
 
 
 
.social-share-wrapper .social-icon-wrapper a { border-bottom: 1px solid rgba(255, 255, 255, 0.1);  display: block; float: right; margin: 0; outline: medium none;   overflow: hidden;  padding: 3px 0;  position: relative; text-align: center; text-indent: -9999em; transition: width 0.15s ease-in-out 0s; width: 38px; z-index: 100; cursor:pointer;}
 
 
 
.social-share-wrapper .social-icon-wrapper a:hover { width: 50px;}
 
 
 
.social-share-wrapper .social-icon-facebook{ background-color:#545454; border-radius: 5px 0 0 0;}
 
 
 
.social-share-wrapper .social-icon-facebook a.social-icon-facebook:hover{ background:#4A6EA9;}
 
 
 
.social-share-wrapper a:hover.social-icon-facebook:hover span {background-image:url("../images/facebook_hover.png");background-color:#4A6EA9;}
 
 
 
.social-share-wrapper .social-icon-wrapper a.social-icon-facebook:hover{ background:#4A6EA9;}
 
 
 
.social-share-wrapper a:hover.social-icon-twitter:hover span {background-image:url("../images/twitter_hover.png");background-color:#00ACED;}
 
 
 
.social-share-wrapper a:hover.social-icon-twitter:hover{background-color:#00ACED;}
 
 
 
.social-share-wrapper a:hover.social-icon-google:hover span {background-image:url("../images/google_hover.png");background-color:#DD4B39;}
 
 
 
.social-share-wrapper a:hover.social-icon-google:hover{background-color:#DD4B39;}
 
 
 
.social-share-wrapper a:hover.social-icon-linkedin span {background-image:url("../images/linkedin_hover.png");background-color:#1F79B5;}
 
 
 
.social-share-wrapper a:hover.social-icon-linkedin:hover{background-color:#1F79B5;}
 
 
.social-share-wrapper .social-icon-twitter{ background-color:#8a8a8a;}
 
 
 
.social-share-wrapper .social-icon-google{ background-color:#696969;}
 
 
 
.social-share-wrapper .social-icon-linkedin{ background-color:#595959; border-radius: 0 0 0 5px;}
 
 
 
.social-share-wrapper .social-icon-facebook span{background-image:url("../images/facebook.png");background-repeat:no-repeat;background-position:0px 0px;background-size:25px auto; display: block; height: 25px; left: 8px; position: relative; top: 1px; width: 25px;}
 
 
 
.social-share-wrapper .social-icon-twitter span{background-image:url("../images/twitter.png");background-repeat:no-repeat;background-position:0px 0px;background-size:25px auto; display: block; height: 25px; left: 8px; position: relative; top: 1px; width: 25px;}
 
 
 
.social-share-wrapper .social-icon-google span{background-image:url("../images/google.png");background-repeat:no-repeat;background-position:0px 0px;background-size:25px auto; display: block; height: 25px; left: 8px; position: relative; top: 1px; width: 25px;}
 
 
 
.social-share-wrapper .social-icon-linkedin span{background-image:url("../images/linkedin.png");background-repeat:no-repeat;background-position:0px 0px;background-size:25px auto; display: block; height: 25px; left: 8px; position: relative; top: 1px; width: 25px;}

/* social share icons most popular section */
 
.social-share-icon:focus{outline:#FFCC00 solid thin;}
 
.social-share-icon a:focus{outline:#FFCC00 solid thin !important;display:inline-block;}
 
.social-share-icon{ display:inline-block; margin-right:0px;}

/* bradcrumb */
 
 
 
.breadcrumb{ padding:7px 0 0 0;}
 
 
 
.breadcrumb ul{ margin:0; padding:0; }
 
 
 
.breadcrumb ul li{display:inline; color:#555; }
 
 
 
.breadcrumb ul li a{ color:#D31145; }

 
.col-1 .body-content .calender-img {width:140px; height:140px; margin-bottom: 95px;  background: url("../images/Calender_Blue.png")  no-repeat scroll 0 0; display:none;}
 
 
 
.col-1 .body-content .calender-img a{width:140px; height:140px; display: block;}
 
 
 
.col-1 .body-content .calender-img a:focus{ outline:none;}
 
 
 
.col-1 .body-content .emergency{ background-color:transparent; padding:0; display:none;}
 
 
 
.col-1 .body-content .emergency .img-1919{ float:left; background-color:#004B8E; border-radius: 7px 7px 7px 7px;}
 
 
 
.col-1 .body-content .emergency .img-emergency{ float:right; background-color:#004B8E; border-radius: 7px 7px 7px 7px;}
 
.margin-bottom10{ margin-bottom:10px;}
 
 
 
.padding-bottom15{padding-bottom:15px;}
 
 
 
.alt{ background-color:#eae8e8;}
 
 
 
.tables td{ padding-left:5px;}
 
/* Mega navigation */
 
 
 
#navigation .meganav-container{
 
 
 
     max-width: 60%;
 
 
 
     position:absolute;
 
 
 
     top:30px;
 
 
 
     left: 75px;
 
 
 
    }
 
/* --- Search Results ---   */
 
.search-results { margin: 0 auto; width: 75%;padding-bottom:15px;}
 
 
.search-results .search-list {list-style: none; margin:15px 10px 0 10px; width:auto;}
 
 
 
.search-results .search-list li{ padding: 7px 7px 7px 7px; margin-bottom:15px; clear: both; display: block;}
 
 
 
.search-results .search-list li img{ float:left; width:8%;}
 
 .es-inner .search-results .search-list li img{ width:8%;height:auto;}
 
.search-results .search-list li .text{ display:inherit; margin-left:10%;margin-top:-5px;}
 
 
 
.search-results .search-list li:hover{ background-color:#efefef;}
 
 
 
.search-results .search-list li h3{font-size:0.95em; margin: 0px 0px 3px 0px !important;}
 
.es-inner .search-results .search-list li h3{ padding-top: 12px;}
 
.search-results .search-list li div{display:inline-block;}
 
 
 
.tamil .search-results .search-list li h3 {font-size: 1.2em !important;margin: 0px 0px 0px 0px !important;}
 
 .search-results #empty_result.tamil, .search-results #empty_msg.tamil{font-size:1.15em !important;}
 
.search-results .search-list li span { display:block; padding:0; margin:0; font-size:0.82em;  color: #666666; line-height: 16px; overflow:hidden; max-height:32px;}
 
 
 
.tamil .search-results .search-list li span {font-size:1em !important;}
 
 
 
.search-results .search-list li a {color:#0046b0; }
 
 
 
.search-results .search-list li span a{ margin:0; padding-top:2px; font-size:0.820em;}
 
.tamil .search-results .search-list li span a{ font-size:0.850em !important;}
 
 
.search-results .search-list li a:hover {text-decoration:underline;}
 
 
 
.search-results .search-list li .text span > a:focus{outline:0;text-decoration:underline;}
 
 
 
/*search result service type buttons*/
input.service-btn{padding:5px 9px !important; color:#FFFFFF; margin-top:0px !important;margin-bottom:2px !important;}
@media all and (-ms-high-contrast:none)
     {
     input.service-btn { margin-bottom: 4px; } /* IE10 */
     *::-ms-backdrop, input.service-btn { margin-bottom: 4px; } /* IE11 */
     }


/* --- Advanced search filter bar --- */

.advanced-search-filter{background-color:#fafafa;color:#0178ba;font-size:0.9em;}
/* --- Search Results Inline box ---   */

.sh-results-inline {width: 100%; display:none; overflow: hidden; clear:both;

	text-align:left;

	background: #ffffff;

	border: 1px solid #CCC;

	border-radius: 5px 5px 5px 5px;

-webkit-transition: all .3s ease .15s;

-moz-transition: all .3s ease .15s;

-o-transition: all .3s ease .15s;

-ms-transition: all .3s ease .15s;

transition: all .3s ease .15s;}

.sh-results-inline .search-list {list-style: none;}

.sh-results-inline .search-list li{ padding: 7px 10px; border-bottom:1px solid #CCC;}

.sh-results-inline .search-list li img{ float:left; width:45px; height:45px;}

.sh-results-inline .search-list li .text{ display:inherit; margin-left:55px;}

.sh-results-inline .search-list li:hover{ background-color:#efefef;}

.sh-results-inline .search-list li h3{font-size:1.025em;margin-bottom:2px;}

.tamil.sh-results-inline .search-list li h3{font-size:1.1em !important;}
.header-pan .tamil .search-list li h3 { font-size: 1em;}


.sh-results-inline .search-list li .text h3 a:focus{outline:0;text-decoration:underline;}

.sh-results-inline .search-list li .text span > a:focus{outline:0;text-decoration:underline;}

.sh-results-inline .search-list li span { display:block; padding:0; margin:0; font-size:0.8em;  color: #666666; line-height: 15px;}

.tamil.sh-results-inline .search-list li span{font-size:1.1em !important;}



.sh-results-inline .search-list li a {color:#015989; text-decoration:none;}

.sh-results-inline .search-list li span a{ margin:0; padding-top:2px; font-size:0.820em;}

.sh-results-inline .search-list li a:hover {text-decoration:underline;}

.sh-results-inline input.service-btn {margin-top:0px !important;}

.select123{ background-color:#efefef;}

/*  Paginate  */

.es-container {background-color:#fff;}

.es-inner{padding-top: 20px;}

#result-paginate-cat{margin:0;}

.es-container #result-paginate.tamil{font-size:1.4em !important;}
.es-container .paginate{border-top: 1px solid #CCCCCC; margin:0px 50px; padding: 10px 0 15px 0; text-align: center;}

.es-container .paginate .page-number {display: inline-block;}

.es-container .paginate .number-title {display: inline-block; color: #555555; font-size: 0.85em; margin-right: 5px;}

.es-container .paginate .page-number a{display: inline-block; border:1px solid #CCC; background-color:#FFF; color:#004B8E; display: inline-block; margin: 0 2px; padding: 1px; width: 18px;}

.es-container .paginate .page-number a.tamil{font-size:1.4em !important;}

.es-container .paginate #pages div .disable-page{text-decoration: none; color: #AAA; cursor: default; background-color:#EEE;}

.es-container .paginate #pages-cat div .disable-page{text-decoration: none; color: #AAA; cursor: default; background-color:#EEE;}

.es-container .paginate #pages, .es-container .paginate #pages-cat { display: inline-block; margin: 0 10px;}

.es-container .paginate #pre-batch, .es-container .paginate #pre-batch-cat{display: inline-block !important; font-weight: bold;}

.es-container .paginate #post-batch, .es-container .paginate #post-batch-cat{display: inline-block !important; font-weight: bold;}

#listResult.tamil{font-size:1.6em !important;}

/*  Service Detail  */

.service-detail { background-color:#FFF;}

.service-detail .primary-detail .service-image{ width:100px; float:left; margin-right:15px; max-height:110px; display: inline-flex;}

.service-detail .primary-detail .service-image img{ width:100%; border:1px solid #CCC; padding:2px;}

.service-detail .primary-detail .detail{display:inherit;}

.service-detail .primary-detail .detail h2{ color:#000; font-size:1.3em;}

.service-detail .primary-detail .detail h3{padding-bottom:2px;}

.tamil.service-detail .primary-detail .detail h3{font-size:1.5em !important;padding-bottom:1px !important;}

.tamil.service-detail .primary-detail .detail p{font-size:1.25em !important;}
.service-detail .data-raw h2.legend{ color:#FFF; font-size:1.02em;}

.service-detail .primary-detail{ padding: 0 15px;}

.service-detail .body-content .data-raw{ padding: 20px 0;}

.service-detail .body-content .data-raw .col-3{ width:29%;}

.service-detail .legend-border {margin:0; border: none; border-radius: 0 0 0 0; box-shadow: none;}

.service-detail .legend-border.col-1 {padding:10px 0px 20px 0px;}

.service-detail .legend-border.col-3 .col_content {padding: 0 5px;}

.service-detail .legend-border.col-2 .col_content {padding: 0 10px;}

.service-detail .legend-border.col-1 .col_content {padding: 0 15px;}

.service-detail .legend-border h2.legend {background-color: #EEEEEE; border: 0; border-radius: 0; color: #333;}

.service-detail #name{font-size:1.2em;}



/* Welcome page */


/*.container .welcome-container h1{ padding: 10px 0;}*/

.container .welcome-container { max-width:670px; margin: 25px auto;}

.container .welcome-container .content{border:1px solid #ffffff; text-align:center; padding: 10px 18px 15px 18px;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#0178ba), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#015989));background: -moz-linear-gradient(top, #0178ba 0%, #2989d8 50%, #207cca 51%, #015989 100%);background:-ms-linear-gradient(top, #0178ba 0%,#2989d8 50%,#207cca 51%,#015989 100%);background:linear-gradient(to bottom, #0178ba 0%,#2989d8 50%,#207cca 51%,#015989 100%);}

.container .welcome-container .message{margin:30px 0 15px 0;  border:4px solid #ffffff;}
.container .welcome-container .message .sinhala{ font-size:1em; margin: 10px 0 10px 0px;}

.container .welcome-container .message .tamil{font-size:0.72em !important; margin-bottom: 10px;}

.container .welcome-container .message .english{font-size:0.92em; margin-bottom: 10px;}

.container .welcome-container .message p{margin-bottom: 10px;}

.container .welcome-container h1.sinhala{ font-size:1.5em; margin:0 5px; display:block;  white-space: nowrap;}

.container .welcome-container h1.tamil{font-size:1em; margin:0 5px; display:block;  white-space: nowrap;}

.container .welcome-container h1.english{font-size:1.2em; margin:0 5px; display:block;  white-space: nowrap;}

.container .welcome-container .title{text-align:center; width:50%; margin:0 auto;}

.container .welcome-container .image{margin-bottom:10px; }

.container .welcome-container .header-links {   padding-top: 0;   text-align: center;}

.container .welcome-container .header-links ul {margin: 0; padding: 5px; float: none; position: relative;top: 3px;}

.container .welcome-container .header-links ul li{ border:none; padding: 0 15px;}

.container .welcome-container .header-links .sinhala{ font-size:1.6em; height:30px; line-height:25px;}

.container .welcome-container .header-links .sinhala:focus{ outline:none;text-decoration:underline;}

.container .welcome-container .header-links .tamil{font-size:1.2em !important; height:30px; line-height:25px;}

.container .welcome-container .header-links .tamil:focus{outline:none;text-decoration:underline;}

.container .welcome-container .header-links .english{font-size:1.4em; height:30px; line-height:25px;}

.container .welcome-container .header-links .english:focus{outline:none;text-decoration:underline;}

.container .welcome-footer{}

.welcome-container h1,h2,h3 {color:#FFFFFF;}

.welcome-container ul li a {color:#0178BA;}

.container .welcome-container .icta{ text-align:left; height: auto;}

.container .welcome-container .icta img{ margin:5px; width:auto; margin: 7px 5px 0 5px; border:1px solid #CCC;}

.container .welcome-container .icta #eSrilanka{padding:2.5px;}

.container .welcome-container .font-download{ text-align:right; height: auto;position:relative;}

.container .welcome-container .font-download .font-download-div{position:absolute;right:2px;top:-166px;}

.container .welcome-container .font-download img{background-color: #FFFFFF; border: 1px solid #CCCCCC; padding: 6px; margin: 7px 5px 0 5px; width:auto;}

#eSrilanka {padding:6px 0px 0px 0px !important; margin:0px !important; border:none !important;}

#icta-container {width:36.4 !important;}



/* footer */
#footer-container{ width:100%; margin-top:-24px; z-index:10;}

#footer-container .footer-stem .col-1{height:20px;}

#footer-container .footer-carousal{background-color:#004B8E;}

#footer-container .footer-download-link{ background-color:#015989;padding:0px 0px 10px 0px;}

#footer-container .footer-download-link .downloadstat{float: right;width: 135px;border: 2px solid #FFFFFF;padding: 4px; text-decoration: none;}

#footer-container .footer-download-link .downloadstat img{height: auto;float: left;padding-right: 7px;}

#footer-container .footer-download-link .downloadstat p{font-size: 0.7em; color: #FFFFFF;}

#footer-container .footer-download-link .downloadstat p.tamil{font-size: 8px !important;padding-top: 3px;}

#footer-container .footer-download-link .downloadstat p.sinhala {font-size: 10px !important;}

#footer-container .footer-download-link .downloadstat:hover{opacity:0.8;}
#footer-container .footer-links{ background-color:#f2f2f2;padding:0px 0;}

#footer-container .footer-links .col-1 ul .footer-divider{color:#095da6;font-size:0.8em;}
#footer-container .footer-links .col-1 ul {list-style: none;}

#footer-container .footer-links .col-1 ul li a{padding:3px 0; font-size:0.7em; color:#b7b7b7; }

#footer-container .footer-links .footer-topic-div ul li a{padding:3px 0; font-size:0.8em; color:#76cbf0; text-transform:capitalize; }

#footer-container .footer-links .col-1 ul li a:hover {text-decoration:underline;}

#footer-container .footer-links .col-1 .footer-topic{color:#76cbf0;padding-bottom:10px;font-size:0.9em;text-align:left;font-weight:bold;}
#footer-container .footer-links .col-1 .footer-topic.tamil{font-size:1em !important;}
#footer-container .footer-links .col-1 .footer-topic-div{padding:10px 0 5px 0;}

#footer-container .footer-links .col-1 .footer-topic-div ul{text-align:left;padding-right:10px;}


#footer-container .footer-links .col-1 .footer-topic-div img{padding:0 10px;width:auto;}

#footer-container .footer-links .col-1 ul li.flink-border-bottom{border-bottom:1px solid #76cbf0;}

#footer-container .footer-links .col-1 ul li.flink-border-bottom:last-child{border-bottom:0;}
#footer-container .footer-links .col-1 ul li.flink-padding{padding:5px 0;}

#footer-container .copyright{background-color:#3d3d3d;}

#footer-container .copyright .cr-left-div1{float:left;width:60%;text-align:center;}

#footer-container .copyright .cr-left-div1 img{float:left;padding:5px 10px 5px 0;}
#footer-container .copyright .cr-left-div1 .stat-topic{text-align:left;}

.copyright.tamil{font-size:1.2em !important;}
#footer-container .copyright .cr-left-div2{float:left;width:0;}

#footer-container .copyright .cr-left-div2 .stat-topic{float:left;padding: 10px 0;}

#footer-container .copyright .cr-right-div3{float:right;width:40%;text-align:right;}
.footer{ font-size:0.70em; color:#b7b7b7; padding:10px 0px 10px 10px; margin:0; background:#000;}


#footer-container .logo_focus:focus > img {opacity:0.7;}

.welcomeFooter{text-align: right; color:#015989; margin-top: -6%;}

#index-box .atoz-selected{border: 1px solid;border-radius: 8px;padding: 0px 2px 0px 2px !important;}

#index-box div{display: inline-block;}

/* ------ CSS Research -------------------- */

#banner_bor{ display:none !important;}

.mobile-menu{ display:none;}

/* CSS for help, privacy policy and Terms of use */

#docs-container{ margin: 0 auto;} 

#emailAddress{margin-bottom:-1px;}

/* Content */

#docs-content{font-size:0.9em;}

#docs-content .col-1 { width:100%;}

#docs-content a.remove-ul{ text-decoration:none; color:#000000; font-weight:normal;}

#docs-content .docs-title{ background-color:#C3DEEF; position: relative;}

#docs-content .docs-title h2{margin:0; font-size:1.1em; background-color:#C3DEEF; padding: 5px 10px; float:left;}

#docs-content .docs-title .tittle-name {float: left; width: 50%;}

#docs-content .content-wraper{padding: 10px;}

#docs-content p {margin-bottom: 10px; color:#555;  text-align: justify;}

#docs-content h3 {padding-bottom: 7px; color:#000000; font-size:1.2em;}

#docs-content ol{list-style-position:outside;margin-bottom: 10px; margin-left: 35px; color: #555555;}

#docs-content ul{list-style-position:outside; margin-bottom: 10px; margin-left: 35px; color: #555555;}

#docs-content .content-wrapper {/* background-color:#F9F9F9; */ padding: 15px;}

#docs-content .content-wrapper .data-row{ border:1px; padding:3px;}

#docs-content .padding10{padding:10px;}

#docs-content .data-raw{ padding: 5px 0 20px 0;}

#docs-content .font-download{ text-align:left; height: auto;}

#docs-content .font-download img{background-color: #FFFFFF; border: 1px solid #CCCCCC; padding: 6px; margin: 7px 5px 0 5px; width:auto;}

#sin_a{width:54px; height:23px;}

#tam_a{width:54px; height:23px;}

#icta_logo{width:85px;height:34px;}

#esri_logo{width:74px;height:29px;}

.carousel-col-content{width:100%;float:left;}

.carousel-col-content .col-left{width:64px;float:left;}

.carousel-col-content .col-left img{float:left;}

.carousel-col-content .col-right {padding-left: 8px;height: 65px;overflow: hidden;line-height: 18px;}

.carousel-col-content .col-right h4 {text-align: left;height: 20px;overflow: hidden;-webkit-font-smoothing: antialiased;}

.carousel-col-content .col-right p {text-align: left;height: 20px;overflow: hidden;-webkit-font-smoothing: antialiased;color:#000000;}

.col_content .col-right p a{font-size:0.85em; color: #0046B0; float:right;}

.tamil .col_content .col-right p a { font-size: 0.8em;}

.col_content .col-left img{width:159px;height:100px;}

#title-text{display: block;}

.welcome-container .footer{background:none;}


/*Middle boxes area*/

.h1top {padding-left:0px !important;display:inline-block;}

.white-background {background-color:#fff;}


.tabspace {background-color:#ededed; padding-top:25px;}

.col-1 h1{color:#000; font-weight:bold; font-size:1.2em; padding:0px 20px 10px 0px; background-color:#ededed; margin:0px;}
#topic-bg{background-color:#efefef;}

.linkbox{display: inline-block;padding-bottom:0px;}

.linkbox-styles{color: #000000;font-weight: bold;font-size: 0.85em;}

.pleft{padding-left:15px;}

.seperator{padding-left: 10px;font-size: 0.9em;font-weight: bold;}
#gov_services.tamil {font-size:0.85em !important;}

.h1-white {/*background-color:#fff !important; padding-left:26px !important;*/ padding-top:10px !important;}

.row-boxes .col-3 {text-align:center !important; border-left:1px solid; border-bottom:1px solid; border-color:#ededed; padding:1.882%;}

.row-boxes.col-3 h5{padding-top:10px;}
.row-boxes h5{color:#000;height:20px;overflow:hidden;}

.row-boxes .col-3 p{font-size:0.9em;height:57px;overflow:hidden;}  
.row-boxes .col-3 p.sinhala{height:60px !important;}
.row-boxes .col-3 p.tamil{font-size:0.7em !important;} 

.row-boxes div.col-3:hover{background-color:#005180;}

.row-boxes div.col-3:hover h5{color:#7accfc;}

.row-boxes div.col-3:hover p{color:#7accfc;}

.row-boxes a{text-decoration:none; color:#007abb;}

.row-boxes a:hover{color:#7accfc;}

.row-boxes p {color:#000;}

/* end-Middle boxes area*/

/* Government web directory area*/

.row-wd #wd_categories .col-3 {width:28% !important;}

.row-wd .col-3 { border-bottom:1px solid; border-color:#ededed; padding:5px 5px 10px 5px; margin-right: 3%;}

.row-wd .col-3:last-child, .row-wd .col-3:nth-child(7), .row-wd .col-3:nth-child(8), .row-wd .col-3:nth-child(9){border-bottom:0;}

.wd-header {font-weight:bold;color:#0277BA; }
#wd_categories{margin-left:20px;}

.row-wd a:hover {text-decoration:none; }

.bordertop-removed {border-top:0px solid !important;}
.wd-res-container{padding-top:50px !important;}

#gov_web_directory.tamil { font-size: 0.75em !important;}

#wd_categories.tamil { font-size: 0.80em !important;}

/* end-Government web directory area*/

/*Bottom five column area*/

.poll-wrp {overflow: hidden; width: 46.3%;float: left;background-color: #FFFFFF; margin-top: 10px;}
 
.use-wrp {overflow: hidden;width: 100%;float: left;background-color: #FFFFFF;}
 
.col3-border{border-bottom: 10px solid rgb(237, 237, 237);}

.fivecolumn-area {background-color:#ededed !important; overflow:hidden;}

.fivecolumn-area .col-8 {margin-right:3%; background-color:#fff; padding:1.5%;}

.fivecolumn-area .col-9 {background-color:#fff; padding:2.5%;}

.fivecolumn-area p {font-size:0.9em;}

.fivecolumn-area a {color:#0277BA;}

.fivecolumn-area h4 {font-weight: bold;color: #0277BA; padding:0px 0px 10px 15px;}

.fivecolumn-area .fivecolumn-area-left {float:left; overflow: hidden; width: 38%;}

.fivecolumn-area .fivecolumn-area-right {float: right; width: 60%; }

.fivecolumn-area .fivecolumn-area-left .col-s-2 {padding:2.7%;}

.fivecolumn-area .fivecolumn-area-left .col-s-2 .pollarchive{font-size:0.75em;padding-left:15px;text-decoration:underline;color:#327BD6;float:right;display:inline-block;}

.fivecolumn-area .fivecolumn-area-left .col-s-2 .poll-heading{display:inline-block;}

.fivecolumn-area .fivecolumn-area-left .col-s-2 a{line-height:1.95em; font-size:0.9em; color:#000;}

.fivecolumn-area .fivecolumn-area-left .col-s-3 { padding: 2.5%;}

.fivecolumn-area .fivecolumn-area-left .col-s-3 a{padding:0px 10px 6px 15px;font-size:0.9em; color:#000;display:block;}

.fivecolumn-area .col-9 .gi-header {font-weight:bold ;color:#0277BA;text-decoration:none; }

.fivecolumn-area .col-9 .flaticon-arrow83:before {color:#B0B0B0 !important;}

.fivecolumn-area .col-9 .flaticon-arrow89:before {color:#CECECE !important;}

.fivecolumn-area .col-9 .gi-area {padding-top:10px;}

.fivecolumn-area .col-9 .gi-area .gi-box img {float:left;}

.fivecolumn-area .col-9 .gi-area .gi-box a img {float:left; margin-right:0px;}

.fivecolumn-area .col-9 .gi-area .gi-box a img:hover {opacity:0.5;}

.fivecolumn-area .col-9 .gi-box {float:left; margin-bottom:42px; width:100%;}

.fivecolumn-area .col-9 .gi-area .gi-box div.wd-moreinfo a{font-size:0.8em; color:#000 !important;}
.fivecolumn-area .col-9 .gi-area .gi-box a.wd-moreinfo{font-size:0.85em; color:#000 !important;padding:0 0 0 7px;}
.fivecolumn-area .col-9 .gi-area .gi-box a.wd-moreinfo.tamil{font-size:0.6em !important;}
.fivecolumn-area-right .bx-wrapper {margin:0px auto !important;}
.fivecolumn-area .fivecolumn-area-right p.tamil{font-size:0.8em !important;}
.wd-more {float:right; padding-top:5px; padding-right:10px;}

.wd-more:hover {text-decoration: underline;}

#poll.tamil, #useful_info.tamil, #quick_links.tamil, #about_srilanka.tamil {font-size:0.80em !important;}

#gov_initiatives.tamil{font-size:0.95em !important;}

#useful_info, #quick_links {outline:none !important;}

#usefulInfoResults.tamil, #quickLinksResults.tamil {font-size:0.78em !important;}

.fivecolumn-area-right.tamil{font-size:0.85em !important;}

.col-8.tamil {font-size:0.75em !important;}

.col-8.tamil #about_srilanka.tamil {font-size:1em !important;}

#govinitiative-slider.tamil p {font-size:1.35em !important;height:28px !important;}

#govinitiative-slider.tamil .govinit-title{font-size:1.35em !important; height: 12px !important; overflow:hidden;}

#govinitiative-slider .govinit-title{padding-bottom:4px; height: 13px !important; overflow:hidden;}
@media all and (-ms-high-contrast:none)
{
     #govinitiative-slider.tamil p {height:26px !important;} /* IE10 */
     .col_content .col-right p{padding:2px 0 0 7px !important;} /* IE10 */
     #govinitiative-slider.tamil .govinit-title{padding-top:2px !important; height: 10px !important;}  /* IE10 */
     *::-ms-backdrop, #govinitiative-slider.tamil p {height:26px !important;} /* IE11 */
     *::-ms-backdrop,.col_content .col-right p{padding:2px 0 0 7px !important;}/* IE11 */
     *::-ms-backdrop,#govinitiative-slider.tamil .govinit-title{padding-top:2px !important; height: 10px !important;}/* IE11 */

}
#govinitiative-slider.tamil .wd-moreinfo {font-size:1.1em !important;}

#bottom-carosal.tamil h4 {font-size: 1.2em !important;}

#bottom-carosal.tamil p {font-size: 1em !important;}

/*end-Bottom five column area*/

/*carousel bottom*/
.sliderarea div.bx-wrapper {max-width:1210px !important;margin:0px;}
.sliderarea .bx-wrapper .bx-controls-direction {padding-top:3%;}
.sliderarea .bx-prev {background:url(../images/next-icon.png) no-repeat -2px -10px !important;}
.sliderarea .bx-next {background:url(../images/next-icon.png) no-repeat -35px -10px !important;}
.sliderarea h4{padding-top:15px; color:#000000;}
.sliderarea p{font-size:0.85em;float:left; padding:0px 30px 0px 0px;}
.sliderarea .bx-wrapper img {float:left;}
.sliderarea .bx-wrapper .bx-viewport {width:990px !important;}
.sliderarea .bx-wrapper .slide {border-right:1px solid #D8D8D8;}
.sliderarea {background-color:#ededed; overflow:hidden; padding-top:20px; }
.sliderarea .bx-wrapper .bx-controls-direction a.disabled {display:block; opacity:0.5;cursor: default; pointer-events: none;}



@media screen and (min-width: 991px) and (max-width: 1113px) { 
	.sliderarea .bx-wrapper .bx-viewport {width:860px !important;}
}
@media screen and (min-width: 650px) and (max-width: 990px) { 
	.sliderarea .bx-wrapper .bx-viewport {width:578px !important;}
}
@media screen and (min-width: 1366px) and (max-width: 8000px) { 
	.sliderarea div.bx-wrapper {max-width:none !important;}
	.sliderarea .bx-wrapper .bx-viewport {width:90% !important;}
	.sliderarea .bx-wrapper .bx-controls-direction {padding-top:1.5% !important;}
}
@media screen and (min-width: 991px) and (max-width: 1113px) { 
	.sliderarea .bx-wrapper .slide {width:276px !important;}
}
@media screen and (min-width: 1114px) and (max-width: 1128px) { 
	.sliderarea .bx-wrapper .bx-viewport {width:979px !important;}
	.sliderarea .bx-wrapper .slide {width:320px !important;}
}
@media screen and (min-width: 650px) and (max-width: 1024px) { 
	.sliderarea .bx-wrapper .slide {width:278px !important;}
}

/*carousel sidebar*/

.fivecolumn-area-right .bx-wrapper .bx-controls-direction a{top:8px;}

.fivecolumn-area-right .bx-wrapper .bx-controls-direction a.disabled{opacity:0.5;display:block; cursor: default; pointer-events: none;}
.fivecolumn-area-right .bx-wrapper .bx-next {background: url(../images/next-icon.png) no-repeat -36px -10px !important;}
.fivecolumn-area-right .bx-wrapper .bx-prev {background: url(../images/next-icon.png) no-repeat -4px -10px !important; margin-left: 82%;}

/*.gi-area2{visibility:hidden;}*/

.col-s-2 iframe {width:95%; min-height: 618px; border: 0px; padding-left: 15px;}
.col-s-3 iframe {width:100%;}
/*Search Result buttons*/
 
input#eserv-btn {background-color:#17a084 !important; border:none;}
input#sms-btn {background-color:#2b7fbb !important; border:none;}
input#mobileapp-btn {background-color:#d84444 !important; border:none;}
input#howto-btn {background-color:#f27835 !important; border:none;}
 
/*Iframe body color */ 
iframe>body {background-color:#fff !important;}

.rmv-space{padding-bottom:0px !important; margin-bottom:-15px !important;}
.capitals{text-transform:uppercase !important;}


/*tabindexing styles for all elements in home page*/
.top-links span:focus {text-decoration: underline;outline: 0;}
.text-slider .bx-wrapper .bx-pager.bx-default-pager a:focus{border: 1px solid #FECB16;}
.row-boxes a:focus{color:#7accfc;}
.fivecolumn-area span.wd-more:focus{outline:0;text-decoration: underline;}
.fivecolumn-area .col-9 .gi-area .gi-box img:focus{opacity:0.4;}
.sliderarea .bx-wrapper img:focus{opacity:0.4;}
#footer-container .footer-download-link .downloadstat:focus, #footer-container .copyright .cr-left-div1 img:focus{opacity:0.4;}
/*end-tabindexing styles for all elements in home page*/
ul.mtree a.tamil{font-size:0.65em !important;}

.overlay{width:100%;height:100%;z-index:900;background-color:#000;top:0px;left:0px;opacity:0.3;position:absolute;filter: alpha(opacity=50) !important;}

#about_srilanka_cms {padding-left: 15px;}

/* Back to top button */
#backTop{
    width:20px;
    height:20px;
    padding:10px;
    border-radius:4px;
    text-indent:-9999px;
    cursor:pointer;
    z-index:999999999;
	display:none;
	box-sizing:content-box;
	-webkit-box-sizing:content-box;
}
#backTop.white{
     background:url(/assets/images/uparr-48-b.png) no-repeat center center rgba(255,255,255,0.8);
    border:1px solid #ccc;
}
#backTop.black{
     background:url(/assets/images/uparr-48-w.png) no-repeat center center rgba(0,0,0,0.3); 
    border:1px solid #ccc;
}

.govinit-title.govinit-title-bs{
    line-height: unset !important;
}

.header-bar .header-bar-details .header__title{
        font-weight: 700;
        color: #fff;
        font-size: 32px;
        font-size: 2rem;
        line-height: 1.2;
        margin: 0;
        padding-bottom: 15px;
    }
    
    .header-bar .header-bar-details .header__intro {
        color: #fff;
        font-size: 19px;
        font-size: 1.1875rem;
        margin: 0;
        padding-bottom: 0px;
    }

    .header-bar .header-bar-details{
        padding: 5px 0;
    }

 #body-content{
    margin: 10px 0;
}

.col-1 h1 {
    color: #000;
    font-weight: bold;
    font-size: 1.2em;
    padding: 0px 20px 10px 0px;
    background-color: #ededed;
    margin: 0px;
}
.govlk_wrapper{    
    margin: 20px 40px;
    
    padding-bottom: 20px;
}
.govlk_wrapper .govk-wrapper-heading{
    font-size: 1.1875rem;
    line-height: 1.3157894737;
    margin-bottom: 14px;
}
.govlk_wrapper .govk-wrapper-heading .govlk-link:hover{
    color: #015989;
}
.govlk_wrapper .govlk-body{
    font-size: 0.9em;
}
.govlk_wrapper_loadmore{
    margin: 20px;
    text-align: right;
}
/*
.p-t-10{
    padding-top: 10px;
}*/
.hidden{
    display: none !important;
}
.govlk-erl{
    margin: 20px 20px 50px;
    border: 1px solid #ddd;
    padding: 20px;
}
.govlk-erl h3{
    margin-bottom: 20px;
}
.web-directory-img{
    width: 80px;
    height: 80px;
}
.sl-pages .container-service-data{
 padding: 20px;
}
.sl-pages #tablepress-35 .column-1{
    width:40%
}
.sl-pages #tablepress-35 td{
    padding: 10px;
}
.sl-pages #tablepress-35 tr{
    border-bottom: 1px solid #ddd;
}
.sl-pages p{
    margin-bottom: 20px;
}
.sl-pages ul{
    padding-left: 30px;
}
.sl-pages li{
    margin-bottom: 10px;
}
img.service-page-logo {
    width: 90%;
    height: auto;
}
.logo_focus img{
    height: 35px;
}

.breadcrumb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 1rem;
    list-style: none;
    border-radius: 0.25rem;
  }
  
  .breadcrumb-item + .breadcrumb-item {
    padding-left: 0.5rem;
  }
  
  .breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding-right: 0.5rem;
    color: #e9ecef;
    content: "/";
  }
  
  .breadcrumb-item + .breadcrumb-item:hover::before {
    text-decoration: underline;
  }
  
  .breadcrumb-item + .breadcrumb-item:hover::before {
    text-decoration: none;
  }
  
  .breadcrumb-item.active, .breadcrumb-item a{
    color: #e9ecef !important;
    text-decoration: none;
  }
  .service-search{
    display: none;
  }

.mobile-page img.service-page-logo {
    width: 240px;
    height: auto;
    border-width: 0;
    box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 1px 3px 1px rgb(60 64 67 / 15%);
    border-radius: 20px;
}
.text-justify{
    text-align: justify !important;
}
.service-grid-mobile{    
	margin: 10px;
    border: 1px solid #ddd;
	padding: 10px;
	height: 70px;
	cursor: pointer;
    display: table;
    width: calc(100% - 40px);
}
.service-grid-mobile .service-data p{
    font-size: 15px;
    font-weight: 500;
    color: rgb(95,99,104);
    line-height: 1.25rem;
}
.lang-btn{
    padding-left: 14px; padding-right: 14px;
}
.lang-btn .tamil{
    font-size: 0.80em !important;
}