﻿/* Scrollbar 18 */
body
{
font-family:"Trebuchet MS" !important;

}
body::-webkit-scrollbar-track {
	background-color: #7a97cc;
}

body::-webkit-scrollbar {
	width: 8px;
}

body::-webkit-scrollbar-thumb {
	background-color: #c12e2a;
}

/* Contact ---------------------------------------------------------------*/
#contactUs,
#support{
	padding: 10px 20px 0 20px;
}
#map{
  display: block;
  width: 100%;
  height: 400px;
  margin: 0 auto;
  border-bottom: solid 1px #dedede;
  -moz-box-shadow: 0px 5px 20px #eee;
  -webkit-box-shadow: 0px 5px 20px #eee;
  box-shadow: 0px 5px 20px #eee;
}
address{
	line-height: 35px;
}
address i{
	padding-right: 10px;
}
address strong{
	    padding-right: 3px;
    font-family: inherit;
    font-weight: 500;}
    
    
.form-contact input,
.form-contact select{
	margin: 20px 0;
}

vision
 {
 line-height: 10px;
 	}
vision strong {
	  padding-right: 3px;
    font-family: inherit;
    font-weight: 500;
    font-size: 16px;
	}
	
}

.header {
    position: relative;
    height: 300px;
}

.spacer
{
	
}

.navbar-absolute-top {
    position: absolute;

    left: 0;
    z-index: 9999999;
    width: 100%;
    top:0px !important;

}
.navbar-toggle {
    float: left;
    margin-left: 15px;
}
a.brand.logo {
    height: 80px;
    display: block;
    position: relative;
    line-height: 95px;
    padding-left: 170px;
    text-decoration: none;
    font-weight: bold;
    font-size: 16px;
    color: #462e81;
}

.logo > img {
    height: 80px;
    position: absolute;
    top: 5px;
    left: -15px;
}

a.navbar-brand.logo {
    height: 40px;
    padding: 0px 10px;
}

a.navbar-brand.logo > img {
    height: 40px;
    position: relative;

}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #7a97cc;
    background-color: transparent;
    background-image: none;
    box-shadow: none;
    border-bottom: 4px solid red;
}

.navbar-nav>li>a {
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 16px;
   
}

.navbar-default .navbar-nav>li>a {
    color: #462e81;
    font-weight: bold;
    font-family: inherit;
}

.navbar-default {
    background: url("/_catalogs/masterpage/ppadb_inners/img/headerbg.png") rgba(255,255,255,.8);
    background-repeat: repeat-y;
    border-radius: 0px;
    border: none;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 3px 5px rgba(0,0,0,.3);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 3px 5px rgba(0,0,0,.3);
}
.rgbaw-80 {
    background: rgba(255,255,255,.8);
}
.tp-arr-allwrapper {
    border: 2px solid #fff;
    height: 40px;
    width: 40px;
    border-radius: 50px;
}
.tp-rightarrow.default:before,
.tp-leftarrow.default:before {
    display: none;
}
body {
    color: #000000;
    font-family:"Trebuchet MS" !important;;
    
   background: url('../../../../images/watermark-01.png') no-repeat center center fixed !important; 
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;


   
}
.about {
    font-size: 18px;
}

.news {
    height: 250px;
    overflow-y: auto;
	text-align: left;
}

.media-italised .media,
.news .media {
    margin-top: 0;
    font-size: 11px;
}

.media-italised .media .media-body {
    font-style: italic;
    padding: 10px;
}


.media-italised .media .media-heading,
.news .media .media-heading {
    font-size: 18px;
    font-style: italic;
	text-align: left;
}

.media-italised .media .date,
.news .media .date {
    font-size: 11px;
    font-style: italic;
}
.news .media a> img {
    width: 115px;
    height: 130px;
    object-fit: cover;
}

.media.blue {
    background: rgba(122,151,204,.2);
}
.footer {
    border: none;
    border-bottom: 30px solid #333;
    padding-bottom: 15px;
    background-color: #333;
    color: #fff;
    }

.footer .list.nav>li>a {
    color: #fff;
    padding: 0px 15px;
}

.feature {
    position: relative;
}
.feature>img {
    height: 275px;
    width: 100%;
    object-fit: cover;
}

