@font-face {font-family: 'TitilliumWeb-Regular';src: url('../font/TitilliumWeb-Regular/TitilliumWeb-Regular.eot?#iefix') format('embedded-opentype'), url('../font/TitilliumWeb-Regular/TitilliumWeb-Regular.woff') format('woff'), url('../font/TitilliumWeb-Regular/TitilliumWeb-Regular.ttf')  format('truetype'), url('../font/TitilliumWeb-Regular/TitilliumWeb-Regular.svg#TitilliumWeb-Regular') format('svg');font-weight: normal;font-style: normal;}

/* Over-all font style */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, tdrad-cls
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroupnew-clsmenu, nav, output, ruby, section, summary,
time, mark, audio, video { font-family: 'TitilliumWeb-Regular';}

.btn-wi-cls button{width:162px;}

.logo{margin-top:10px;margin-bottom:10px;margin-left:20px;}
.logog{margin-bottom:10px;margin-left:20px;}
/**.login-bg {background: url("../images/CIDB-homepage-banner.jpg") !important;background-repeat: no-repeat;top: 0;
height:auto;background-size: cover !important;}**/
.login-bg{background: url('../images/CIDB-homepage-banner1.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;min-height:625px;
  -moz-background-size: cover;
  -o-background-size: cover;
background-size: cover !important;}
.login-form{background-color: #fff;margin-top: 3%;padding: 1% 1% !important;margin-right: 10%;}
.sign-cls{margin-top: -13px;color:#138790;margin-top: 0px;}
.bg-clr{background-color:#138790;    margin-top: 3%;    padding: 2px 28px 15px 28px;margin-top: 0px;}
.f-cls{margin-bottom:0px !important;}
.whte {color: #fff !important;}
.us-cls{border-top-left-radius: 6px !important;border-bottom-right-radius: 6px !important;}
.decoration{color:#138790 !important;background:url('../images/Tick-mark.jpg') !important;background-repeat:no-repeat;}
.not-cls {font-size:9px !important;}
.sign-cls1{color:#138790;margin-left: 15px;}

.mr-cls{margin-right:20px;}
/** footer **/
.foot{padding:5px 15px 40px 0px;}
.foot h5{width:250px;}
.fobg-clr{ background-color: #138790 !important;width:100%;}
/** menu **/
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
background: #138790;font-size:15px !important;}
.dropdown {
padding-top:0px !important;}
.navbar-default .navbar-nav > li > a:hover{
background: #d0e7e9 !important;}
.se-sub1{left: 186px;background: #d0e7e9 !important;color:#138790 !important;}
.se-sub11{left:159px  !important;}
.se-sub{color:#fff !important;}
.im-cls{color:#138790 !important;}
.navbar-toggle {background-color: #fff !important;}
.adj{padding-bottom:60px;}
.navbar-inverse {background-color: #229020;border-color: #fff; color:#fff;}
.navbar-inverse .navbar-nav > li > a {color: #fff;}
.navbar-inverse .navbar-brand {color: #fff;}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {    color: #fff;    background-color: #d5058b;}
.navbar-default{box-shadow:none !important;}
.fi-t{margin: 0px 0px 10px 44px !important;}
.navbar-inverse .navbar-toggle {border-color: #fff;}
.navbar-inverse:hover .navbar-toggle {background:#3bd505;}
.navbar-inverse .navbar-toggle {border-color: #3bd505;}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {    background-color: #3bd505 !important;}
a,a:focus,a:active,a:hover,object,embed {outline: none;text-decoration: none;}
:-moz-any-link:focus {outline: none;}
.sub{margin-left:0px;}
.navbar-default {background-color: #fff !important;border:none !important;}
.navbar-default .navbar-nav > li > a {color: #fff;}
.dropdown-menu > li > a:hover{background:#d0e7e9 !important;color:#34afb9 !important;}
.dropdown-menu {background-color: #34afb9;color:#fff ;}
.dropdown-submenu {position: relative;}
.dropdown-submenu>.dropdown-menu {top: 0;left: 100%;margin-top: -6px;margin-left: -1px;-webkit-border-radius: 0 6px 6px 6px;-moz-border-radius: 0 6px 6px;border-radius: 0 6px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu {display: block;}
.dropdown-submenu>a:after {display: block;content: " ";float: right;width: 0;height: 0;border-color: transparent;border-style: solid;border-width: 5px 0 5px 5px;border-left-color: #ccc;margin-top: 5px;margin-right: -10px;}
.dropdown-submenu:hover>a:after {border-left-color: #fff;}
.dropdown-submenu.pull-left {float: none;}
.dropdown-submenu.pull-left>.dropdown-menu {left: -100%;margin-left: 10px;-webkit-border-radius: 6px 0 6px 6px;-moz-border-radius: 6px 0 6px 6px;border-radius: 6px 0 6px 6px;}
.dropdown{z-index:999 !important;background: #138790;padding-top: 10px;padding-bottom: 10px;}
.dropdown ul li{float:left;list-style:none;float: left;list-style: none;}
.dropdown ul ul li{float:none;}
.menu-fnt{font-size: 18px;color:#fff !important;padding-right: 34px; font-family: 'TitilliumWeb-Regular';}
.dropdown-menu .multi-level{margin-left:100px !important;}
.navbar{margin-bottom:0px;}
.dropdown ul li{width:100% !important;}
.se-sub1 li a{color:#138790 !important;}

.hd-menu-cls ul li a:hover{color:#34afb9;}
.icon-cls{background: #fff url('../images/calendar-icon.png') right center no-repeat;} 
.font-size-cls{font-size:13px !important;}
.droup-menu-cls{padding-bottom:0px !important;}
.navbar-nav li a:hover{color:#34afb9 !important;}
.se-sub1 li a:hover{background-color:#34afb9 !important;color:#fff !important;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover,.nav .open > a{color:#34afb9 !important;background:#d0e7e9 !important;}
.a-cls{color:#6d6e71 !important;}
.a1-cls{background:#fff !important;}
.multi-cls{left:100px;}
.since-cls{float:right !important;}
.clear{clear:both;}
/** button**/
.btn-info {color: #138790 !important;background-color: #d0e7e9 !important;border-color: #d0e7e9 !important;}
.mr-rt {float: left; margin-right: 10px;}
.mr-t{margin-top:20px;}
.mr-rt img{float:left;padding-right: 10px;}
.mr-rt p{margin-left:10px;margin-top: 4px;}
.mr-rt a{color:#fff !important;}
.boxx{   margin-left: 25px;color: #6d6e71;}
.me-dr{float:left;}
.btn{padding: 6px 40px;}
.clr-cls-1{background-image:none !important;color: #fff !important;}
.clr-cls-1:hover{background-image:none !important;background:#d0e7e9 !important;color:#000 !important;}
.marg-cls{margin-bottom:0px !important;}
.marg-cls-1{margin-bottom:20px !important;}
.se-sub li a{color:#fff ;}

.see-cl{margin-left: 30px;margin-right: 30px;}
.dropdown-menu > li > a{color:#fff;}
.bottom-clr-cls{background-color: #d0e7e9 !important;color:#000 !important;}
.bottom-clr-cls:hover{color: #fff !important;background: #138790 !important;}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {vertical-align: middle !important;}
/** form control **/
.form-control {border-radius: 6px !important;}
.form-tex{margin-bottom:15px;height: 30px;color:#6d6e71 !important;}
.form-control {padding: 3px 12px !important;
}
.form-horizontal .form-group {color: rgb(109, 110, 113) !important;}
.form-group {color: rgb(109, 110, 113) !important;font-size: 12.4px !important;}
.col-lg-12 { color: #6d6e71 !important;}
.pd-l{padding-left: 40px !important;}
.box-cls{width:135px;border:1px solid #6d6e71;border-radius:8px;padding:10px;margin-left:10px;float:left;height: 85px;line-height: 18px;}
.bor-cls{border-right:1px solid #6d6e71;    margin-bottom: 30px;margin-right: 56px;}

.actt-cls{color:#138790;padding-left:10px;float:left;margin-bottom: 20px;}
.act-cls1{border:2px solid #138790;color:#138790;padding-left:10px;background-color: #138790;}
.span-cls{color:#fff;background-color: #138790;    margin-right: -15px; padding: 10px;}
.span-cls1{ color:#fff;padding:15px ;}
.reg-cls{color:#138790;text-decoration:underline;    font-size: 16px;}
.act-cls h5 {float:left !important; }
.act-cls  {border:2px solid #138790;margin-bottom:20px;color: #138790;width: 15%;margin-left: 10px;margin-top:15px;}


/* Datepicker */
.datepicker table tr td.active.active{background: #ccc !important;color:#6d6e71 !important;}
.day.old,.day.new{color:#6d6e71 !important;}
 .bu-cls{color: #6d6e71 !important;font-size: 14px;font-weight: 200;}
.datepicker{background-color: #fff !important;color:#6d6e71 !important;}
.datepicker thead tr:first-child th:hover, .datepicker tfoot tr:first-child th:hover, .day:hover{color:#34afb9 !important;background:#d0e7e9;}

/* menu-listing */
.hrr-cl{float:left; width: 5%;color:#ccc !important;}
.rad{width: 50%;margin:0 auto;margin-top: 20px;position:relative;}
.rad-cls{border-radius:30px;background-color: #138790;color:#fff;width:30px;padding:5px;float:left;}
.rad-clsg{border-radius:30px;background-color: #389012;color:#fff;width:30px;padding:5px;float:left;}
.rad-cls2{border-radius:30px;background-color: #6d6e71;color:#fff;width:30px;padding:5px;float:left;}
.rad-cls1{border-radius:30px;background-color: #fff;color:#138790;width:30px;padding:5px;float:left;border:1px solid #138790;}
.pa-cls{color:#6d6e71;background-color:#fff;border: 2px solid #138790;}
.das-cls{width: 80px;padding: 5px;float: left;}
.hr-sub{width: 100px;position: absolute;top: 35px;color:#138790;margin-right:10px;}
.hr-sub2{width: 100px;position: absolute;top: 35px;color:#138790;margin-right:10px;margin-left:20%;}
.hr-sub3{width: 100px;position: absolute;top: 35px;color:#138790;margin-right:10px;margin-left:20%;}
.hr-sub4{width: 100px;position: absolute;top: 35px;color:#138790;margin-right:10px;margin-left:35%;}
.hr-sub5{width: 100px;position: absolute;top: 35px;color:#138790;margin-right:10px;margin-left:45%;}
.hr-sub6{width: 100px;position: absolute;top: 35px;color:#138790;margin-right:10px;margin-left:55%;}
.hr-sub7{width: 100px;position: absolute;top: 35px;color:#138790;margin-right:10px;margin-left:65%;}
.hr-sub8{width: 100px;position: absolute;top: 35px;color:#138790;margin-right:10px;margin-left:75%;}
.hr-sub9{width: 100px;position: absolute;top: 35px;color:#138790;margin-right:10px;margin-left:85%;}
.hr-sub10{width: 100px;position: absolute;top: 35px;color:#138790;margin-right:10px;margin-left:95%;}

.bu-cls::before {content:url('../images/bullet1.png');margin-right:10px;}

.bac-cls{background-color:#fff !important;}




hr {
    margin-top: 15px !important;

border-top: 1px solid #ccc !important;
    width: 74px;
}
.sign{margin-top: 30px;}
.mm-l-cls{ margin-left: -9px;}
.pr-cls{margin-left:16px;}

select {-webkit-appearance: none;-moz-appearance: none; -ms-appearance: none; appearance: none;background: url('../images/img.png') right !important ;background-repeat:no-repeat !important;text-indent: 0.01px;overflow-x: hidden;}
select::-ms-expand {
    display: none;
}
label { text-align: left !important;font-family: 'TitilliumWeb-Regular';color: #555 !important;}
.btn-default {     background-color: #138790;border-color: #138790;border-radius:10px !important;	margin-bottom:10px !important;margin-right: 6px;}
.btn-defaultW {     background-color:white;border-color: #138790;border-radius:10px !important;	margin-bottom:10px !important;margin-right: 6px;}
.btn-defaultB {     background-color:lightblue;border-color: #138790;border-radius:10px !important;	margin-bottom:10px !important;margin-right: 6px;}

.hd-menu-cls1 ul li{list-style:none;float:left;padding: 0px 17px 0px 0px;margin-right:30px;border-right:2px solid #6d6e71; }
.hd-menu-cls1 ul li:last-child{border:none;}
.hd-menu-cls ul li{list-style:none;float:left;padding: 10px 20px 12px 0px;}


.hd-menu-cls ul li a{text-decoration:none;color:#6d6e71;}
.hd-menu-cls1 ul li a{text-decoration:none;color:#6d6e71;}
.li-cls{color:#138790;font-size:15px;}
.lii-cls{color:#138790;font-size:15px;float:left;margin-left:8px;margin-top: 20px;}
.li-clss{color:#138790;font-size:15px;margin-left: 10px;margin-top: 3px;}
.clr-cls{color: #138790 !important;}
.li-cls p{float:left;}
.se-cls{border-radius:5px;margin-left:5px;}
/** table **/
.table-bordered {border: 1px solid #ddd;width: 100% !important;}
.table-bordered tbody tr:nth-child(3) {border:none !important;}
.th-cls{background-color: #6d6e71 !important;color:#fff;}
.se-ta tr td{width: 20%;}
.table > thead > tr > th { border-top: 1px solid #lightblue !important;}
.table > thead > tr > th {border-bottom: 2px solid #lightblue !important;}
.table > tbody > tr > td{border-top:none !important;}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th { border-top: 1px solid #lightblue !important;}
.in-wid{width:170px !important;}
.pagination > li > a, .pagination > li > span {color: #138790 !important;background-color: #fff !important;border: 1px solid #ddd !important;}
.pagination {margin: 11px 0 !important;margin-right: 20px !important;}
.acc-cls{background: #d0e7e9 !important;}
.m-r-f{margin-right: 60px;}
.in-clss{border: 1px solid rgb(204, 204, 204);}
/** Popup content**/
.table-border{border:1px solid #ccc;width:100%;}

.tick-clr-cls{border: 1px solid rgb(204, 204, 204);padding: 0px 10px;margin-right: 10px;background: #afc784 !important;color:#fff;}
.cross-clr-cls{border: 1px solid rgb(204, 204, 204);padding: 0px 8px;margin-right: 10px;background: #e24e4e !important;color:#fff;}



@media only screen and (max-width: 1255px){
	.hr-sub1{margin-left: 20% !important;}
.hr-sub2{margin-left: 40% !important;}
.hr-sub3{margin-left: 65% !important;}
.hr-sub4{margin-left: 90% !important;}
}

@media only screen and (max-width: 1070px){
.rad {
width: 60% !important;}
.hrr-cl {
    float: left;
    width: 18%;}
}
@media only screen and (max-width: 1169px){
.act-cls h4 {padding-left: 0px !important;font-size: 14px !important;}
}
@media only screen and (max-width: 1118px){
.span-cls1 {  padding: 5px !important;  font-size: 12px !important;}
}
@media only screen and (max-width: 970px){
.act-cls { width: 97% !important;}
.bor-cls {
border-right: 1px solid #fff !important;}
}

@media only screen and (max-width: 895px){
.hrr-cl {width: 16% !important;}
.rad {width: 50% !important;}
}
@media only screen and (max-width: 800px){.mm-l-cls {margin-left: 123px !important;}
.rad {width: 60% !important;}
}
@media only screen and (max-width: 777px){
.bor-cls {margin-bottom: 149px !important;}
}

@media only screen and (max-width: 768px){
	.btn-default {
    color: #fff !important;
    background-color: #138790 !important;
    border-color: #138790 !important;
    border-radius: 6px !important;
    margin-bottom: 10px !important;
    margin-right: 6px;
    font-size: 10px;
    width: 100% !important;}
	.bottom-clr-cls{background-color: #d0e7e9 !important;color:#000 !important;border:1px solid #d0cece !important;}
.bottom-clr-cls:hover{color: #fff !important;background-color: #138790 !important;}
.login-form {margin-top: 10% !important;}

}
@media only screen and (max-width: 767px){
.dropdown ul li { width: 100% !important;}
.mm-l-cls {margin-left: 14px !important;width: 96% !important;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a{color: #fff !important;}
.dropdown-menu {background: #138790 !important}
.navbar-default .navbar-toggle:hover {border-color: #138790 !important;}
.m-r-f {margin-right: 51px !important;}
.togg li {background:#34afb9 !important;}
.togg1{color:#fff !important;}
.dropdown-menu > li > a { color: #fff !important;}
.datepicker {
    background-color: #fff !important;
    color: #6d6e71 !important;}
}

@media only screen and (max-width: 698px){
	.rad {width: 60% !important;}
.hrr-cl {width: 14% !important;}
.hd-menu-cls ul li{padding: 9px !important;}
}
@media only screen and (max-width: 580px){
.act-cls {width: 95% !important;}
}@media only screen and (max-width: 550px){
.rad { width: 50%; margin-top: 20px; margin-left: 20px;}
.hrr-cl {width: 13% !important;}
.hr-sub {width: 67px !important;}
}
@media only screen and (max-width: 1506px){
.li-cls { margin-left: 0px !important;  margin-right: 0px !important;}
}@media only screen and (max-width: 1459px){
.li-cls p {margin-left: 34px !important;}
}@media only screen and (max-width: 1366px){
.li-cls p {margin-left: 21px !important;}
}@media only screen and (max-width: 1280px){
.li-cls p {margin-left: 8px !important;}
}@media only screen and (max-width: 1266px){
.m-r-f { margin-right: 0px !important;}
}@media only screen and (max-width: 1024px){
.in-wid { width: 101px !important;}
}@media only screen and (max-width: 768px){
.li-cls p {margin-left: 41px !important;}
.in-wid { width: 140px !important;}
.tog-cls{margin: 0px 0px 0px 100% !important;}
}@media only screen and (max-width: 640px){
.sub {margin-left: 15px !important;}
.li-cls p {margin-left: 95px !important;}
.li{margin-right: 25px !important;}
}
@media only screen and (max-width: 460px){
	.hrr-cl {width: 9% !important;}
	.hr-sub {width: 67px !important;
    font-size: 12px !important;}
	.hrr-cl {width: 11% !important;}
	.hr-sub1 {font-size: 12px !important;}
	.hr-sub2 {font-size: 12px !important;}
	.hr-sub3 {font-size: 12px !important;}
	.hr-sub4 {font-size: 12px !important;}
}
	@media only screen and (max-width: 460px){
.li-cls {margin-top:3px !important;}
.in-wid {width: 235px !important;}
.s-cls{width: 228px;}
.m-l-c{margin-left: 24px !important;}
.m-l-cc{margin-left: 53px !important;}
.m-l-c1{margin-left: 30px !important;}
.m-l-c2{margin-left: 19px !important;}
}
@media only screen and (max-width: 384px){
	.rad { width: 72% !important;}
	.m-l-c{margin-left: 2px !important;}
.m-l-cc{margin-left: 0px !important;}
.m-l-c2{margin-left: 10px !important;}
.hd-menu-cls1 ul li { padding: 0px 6px 0px 0px !important; margin-right: 16px !important;font-size: 11px !important;}
}
}@media only screen and (max-width: 375px){
.m-l-c {margin-left: 0px !important;}
.m-l-c1{margin-left: 0px !important;}
.m-l-c2{margin-left: 5px !important;}
.li-cls {margin-left: -9px !important;}

}@media only screen and (max-width: 360px){
.li-cls {margin-left: -19px !important;}
.rad {width: 75% !important;}

}@media only screen and (max-width: 326px){.li-cls p {
margin-left: 87px !important;}
}
@media only screen and (max-width: 320px){
.li-cls {margin-left: -50px !important;}
.rad { width: 84% !important;}
	.hr-sub {font-size: 9px !important;}
	.hr-sub1 {font-size: 9px !important;margin-left: 13% !important;}
	.hr-sub2 {font-size: 9px !important;margin-left: 29% !important;}
	.hr-sub3 {font-size: 9px !important;margin-left: 50% !important;}
	.hr-sub4 {font-size: 9px !important;margin-left: 75% !important;}
	
}