*{margin:0; padding:0; font-family: 'Roboto', sans-serif;}
.clearfix{clear:both;}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{float:left;}
.header{width:100%;}
.header-top-left{width:100%;}
.emblem-logo{float:left; margin:3px 5px 0 0px;}
.emblem-logo img{height:34px;}
.header-top-left ul{margin:0; padding:0px; display:table; line-height: 21px; float:left;}
.header-top-left ul li{display:inline-block; vertical-align:text-bottom;font-weight: bold; border-left: 1px solid #eee; line-height: 39px; padding: 7px 5px 7px 5px;}
.header-top-left ul.mb-txt-algn li:first-child{padding-left:0; border-left:0;}
.header-top-left ul li a{ text-decoration:none; display:block; color:#000;}
.header-top-left ul li span{font-size:10px;display:block; }
.header-top-left ul li.align-right-txt span{text-align:right; line-height:12px;}
.header-top-left ul li.align-left-txt span{text-align:left; padding-left:2px; line-height:12px;}
.header-top-right{text-align:right;line-height: 38px; width:100%;}
.header-top-right ul{margin:0px;list-style-type:none;}
.header-top-right ul li{display:inline-block;font-size: 12px; padding:0px 6px; vertical-align:middle;border-left:1px solid #eee; line-height:39px; }
.header-top-right ul li img{height:30px;padding:0px;}
.header-bottom-left ul li{display:inline-block;vertical-align:middle;}
.header-bottom-left ul li img{height:60px;vertical-align: middle;}
.header-bottom-left ul li span{display:table;font-size:15px;margin:0px;font-weight: 600;line-height: 16px;}
.header-bottom-left ul li span.eng-lang {font-weight: 700;font-size: 18px;}
.header-bottom-right {width: 100%;}
.header-top-bar{border-bottom: 1px solid #ddd;background-color: #fbfbfb;}
.header-bottom-left{padding: 10px 0;}
.header-bottom-left ul{margin: 0px;padding: 0px;}


.body-top-left{width:100%;padding:0px;}
.glance-area{width: 100%;}
.glance-area img{width:100%;}
.banner-area{background-color:#28394a;margin:0px;}
.bannr-caption { position: absolute;bottom:0; z-index: 10; color: #fff;background-color:#000;opacity: 0.7; padding:10px 15px;width:100%;}
.bannr-caption p{margin:0;padding:0;font-size:16px;}
.bannr-caption p.date{color:#e4ff1a;}
.navigation-bar { width: 100%;}
.navigation-bar .navbar.navbar-expand-lg.navbar-light{width: 100%; display: table;background-color: #049dad;height: 100%;font-size: 14px;}
.navigation-bar .navbar-light .navbar-nav {padding:0 15px;}
.navigation-bar .navbar-light .navbar-nav .nav-link { color: #fff; padding: 5px 50px 5px 0px; line-height:24px;}
.navigation-bar .navbar-light .navbar-nav .nav-link .nav-link-submenu{ color: #fff; padding: 5px 50px 5px 0px;}
.navigation-bar .navbar-light .navbar-toggler {position: absolute;right: 15px;top: -35px;border:none;padding:0;outline:none;}

.navbar-expand-lg .navbar-nav .dropdwn-hover {position: absolute;padding: 0px;margin:0;border-top:3px solid #0ecbe0;background-color:#000;opacity:0.95;}
.navigation-bar a.dropdown-item {display: block;width: 100%;clear: both;color: #fff;text-align: inherit;white-space: nowrap;background-color: transparent;font-size: 14px;text-transform:uppercase;padding:0;}

.navbar-expand-lg .navbar-nav .dropdwn-hover ul {list-style-type:none;padding:10px 0;}
.navbar-expand-lg .navbar-nav .dropdwn-hover li{padding:0px 20px;}
.navbar-expand-lg .navbar-nav .dropdwn-hover li:first-child a.dropdown-item{border-top:none;}


.navigation-bar a.dropdown-item {display: block;width: 100%;clear: both;color: #fff;text-align: inherit;white-space: nowrap;background-color: transparent;font-size: 14px;text-transform:uppercase;padding:10px 0;border-top:1px solid #fff;}


.navigation-bar .navbar-light .navbar-nav .show>.nav-link {color: #fff;}
.banner-area{width:100%;}
.navbar{padding:0px;}
.conference-back h2 {font-size: 38px;font-weight: 800;line-height: 38px;margin: 0;}
.conference-back h2 sup{font-size: 24px; font-weight: 600;}
.conference-back h4{margin:0; font-size: 26px; line-height: 24px; font-weight: 500;}
.conference-back h3{margin:0; font-size: 36px; line-height: 32px; font-weight: 700;}
.conference-back p{font-size: 14px; line-height: 14px; font-weight: 400; margin:0;}

.icons-facts {color:#ffffff;font-size: 15px;padding:10px 0 10px 40px;}
.icons-facts-img1 {background: url(../images/financial_icon.png) no-repeat left 3px;}
.icons-facts-img2 {background: url(../images/fund_icon.png) no-repeat left 3px;}
.icons-facts-img3 {background: url(../images/procurement_icon.png) no-repeat left 3px;}
.icons-facts-img4 {background: url(../images/event_icon.png) no-repeat left 3px;}
.icons-facts-img5 {background: url(../images/training_icon.png) no-repeat left 3px;}
.icons-facts-img6 {background: url(../images/hydromet_icon.png) no-repeat left 3px;}
.icons-facts-img7 {background: url(../images/agency_icon.png) no-repeat left 3px;}
.icons-facts-img8 {background: url(../images/catalogue_icon.png) no-repeat left 3px;}

.bulletin-box p {  word-break: break-all;}
.news-and-updates{background:url(../images/upcoming-background.jpg) no-repeat; background-size: cover; width:100%;}
.news-and-updates h3{color:#ffffff;text-align: center;margin-top:50px;margin-bottom: 0px; font-size: 36px;font-weight: 700;}
.news-and-updates h6{padding: 0px; font-size: 18px; color:#000; font-weight: 600;}
.news-and-updates ul{background: #ffffff;list-style-type: none;margin:0px; padding: 0;}
.news-and-updates ul li p{font-size: 14px;padding: 0px;}
.news-and-updates ul li{ margin:0px 0; border-top:1px solid #ccc; padding-top: 19px; line-height: 18px; font-size: 14px; color: #666;}
    /*-- .news-and-updates ul li:first-child{border-top:0;}--*/
.news-and-updates .btn{color:#ffffff;background: #010000;display: block;float:right;font-size: 14px;margin-right: 28px;}
.news-and-updates .whte-color-backgnd{background: #ffffff;} 
.heading-border{display: block;text-align: center;margin-bottom: 30px;}
.scrollable-panel{max-height: 50px;overflow: auto;}
.panel{margin:20px 10px 0px 10px;}
.panel-body{width:100%;}
.panel-heading1{border:1px solid #010000;background-color:#6494AA;color:#ffffff;padding:10px 10px;}
.panel-heading2{border:1px solid #010000;background-color:#90A959;color:#ffffff;padding:10px 10px;}
.panel-heading3{border:1px solid #010000;background-color:#E9B872;color:#ffffff;padding:10px 10px;}
.panel-heading4{border:1px solid #010000;background-color:#A63D40;color:#ffffff;padding:10px 10px;}
.panel-body {
    border: 1px solid #004085;
    padding: 4px 11px;
    margin-top: 10px;
}

.events{position: relative; width: 100%; left:0;  width:100%;}
.events .event-lft {background:#049dad; padding: 15px 15px 15px; }
.events .event-rght {background:#049dad; padding: 20px 0px; }
.events a{padding:0px; color:#ffffff;font-size: 15px; text-decoration:none;display: block;}

.project-components h2{color:#049dad;text-align: center;margin-top:30px;margin-bottom: 0px; font-size: 36px;font-weight: 700;}
.project-components h6{padding:0px; margin-bottom: 15px;font-weight:bold;}
.project-components p{padding:0px; font-size: 14px;margin: 0px; color: #666; text-align: justify;}
.project-components .btn{color:#ffffff;background: #010000;margin: 5px;display: block;float: right;font-size: 14px;}
.project-components {
    margin-top: 30px;
    background: #e9ecef;
    padding: 20px 0px 20px;
    width: 100%;
}
.white-color-backgnd {background: #fff;height: 100%;padding: 23px 5px 23px 23px; box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);}
.white-color-backgnd1{border-bottom: 8px solid #049dad;}
.white-color-backgnd2{border-bottom: 8px solid #2ebbcc;}
.white-color-backgnd3{border-bottom: 8px solid #62e2ef;}
.white-color-backgnd4{border-bottom: 8px solid #9ff6ff;}
.projct-compo {padding-right: 15px; margin-bottom:20px;}

.projct-compo2{ margin-bottom:20px;}

.bulletin-part{margin-top: 20px;  width:100%;}
.bulletin-part ul{list-style-type: none;}
.bulletin-part h6{padding: 10px;}
.bulletin-part ul li{padding:10px;background:#fff;margin: 10px;}
.twitter-bckgrnd-clr{background:#55ACEE;color:#fff;padding-top: 10px;}
.facebook-bckgrnd-clr{background: #3B5998;color: #fff;}
.ebulletin-bckgrnd-clr{background: #1b75bc;color:#fff;}
.bulletin-box {border:1px solid;margin: 5px;background: #f3f3f3;}

.color-line {background: #fff; height: 3px; background-image: linear-gradient(to right, #34495e, #34495e 100%); background-size: 32% 3px; background-position: 0% 100%;background-repeat: no-repeat; margin-bottom: 7px;}

/* Icon 3 */
#nav-icon3{width: 30px; height:20px; position: relative; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);  -o-transform: rotate(0deg); transform: rotate(0deg);  -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer;}
#nav-icon3 span{ display: block; position: absolute;  height:2px; width: 100%; background: #000; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);  -o-transform: rotate(0deg);  transform: rotate(0deg);  -webkit-transition: .25s ease-in-out;  -moz-transition: .25s ease-in-out;  -o-transition: .25s ease-in-out;  transition: .25s ease-in-out;}
#nav-icon3 span:nth-child(1) {top: 0px;}
#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) { top: 10px;}
#nav-icon3 span:nth-child(4) {  top: 20px;}
#nav-icon3.open span:nth-child(1) {top: 18px; width: 0%; left: 50%;}
#nav-icon3.open span:nth-child(2) {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
#nav-icon3.open span:nth-child(3) { -webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg); -o-transform: rotate(-45deg);transform: rotate(-45deg);}
#nav-icon3.open span:nth-child(4) {p: 18px;width: 0%;  left: 50%;}
/* Icon 3 */


.dropdown-submenu { position: relative;}
.dropdown-submenu>.dropdown-menu {  top: 0;  left: 100%; -webkit-border-radius: 0 6px 6px 6px;  -moz-border-radius: 0 6px 6px 6px;  border-radius: 0 6px 6px 6px; padding: 5px 0;margin:0;border-top:3px solid #0ecbe0;background-color:#000;white-space: nowrap;}

.dropdown-submenu>a:after {  display: block;  content: " ";  float: right;  width: 0;  height: 0;  border-color: transparent;  border-style: solid;  border-width: 5px 0 5px 5px;  border-left-color: #cccccc;  margin-top: 5px; margin-right:0px; }
.dropdown-submenu:hover>a:after {  border-left-color: #ffffff;}
.dropdown-submenu.pull-left {  float: none;}
.dropdown-submenu.pull-left>.dropdown-menu {  margin-left: 10px;}
.navbar-expand-lg .navbar-nav .dropdwn-hover .dropdwn-hover-submenu a {border-top: 1px solid #fff;color:#fff;padding:5px 0; text-decoration:none;font-size: 14px;text-transform:uppercase;display:block;}
.navbar-expand-lg .navbar-nav .dropdwn-hover .dropdwn-hover-submenu li:first-child a.dropdown-item-submenu{border-top:none;}


.footer-container {background-color:#333;color:#fff;width:100%;margin:0px 0 0;padding:25px 15px; }
.footer-container ul{list-style-type:none;width:100%;margin:0;}
.footer-container li {float:left;width:18%; margin:0 1.25%}
.footer-container li:first-child{ margin-left:0;}
.footer-container li:last-child{ margin-right:0;}
.footer-container .footer-box h2 {font-size:16px;padding:0 10px 0 0;margin:0;padding-bottom:7px;}
.color-line-blu {background: #333; height: 3px; background-image: linear-gradient(to right, #67d2fc, #67d2fc 100%); background-size: 32% 3px; background-position: 0% 100%;background-repeat: no-repeat; margin-bottom: 12px;}
.footer-container .footer-box ul{list-style-type:none;width:100%;margin:0;}
.footer-container .footer-box li {font-size:13px;padding:5px 0;line-height:18px;margin:0 20px 0 0;border-top:1px dotted #666;color:#fff;width:100%;}
.footer-container .footer-box li a{text-decoration:none;color:#fff;}
.footer-container .footer-box li a img{float:right;}
.footer-container .footer-box li:first-child {border:none;}

.location-img {background: url(../images/img-location.png) no-repeat left 5px;padding-left:22px !important;border:none !important;}
.phone-img {background: url(../images/img-phone.png) no-repeat left 5px;padding-left:22px !important;border:none !important;}
.website-img {background: url(../images/img-website.png) no-repeat left 5px;padding-left:22px !important;border:none !important;}

.footer-lower {width:100%;background-color:#000;color:#fff; margin:0; padding:10px 15px;text-align:center;}
.footer-lower a {color:#fff;text-decoration:none;border-left:2px solid #666;font-size:13px;margin:5px 0;padding:0 5px;}
.footer-lower span:first-child a{border-left:none;}
.footer-lower p {font-size:13px;margin:0px;padding:5px 0;}

.side-bar {padding:2px;position: fixed;  top:35% ;  right: 0;z-index:998;background-color:#fff;}
.side-bar button {border:none;padding:1px; z-index:9999;padding:1px; background-color:#fff;}
.side-bar div {}

.fbk-button {position: relative;}
.fbk-window {width:300px;height:170px;background-color:#fff;position: absolute;right:-302px;transition: .5s ease;top:0;z-index:-1;}
.fbk-bttn:hover .fbk-window {right: 48px;width:300px;height:170px;}

.twt-button {position: relative;}
.twt-window {width:300px;height:170px;background-color:#fff;position: absolute;right:-302px;transition: .5s ease;top:0;z-index:-1;}
.twt-bttn:hover .twt-window {right: 48px;width:300px;height:170px;}

.reg-button {position: relative;}
.reg-window {width:300px;height:170px;background-color:#fff;position: absolute;right:-302px;transition: .5s ease;top:0;z-index:-1;}
.reg-bttn:hover .reg-window {right: 48px;width:300px;height:170px;}

.gal-button {position: relative;}
.gal-window {width:300px;height:170px;background-color:#fff;position: absolute;right:-302px;transition: .5s ease;top:0;z-index:-1;}
.gal-bttn:hover .gal-window {right: 48px;width:300px;height:170px;}

.slider img {padding:15px 0 0;width:20px;}

.wrapper{max-width:1400px; width:100%; margin:0 auto;}

/*-- scroll-js --*/
ul.scroll-set-ms {
    height: 251px;
    overflow-y: auto;
    margin-bottom: 20px;
}

    ul.scroll-set-ms li {
        text-align: justify;
    }

.mCSB_draggerRail {
    width: 10px;
}
ul.scroll-set-ms li a{color:#666; text-decoration:none;}

.news-and-updates ul.scroll-set-ms span#DataListnewsupdates span {
    border-top: 1px solid #eee;
}
.news-and-updates ul span span:first-child li {
    border-top: 0;
}

.small, small {
    font-size: 80%;
    font-weight: 400;
    text-align:right;
}
.g-color-blue {
    color: #3398dc !important;
}

table#agenctTable.agncttbl-separt h6 {
    font-size: 16px;
    color: #1b75bc;
    font-weight: 600;
    display: block;
}
table#agenctTable.agncttbl-separt span{font-size:14px; margin-bottom:8px; color:#666;}

table#agenctTable.agncttbl-separt td h5 { display: inline-block; font-weight: 600; color: #333; font-size: 14px;}
table#agenctTable.agncttbl-separt td h5 span { display: inline-block; font-weight: 500; width: auto; color: #666; margin-left: 3px;  margin-bottom:0;}
table#agenctTable.agncttbl-separt td { padding: 15px 12px 10px;}
.lbl-sethd{float:left; margin-right:16px;}
table#agenctTable.agncttbl-separt td a span {margin-bottom: 0;}
table#agenctTable.agncttbl-separt td .shr-media a { cursor: pointer; display: inline-block; margin: 5px 5px 0 5px; vertical-align: middle;}
table#agenctTable.agncttbl-separt td .shr-media a i {font-size: 20px;}

.shr-media { float: right; text-align:right; width:100%; border-top:1px solid #999; padding-top:5px; margin-top:5px;}
table#agenctTable.agncttbl-separt td .shr-media a.btn.btn-success.dwnl-btn {
    display: inline-block;
    padding: 2px 4px;
    line-height: 17px;
    font-size: 13px;
}
table#agenctTable.agncttbl-separt td .shr-media a.btn.btn-success.dwnl-btn i.fa.fa-download {
    font-size: 12px; margin-right:3px;
}

.header-bottom-bar .wrapper a.btn {
    padding: 3px 10px;
    margin-top: 24px;
}
.header-bottom-bar .wrapper a.btn.btn-info{margin-right:10px;}

.table .thead-dark th {
    padding: 6px;
    font-size: 13px;
    font-weight: 500;
    background: #45a7b9;
    color: #fff;
    border-color: #238fa2;
}
.table td{padding: 6px; font-size: 13px; font-weight: 400; color:#666;}
table.table-bordered.dataTable tbody th, .table-responsive.datatblset table thead.thead-dark th, table.dataTable thead>tr>th, .datatblset .table-bordered thead th{padding:6px; font-size:13px; font-weight: 500; background:#45a7b9; color:#fff;}
table.table-bordered.dataTable tbody td, .table-responsive.datatblset table td {padding: 6px; font-size: 13px; font-weight: 400; color:#666;}