.feature .feature-text {
    height: 90px;
    width: 100%;
    object-fit: cover;
    position: absolute;
    bottom: 0;
    left: 0;
    padding-left: 15px;
    font-size: 11px;
   
}

.feature .feature-text.blue {
    color: #fff;
    background: #7a97cc;
}


.feature .feature-text.red {
    color: #fff;
    background:#3333CC;
}

.toggle-btn {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    padding: 9px 10px;
    font-size: 10px;
    line-height: 12px;
}

.toggle-btn.btn.active.focus, .toggle-btn.btn.active:focus, .toggle-btn.btn.focus, .toggle-btn.btn:active.focus, .toggle-btn.btn:active:focus, .toggle-btn.btn:focus {
    outline: none;
}

.feature .feature-text .toggle-btn {
    position: absolute;
    left: 5px;
    top: 10px;
}
.feature .feature-text.red .toggle-btn{
    color: #fff;
    background: #7a97cc;
}


.feature .feature-text.blue .toggle-btn {
    color: #fff;
    background: red;
}

.feature .feature-text .title {
    font-size: 20px;
    font-style: italic;
    margin: 0px 0;
}

.row.condensed > .col-sm-4,
.row.condensed > .col-sm-3 {
    padding: 0;
}
.row.condensed>.col-sm-4:first-child ,
.row.condensed>.col-sm-3:first-child {
    padding-left: 15px;
}
.row.condensed>.col-sm-4:last-child,
.row.condensed>.col-sm-3:last-child {
    padding-right: 15px;
}

.center {
    text-align: center;
}
.section-title {
    margin-top: 10px;
    margin-bottom: 20px;
    font-size:26px !important;
    color:darkblue!important;
}
.tender {
    height: 160px;
    width: 100%;
    position: relative;
    font-size: 17px;
    padding: 10px;
}
.tender >h3 {
    margin-top: 0;
    margin-bottom: 5px;
    font-weight: 300;
    color: #808080;
}
.tender.blue {
    background: rgba(122,151,204,.2);
}
.tender .due {
    height: 60px;
    width: 80px;
    position: relative;
    padding: 5px;
    display: inline-block;
    position: absolute;
    right: 10px;
    bottom: 10px;
    color: #fff;
}

.tender .due.blue {
    background: #7a97cc;
}

.tender .due.red {
    background: red;
}

.tender .due .title,
.tender .due .month {
    font-size: 9px;
}
.tender .due .day {
    font-size: 21px;
}
.tender .due .title,
.tender .due .month,
.tender .due .day {
    text-transform: uppercase;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: right;
}

.nav-tabs>li.active>a, 
.nav-tabs>li.active>a:focus, 
.nav-tabs>li.active>a:hover {
    color: white;
    cursor: default;
    background-color: transparent;
    border: 1px solid transparent;
    border-bottom: 4px solid #fff;
}
.nav-tabs {
margin-top:70px;
    border-bottom: 1px solid transparent;
    background-color:darkblue;
    
    
    color:white;
    height:55px;
    -moz-border-radius : 10px !important; /* Firefox */
    -webkit-border-radius : 10px !important; /* Safari & Chrome */
    -khtml-border-radius : 10px !important; /* Linux browsers */
    border-radius : 10px !important;
}

.nav-tabs a:link , a:active {
    color:white;
    font-weight:bold;
}





.tab-content {
    padding: 15px;
    background: #ffffff;
}

.customer-feedback .tab-content {
    border: 1px solid transparent;
    background: rgba(122,151,204,.4);
}

.nav.social-icons {
    position: absolute;
    top: 20px;
    right: 0;
}

.nav.social-icons > li > a {    
    margin-bottom: 10px;
}
.nav.social-icons > li > a {    
    border-radius: 50%;
    width: 44px;
    height: 44px;
    color: #fff;
    padding: 12px 14px;
    font-size: 18px;
}

.nav.social-icons > li > a.search { 
    background: #f00;
}
.nav.social-icons > li > a.mail { 
    background: #462e81;
}
.nav.social-icons > li > a.facebook { 
    background: #6081c4;
}
.nav.social-icons > li > a.twitter { 
    background: #43bdef;
}
.relative {
    position: relative;
}

.human-resource {
    background: #ffffff;
    padding: 15px;
}

.search {
    margin: 30px 0 20px 0;
}
.carousel-control {
    width: 5%;
    font-size: 10px;
}
.carousel-control.left,
.carousel-control.right {
    background-image: none; 
    color: #43bdef;
}

.tenders-list .tender-item {
    padding: 15px;
}
.tender-item .title {
    font-size: 16px;
    font-weight: 300;
    font-style: normal;
}

.tender-item blockquote {
    background: none;
    border: none;
    padding: 0;
    margin: 1em 0;
}
blockquote p {
    margin-bottom: 1em;
    font-size: 14px;
    font-weight: 300;
    font-style: normal;
    line-height: 1.6;
}

.tender-item .data {
    font-size: 10px;
    font-weight: 300;
    font-style: normal;
}

.tenders-list .tender-item:nth-child(odd) {
    background: #fff;
}

.tenders-list .tender-item.active {
    background: rgba(122,151,204,.4);
}


  div.ms-promlink-body {
    width: 500px;
  }
  
[data-name="TopNavigationNoFlyoutWithStartNode"] {
    float: left;
}

#menu-section .navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px;
    font-weight: bold !important;
     text-transform:uppercase;
      
}

#menu-section .navbar {
    min-height: 40px;
    margin-bottom: 20px;
    border: 1px solid transparent;
 
      
}

#menu-section .navbar-nav>li>a.user-info-dropdown {
    position: relative;
    padding: 0;
    line-height: 40px;
    padding-right: 65px;
    margin-right: 15px;
    font-size: 12px;
    text-transform:uppercase

}

#menu-section .navbar-nav>li>a.user-info-dropdown > img {
    position: absolute;
    bottom: 0;
    right: 0;
}

.navbar-default {
    background-color: #45c1ed;
    border-color: #e7e7e7;
   
    
}

#menu-section .navbar-default .navbar-nav>li>a {
    color: #000;
}

#menu-section .navbar-default .navbar-nav>li>a:after {
    color: #000;
    content: '';
    display: block;
    right: 0;
    top: 10px;
    border-right: 1px solid#000;
}

#menu-section .navbar-collapse {
    padding-right: 0px;
    padding-left: 0px;
    
}

#menu-section .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: #000;
}

#menu-section .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #fff;
    background-color: #3fa8ce;
}


#accordion .item {
    width: 700px;
    height: 30px; /* height = total height of A child element */
    overflow: hidden;

    transition: height ease-in-out 500ms; /* css3 transition */
    -o-transition: height ease-in-out 500ms;
    -moz-transition: height ease-in-out 500ms;
    -webkit-transition: height ease-in-out 500ms;

    border: 1px solid #ccc;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

    margin-bottom: 2px;
}
#accordion a {
    display: block;
    height: 30px;
    line-height: 20px;

    background: #e6e6e6;
    padding: 5px;
    color: #1e1e1e;
    text-decoration: none;
}
#accordion .link {
	padding-left: 50px;
	    color: #000;
        height: 20px;
    		line-height: 15px;
    		font-size:10px;


}

#accordion p {
    height: 150px;
    padding: 5px;
}
#accordion div:hover {
    height: 380px; /* height = total height of A and P child elements */
}
#accordion div:hover a {
    border-bottom: 1px solid #ccc;
    font-weight: bold;
}
/*
  div.ms-tileview-tile-root {
    width: 410px !important;
    height: 310px !important;
  }


  div.ms-tileview-tile-content, div.ms-tileview-tile-detailsBox {
    width: 300px !important;
    height: 100px !important;
  }


  div.ms-tileview-tile-content > a > img {
    width: 100% !important;
    height: 100% !important;
  }

  ul.ms-tileview-tile-detailsListMedium {
    height: 300px;
    padding: 4px 7px 7px;
    font-size: 11px;
    line-height: 14px;
  }

 
  li.ms-tileview-tile-descriptionMedium {
    padding-top: 10px;
    font-size: 11px;
  }


  div.ms-tileview-tile-titleTextMediumCollapsed {
    background-color: rgba(0, 0, 0, 0.6);
    width: 86px;
    height: 29px;
    position: absolute;
    top: -33px;
    left: 0px;
    padding: 4px 7px 0px;
    font-size: 11px;
    line-height: 13px;
  }
  */
  
  .ms-webpart-titleText.ms-webpart-titleText, .ms-webpart-titleText > a , .ms-webpart-titleText > a:link, .ms-webpart-titleText > a:visited  {
background-color: darkblue; 
font-size: 18px;   
font-weight: bold; 
color: white;
margin-top:0px;
padding-left:10px;
padding-top:10px;
padding-bottom:10px;
width:100%;
-moz-border-radius : 10px !important; /* Firefox */
    -webkit-border-radius : 10px !important; /* Safari & Chrome */
    -khtml-border-radius : 10px !important; /* Linux browsers */
    border-radius : 10px !important; /* CSS3 compatible browsers */
}

#advert
{
	display:none !important;
	visibility:hidden !important;
	position: absolute !important;
   
}

#WebPartctl00_ctl35_g_658ca36c_c764_42c2_a68d_515a4725ba55_ChromeTitle
{

	top: 30px !important;
z-index: 1;
	}
#WebPartctl00_ctl35_g_6834647c_76e5_4a24_a51c_5d906caa0b61_ChromeTitle
{
	top: 30px !important;
z-index: 1;
}
#WebPartctl00_ctl35_g_d8a98d75_a3ae_4913_92fe_b4139fb2389d_ChromeTitle
{
	top: 30px !important;
z-index: 1;
	
}
#WebPartctl00_ctl35_g_2015040c_4c1d_43b5_aadd_6b91a0ca3878_ChromeTitle
{
	top: 30px !important;
z-index: 1;
	
}
#WebPartctl00_ctl35_g_abfd8131_7d24_42a4_93d5_e7513f703d32_ChromeTitle
{
	top: 30px !important;
z-index: 1;
	
}

#MSOZoneCell_WebPartctl00_ctl35_g_658ca36c_c764_42c2_a68d_515a4725ba55
{
margin-top:-30px;	
}

#MSOZoneCell_WebPartctl00_ctl35_g_6834647c_76e5_4a24_a51c_5d906caa0b61
{
margin-top:-30px;	

}

#WebPartWPQ2.noindex
{
	background-color:#d8e9f8!important;
	/*margin:150px 0 0 150px;
	width:1000px;*/
}
.col-sm-6,.col-sm-3, .col-sm-8, .col-sm-9
{
	padding-left:5px!important;
	padding-right:5px !important;

}
.col-sm-12
{
	padding-left:0px!important;
	padding-right:0px !important;

}
.about_ppadb
{
	
	border-right:1px blue solid;
	 height:500px;
	
}



.app-wrapper
{
	
	background-color:red !important;
}
.ctl00_ctl35_g_fa261a64_54f5_48aa_bfa5_768c8bc26809_ChoicePicker
{
	background-color:blue !important;
}
#WebPartWPQ2, #WebPartWPQ3, #WebPartWPQ4, #WebPartWPQ5, #WebPartWPQ6, #WebPartWPQ7, #WebPartWPQ8
{
	padding-left:10px !important;
	padding-right:10px !important;

}
#WPQ2-{EDD8298E-4AD5-4DF6-B2EF-17FF65D8441D}
{
	
	float:right !important;

}

  
  #WebPartWPQ3.ms-viewheadertr
 {
 display:list-item !important;

  }


#MSOZoneCell_WebPartWPQ4.ms-viewheadertr { display: block !important }

.MSOZoneCell_WebPartWPQ6,  .promotedlinksbody_WPQ6
{
	

	float:right !important;

}
.AEFilter table
{
font-size:16px;

width:200px !important;
	display:table-cell;

	margin-top:-10px !important;
	float:left;

}
 .AEFilter td
{
width:200px !important;
vertical-align:middle;
background-color:#d8e9f8! important;

}

	
	
.AEFilter table tr
{
width:250px !important;
vertical-align:middle;
background-color:#d8e9f8! important;



	
	}
	







.AEFilterDropdown, .AEFilterTextbox, .AEFIpicker
{
	float:right;
	height:30px !important;
	text-align:left !important;
	margin-left:-20px;
	border:thin #d8e9f8 solid !important;
	overflow:hidden !important; 
   word-wrap: break-word;      /* IE*/
  white-space: -moz-pre-wrap; /* Firefox */
  white-space: pre-wrap;      /* other browsers */
  width:170px;
  display:inline-block
	
}

.ms-webpart-titleText img
{
	 width: 40px !important;
   height: 40px;
   vertical-align: baseline;

}
.p{

font-family:"Trebuchet MS" !important;
}

#advert
{
	background-color:red !important;
}

