/*generals*/ @charset "UTF-8"; @font-face { font-family: 'arBold'; src: url('../../font/GE_SS_Two_Bold.eot'); src: url('../../font/GE_SS_Two_Bold.eot?#iefix') format('embedded-opentype'), url('../../font/GE_SS_Two_Bold.woff') format('woff'), url('../../font/GE_SS_Two_Bold.ttf') format('truetype'), url('../../font/GE_SS_Two_Bold.svg#GE_SS_Two_Bold') format('svg');font-weight:normal;font-style:normal;} @font-face { font-family:'ar'; src:url("../../font/GE_SS_Two_Light.eot?") format("eot"),url("../../font/GE_SS_Two_Light.woff") format("woff"),url("../../font/GE_SS_Two_Light.ttf") format("truetype"),url("../../font/GE_SS_Two_Light.svg#GESSTwoLight-Light") format("svg");font-weight:normal;font-style:normal;} /*@font-face { font-family: 'arThin'; src: url('../../font/GESSTwoMedium_Medium.eot'); src: url('../../font/GESSTwoMedium_Medium.eot?#iefix') format('embedded-opentype'), url('../../font/GESSTwoMedium_Medium.woff') format('woff'), url('../../font/GESSTwoMedium_Medium.ttf') format('truetype'), url('../../font/GESSTwoMedium_Medium.svg#GESSTwoMedium_Medium') format('svg');font-weight:normal;font-style:normal;}*/ @font-face { font-family: 'en'; src: url('../../font/MyriadPro-Regular.eot'); src: url('../../font/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'), url('../../font/MyriadPro-Regular.woff') format('woff'), url('../../font/MyriadPro-Regular.ttf') format('truetype'), url('../../font/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');font-weight:normal;font-style:normal;} /*@font-face { font-family: 'enBold'; src: url('../../font/OpenSans-Bold.eot'); src: url('../../font/OpenSans-Bold.eot?#iefix') format('embedded-opentype'), url('../../font/OpenSans-Bold.woff') format('woff'), url('../../font/OpenSans-Bold.ttf') format('truetype'), url('../../font/OpenSans-Bold.svg#OpenSans-Bold') format('svg');font-weight:normal;font-style:normal;}*/ .boldFontFamily{font-weight:bold} .whiteBG{background:#fff} .blackBG{background:#000} .grayBG{background:#F7F7F7} .boldFont{font-weight:bold} .red, a.red, a.red:hover, a.red:visited, a.red:active{color:red} .validation, .Required, .required{color:red; font-size:13px} .black{color:#000} .darkGray{color:#333!important} .white{color:#fff} .gray{color:#383838!important} .offWhite{color:#f1f1f1} .darkRed{color:#9f0012} .darkRedImportant{color:#9f0012!important} .themeBgColor{background-color:#9F0012} .themeBorderColor{border-color:#9F0012} .more{background:#ba0000; display:inline-block; padding:7px 14px; color:#FFF!important} .bold{font-weight:bold} .mrgB5{margin-bottom:5px} .mrgB7{margin-bottom:7px} .mrgB10{margin-bottom:10px} .mrgB13{margin-bottom:13px} .mrgB15{margin-bottom:15px} .mrgB20{margin-bottom:20px} .mrgB30{margin-bottom:30px} .mrgT5{margin-top:5px} .mrgT10{margin-top:10px} .mrgT15{margin-top:15px} .mrgT20{margin-top:20px} .mrgT35{margin-top:35px} .padB5{padding-bottom:5px} .padB7{padding-bottom:7px} .padB10{padding-bottom:10px} .padB15{padding-bottom:15px} .padB20{padding-bottom:20px} .padT5{padding-top:5px} .padT10{padding-top:10px} .padT15{padding-top:15px} .padT20{padding-top:20px} .pad5{padding:5px} .pad10{padding:10px} .pad15{padding:15px} .innerWhiteWrapper{background:rgba(255, 255, 255, 0.9); min-height:300px} .emptyMessage, .NoActivePoll{padding:20px 0; display:block; text-align:center;} .overflowHidden{overflow:hidden} .oHidden{overflow:hidden} span.date, .Date{color:#3d516c; font-size:12px} .noBackground{background:none!important} .noBorderBottom{border-bottom:none} .noBorder{border:none!important} .relative{position:relative} .absolute{position:absolute} .inlineBlock{display:inline-block} .inline{display:inline} .block{display:block} div.table, span.table{ display:table; table-layout:fixed;} .tableCell{display:table-cell; vertical-align:middle; width:100%} .tableRow{display:table-row} .fullWidth{width:100%} .alignC{text-align:center} .Clear, .clear{clear:both} .underLine{text-decoration:underline} .noneUnderLine, .noneUnderLine:hover, .noneUnderLine:visited, .noneUnderLine:active, .noneUnderLine:focus{text-decoration:none} body, html{padding:0; margin:0} .ie9 select{background-image:none!important; padding:5px !important} #s4-bodyContainer{background:#fff; padding:0; margin:0} #s4-bodyContainer *{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #s4-bodyContainer input[type="text"], #s4-bodyContainer input[type="text"]:focus, #s4-bodyContainer input[type="text"]:active, #s4-bodyContainer input[type="text"]:hover,#s4-bodyContainer input[type="number"], #s4-bodyContainer input[type="number"]:focus, #s4-bodyContainer input[type="number"]:active, #s4-bodyContainer input[type="number"]:hover,#s4-bodyContainer textarea, #s4-bodyContainer textarea:focus, #s4-bodyContainer textarea:hover, #s4-bodyContainer textarea:active{background:#FFF; border:1px #ccc solid; outline:none; resize:none; height:30px} #s4-bodyContainer select, #s4-bodyContainer select:hover, #s4-bodyContainer select:active, #s4-bodyContainer select:focus{background:#FFF; border:1px #ccc solid; outline:none; height:33px ;} #s4-bodyContainer select, #s4-bodyContainer select:hover, #s4-bodyContainer select:active, #s4-bodyContainer select:focus{border-radius:0} button, input, select[multiple], textarea{border-radius:0} /*#s4-bodyContainer input[type="button"], #s4-bodyContainer input[type="button"]:hover, #s4-bodyContainer input[type="button"]:active, #s4-bodyContainer input[type="button"]:focus, .darkButton, .transButton:hover{background:#343434!important; border:1px #343434 solid; padding:7px 10px; color:#fff!important; font-size:14px; outline:none; text-decoration:none!important; text-align:center;}*/ .transButton, .darkButton:hover{background:transparent!important; border:1px #343434 solid; padding:7px 10px; color:#343434!important; font-size:14px; outline:none; text-decoration:none!important; text-align:center} .mainBlackButton, .mainBlackButton:hover{background:#4A4A4A; border:none; color:#fff!important; outline:none; font-size: 15px; padding:7px 10px; min-width: 6em; text-align: center; text-decoration: none;} .balckBGTrans{background-color:rgba(46, 46, 46, 0.91)!important} /*#mainbody{background:#f1f1f1}*/ #mainbody > #DeltaPlaceHolderMain{width:100%; display:inline-block; margin-top:-3px} #s4-bodyContainer h1, #s4-bodyContainer h2, #s4-bodyContainer h3{margin:0px;} #s4-bodyContainer h4{font-family:inherit} .ms-webpartzone-cell{margin-bottom:0} #innerLayout{}/*remove the hidden to fix admin calender*/ .fixServicesCheckbox{margin:0!important; opacity:1!important} div#Ribbon\.EditingTools\.CPInsert\.Media\.Image\.Menu\.Image li:first-child{display:none !important}/*hide upload image from computer*/ div#Ribbon\.Image\.Image\.Edit\.Edit\.Menu\.Image li:first-child{display:none !important}/*hide upload image from computer*/ .WidePlaceHolderMain{overflow:hidden} .displayNone{display:none} /*past ctrl fix of backend*/ #rtePasteFlyout *, #rtePasteFlyoutOptions *{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} #rtePasteFlyout img, #rtePasteFlyoutOptions img{max-width:none;} .pointer{cursor:pointer;} .loader{ background:url("/Style Library/Images/loader.gif") no-repeat center center;} .importantPadge{display: inline-block; width: 30px;height: 30px;} .downloadIco{background:url("/Style Library/Images/smallDownloadIco.png") no-repeat center center; display: inline-block;height: 24px;width:24px;margin:0 5px} .Success, smallConfirmation{background:url("/Style Library/Images/Success.png") no-repeat scroll center center transparent!important; display: inline-block!important;height: 130px!important;width: 100%!important;} .Failure{background:url("/Style Library/Images/Failure.png") no-repeat scroll center center transparent!important; display: inline-block!important;height: 130px!important;width: 100%!important;} .Information{background:url("/Style Library/Images/Information.png") no-repeat scroll center center transparent!important; display: inline-block!important;height: 130px!important;width: 100%!important;} .customError, .pageNotFound{font-size:23px} .customError div, .pageNotFound div{text-align:center; font-size:1.1em} .customError a, .customError a:hover, .pageNotFound a, .pageNotFound a:hover{color:#9f0012!important;font-size:0.7em } .lableConfirmation{text-align:center; font-size:1.1em;} /*pager used in survey*/ .AspNetPagerClass{text-align:center; direction:ltr;padding: 15px 0; margin-top: 30px; border-top: 1px #C5C5C5 solid!important;clear:both;display:inline-block;width:100%} .AspNetPagerClass input{display:none} .AspNetPagerClass a[disabled="disabled"], .AspNetPagerClass span{background:#c09400; color:#fff; padding:2px 7px; text-decoration:none!important; min-width:25px} .AspNetPagerClass a:hover{background:#333; color:#eee} .AspNetPagerClass a{background:#eee; color:#333; padding:2px 7px; text-decoration:none; min-width:25px;display:inline-block;} .AspNetPagerFirstLastButtonsClass, .AspNetPagerPrevNextButtonsClass, .AspNetPagerPrevNextButtonsClass, .AspNetPagerFirstLastButtonsClass{background:none!important; color:#000!important} .AspNetPagerFirstLastButtonsClass[disabled="disabled"], .AspNetPagerPrevNextButtonsClass[disabled="disabled"], .AspNetPagerPrevNextButtonsClass[disabled="disabled"], .AspNetPagerFirstLastButtonsClass[disabled="disabled"]{background:none!important; color:#B9B9B9!important} /*grid pager - asp pager*/ .gridPager{border-color:transparent!important} .gridPager table{margin-top: 30px; border-top: 1px #C5C5C5 solid!important;} .gridPager table td a{background:#eee; color:#333!important; padding:2px 7px;} .gridPager table td span, .gridPager table td a:hover{background:#000; color:#B9B9B9!important; padding:2px 7px; text-decoration:none} .gridPager > td{padding:0!important} .gridPager table td{padding:0!important; display: inline-block; margin-top: 10px;} /*UI Date Picker*/ #ui-datepicker-div.ui-datepicker{max-width:318px; background:#fff; border:1px solid #666; padding:10px; box-sizing:border-box; color:#333; font-size:1em; z-index:99!important; top:auto!important} div[id$="ParentControlsDiv"] .datePickerInputCont #ui-datepicker-div.ui-datepicker{width:90%} div[id$="ParentControlsDiv"] .datePickerInputCont select.ui-datepicker-month,div[id$="ParentControlsDiv"] .datePickerInputCont select.ui-datepicker-year{width:45% !important} .ui-datepicker-header{float:left; width:100%} a.ui-datepicker-prev{float:left; font-size:0.9em; display:inline-block; width:45%; cursor:pointer; color: #FFF;text-align: center;padding: 2px 2%;background: #4A4A4A;} a.ui-datepicker-prev:before{content:"< "} a.ui-datepicker-next{float:right; color:#fff; font-size:0.9em; display:inline-block; width:45%; text-align:center; cursor:pointer; background: #4A4A4A;padding: 2px 2%;} a.ui-datepicker-next:after{content:" >"} .ui-datepicker-title{float:left; width:100%} select.ui-datepicker-month{ margin:5px 0 5px; float:left} select.ui-datepicker-year{ margin:5px 0 5px 5px; float:left} select.ui-datepicker-month, select.ui-datepicker-year{width:auto!important} .ui-datepicker-calendar{color:#DFDFDF; font-size: 0.9em; border-collapse: separate;border-spacing: 1px; text-align:center; width:100%} .ui-datepicker-calendar td{background:#568EB6; } .ui-datepicker-calendar th{background:#4A4A4A;text-align:center; width:25px} .ui-datepicker-calendar th span{ font-weight:normal; color:#fff} .ui-datepicker-calendar td a{color:#fff} .ui-datepicker-calendar td a:hover{color:#ccc} /*Monthly UI Date Picker*/ div[id*="monthpicker"].ui-datepicker{max-width:215px!important} div[id*="monthpicker"].ui-datepicker .mtz-monthpicker.mtz-monthpicker-year{outline: 0!important; border: 1px #AAA solid;} div[id*="monthpicker"].ui-datepicker .ui-datepicker-header{box-sizing: border-box; margin: 0 0 4px } div[id*="monthpicker"].ui-datepicker .mtz-monthpicker-month{cursor:pointer!important} /*general jscroll*/ .jspTrack{background:#C6C6C6} .jspDrag{background:#c09400;} .jspPane{width: 90%!important; margin: 0 5%!important;} .jspContainer, .jspScrollable{outline:none} .jspVerticalBar{width:10px} /*pop over*/ .popover .popover-title{background:#F0F0F0; border-bottom:1px solid #CCCCCC} /*header*/ #logo{margin:10px 0 12px; height:50px} @media (max-width: 991px){ #logo{height:auto} #logo {margin: 25px 0 12px} } /*#logo img{height:100%}*/ /*top nav*/ #topnavbar.navbar{color: #FFF;height:48px; max-height:48px; margin-bottom:0; background: transparent; border: none; border-radius: 0; box-shadow: none;margin-top:16px;overflow:visible;padding:0 3px} #topnavbar.navbar .navbar-collapse{padding:0} #topnavbar ul[id$='RootAspMenu'], #topnavbar ul[id$='RootAspMenu'] > li{width:100%!important; float:left} /*first element*/ #topnavbar ul[id$='RootAspMenu'] > li > a { display:none!important} /*nav other items*/ #topnavbar ul[id$='RootAspMenu'] > li > ul {width:100%; display:table!important; border-collapse: collapse;} #topnavbar ul[id$='RootAspMenu'] > li > ul > li{text-align:center; padding:0px; height:48px; display:table-cell!important; white-space:nowrap; border-top:none;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;} #topnavbar ul[id$='RootAspMenu'] > li > ul > li a:hover, #topnavbar ul[id$='RootAspMenu'] > li > ul > li a.selected{border-top:none;border-bottom: solid #0771d4 8px;} #topnavbar ul[id$='RootAspMenu'] > li > ul > li a:hover, #topnavbar ul[id$='RootAspMenu'] > li > ul > li a.selected{border-top:none;border-bottom: solid #0771d4 8px;} #topnavbar .ms-core-listMenu-horizontalBox .hover .dynamic-children.additional-background{/*background-image:url('/Style Library/Images/downIcoBlack.png');*/background-image:none} #topnavbar .ms-core-listMenu-horizontalBox .dynamic-children.additional-background{background-image:none!important} #topnavbar ul[id$='RootAspMenu'] > li > ul > li:hover > a, #topnavbar ul[id$='RootAspMenu'] > li > ul > li.selected > a{color:#383838;} #topnavbar ul[id$='RootAspMenu'] > li > ul > li > a{text-align:center; padding:4px!important; color:#323232; font-size:100%; width:100%; height:56px!important; line-height:48px!important} #topnavbar .ms-core-listMenu-horizontalBox .static.dynamic-children.selected > .dynamic-children.additional-background{background-image:url('/Style Library/Images/downIcoBlack.png');} /*#topnavbar li.static .additional-background.ms-navedit-flyoutArrow{position:relative} #topnavbar li.static .additional-background.ms-navedit-flyoutArrow:after{}*/ #topnavbar li.static .additional-background.ms-navedit-flyoutArrow.dynamic-children{position:relative} #topnavbar li.static > a > .additional-background.ms-navedit-flyoutArrow.dynamic-children:after{font-family: 'FontAwesome';color: #0771D4;position: absolute;font-size: 10px; content:"\f078"; top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%)} #topnavbar li.static:hover > a > .additional-background.ms-navedit-flyoutArrow.dynamic-children:after , #topnavbar li.static.selected:hover > a > .additional-background.ms-navedit-flyoutArrow.dynamic-children:after{content:"\f077";} /*second level*/ #topnavbar .nav ul.static > li.dynamic-children ul.dynamic{top:48px!important; background:#0771D4; border:none; box-shadow:0px 0px 4px #FFF} #topnavbar .nav ul.static > li.dynamic-children ul.dynamic ul.dynamic{top:5px!important} #topnavbar .nav ul.static > li.dynamic-children ul.dynamic ul.dynamic ul.dynamic{top:10px} #topnavbar ul.dynamic > li{border-color:#757575;} #topnavbar ul.dynamic > li:hover{background:#ccc} #topnavbar ul.dynamic > li:hover > a{color:#fff;} #topnavbar li.dynamic > .menu-item{color:#f1f1f1;border-bottom:none!important} /*rehan*/ #topnavbar ul.dynamic > li {background: transparent none;border-right: medium none;border-top: 1px solid #d1d1d1;} #topnavbar ul.dynamic > li:first-child {border-top: 0px transparent none;} @media (max-width: 991px){ #topnavbar ul[id$='RootAspMenu'] > li > ul > li {display:block!important;background-color:#fff;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;border: solid #f1f1f1 1px;} #topnavbar ul[id$='RootAspMenu'] > li > ul > li:hover {background-color:#ECECEC;-webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1);-o-transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);transform: scale(1.1,1.1);} .navbar-collapse.in{overflow:hidden} #topnavbar li.static > a > .additional-background.ms-navedit-flyoutArrow.dynamic-children:after{display:none} #topnavbar ul[id$='RootAspMenu'] > li > ul > li:hover > a, #topnavbar ul[id$='RootAspMenu'] > li > ul > li.selected > a{} #topnavbar ul[id$='RootAspMenu'] > li > ul > li a:hover, #topnavbar ul[id$='RootAspMenu'] > li > ul > li a.selected{border-bottom:none!important} #topnavbar .nav li.static > .menu-item .menu-item-text{display:block} } /*end of top nav*/ /*main bread crumb and media bread crumb*/ #breadCrumb {padding:0; margin:0; font-size:1em; white-space: normal; overflow: hidden;text-overflow: ellipsis;width: 100%;} #breadCrumb .breadCrumbNode, .mediaBreadCrumb a{color:#fff; } #breadCrumb .breadCrumbSep, .mediaBreadCrumb .breadCrumbSeparator{padding:0 7px; color:#fff;} #breadCrumb .breadCrumbCurrent, .mediaBreadCrumb .breadCrumbLast{color:#fff} .mediaBreadCrumb{background: #FFF;padding: 6px;margin-bottom: 20px;border: 1px #BEBEBE solid;} .socialSendToFriend,.socialSendToFriend:hover,.socialSendToFriend:visited{color:#fff} .mediaBreadCrumb~div[id$="divContent"]{font-size: 24px;margin-top: 50px;color: #0072c6;} @media (max-width: 550px){#breadCrumb{margin-bottom:10px}} /*social bookmarking*/ .imgFacebook:before ,.imgTwitter:before ,.imgLinkedIn:before { color: #fff;height: 22px;width: 24px;display: inline-block;overflow: hidden;} .imgFacebook:before {content: "\f082";} .imgTwitter:before {content: "\f081";width:19px} .imgLinkedIn:before {content: "\f16a";font-size: 17px; margin-top: -3px;height:23px} .imgTwitter,.imgLinkedIn,.imgFacebook{font-family:'FontAwesome';font-size:15px} .SocialBookmarking{margin-top:-2px;display:inline-block} /*main page title*/ .PlaceHolderTitleAndBreadCrumb{background:url('/Style Library/Images/innerBanner.jpg') center center no-repeat;background-size: cover} .mainPageTitle{/*padding: 0 1%;*/ margin-top:20px!important;overflow: hidden;width:100%} .mainPageTitle h1,.mainPageTitle.custom{line-height: 50px;font-size: 30px;white-space: nowrap;text-overflow: ellipsis;color: #fff;display: inline-block;overflow: hidden;width:100%} .mainPageTitle .ms-formfieldlabel {color:#fff!important} .mainPageTitle input{font-size: 18px;line-height: initial;width: 100%;} .mainPageTitle h1{font-weight:bold} .mainPageTitle .tooltip{left:auto !important} .mainPageTitle .tooltip-inner{max-width:none;background-color:#C09400} .mainPageTitle .tooltip.top .tooltip-arrow{border-top-color:#C09400} /*footer*/ #footer{background-color:#0e213d} #footer .navFooter{padding:45px 0 5px} #footer .bottomFooter{width:100%;} #copyright{color: rgba(255,255,255,0.2);border-top: solid #87909e 1px;padding: 21px 0} #footerMiniNav{} #footerMiniNav ul{padding:0} #footerMiniNav li{display:inline;} #footerMiniNav a{ color:#f1f1f1; } #footerMiniNav p{ color:#f1f1f1;display: inline-block;line-height: 0px;} #footer .level-section{clear:none; width:25%}/*MinaAsham*/ #footer .level-section .level-header{margin-bottom:10px}/*MinaAsham*/ #footer .level-section .level-section .level-header{margin-bottom:0px} #footer .level-section .level-section{width:95%; float:none; margin:0;padding: 0;background: none;} #footer li.level-section {margin-bottom: 16px;list-style:none}/*Mina Asham*/ #footer .level-section .level-section .level-section .headertitle{color:#FFF; padding:0 15px;display:none} #footer .level-section .level-section .level-section .headertitle:before{content:"-"} #footer .level-section .level-section .level-section .headertitle a{font-size:13px!important} #footer .level-header a{color:#c09400; margin:20px 0 10px;} #footer .level-section .level-section .level-header a{ color:#fff; margin:0 } .level-section .level-header .headertitle.headermarker{color:#fff;margin: 20px 0 10px;} .headertitle.headermarker a{padding:0 5px;display:inline-block} #footer .contacUs,#footer .contactUsImg{height:44px;box-sizing: border-box;} #footer .contacUs{display: inline-block;background-color: rgba(237,218,191,0.1);} #footer .contactUsImg {background: url('/Style Library/Images/portalSprite.png') 13px -1029px no-repeat;width: 50px;height: 44px;display: inline-block;background-color: rgba(237,218,191,0.1);background-size: 70px;} #footerMiniNav{display: inline-block;margin: 20px 0px;} #footer .socialMediaFooter{background-color:rgba(237,218,191,0.1);margin:0 20px;padding:0px 10px;height:44px ; line-height:44px !important} #footer .socialMediaFooter p{margin:0;margin-bottom:8px;vertical-align:middle} #footerSocial{margin:5px 0} #footerSocial a{ display: inline-block; border-radius: 50%; width: 40px; height: 40px; margin: 0 1px;} #footerSocial img{width:100%} #footerMiniNav .socialMedia{color:#fff;margin:1px 10px;display:inline-block;text-align:center} @media (max-width: 600px){ #footer .level-section{ width:33%} } @media (max-width: 469px){ #footer .contactUsImg{float:none!important} #footer .contacUs{padding:10px!important} } /*Start header*/ #header{margin-top:0px} #userControls{height:34px;display:block} #header .topHeader{background-color:#222;width:100%;height:40px} #header .localizationItem,#header .searchItem,#header .leftLocalizationItem,#divLangSwitch{display:inline-block;margin:4px 0} #header .localizationItem > div > div > a,#header .localizationItem > div > div > span > a,#header .leftLocalizationItem a,#divLangSwitch a/*,.socialMedia*/,#header .localizationItem > div > div > span > div > a{color:#fff;margin:1px 10px;display:inline-block;text-align:center;vertical-align:middle} #header .leftLocalizationItem a{margin:1px 10px;text-decoration:none} #header .leftLocalizationItem input{border:none;box-shadow:none} #header .ms-core-menu-root{color:#fff;margin:1px 10px;display:inline-block;text-align:center;vertical-align:middle} #header .searchItem img{max-width:none} #header .mainSearch #SearchBox input[type="text"]{color: #727272; border:none; width:150px; font-size:13px} #header .hidden-xs[display*="block"]{display:inline-block} #header .ms-core-menu-title{color:#444;text-decoration:none} /*#header .ms-core-menu-title:hover{background-color:#fff}*/ /*#header .s4-clust.ms-viewselector-arrow.ms-menu-stdarw.ms-core-menu-arrow{display:none!important}*/ /*.FaceBook{background: url('/Style Library/Images/portalSprite.png') 0px -114px no-repeat;width: 20px;height: 20px;transition:all 0.3s ease-in-out} .Linkedin{background: url('/Style Library/Images/portalSprite1.png') 0px -162px no-repeat;width: 20px;height: 20px;transition:all 0.3s ease-in-out} .Twitter{background: url('/Style Library/Images/portalSprite.png') 0px -213px no-repeat;width: 20px;height:20px;transition:all 0.3s ease-in-out} .FaceBook:hover{background: url('/Style Library/Images/portalSprite.png') -62px -114px no-repeat;width: 20px;height: 20px} .Linkedin:hover{background: url('/Style Library/Images/portalSprite1.png') -62px -162px no-repeat;width: 20px;height: 20px} .Twitter:hover{background: url('/Style Library/Images/portalSprite.png') -62px -213px no-repeat;width: 20px;height:20px}*/ .FaceBook,.Linkedin,.Twitter{font-family: 'FontAwesome';font-size: 22px;} .FaceBook:before{content: "\f082";} .FaceBook:hover{color:#3B5998!important} .Linkedin:before{content:"\f16a";font-size:25px} .Linkedin:hover{color:#CC0A00!important} .Twitter:before{content:"\f081"} .Twitter:hover{color:#00ACED!important} #header .ms-welcome-hover,#header .ms-siteactions-hover{background-color:transparent!important;padding: 0px;margin: 0px;} /*#header .ms-core-menu-item:hover,#header .ms-core-menu-itemSelected{background:#2e2e2e}*/ #header .ms-core-menu-item:hover a,#header .ms-core-menu-itemSelected a{color:#fff} #header .ms-welcome-root{margin:0px;padding:0px;border:none} #header .leftLocalizationItem > div {overflow: hidden;display: inline-block;text-align: left;vertical-align: middle;} #header .searchItem {width:29px} #userControls .searchItem #SearchBox input[type="text"]{color: #727272; border:none; width:150px; font-size:13px} .popover .popover-title{background:#F0F0F0; border-bottom:1px solid #CCCCCC} #header .ms-srch-sb, #header .ms-srch-sbLarge{position:relative;} #header .ms-srch-sb-searchLink:hover, #header .ms-srch-sb-searchLink{} #header .ms-srch-sb>input, #header .ms-srch-sbLarge>input{width:auto} #header .fade.in{visibility:visible!important} #header .fade{visibility:hidden!important} #divLangSwitch .currentLanguage{display:none!important} #siteUser > div{display:inline-block} #signIn a{color:#fff} #siteUser .btn{padding:0px!important; background-image: none!important;background-color: transparent;border: none;box-shadow: none;margin:0 5px} #siteUser{position:relative;margin:5px 0} #collapseExample{position: absolute;padding: 5px;border-radius: 2px;z-index: 1;top: 26px;background-color: #D0AF4D;} /*#signIn{width:93px}*/ @media (max-width: 768px){ #userControls{height:auto} #header .topHeader{height:auto} #header .ms-srch-sb, #header .ms-srch-sbLarge{width:155px!important} #header .leftLocalizationItem > div{overflow:initial} .ms-srch-sb-border{border:none!important} #userControls .searchItem #SearchBox .ms-srch-sb-searchLink{margin:0} } @media (max-width: 767px){ #userControls .HeaderContentRight,#userControls .HeaderContentLeft{float:none;text-align:center} } @media (max-width: 437px){ #header .ms-srch-sb, #header .ms-srch-sbLarge{ width:100% !important;} #header .searchItem{width:180px} #SearchBox{width:100%} } /*End header*/ /*Top Banner tabs*/ #mainTabsHome{width:100%} #mainTabsHome.row{margin-right:0px!important;margin-left:0px!important} #mainTabsHome ul.nav.nav-tabs{display: inline-block;width: 22%;} #mainTabsHome ul.nav.nav-tabs li{float: none;} #mainTabsHome .tab-content{display: inline-block;width: 78%;height: 282px;} #mainTabsHome .tab-content > div{width: 100%;height: 282px;} #mainTabsHome .tab-content > div > a.topBannerLinks{width: 18%;display: inline-block;margin: 0 1%;text-align: center;font-size: 22px;color:#fff;background-color:#222222;border:1px solid #222222;margin-top:10px} #mainTabsHome .tab-content > div > a.topBannerLinks:last-child{border: 1px solid #c09400;background-color: #c09400;} #mainTabsHome .tab-content > div > a.topBannerLinks:hover{text-decoration:none;background-color:#fff;color:#222222} #mainTabsHome .tab-content > div > a.topBannerLinks:last-child:hover{color:#c09400} #mainTabsHome .nav-tabs > li > a {height: 283px;border-radius: 0px!important;margin: 0px!important;border:none!important;} #mainTabsHome .nav-tabs > li.active > a{background-color:transparent!important} li#li1,li#li2{position:relative} @media (max-width: 768px){ #mainTabsHome .tab-content > div > a.topBannerLinks{width:48%;margin-top:10px} #mainTabsHome .tabElements p{width:100%;background-color: rgba(240, 240, 240, 0.56);} } @media (max-width: 500px){ #mainTabsHome ul.nav.nav-tabs{width:100%} #mainTabsHome .tab-content{width:100%} #mainTabsHome ul.nav.nav-tabs li{display:inline-block;width:100%} #mainTabsHome ul.nav.nav-tabs li a{text-align:center} #mainTabsHome .nav-tabs > li > a{height:50px} #mainTabsHome .ListElemnts a{padding:10px!important} } /*End Top Banner tabs*/ /*Service index section*/ #serviceIndexHome{min-height:384px;display:block} #serviceCatalogueHomeWrapper{margin:30px 0 0px 0;display:block} #serviceCatalogueHomeWrapper .commonLabel{width:50%;display:block;clear:both;margin:5px 0;color:#2e445c} #serviceCatalogueHomeWrapper .commonDropdown{width:100%;display:block;clear:both;background-color: transparent!important;} #divDrpTypes{display:inline-block;width:45%} #divDrpServices{display:inline-block;width:45%;margin: 0;margin-top:30px} #divButton input{width:170px;background-color:#c09400;color:#fff;text-align:center;margin-top:70px;font-size:18px;outline:none;border:none;margin-left:0px!important;margin-right:0px!important} #divButton input:active{border:none} @media (max-width: 1200px){ #serviceIndexHome{background-color: #f4f4f4!important;background: none!important} #serviceCatalogueHomeWrapper .commonLabel{width:100%} } /*End service index section*/ /*Interactive Map Home section*/ .MapsAlternativeColor{min-height:360px;padding-top: 30px;display: inline-block} .alternateTitle h2{color:#fff!important} .MapsAlternativeColor .commonLabel{width:50%;display:block;clear:both;margin:5px 0;color:#fff} #interactiveMapsSelect,#interactiveMapsSectorsSelect{width:100%;display:block;clear:both;font-size:14px;color:#fff;text-align:right;background-color: transparent!important;background:url('/Style Library/Images/portalSprite.png') 10px -490px no-repeat!important} #interactiveMapsSelect option,#interactiveMapsSectorsSelect option{color:#808285} .homeMapSelectCont {display:inline-block;width:100%} .divCategoryDrop{display:inline-block;width:42%;} .divSectorDrop{display:inline-block;width:40%;margin: 0} @media (max-width: 1200px){ .divCategoryDrop{width:50%;} } @media (max-width: 990px){ .divCategoryDrop{width:40%;} } @media (max-width: 767px){ .homeMapSelectCont{width:150%} .divCategoryDrop{width:90%;} } @media (max-width: 500px){ .homeMapSelectCont{width:100%} .divCategoryDrop{width:100%} .MapsAlternativeColor{display:block} } @media (max-width: 390px){ #interactiveMapsSelect, #interactiveMapsSectorsSelect{width:87%} } /*End Interactive Map Home section*/ /*Main News section*/ .PlaceHolderMain{background-color:#fff;margin-bottom:10px} #homeNews{margin-top:35px} #homeNews .newsHomeItem{margin:15px;position:relative } #homeNews .newsImgCont{height:177px;text-align: center;line-height: 177px;width: 100%;border: solid #D9D9D9 1px;border-bottom: none;box-sizing: border-box;} #homeNews .newsImgCont img{max-width:100%;max-height:100%} #homeNews .newsDetCont{border:1px solid #d9d9d9; /*padding:0 25px;*/height:260px;display:inline-block;text-align:center} #homeNews .smallTitle,#homeNews .Brief{padding:0 25px;} #homeNews .date,#homeNews .sector{font:normal 14px/20px ar;padding:0 10px;} #homeNews .category{padding:0 10px;} #homeNews .table a{color:#222222} #homeNews .table{padding:5px 0} #homeNews .Brief{color:#7e7e7e;height:80px;margin:10px 0;clear:both} #homeNews .metaData{border-bottom:solid #d9d9d9 1px;padding:5px 5px} #homeNews .paddingBottom{padding-bottom:10px;position:absolute;bottom:0px} #homeNews .category, #homeNews .sector{color:#3d516c} #homeNews .blueSideStrip{width: 5px;height: 40px;background-color: #0771d4;position: absolute;margin-top: 10px;} @media (max-width: 390px){ #homeNews .category{display:block;border:none !important} } /*Read More*/ .readMoreBtn{color:#c09400!important;text-decoration:none!important;position:relative} .readMoreBtn span{display:inline-block} .readMoreBtn .readMoreTxt{font-size:17px;vertical-align: middle;} .readMoreBtn .arrowLine{width:75px; height:1px; background:#c09400} /*End Read More*/ /*Blue Strip*/ .commonTitleCont{margin-bottom:40px; border-bottom:1px solid #a7a7a7; padding-bottom:10px; position:relative;} .commonTitleCont .oHidden{display:block;width:100%} .commonTitleCont h2{font-size:27px; font-weight:bold;letter-spacing:1px} .commonTitleCont .blueStrip{width:175px; height:12px; background:#0771d4; position: absolute;bottom: -6px;z-index: 1;} @media (max-width: 500px){ .commonTitleCont h2{font-size:24px} } /*@media (max-width: 400px){ .commonTitleCont h2{font-size:20px} .commonTitleCont{width:100%} }*/ /*End Blue strip*/ /*End Main News section*/ /*Owl Bullets Edit Color*/ .owl-theme .owl-controls .owl-page.active span{background-color:#0771d4} .owl-theme .owl-controls .owl-page span{background-color:#e1e1e1;border:solid #c3c3c3 1px} /*Side Links Home page*/ .homeLinks{pointer-events: none} .homeLinks *{pointer-events: auto;} .homeLinks{width: 115px;position: absolute;top: 255px;z-index:1000} .homeLinks .homeLinkItem{width:100%;padding:9px 7px;font-size:13px;line-height: 25px;color:#fff;display:block;margin-top:5px;text-decoration:none;background-color:#c09400;position:relative;right:-75px;overflow:auto;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out} .homeLinks .homeLinkItem:hover{webkit-box-shadow: 1px 5px 1px #BDBDBD;box-shadow: 0 2px 4px 1px #BDBDBD;} #homeNews{position:relative} .newHomeLinksColor{background-color: #392c00!important} #responsiveIcon,.responsiveIcon{display:none !important} .responsiveIcon:before{opacity:0} @media (max-width: 768px){ .homeLinks{display:none;width:100%;} .responsiveIcon{position:fixed;bottom:40px;right:30px;z-index:10;color:#C09400;font-size:40px;z-index:100000;display:inline-block!important} .homeLinks .homeLinkItem{width:40%;} #responsiveIcon:checked ~ .homeLinks{display:block;position:fixed;bottom:0 ;top:0;background-color: rgba(0, 0, 0, 0.8);height: 100%;z-index:10000;pointer-events: fill;} #homeLinksOverlay{position: absolute;top: 15%;width: 100%;} .homeLinks .homeLinkItem{background-color:transparent} .imgHolder{background-color:#C09400;height:40px;width:40px;text-align:center;display:inline-block;padding:5px;border-radius:50%;} .homeLinks .homeLinkItem:hover{webkit-box-shadow: none; box-shadow: none; } } /*.responsiveIcon{display:block} @media (max-width: 768px){ #responsiveIcon{display:inline-block;position:fixed;width: 50px;height: 50px;background-color: #000;bottom: 50px;right: 50px;z-index: 100;border-radius: 50%;} #responsiveIcon:checked ~ .homeLinks{display:block;position:fixed;bottom:100px ;top:auto} } /*.homeLinks span{width:30px;height:26px;display:inline-block} #first{background: url('/Style Library/Images/portalSprite.png') no-repeat 4px -865px} #second{background: url('/Style Library/Images/portalSprite.png') no-repeat 4px -626px;} #third{background: url('/Style Library/Images/portalSprite.png') no-repeat 4px -752px;} #fourth{background: url('/Style Library/Images/portalSprite.png') no-repeat 1px -987px;} #fifth{background: url('/Style Library/Images/portalSprite.png') no-repeat 4px -1102px;}*/ /*@media (max-width: 1024px){ .homeLinks{width:100%;position:static;overflow:auto;margin-bottom:20px} .homeLinks .homeLinkItem {position:static;width:30%;margin:5px 1%;text-align:center !important} .homeLinks .homeLinkItem span{float:none !important;font-size:16px} } @media (max-width: 768px){ .homeLinks .homeLinkItem {width:46%;} .homeLinks .homeLinkItem span{font-size:14px} }*/ /*End Side Links Home page*/ /*mega links home*/ #megaLinksHome{ min-height:360px;background-color:#fff;display:block;} .firstSectionLinks{padding:0px!important} .secoundSectionLinks{} .megaLinksContainer{width:20%;min-height:235px;display:inline-block;padding:10px;vertical-align:middle;cursor:pointer;border-bottom:solid #636363 1px;} .megaLinksContainer a:visited{color:#428bca} .megaLinksHome {width: 100%;display: inline-block;height: 150px;text-align: center;} .megaLinksHomelbl{text-align: center;color:#2e2e2e} .Indicators{background: url('/Style Library/Images/portalSprite.png') center -1230px no-repeat;background-size: 80px;/*46.9%*/} .Prefernces{background: url('/Style Library/Images/portalSprite.png') center -3367px no-repeat;background-size: 80px;/*46.9%*/} .Jobs{background: url('/Style Library/Images/portalSprite.png') center -1594px no-repeat;background-size: 80px;} .Tenders{background: url('/Style Library/Images/portalSprite.png') center -1775px no-repeat;background-size: 80px;} .researchAndInnovations{background: url('/Style Library/Images/portalSprite.png') center -1398px no-repeat;background-size: 80px;} .ministryDecisions{background: url('/Style Library/Images/portalSprite.png') center -2746px no-repeat;background-size: 80px;} .ministryLaws{background: url('/Style Library/Images/portalSprite.png') center -2320px no-repeat;background-size: 80px;} .photoGallery{background: url('/Style Library/Images/portalSprite.png') center -1960px no-repeat;background-size: 80px;} .videoGallery{background: url('/Style Library/Images/portalSprite.png') center -2147px no-repeat;background-size: 80px;} .events{background: url('/Style Library/Images/portalSprite.png') center -3177px no-repeat;background-size: 80px;} @media (max-width: 1200px){.megaLinksContainer{width:25%}} @media (max-width: 500px){.megaLinksContainer{width:50%}} @media (max-width: 320px){.megaLinksContainer{width:50%}} @media screen\0{.megaLinksContainer:hover{height:235px;box-sizing:content-box}.megaLinksContainer{height:235px;box-sizing:content-box}} /*End mega links home*/ /*employee Guide Home*/ #employeeGuideHome{min-height:300px;display:block;background:url('/Style Library/Images/employeeGuidImg.jpg') center center no-repeat;background-size:cover;} .commonTitleContMod .blueStripMod {width: 140px;height: 12px;background: #0771d4;position: absolute;bottom: -6px;z-index: 1} .commonTitleContMod {margin-bottom: 40px;border-bottom: 1px solid #a7a7a7;padding: 30px 0;position: relative;width: 30%;text-align: center} .commonTitleContMod h2 {font-size: 33px;font-weight: bold;} .emplyeeParagraph p{text-align: center;display: block;font-size: 18px;color: #fff;margin: 0 auto;width: 50%;line-height: 28px;font-weight: normal} #employeeGuideHome .owl-theme .owl-controls .owl-page.active span{background-color:#fff} #employeeGuideHome .owl-theme .owl-controls .owl-page span{border:solid #fff 1px} /*.newSection .owl-buttons{display:none} .newSectionPrev{ left: 0; background: url('/Style Library/Images/eaoSprite.png') -40px -43px no-repeat;} .newSectionNext{ right: 0; background: url('/Style Library/Images/eaoSprite.png') -107px -43px no-repeat; }*/ .newSectionNext,.newSectionPrev{position: absolute;top: 38%;cursor: pointer;width: 60px;height: 110px;} @media (max-width: 1200px){ .commonTitleContMod{width:40%} } @media (max-width: 990px){ .commonTitleContMod{width:50%} } @media (max-width: 768px){ .commonTitleContMod{width:60%} } @media (max-width: 500px){ .commonTitleContMod h2{font-size:24px} .emplyeeParagraph p{width:90%} } /*End employee Guide Home*/ /*Removing Header Of Main tabs*/ h2.resp-accordion{display:none!important} /*End Removing Header Of Main tabs*/ /*Hover Effect*/ .main {width: 100%;height: 437px;display: inline-block;} .view {overflow: hidden;position: relative;text-align: center;box-sizing: border-box;cursor: default;} .view-first .megaLinksHome{-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} .view .megaLinksHome{display: block;position: relative;} .view-first:hover .megaLinksHome{-webkit-transform: scale(1.1,1.1);-moz-transform: scale(1.1,1.1);-o-transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);transform: scale(1.1,1.1);} /*End Hover Effect*/ /*Media Gallery Inner*/ .galleryIcon {background-color: #3d516c !important;width: 50px;height: 80px;display: inline-block;} .galleryFolderIco {background-color: #0771d4!important;width: 50px;height: 80px;display: inline-block;} .mediaDescription h3 {padding-top: 15px;text-decoration: none;font-size: 16px;line-height: 20px;color:#222222} .briefAndTitleContainer h2{padding-top: 15px;text-decoration: none;font-size: 16px;line-height: 20px;color:#222222} .briefAndTitleContainer h2:hover,.mediaDescription h3{text-decoration:none!important} .mediaDescription {display: table;width: 100%;background-color: rgba(236, 236, 236,0.5);} .mediaThumbCont img{max-height: 100%;margin: auto;vertical-align: middle;line-height:1.4} .folderThumbCont.emptyFolder img{max-width: 80%;height: 130px;width:auto;margin: auto;vertical-align: middle} .folderThumbCont .bgBlue img{max-width: 80%;height: 130px;width:auto;margin: auto;vertical-align: middle} .mediaThumbCont,.folderThumbCont {height: 231px;line-height:230px; display: inline-block;width: 100%;text-align: center;vertical-align: middle;margin: auto;} .mediaThumbCont img,.folderThumbCont img{max-height:100%;max-width:100%} .photoGalleryContainer {margin-bottom: 20px;display: inline;border: solid #dcdcdc 1px;} .photoGalleryContainer:hover {background-color: rgba(236, 236, 236,0.5);transition: all 0.2s ease-in-out;} .folderThumbCont.emptyFolder,.folderThumbCont .bgBlue{background-color:#0771d4} .folderThumbCont .bgBlue{height:231px;line-height:231px;display: inline-block;width: 100%;text-align: center;vertical-align: middle;margin: 0;} #serviceCatalogueHomeWrapper .blueStrip{background-color: #085aa7;width:200px; height:12px; background:#0771d4; position: absolute;bottom: -6px;z-index: 1;} .mediaThumbAndDesc .blueStrip{/*background-color: #085aa7;*/width: 50px;height: 80px;bottom: -6px;z-index: 1;background: url('/Style Library/Images/GallerySprite.png') 7px -125px no-repeat #0771D4;} .emptyFolderBriefContainer h2{padding-top: 15px;color: #222222;text-decoration: none;font-size: 16px;line-height: 20px;} .mediaDescription.newBackgroundColor{background-color:#0769c7} #videoGallery .galleryIcon{text-align: center;background-image:none} #videoGallery .galleryIcon:before{content: "\f03d";font-family: "FontAwesome";position: relative;top: 33%;color: #fff;border: 2px solid #fff;padding: 5px;text-align: center;font-size: 19px;} @media (max-width: 992px) and (min-width: 767px) { .folderThumbCont.emptyFolder img{max-width:100%;max-height:100px} .folderThumbCont .bgBlue{} .folderThumbCont .bgBlue img{max-width:100%;max-height:100px} .briefAndTitleContainer h2,.mediaDescription h3,.emptyFolderBriefContainer h2{padding-top: 5px;font-size: 11px;line-height: 18px;} } @media (max-width: 1200px) and (min-width: 992px) { .briefAndTitleContainer h2,.mediaDescription h3,.emptyFolderBriefContainer h2{padding-top: 10px;font-size: 14px;line-height: 20px;} } @media (max-width: 360px) and (min-width: 320px) { .folderThumbCont.emptyFolder img{max-width:100%;max-height:130px} .folderThumbCont .bgBlue{} .folderThumbCont .bgBlue img{max-width:100%;max-height:130px} .briefAndTitleContainer h2,.mediaDescription h3,.emptyFolderBriefContainer h2{padding-top: 10px;font-size: 13px;line-height: 18px;} } /*End Media Gallery Inner*/ /*News Innner Listing page*/ #MostReadAndCommentedCont .scroll-pane{width: 100%; margin:10px 0} #MostReadAndCommentedCont .jspVerticalBar{background:transparent!important; width:3px} #MostReadAndCommentedCont .jspVerticalBar .jspTrack{ } #MostReadAndCommentedCont .jspVerticalBar .jspDrag{ width: 5px;height:100% !important} #MostReadAndCommentedCont .jspTrack{ position: relative; width: 6px;background-color:#ebebeb;border:solid #dadada 1px} #MostReadAndCommentedCont .jspPane{width:100%!important;margin:0!important;display:block; -webkit-transition: width 0.2s ease-in-out; transition: width 0.2s ease-in-out;} #MostReadAndCommentedCont .jspScrollable .jspPane{width:93%!important;margin:0 !important} #MostReadAndCommentedCont .jspContainer{height:313px!important;width:auto!important} #MostReadAndCommentedCont .tab-pane{max-height:337px;height:337px;overflow-y:auto;overflow-x:hidden;background-color:#fff;border-top:none;width:100%!important} #MostReadAndCommentedCont .nav.nav-tabs{width:100%} #MostReadAndCommentedCont .nav.nav-tabs li{width: 50%;} #MostReadAndCommentedCont .jspHorizontalBar{display:none} #MostReadAndCommentedCont .nav-tabs > li.active > a, #MostReadAndCommentedCont .nav-tabs > li.active > a:hover, #MostReadAndCommentedCont .nav-tabs > li.active > a:focus, #MostReadAndCommentedCont .nav-tabs.nav-justified > .active > a, #MostReadAndCommentedCont .nav-tabs.nav-justified > .active > a:hover, #MostReadAndCommentedCont .nav-tabs.nav-justified > .active > a:focus{ background-color:#fff;/*border-top: solid #d9d9d9 1px;border-left: solid #d9d9d9 1px;border-right: solid #d9d9d9 1px;*/border-bottom: none; color:#222222;font-weight:bold ;font-size:15px;text-align:center;display:inline-block;width: 100%;} #MostReadAndCommentedCont .nav-tabs > li, #MostReadAndCommentedCont .nav-tabs.nav-justified > li{background-color:#f6f6f6;} #MostReadAndCommentedCont .nav > li > a:hover, #MostReadAndCommentedCont .nav > li > a:focus{background-color: #dddddd} #MostReadAndCommentedCont .nav-tabs > li > a:hover, #MostReadAndCommentedCont .nav-tabs > li > a{ /*border-bottom: solid #d9d9d9 1px;*/color:#222222!important;font-weight:bold ;font-size:15px;text-align:center!important; display:inline-block;width:100%;border-radius:0px!important;display:table-cell;vertical-align:middle} #MostReadAndCommentedCont .nav-tabs{border: solid #d9d9d9 1px;border-bottom: none;} #MostReadAndCommentedCont .nav-tabs > li{border-bottom: solid #d9d9d9 1px;display:table} #MostReadAndCommentedCont .nav-tabs > li.active{border-bottom:none} /*#MostReadAndCommentedCont .nav-tabs > li > a{border-top: solid #d9d9d9 1px;border-right: solid #d9d9d9 1px;border-left: solid #d9d9d9 1px;}*/ #MostReadAndCommentedCont .nav-tabs > li > a:active{border-bottom:none} #MostReadAndCommentedCont .mostReadListing ul li a{color:#222222} #MostReadAndCommentedCont .mostReadListing ul {padding: 0px;} #MostReadAndCommentedCont .mostReadListing ul li{ list-style:none;/*border-right: solid #0771d4 5px;*/margin:20px 0;padding: 0 25px} #MostReadAndCommentedCont .blueSideStrip{width: 5px;height: 40px;background-color: #0771d4;position: absolute;margin-top: 6px;} @media (max-width: 500px){ #MostReadAndCommentedCont .nav-tabs > li > a:hover, #MostReadAndCommentedCont .nav-tabs > li > a,#MostReadAndCommentedCont .nav-tabs > li.active > a, #MostReadAndCommentedCont .nav-tabs > li.active > a:hover, #MostReadAndCommentedCont .nav-tabs > li.active > a:focus, #MostReadAndCommentedCont .nav-tabs.nav-justified > .active > a, #MostReadAndCommentedCont .nav-tabs.nav-justified > .active > a:hover, #MostReadAndCommentedCont .nav-tabs.nav-justified > .active > a:focus{font-size:11px} #MostReadAndCommentedCont .nav-tabs > li >a{height:50px} } /*End News Innner Listing page*/ /*Inner News and Events Listing section*/ #MostReadAndCommentedCont {margin-top:35px} #newsItemsCont .newsHomeItem{margin:15px; } #newsItemsCont .newsImgCont{height:177px;text-align: center;line-height: 1.5px;width: 100%;border: solid #D9D9D9 1px;border-bottom: none;box-sizing: border-box} #newsItemsCont .newsImgCont img{max-width:100%; max-height:100%;position:relative;top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);;line-height: 1.4px;} #newsItemsCont .table{padding: 5px 25px;word-wrap: break-word;} #newsItemsCont .table h2{color: #222222;} #newsItemsCont .table h2 a{color: #222222;} #newsItemsCont .newsBrief{ color: #7e7e7e;min-height: 95px;margin: 10px 0 23px;padding:0 25px} #newsItemsCont .newsDetCont{border:1px solid #d9d9d9;height:300px;display:inline-block;text-align:center;overflow:auto} #newsItemsCont .sep{color:#D9D9D9} #newsItemsCont .metaData{border-bottom:solid #d9d9d9 1px;padding:5px 5px} #newsItemsCont .blueSideStrip{width: 5px;height: 40px;background-color: #0771d4;position: absolute;right: 30px;margin-top: 10px;} .ms-formvalidation{position:absolute;line-height:0.5}/*comments file*/ #MostReadAndCommentedCont .blueSideStrip{margin-top:0} #newsItemsCont .newsDetCont::-webkit-scrollbar-thumb {background-color: #0771D4;border-radius: 10px;} #newsItemsCont .newsDetCont::-webkit-scrollbar {width: 8px;background-color: #d6d6d6;border-radius: 10px;} #newsItemsCont .paddingBottom{width: 90%;position:absolute;padding-bottom:10px;bottom:7px} #newsItemsCont .paddingBottom a{background-color:#fff} #newsItemsCont .dataSection{position:relative} button.close span{font-size:28px} .AspNetPagerClass a[disabled="disabled"], .AspNetPagerClass span{background-color:#c09400} .modal-header{height:28px} .commentFieldCont{clear:both} input.newCommentSubmit{float:none;display:block} @media (max-width: 1200px){ #newsItemsCont .table h2{font-size:20px} } @media (max-width: 700px){ #newsItemsCont .newsDetCont{height:auto;max-height:310px} } @media (max-width: 320px){ #newsItemsCont .newsDetCont{max-height:330px} } @media (max-width: 992px) and (min-width: 767px){ #newsItemsCont .newsDetCont{height:320px} } /*End Inner News and Events Listing section*/ /* Filtration News and Events Listing section*/ div[id$="ParentControlsDiv"] .dateHint{padding: 10px;line-height: 14px;display: inline-block;margin-bottom:10px;background-color: #e1e1e1;font-size: 24px;font-weight: bold;color: #4b5d76;} div[id$="ParentControlsDiv"] .WrapperlabDisclaimer{height: 34px;background-color: #e7e7e7;margin-top: 15px;color: #2e445c;width:93.5%;position:relative} div[id$="ParentControlsDiv"] .labDisclaimer{position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);} div[id$="ParentControlsDiv"] .datePickerInputCont input{ background: transparent!important;height: 35px!important;width: 90%;} div[id$="ParentControlsDiv"]{ padding: 25px 15px 15px;display: inline-block;width: 100%; position:relative; background:#f4f4f4} div[id$="ParentControlsDiv"] .field{display: inline-block;/* padding: 20px;*/ width:49%;overflow:visible} div[id$="ParentControlsDiv"] .datePickerInputCont{position:relative; display:inline-block;width:100% } div[id$="ParentControlsDiv"] .field+.field{} div[id$="ParentControlsDiv"] .field+.field+.field{clear:both} div[id$="ParentControlsDiv"] .field+.field+.field+.field{clear:none} div[id$="ParentControlsDiv"] .field+.field+.field+.field+.field{clear:both} div[id$="ParentControlsDiv"] .field+.field+.field+.field+.field+.field{clear:none} div[id$="ParentControlsDiv"] .LabelDiv{display: inline-block;width: 70%;min-height: 0;float: none;margin: 5px 5px;vertical-align: middle;} div[id$="ParentControlsDiv"] .LabelDiv .label{color: #2e445c;font-size: 14px;font-weight: normal;padding: 0;margin: 0;width: auto;line-height: 30px} div[id$="ParentControlsDiv"] select, div[id$="ParentControlsDiv"] input[type="text"]{width:90%;height:35px!important;background-color:transparent!important} div[id$="ParentControlsDiv"] input[type="submit"]{border:1px #c09400 solid; background:#c09400 ; color:#fff!important; outline:none; font-size: 15px; padding:6px 9px; min-width: 6em; text-align: center; text-decoration: none;clear: both;width: 46%} div[id$="ParentControlsDiv"] input[type="submit"]:hover{border:1px #c09400 solid; color:#c09400!important; background:transparent} div[id$="ParentControlsDiv"] input[type="submit"]+input[type="submit"]{clear:none} div[id$="ParentControlsDiv"] .validation{display: block; width: 93.5%;border: 1px #F3A9A9 solid;text-align: center;padding: 0px;clear: both;margin: 10px 0 0 0;background: #F2CACA; color:#333 !important; padding:3px 0} div[id$="ParentControlsDiv"] select{height: 35px!important; padding-top:0!important; padding-bottom:0!important;background-color:transparent!important} @media (max-width: 500px){ div[id$="ParentControlsDiv"] .field{width:auto;margin-bottom:5px} div[id$="ParentControlsDiv"] .field+.field+.field{width:100%} div[id$="ParentControlsDiv"] .datePickerInputCont input{width:90%} .WrapperlabDisclaimer{height:auto} .labDisclaimer{display:inline-block} div[id$="ParentControlsDiv"] input[type="submit"]{width:92%} } @media (max-width: 320px){ div[id$="ParentControlsDiv"] .WrapperlabDisclaimer{width:91.5%} } /*End Filtration News and Events Listing section*/ /*inner dashboards*/ #innerdashboards .filterCont, #innerdashboards .filter{width:100%;background-color:#f4f4f4} #innerdashboards .filter{padding-top:20px; padding-bottom:40px } #innerdashboards select:not('.mtz-monthpicker.mtz-monthpicker-year'){width:80%;background-color:#f4f4f4!important;font-size:14px} #innerdashboards .lblName {width: 100%;margin-bottom: 7px;font-size:15px;color: #2e445c;} #innerdashboards .showRsults{width: 100%;text-align: center;border-bottom: solid #B7B7B7 2px;background-color: #F1F1F1;padding: 5px;display:none} #innerdashboards .showResultsTxt{font-size:16px;width:100%;display:inline-block;transition:all 0.2s ease-in-out;} #innerdashboards .showResultsTxt:hover{padding:5px} #innerdashboards .chartType{color:#222222;font-size: 22px;line-height:14px; margin-top: 4px;} #innerdashboards .divCompareYears span{color:#2e445c} #innerdashboards .graphTypeCont.commonTitleCont .blueStrip{width: 100px;} #innerdashboards .breviewType{color: #2e445c;margin: 10px auto;text-align: center;vertical-align: middle;background-color: #f6f6f6;border: solid #d6d6d6 1px;padding: 5px 0;font-size: 18px;} #tabularCont{width:100%;margin-top:10px} .filterChartContainer{margin-bottom:30px} #tabularCont thead tr th {text-align: center;display: table-cell;padding: 8px;background-color: #ABABAB;color: #fff;} #tabularCont td{padding:8px} #highValueCont{text-align:center;background-color: #EEEEEE;padding-top: 10px;} span#highValueLbl,span#highValueValue,.totalValueCont{color:#000 !important;font-weight:bold;font-size:15px !important} #innerdashboards .ui-datepicker {top:35px !important; left:0 !important} #innerdashboards .datePickerContainer{position:relative} #innerdashboards .filterCont{background:#f4f4f4; min-height:50px; color:#fefefe; display:inline-block; width:100%; margin-bottom: 20px;} #innerdashboards .filter{width:80%} #innerdashboards .searchDash{width: 20%;line-height: 50px;text-align: center;margin-top:55px} #innerdashboards .filterItem{line-height:50px} #innerdashboards .filterItem .lblName{width:100%; display:inline-block; font-size:14px;height:30px} #innerdashboards .filterItem .selectCont{width:80%; display:inline-block} #innerdashboards .filterItem select{width: 100%; min-height: 35px;} #innerdashboards .searchDash .buttonSubmit{width: 150px;height: 36px;line-height:36px;background-color:#c09400;color:#fff;font-size:20px; margin: 10px auto; cursor:pointer} #innerdashboards .searchDash .buttonSubmit:hover{background-color:#fff;border:solid #c09400 1px;color:#c09400} #innerdashboards .instructionsContainer{padding:50px 10px; display: inline-block;width: 100%;min-height: 400px; background-size: contain!important;} #innerdashboards .instructions{font-size:22px} #innerdashboards .iconSubmit{width: 40px;height: 35px;background: #EBEBEB url("/_layouts/15/images/searchresultui.png") -50px 0px no-repeat;display: inline-block;border: 1px #333 solid;margin: 0 9px;position: relative;top: 8px;} #innerdashboards .dimmed{opacity:0.2; }#innerdashboards .searchDash .buttonSubmit #innerdashboards .dimmed .buttonSubmit{cursor:auto} #innerdashboards .searchDash.dimmed .buttonSubmit:hover{background-color:#fff!important} #innerdashboards .lblYearSeparator {color: black;} #graphDashboard .dashBoardTable {padding:10px; text-align:center; max-height: 466px; overflow: auto;height:100%} #graphDashboard .dashBoardTable .mainTable thead, #graphDashboard .dashBoardTable .mainTable tbody {border:2px #C8C8C8 solid} #graphDashboard #verticalAxisLblCont{position:absolute; top:45%}/*peter*/ .ct-chart.ct-perfect-fourth>svg{top: -4px!important}/*peter*/ #graphDashboard #verticalAxisLbl{width:305px; text-align:center; /*white-space:nowrap;*/ overflow:hidden; } #graphDashboard #horizAxisLbl{position:absolute; /*top:480px*/;font-size: 14px;bottom:0px}/*peter*/ #graphDashboard #pieChartLegendCont{ max-height: 380px; overflow-y: auto; position: absolute; overflow-x: hidden; top: 10px;} #graphDashboard #pieChartLegend{padding: 5px;border: 2px #B5CCD8 solid;background: #5694C5;color: #FFF; width:220px; display:inline-block} #graphDashboard #pieChartLegend .legendRow{padding-bottom: 3px;margin-bottom: 2px;display: inline-block;clear: both;width: 100%;} #graphDashboard #pieChartLegend .legendLbl{width: 25%;display: inline-block;} #graphDashboard #pieChartLegend .legendColorCnt{border: 3px #7CB0DA solid;} #graphDashboard #pieChartLegend .legendValue{width: 75%;display: inline-block;background: #7CB0DA;padding: 1px 5px;} #graphDashboard .dashBoardEmpty{background: url("/style library/images/not-found.png") no-repeat top center;height: 170px;text-align: center;padding-top: 150px;margin-top: 50px; font-size:18px} #innerdashboards .kpiTypeLbl{/*font-size:14px;*/} #innerdashboards .dateContHead{padding: 5px;color:#2e445c;font-size:18px} #innerdashboards .dateContWrapper{background: #fff;padding: 5px;} #innerdashboards .dateContWrapper select{height:30px} #graphDashboard #viewChartLoading{background: url('/style library/images/loader.gif') no-repeat center #EEEEEE;height: 134px;z-index: 99999999;position: absolute;top: 53px;width: 20%;left:50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);} #graphDashboard .AxisLbl{font-size: 17px; color: #568EB6;} #innerdashboards .graphTypeCont{margin:30px 0 0px 0} #barChartContWrapper{width:100%; height:406px; position:absolute; overflow-y:hidden; direction:ltr}/*peter*/ #barChartCont{padding:0 25px 20px 25px; overflow:hidden}/*peter*/ .ie #barChartCont {padding:0 0 20px 35px;} #barChartCont .ct-horizontal{font-size: 12px;} #barChartCont .ct-vertical{text-align:right!important;} #sideFilter{min-height:456px; background:#fff;border:solid #dcdcdc 1px; color:#fff; padding:10px 20px; font-size:14px;margin-bottom:20px}/*peter*/ #sideFilter .lbl{width: 20%;text-align: center;height: 35px;line-height: 35px;background: #0771d4;color: #FFF} #sideFilter .filedCont{width:80%} #sideFilter .filedCont input, #sideFilter .filedCont select{width:100%; min-height:35px;background-color:transparent!important} #sideFilter .filedCont input{cursor:pointer; opacity:1} #sideFilter .btn,#btnExport{outline:0;width: 150px;height: 36px;background-color: #c09400;color: #fff;font-size: 16px;margin: 10px auto;cursor: pointer;} #sideFilter .btn:hover,#btnExport:hover{background-color: #fff;color: #c09400;border:solid #c09400 1px} #sideFilter .chartIcoItem{cursor: pointer;height: 34px;display: block;width: 100%;border:solid #d6d6d6 1px} #sideFilter .chartIcoItem.active, #sideFilter .chartIcoItem:hover{ background-color:#3d516c} #graphDashboard{height:406px; background:#eee; position:relative; overflow:hidden}/*peter*/ #graphDashboard .bar-chart{height:380px; width:100%; float:left;-webkit-overflow-scrolling: touch; } #graphDashboard .pie-chart{height:380px; width:80%} #graphDashboard .graphCont{position:absolute; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; width:100%} #sideFilter .graphTypeCont .graphIconsCont{width: 50%;text-align: center;position: relative;table-layout: fixed;border-collapse: separate;top:-8px} #sideFilter .graphTypeCont .graphIconsCont tr{background:#F1F1F1} #sideFilter .divCompareYears{margin:7px 0 0} #sideFilter .divCompareYears #chckCompareYears{ opacity: 1; margin: 0 10px; padding: 0; outline: 0} #barChartIcon{background: url("/style library/images/dashBoardIco.png") no-repeat 10px -191px; width: 40px; height: 34px; display: inline-block;} .chartIcoItem.active #barChartIcon, .chartIcoItem:hover #barChartIcon{background:url("/style library/images/dashBoardIco.png") no-repeat -42px -191px;} #sideFilter #drpCity{color:#444} .ct-chart.ct-perfect-fourth.bar-chart>svg{margin-left: 15px;} #pieChartIcon{background:url("/style library/images/dashBoardIco.png") no-repeat 9px -116px; width: 40px; height: 34px; display: inline-block;} .chartIcoItem.active #pieChartIcon, .chartIcoItem:hover #pieChartIcon{background:url("/style library/images/dashBoardIco.png") no-repeat -44px -116px;} #pieChartCont .pieLbl{text-align: center;font-size: 16px;color: #2E445C;font-weight: bold;} #tabularIcon{background:url("/style library/images/dashBoardIco.png") no-repeat 9px -154px; width: 40px; height: 34px; display: inline-block;} .chartIcoItem.active #tabularIcon, .chartIcoItem:hover #tabularIcon{background:url("/style library/images/dashBoardIco.png") no-repeat -42px -154px;} @media (max-width: 991px){ #innerdashboards .filter{padding-bottom:0} #innerdashboards .searchDash{margin-top:0} } /*********************************************/ /*if and only if the small (tablet) view*/ /***********************************************/ /*inner dashboard*/ @media (max-width: 991px) and (min-width: 768px) { #innerdashboards .filter{width:100%; padding-top:10px} #innerdashboards .searchDash{width:100%} #innerdashboards .searchDash .buttonSubmit{margin:5px 15px 15px 15px;} #sideFilter{min-height:inherit; margin-bottom:20px; padding:0} #sideFilter #headingOne > div{margin:0!important} #sideFilter #headingOne a{display: block; padding: 10px;} #sideFilter #headingOne a:after{content:"-"; color:#fff; font: 27px monospace; position: relative; top: -8px;} #sideFilter #headingOne a.collapsed:after{content:"+"} #sideFilter #collapseOne{padding:20px; overflow:visible} } @media (max-width: 768px) { #graphDashboard .pie-chart{width:95%} #graphDashboard #pieChartLegendCont{position:initial;width: 97%;} #graphDashboard{height:600px} #innerdashboards .searchDash{width:100%} } /*End inner dashboards*/ /*Details News*/ #newsDetailsCont .newCommentTxtlbl{display: inline-block;color: #33333E;float:none} #newsDetailsCont .newCommentValidator{font-size:1.1em} #newsDetailsCont [id$="newComment_commentsUpdatePanel"]{background-color: #F1F1F1;border: 1px #dddddd solid} #newCommentLegend span{color:#4b5d76} #newsDetailsCont .ms-formvalidation{float:none} #newCommentLegend{border-bottom: 1px #CCC solid!important;} /*#newsDetailsCont .ms-rtestate-field{display:inline-block!important;margin-top: 10px;line-height: 22px;} #newsDetailsCont .ms-rtestate-field p{display:block!important;margin-top:0px!important}*/ .newCommentSubmit{width: 150px!important;height: 36px!important;line-height: 36px!important;background-color: #c09400!important;color: #fff!important;font-size: 20px!important;margin: 10px auto!important;cursor: pointer!important;} #newsDetailsCont div[id*="divMostReadCont"]{padding: 10px;background: #F1F1F1;border: 1px #DDD solid; min-height:261px; max-height:261px;margin-top: 10px;} #newsDetailsCont div[id*="divMostReadCont"] .mostReadListing{overflow:auto; min-height:203px; max-height:203px; padding:0 5px} #newsDetailsCont div[id*="divMostReadCont"] h2{font-size: 20px;color: #62453A;border-bottom: 1px #DDDDDD solid!important;margin-bottom: 10px!important; padding-bottom: 5px;} #newsDetailsCont div[id*="divMostReadCont"] .mostReadListing ul{margin-bottom:0} #newsDetailsCont div[id*="divMostReadCont"] .mostReadListing li{padding-bottom:5px;} #newsDetailsCont div[id*="divMostReadCont"] .mostReadListing li a, div[id*="divMostReadCont"] .mostReadListing li a:visited, div[id*="divMostReadCont"] .mostReadListing li a:focus, div[id*="divMostReadCont"] .mostReadListing li a:hover{color:#333; word-break:break-word} #newsDetailsCont div[id*="divMostReadCont"] .mostReadListing::-webkit-scrollbar-thumb {background-color: #71BFE2;border-radius: 10px;} #newsDetailsCont div[id*="divMostReadCont"] .mostReadListing::-webkit-scrollbar {width: 8px;background-color: #d6d6d6;border-radius: 10px;} #newsDetailsCont .title{font-size: 28px;color: #4b5d76; /*border-bottom:1px #B9B9B9 solid;*/ padding-bottom:10px; margin-bottom:5px} #newsDetailsCont .date, #newsDetailsCont .sep, #newsDetailsCont .cat, #newsDetailsCont .cat a {color: #6C6C6C;font-size: 11px;} #newsDetailsCont .EmptyImg{background: #F1F1F1; padding: 5px; margin: 0 0 10px;box-shadow: 5px 5px 10px #DEDEDE;} #newsDetailsCont .EmptyImg img{max-height:1000px; padding:5px; max-width:100%; margin:auto;display: block;} #newsDetailsCont .newsBody{line-height: 25px; margin-top:10px} #newsDetailsCont .highLightBody{line-height: 25px;width: 100%} #newsDetailsCont .newsBody ms-rtestate-field{color:#333; font-size:14px} #newsDetailsCont .newsInfoCont{padding:10px;display: inline-block;border: 1px #ABABAB solid;background: #F1F1F1; min-width:23%} #newsDetailsCont hr{margin:5px 0; border-top:1px solid #DEDEDE} #newsDetailsCont span.newsInfo{font-size: 15px; color: #42566F;display:inline-block;/*margin: 30px auto 10px;*/margin: 0px auto 10px;} #newsDetailsCont div.newsInfo{display: inline-block; color: #333;} #newsDetailsCont .ms-formfieldvaluecontainer textarea{width:100%; min-height:150px} #newsDetailsCont .newsImgAndTopNews{max-width:35%; width: 26%; margin-bottom:5px} #newsDetailsCont .editPanel input.ms-long{width:100%}/*only in edit mode*/ #divMostRelatedCont{padding: 10px;background: #F1F1F1;border: 1px #ABABAB solid; max-height:214px; overflow:auto} #divMostRelatedCont h2{font-size: 20px;color: #333;border-bottom: 1px #CCC solid;margin-bottom: 10px!important; padding-bottom: 5px;} #divMostRelatedCont .mostReadListing ul{margin-bottom:0} #divMostRelatedCont .mostReadListing li{padding-bottom:5px;} #divMostRelatedCont .mostReadListing li a, #divMostRelatedCont .mostReadListing li a:visited, #divMostRelatedCont .mostReadListing li a:focus, #divMostRelatedCont .mostReadListing li a:hover{color:#333} @media (max-width: 991px){#newsDetailsCont .newsImgAndTopNews{max-width:100%;width:100%}} /*other news titles*/ #newsOtherTitlesWrapper {padding: 20px; background: #F1F1F1; border: 1px #DDDDDD solid; margin-bottom:20px; clear:both;width:72%} #newsOtherTitlesWrapper h2{font-size: 20px; color: #3A3A3A; border-bottom: 1px #CCC solid; margin-bottom: 10px!important; padding-bottom: 5px;} #newsOtherTitlesWrapper ul{margin-bottom:0px} #newsOtherTitlesWrapper li{padding-bottom:5px} @media (max-width: 991px){#newsOtherTitlesWrapper {width:100%}} /*listing Items Tenders*/ #listingItemsCont .listingItem{margin:10px 0 20px; word-break:break-all} #listingItemsCont .listingItemTitle{ background: #F4F4F4;padding: 8px 1%;font-size: 19px;margin-bottom: 10px!important;clear: both;margin-top: 20px;} #listingItemsCont .listingItemTitle a{color: #222;line-height: 30px;word-break: break-word;} #listingItemsCont .listingItemTitle a:active, #listingItemsCont .listingItemTitle a:focus{text-decoration:none} #listingItemsCont .listingItemTitle a:hover{text-decoration:underline!important} #listingItemsCont .date, #listingItemsCont .sep, #listingItemsCont .cat{color: #6C6C6C; font-size: 12px;} #listingItemsCont .cat.bold{color:#42566F!important} #listingItemsCont .listingItemBrief{font-size: 14px; color:#333} #listingItemsCont .listingItemReadmore{} #listingItemsCont .listingItemReadmore a{color:#9F0012 } #listingItemsCont .smallDataGrid{margin-bottom: 20px; background: #F4F4F4;} #listingItemsCont .smallDataGrid table{table-layout: fixed; width: 100%;} #listingItemsCont .smallDataGrid table tr:first-child td{} #listingItemsCont .smallDataGrid table td{border: 1px #CBCBCB solid;padding: 7px;} #listingItemsCont .smallDataGrid hr{margin-top: 5px;margin-bottom: 5px;border: 0;border-top: 1px solid #AAA;} @media (max-width: 500px){ #listingItemsCont .listingItemTitle{font-size:16px;padding:7px} } /* End listing Items Tenders*/ /*landing pages*/ .innerWhiteWrapper #mtiLandingPage .level-section{width:48%;clear:none;padding:15px 0px;border:solid 2px #d9d9d9;min-height:120px;transition: all 0.3s ease-in-out;margin-bottom:10px} .innerWhiteWrapper #mtiLandingPage .level-section:hover{box-shadow: 4px 4px 10px #C1C1C1;} .innerWhiteWrapper #mtiLandingPage .level-section .parentLandingLinksItems{clear:none;font-size:18px;position:relative;padding:0 20px;color: #40546F;} .innerWhiteWrapper #mtiLandingPage .level-section .parentLandingLinksItems:after{content:'\f054';font-family: 'FontAwesome';position:absolute;top:2px;font-size:16px;color:#0771D4} .innerWhiteWrapper #mtiLandingPage .level-section ul.dfwp-list{clear:none;font-size:15px;width:50%} .innerWhiteWrapper #mtiLandingPage .landingLinksItems{margin-bottom:7px;list-style: circle;} .innerWhiteWrapper #mtiLandingPage .landingLinksItems a{color:gray} .innerWhiteWrapper #mtiLandingPage .landingLinksItems a:hover{color:#0771d4} .innerWhiteWrapper #mtiLandingPage .toc-layout-main>.dfwp-list>.landingLinksItems{width: 50%;padding: 10px;list-style:none} .innerWhiteWrapper #mtiLandingPage .toc-layout-main>.dfwp-list>.landingLinksItems a{border: solid 2px #e1dddd; display: block; font-size: 18px; padding: 10px 0; color: #40546F} .innerWhiteWrapper #mtiLandingPage .toc-layout-main>.dfwp-list>.landingLinksItems a:before{content: '';} @media (max-width: 768px) { .innerWhiteWrapper #mtiLandingPage .level-section{width:100%;margin-left:0;margin-right:0} .innerWhiteWrapper #mtiLandingPage .toc-layout-main>.dfwp-list>.landingLinksItems{width:100%} .innerWhiteWrapper #mtiLandingPage .level-section ul.dfwp-list{width:65%} } /*End landing pages*/ /*Audio Listing Page*/ #audioGallery .galleryIcon{background: url('/Style Library/Images/GallerySprite.png') 12px -1028px no-repeat} .mediaThumbCont .bgDarkBlue{background-color:#3D516C} .mediaThumbCont .bgDarkBlue img{max-width: 80%;height: 160px;margin: auto;vertical-align: middle;} div[id$="divBack"] a,div[id$="divBack"] .breadCrumbSeparator,div[id$="divBack"] .breadCrumbLast{color:#4a4a4a} div[id$="divBack"]{border:none} div[id$="divBack"] .breadCrumbLast{font-weight:bold;color: #435770} /*End Audio Listing Page*/ /*listing with Bullets 5 documnet library pages*/ .listingWithBullets ul, .listingWithBullets li{padding:0; margin:0; list-style:none} .listingWithBullets li{border-bottom:1px #b1b1b1 dotted; padding:0 0 4px} .listingWithBullets a, .listingWithBullets a:hover, .listingWithBullets a:active, .listingWithBullets a:visited{color:#777} .listingWithBullets .importantLink{background: #962630;padding: 1px 5px;color: #FFF;font-size: 11px;margin: 0 5px;} .listingWithBullets i{font-size:40px;color:#b99013;margin-top:15px} .listingWithBullets a{font-weight: bold;color: #435770 !important;font-size: 17px;margin-bottom: 10px;} .listingWithBullets .date{color: gray;font-size: 14px;} .listingWithBullets{padding:20px;padding-bottom:0} .folderAndFilesView li .date.kiloBytes{margin-top:45px;text-align:center;display:block;width:100%} .folderAndFilesView li .date{display:block} /*End listing with Bullets 5 documnet library pages*/ /*listingNoSep*/ .listingNoSep li{border-bottom:none} /*listing with file and folder view*/ .folderAndFilesView li.folderIco{padding:16px 0 15px;display:inline-block;height:auto;width:100%}/*Mina Asham*/ .folderAndFilesView li .date{clear:both} .folderAndFilesView li.fileIco{background:url("/Style Library/Images/fileIco50x50.png") no-repeat; padding:15px 0 15px;/*min-height: 75px;*/display:inline-block;width:100%} .folderAndFilesView li.fileIco.bmp, .folderAndFilesView li.fileIco.png, .folderAndFilesView li.fileIco.jpg, .folderAndFilesView li.fileIco.gif, .folderAndFilesView li.fileIco.gpeg, .folderAndFilesView li.fileIco.jpeg{background:url("/Style Library/Images/fileImgIco.png") no-repeat; min-height: 75px;} .folderAndFilesView li.fileIco.docx, .folderAndFilesView li.fileIco.doc{background:url("/Style Library/Images/fileWordIco.png") no-repeat; min-height: 75px;} .folderAndFilesView li.fileIco.xls, .folderAndFilesView li.fileIco.xlsx{background:url("/Style Library/Images/fileXlsIco.png") no-repeat; min-height: 75px;} .folderAndFilesView li.fileIco.ppt, .folderAndFilesView li.fileIco.pptx{background:url("/Style Library/Images/filePptIco.png") no-repeat; min-height: 75px;} .folderAndFilesView li.fileIco.pdf{background:url("/Style Library/Images/filePdfIco.png") no-repeat; min-height: 75px} .folderAndFilesView .fileIco .kiloBytes{margin-top: 45px;} .listingWithBullets.folderAndFilesView li:last-child{border-bottom:none!important} .folderAndFilesView .fileIco{background: none !important;position: relative;} .folderAndFilesView .fileIco:before{font-family: 'FontAwesome';position: absolute;font-size: 40px;top: 0;} .folderAndFilesView .fileIco.doc:before ,.folderAndFilesView .fileIco.docx:before{content: "\f1c2";color: #0072c6;} .folderAndFilesView .fileIco.jpg:before,.folderAndFilesView .fileIco.png:before,.folderAndFilesView .fileIco.bmp:before,.folderAndFilesView .fileIco.gif:before{content:"\f1c5";color:#41556F} .folderAndFilesView .fileIco.pdf:before{content:"\f1c1";color:#9F0012} .folderAndFilesView .fileIco.xlsx:before, .folderAndFilesView .fileIco.xls:before{content:"\f1c3";color:#1E6D41} .folderAndFilesView .fileIco.ppt:before ,.folderAndFilesView .fileIco.pptx:before{content: "\f1c4";color:#D14424} .folderAndFilesView .fileIco a{word-break: break-word;} /*listing Simple Item*/ #listingSimpleItemsCont .listingItem{margin:0px 0 20px;padding: 10px 0;width: 100%;border: solid 2px #e1dddd;} #listingSimpleItemsCont .listingItemTitle{padding: 0px;font-size: 20px;margin-bottom: 10px!important} #listingSimpleItemsCont .listingItemTitle a{color: #40546F;} #listingSimpleItemsCont .date, #listingItemsCont .sep, #listingItemsCont .cat{color: #6C6C6C; font-size: 14px;word-break: break-word;margin: 0 1px} #listingSimpleItemsCont .listingItemBrief{font-size: 14px; color:#333} #listingSimpleItemsCont .listingItemReadmore{border-top:1px #ccc solid; padding:10px 0 0; margin:10px 0 0} #listingSimpleItemsCont .listingItemReadmore a{color:#9F0012 } #listingSimpleItemsCont .listingItemReadmore a:before{content:"» "} /*highlights*/ #listingSimpleItemsCont .toClear:nth-child(3n+1){clear:both} #listingSimpleItemsCont .blueSideStrip{width: 5px;height: 25px;background-color: #0771d4;position: absolute;margin-top: 6px;} #listingSimpleItemsCont .listingItemTitle{margin: 5px 15px 10px; !important} #listingSimpleItemsCont .listingItemTitle a{text-decoration:none} #listingSimpleItemsCont .listingItemTitle a:hover{color:} #listingSimpleItemsCont span.date{margin:15px} @media (max-width: 460px){ .fileIco .col-xs-3, .folderIco .col-xs-3, .folderIco .col-xs-9,.folderIco .col-xs-3 i, .folderIco .col-xs-9 .date, .fileIco .col-xs-9, .fileIco .col-xs-3 .date, .fileIco .col-xs-9 .date, .fileIco .col-xs-9 a.pull-left,.folderIco .col-xs-9 a.pull-left{width:100%;margin:auto 0} .folderAndFilesView li.fileIco,.folderAndFilesView li.folderIco{background-position-x: 50% !important;text-align: center;} .folderAndFilesView li .date.kiloBytes{margin-bottom:10px} .folderAndFilesView li .date.mrgT20{margin-top:10px} } /*inner map*/ #innerMapFilter{background:#fff; padding:30px 15px; min-height:580px; max-height:580px; color:#4a4a4a;margin-top:30px;border: 1px solid #cdcdcd;} #innerMapFilter .lablCont{ margin:0 0 2px;font-size:14px;width: 30%;padding:0 7px;background-color: #0771d4;color: #fff;text-align: center;height: 35px;line-height: 35px;} #innerMapFilter .inputCont{margin-bottom:20px;width: 70%;} #innerMapFilter .inputCont #lblFrom, #innerMapFilter .inputCont #lblTo{min-width:40px; display:inline-block} #innerMapFilter .inputCont select{width:100%; background:#FFF; min-height:35px;} #innerMapFilter .inputCont input#txtProjRangeFrom, #innerMapFilter .inputCont input#txtProjRangeTo{width:150px; background: #F1F1F1; border: 1px #CCC solid; outline: none; height: 33px; padding:5px} #innerMapFilter .inputCont #lblToMeterSquare, #innerMapFilter .inputCont #lblFromMeterSquare{padding:0 5px} #innerMapFilter .actionCont{display: inline-block; width: 100%; margin-top:10px; margin-bottom:10px} #innerMapFilter .actionCont input{outline:none;width:49%;background-color:#c09400;color:#fff;font-size:14px;border:1px solid #c09400;} #innerMapFilter .actionCont input:hover{background:#fff; border:1px solid #c09400;color: #c09400;} #mapSections .mapSectionHeader span{color:#4A4A4A; font-size:16px; padding:0 5px} #mapSections .mapSectionHeader span:before{content:" - "} #mapSections .mapSectionHeader.collapsed span:before{content:" + "} #mapSections .mapSectionHeaderCont{margin-bottom:10px;} #mapSections .mapSectionHeaderCont a{background: #fff; padding: 8px; display:inline-block; width:100%;border: 1px solid #d0d0d0;} #innerMapFilter #projectRangeDiv .inputCont{width: 100%;margin-bottom:10px} #innerMapFilter #projectRangeDiv .inputCont:last-child{margin-bottom:0} #innerMapFilter #projectRangeDiv .lablCont{width: 100%;background-color: #f6f6f6;color: #2e445c;border: 1px solid #d6d6d6;margin-bottom: 10px;font-size: 16px;} #innerMapFilter #projectRangeDiv #lblFrom,#innerMapFilter #projectRangeDiv #lblTo{margin: 0 0 2px;font-size:14px;width: 30%;padding:0 7px;background-color: #0771d4;color: #fff;text-align: center;height: 35px;line-height: 35px;} #innerMapFilter #projectRangeDiv #txtProjRangeFrom,#innerMapFilter #projectRangeDiv #txtProjRangeTo{width: 59%;background: #FFF;min-height: 35px;} #innerMapFilter .panel-group [id*="lblEmptyMapLocations"] ,#innerMapFilter .inputCont [id*="295ef2e3bdc5_ctl00"]{color: red;font-size: 16px;} #mapSections .scroll-pane{width: 100%;height: 315px; margin:10px 0} #mapSections .jspVerticalBar{background:transparent!important; width:3px} #mapSections .jspVerticalBar .jspDrag{background:#4a4a4a; border-radius:0px; width: 3px;} #mapSections .jspTrack{ position: relative;} #mapSections .jspPane{width:100%!important;margin:0!important; -webkit-transition: width 1s ease-in-out; transition: width 1s ease-in-out;} #mapSections .jspScrollable .jspPane{width:93%!important} #mapSections .mapSectionSep{border-bottom:1px #bfbfbf dashed; margin:5px 0} #mapSections .panel-collapse{background: #f9f9f9;border: 1px #C6C6C6 solid;padding: 10px;margin-bottom: 5px;} #mapSections .panel-collapse a, #mapSections .panel-collapse a:hover, #mapSections .panel-collapse a:focus, #mapSections .panel-collapse a:active{text-decoration:underline; color:#4A4A4A; cursor:pointer} #innerLayoutWithTwoColumns .mapSquare{width:100%!important; height:580px!important;margin-top:30px} #innerLayoutWithTwoColumns .mapSquare ~ span{display:none!important} #innerLayoutWithTwoColumns .mapSquare img{max-width:inherit} #mapSections .mapSectionHeaderCont .MapCatImg{max-height: 22px;max-width: 22px; padding: 2px;height:22px} #mapSections .mapLocValue{color: #777!important; padding: 0 3px;} #mapSections .mapSectionHeaderCont #lblCategoryTitle,#mapSections .mapLocTitle,.rowMapCont .mapLbl{color:#568EB6;} #projectDiv[style*="display: block"] ~ #mapSections .jspContainer{height:auto!important;min-height:100px} #projectDiv[style*="display: block"] ~ #mapSections .scroll-pane{height:auto} #innerMapCont .innerMapLeftCont{padding: 10px;display: inline-block;border: 1px #ABABAB solid;background: #F1F1F1;width: 100%;} #innerMapCont .mapLbl{display: inline;} #innerMapCont .mapData{display: inline;} #innerMapCont .mapData a.block img.ms-asset-icon.ms-rtePosition-4,#innerMapCont #flowchartsCont .flowcharts img.block{/*width:370px!important*/ display:none} #innerMapCont .mapData a{color:#333; text-decoration:underline; word-break:break-word } #innerMapCont .mapData a.block{font-size:17px} #innerMapCont .mapData a.block:before,#innerMapCont #flowchartsCont .flowcharts:before{content: "\f03e";font-family: 'FontAwesome';font-size: 40px;line-height: 18px;color: #568EB6;} #innerMapCont .mapData a.block:before{content: "\f03e"} #innerMapCont #flowchartsCont .flowcharts:before{content:"\f201"} #innerMapCont #aImageFullSize{display: inline-block;position: relative;top: 4px;padding: 0px 0 10px 0;border: 1px #D3D3D3 solid;background: #FAFAFA;width: 100%;text-align: center;color: #333;text-decoration: none; margin-bottom:10px} #innerMapCont #aImageFullSize .searchIco{display: inline-block;position: relative;top: 10px;} #innerMapCont #aImageFullSize:hover{background:#E4E4E4; transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;} #innerMapCont .sep{border-bottom: 1px #E2E2E2 solid; margin: 5px 0;} #innerMapCont .rowMapCont:last-child .sep{border-bottom:none} #innerMapCont .activeBar{border:1px solid #568EB6;height: 30px;width: 100%;background: #F1F1F1;} #innerMapCont .progBarCont{padding:5px 0} #innerMapCont #divInnerProgress{height: 28px;position: relative;background-color: #568EB6;} #divPhoto img{display:block; margin:0 auto} @media (max-width: 1200px){#innerMapFilter .lablCont{font-size:12px}} @media (max-width: 991px){#innerMapFilter .lablCont{font-size:14px}} /*Quick Links*/ .QuickLinksInnerCont li{padding: 10px 0;width: 48%; border: 2px solid #e1dddd;margin-top: 20px;position:relative;transition: all 0.3s ease-in;white-space:nowrap;height:49px} .QuickLinksInnerCont li a{font-size: 18px;padding: 0 10px;width: 80%;display: inline-block;text-overflow: ellipsis;overflow:hidden} .QuickLinksInnerCont .importantLink{background:#c09400;font-size:15px;margin:0 10px} .QuickLinksInnerCont li:hover{box-shadow: 4px 4px 10px #C1C1C1;} .QuickLinksInnerCont li a.importantFalse{width:100%} .QuickLinksInnerCont li .tooltip{bottom:45px;top:auto!important} .QuickLinksInnerCont li .tooltip .tooltip-inner{white-space:normal;background-color:#2E4058;} .QuickLinksInnerCont li .tooltip.top .tooltip-arrow{border-top-color:#2E4058} @-moz-document url-prefix() { .QuickLinksInnerCont li{position:relative} .QuickLinksInnerCont li .importantLink {position:absolute} } @media (max-width: 768px){.QuickLinksInnerCont li{width:100%;margin-left:0;margin-right:0}} @media (max-width: 1200px){.QuickLinksInnerCont li a{width:70%}} @media (max-width: 995px){.QuickLinksInnerCont li a{width:60%}} @media (max-width: 360px){.QuickLinksInnerCont li a{width:50%}} /*End Of Quick Links*/ /*Survey*/ #surveyInnerCont .SurveyListingTableItem{padding:30px 15px;border: 1px solid #cdcdcd;margin-bottom:20px;height:315px;overflow:auto} #surveyInnerCont .SurveyListingTableItem::-webkit-scrollbar-thumb {background-color:#4a4a4a;border-radius: 10px;} #surveyInnerCont .SurveyListingTableItem::-webkit-scrollbar {width: 8px;background-color: #d6d6d6;border-radius: 10px;} #surveyInnerCont .surveyBody{color: #777;font-size: 14px;display: inline-block;line-height: 43px;height: 45px;text-align: center;width: 60%;background-color: #f6f6f6;position: relative;border: 1px solid #d0d0d0;} #surveyInnerCont .surveyActionLink{color:#9F0012} #surveyInnerCont .surveyActionLink:before{color:#9F0012; content:"» "} #rightShowCase, #leftShowCase{display:inline-block; width:100%; float:left} #surveyInnerCont .surveyHead{margin: 0 0 5px;font-size: 15px;width: 38%;padding: 0 7px;background-color: #0771d4;color: #fff;height: 45px;line-height: 45px;display: inline-block;} #surveyInnerCont .SurveyResponse{font-size: 15px;} #surveyInnerCont i{font-size:20px;color:#fff;margin-top:10px;} #surveyInnerCont .SurveyDescription .surveyBody{padding:0 5px;margin-bottom:5px;min-height:45px;height:auto;line-height:1.8} #surveyInnerCont iframe body.ms-backgroundImage{overflow-y:auto} #surveyInnerCont #dlgTitleBtns h1.ms-dlgTitleText{font-size:26px;color:#fff} #surveyInnerCont iframe #contentBox{background:none} #surveyInnerCont iframe .ms-dlgTitle{background-color: #3d516c;} #surveyInnerCont iframe .ms-dialog table.ms-formtable td.ms-formlabel{font-weight: bold;padding: 6px 0%;} /*pop up*/ .fancybox-wrap{/*width:65% !important;*/right:0 !important;left:0 !important;margin:auto !important} .fancybox-opened .fancybox-title{background-color:#3d516c !important;font-size: 28px !important;padding:10px 2% !important;color:#fff} .ms-dlgTitle{background: #3d516c;} .ms-dlgTitle .ms-dlgTitleText{color:#fff;font-size: 26px;} @media (max-width: 580px){ #surveyInnerCont .surveyHead{font-size:12px;width:40%;} #surveyInnerCont .surveyBody{font-size:12px} #surveyInnerCont i{font-size:18px} } @media (max-width: 517px){#surveyInnerCont i{display:none}} @media (max-width: 445px){ #surveyInnerCont .surveyBody,#surveyInnerCont .surveyHead{min-height: 38px;height: auto;margin-bottom: 5px;line-height:1.2;position:relative} .surveyHead .content,.surveyBody .content {position:absolute;top:50%;transform:translateY(-50%); -webkit-transform:translateY(-50%)} .surveyBody .content {right:0 ;left:0} } /*End Of Survey*/ #innerMapCont #divPageContent{display:block;} #divPageContent .mapData{border: solid #ccc 1px;display: inline-table;padding: 20px;width:100%} #divPageContent .mapData .ms-rteFontSize-5{border-bottom: solid #ccc 2px;padding: 10px 10px;font-size: 24px;box-shadow: 3px 3px 15px #CCC;margin: 5px;display: block;} #divPageContent .mapData .ms-rteFontSize-3{color: #2e445c!important;font-weight: normal;padding: 0;margin: 0;width: auto;line-height: 30px;border-bottom: solid #ccc 2px;margin-bottom: 10px;display: inline-block;} #divProjectProgress .mapLbl{color:#2e445c!important;display: block;width: 100%;background-color: #F1F1F1;padding:5px 10px;margin-bottom: 10px;font-size: 14px;} #attachmentCont .mapLbl,#flowchartsCont .mapLbl{color:#2e445c!important;display: block;width: 100%;background-color: #F1F1F1;padding:5px 10px;margin-bottom: 30px;font-size: 14px} .rowMapCont .barCont{display: inline-block;width: 100%;padding: 1px 0;} .rowMapCont .activeBar{border:1px solid #568EB6;height: 30px;width: 100%;background: #fff;} .rowMapCont #divInnerProgress{height: 28px;position: relative;background-color: #568EB6;} .rowMapCont #aImageFullSize{padding:0 2px; margin:0 5px} .rowMapCont .progBarCont{padding:5px 0} @media (max-width: 550px) { #innerMapFilter .lablCont{font-size:12px} } /*End inner map*/ /*Search Landing page*/ .NewSearch #SearchBox{display: block;width: 32%;margin:0 auto;} .NewSearch .ms-srch-sbLarge.ms-srch-sb-border,.NewSearch .ms-srch-sbLarge.ms-srch-sb-border:hover,.NewSearch .ms-srch-sbLarge.ms-srch-sb-border:focus,.NewSearch .ms-srch-sbLarge.ms-srch-sb-borderFocused{height: 47px!important;display: inline-block!important;background-color:#475872!important;border: solid darkgrey 1px!important;border-radius: 3px!important;width:100%;padding:5px} .NewSearch .ms-srch-sbLarge.ms-srch-sb-border input,.NewSearch .ms-srch-sbLarge.ms-srch-sb-border input:focus,.NewSearch .ms-srch-sbLarge.ms-srch-sb-border input:hover,.NewSearch .ms-textLarge.ms-srch-sbLarge-fullWidth {vertical-align: middle!important;height:30px!important;border-radius: 3px!important;padding:0 10px;} .NewSearch .ms-srch-sbLarge-fullWidth{width:100%!important} .NewSearch .ms-srch-sb-searchLink{display: block;} .NewSearch .ms-srch-sb-searchLink:before{content: "\f002";font-family: 'FontAwesome';color: #fff;font-size: 20px} .NewSearch .ms-srch-sb-searchLink:hover{background:none;text-decoration:none!important} .NewSearch .ms-disabled.ms-alignCenter,.NewSearch .ms-textLarge.ms-srch-result-noResultsTitle{margin:30px 0;color: #737373;background-color: rgba(212,212,212,0.5);padding: 15px;border-radius: 5px;text-align: center;} .NewSearch #UpScopeLinkTop div {font-weight: 800;display: inline-block!important;font-size: 17px;} .NewSearch #Preferences a,.NewSearch #Advanced a{background-color:#568EB6!important;color: #fff!important;padding: 10px 20px!important;font-size: 14px!important;border-radius: 3px!important;border-bottom: solid #265E86 5px!important;} .NewSearch #Preferences a:hover,.NewSearch #Advanced a:hover{transition:all 0.5s ease-in-out;border-bottom: solid #9F0012 5px;} .NewSearch .ms-ref-refiner #container a,.NewSearch .ms-ref-refiner #container a:hover{border-bottom: solid #D2D2D2 3px;padding: 10px;margin-bottom: 20px;} .NewSearch div#Container,.NewSearch .ms-ref-refinername:link,.NewSearch .ms-ref-refinername:visited{width:100%!important} .NewSearch .ms-ref-refinername{display: inline-block!important;background-color: #568EB6!important;padding: 6px 10px!important;color: #fff!important;border-radius: 5px 5px 0px 0px!important;font-size: 16px!important;letter-spacing: 1px;border-bottom: solid #274B65 4px!important;text-overflow: ellipsis;transition: all 0.3s ease-in-out;} .NewSearch .ms-ref-refinername:hover{display: inline-block!important;padding: 6px 10px!important;color: #fff!important;border-radius: 5px 5px 0px 0px!important;letter-spacing: 1px;white-space: nowrap;text-overflow: ellipsis; text-shadow: 8px 6px 9px #5F5F5F;background-color: #568EB6!important;border-bottom: solid #C09400 4px!important;color:#fff;} .NewSearch #unselShortList,.NewSearch .ms-ref-unselSec{transition: all 0.3s ease-in-out} .NewSearch .ms-ref-refiner #Value,.NewSearch .ms-ref-unsel-toggle,.NewSearch #OtherValue,.NewSearch #SubmitValue {margin-top: 10px!important;font: normal 17px arial!important} .NewSearch .ms-ref-refiner{padding:0px!important} .NewSearch #NoResult ul li:last-child{display:none} .NewSearch .ms-srch-result,.NewSearch .ms-srch-result #ResultHeader{margin-top:0px!important} .NewSearch #FilterLink{display: list-item;font: normal 18px en;} .NewSearch #FilterLink:hover{color:#000;transition:all 0.5s ease-in-out;} .NewSearch .ms-ref-uparrow{background: url("/Style Library/Images/collapseExpand.png") no-repeat 0px -13px!important;background-size: 17px!important;width: 27px!important;height: 18px!important;display:inline-block!important} .NewSearch .ms-ref-downarrow{background: url("/Style Library/Images/collapseExpand.png") no-repeat 0px 5px!important;background-size: 17px!important;width: 27px!important;height: 18px!important;display:inline-block!important} .NewSearch .ms-srch-item{border: solid #BDBDBD 1px!important;margin: 20px 0!important;padding: 20px!important;display: block!important;width: 57%!important} .NewSearch .ms-srch-ellipsis{margin-bottom: 10px!important;border-bottom: solid #BDBBBB 2px!important;padding-bottom: 7px!important;white-space:normal!important} .NewSearch .ms-srch-ellipsis a:hover{text-decoration:none!important} .NewSearch .ms-srch-ellipsis a:visited{color:#568EB6!important} .NewSearch .ms-srch-ellipsis:hover{color:#000;transition:all 0.3s ease-in-out} .NewSearch #unselToggle {color: #346D96;padding: 5px 10px;margin-bottom: 5px;text-align: center;font: bold 16px/20px tahoma!important;} .NewSearch #unselToggle a:hover{text-decoration:underline!important} .NewSearch .ms-srch-item-summary,.NewSearch .ms-srch-item-path{padding:10px 20px!important;width:100%!important;word-break: break-word;} .NewSearch .ms-ref-ellipsis,.NewSearch .ms-entity-resolved,.NewSearch .ms-entity-unresolved{overflow:visible!important;} .NewSearch #PagingSelf a{background: #9F0012;color: #fff;padding: 2px 7px;text-decoration: none!important;min-width: 25px;} .NewSearch #PagingLink a{background:#928D8D;color: #333;padding: 2px 7px;text-decoration: none;min-width: 25px} .NewSearch #PagingLink a:hover{background: #333;color: #eee;} .NewSearch .ms-srch-result #PagingSelf a{color:#fff!important;margin-right:5px;vertical-align:middle} .NewSearch .ms-srch-result #PagingLink a{color:#fff!important;vertical-align:middle} .NewSearch #PagingImageLink{vertical-align: baseline;} .NewSearch .ms-srch-result #PagingLink a{margin:1px} .NewSearch .ms-srch-sbLarge>input{width: 82%!important;} .NewSearch .ms-promlink-button-enabled,.NewSearch .ms-promlink-button-enabled:hover{border:none!important} .ms-search-header, .ms-srch-error-header{margin-top: 20px !important;color: #475872;} .ms-calloutLink.ms-clientcontrol-showdetails{font-size: 14px;color: #485973;} .ms-calloutLink.ms-clientcontrol-showdetails:after{font-family: 'FontAwesome';margin:0 7px} @media (max-width: 1000px){ .NewSearch #SearchBox{width:100%} .NewSearch .ms-srch-item{width:100%!important} } @media (max-width: 670px){ .mainPageTitle h1{padding:0px!important} .NewSearch .ms-srch-sbLarge>input{width:80%} .NewSearch .ms-srch-sb-searchLink{} .NewSearch #SearchBox{width:100%;} .NewSearch .ms-srch-item-body{width:100%} .NewSearch .ms-srch-hover-subTitle h3.ms-soften{font-size:15px!important} .NewSearch .ms-srch-error-header a {color: #262626; cursor: default; text-decoration: none;}} .NewSearch #SearchBox img.ms-srch-sbLarge-searchImg{max-width:none!important;display:none} .NewSearch .ms-ref-refiner #Value{width:90%!important} .NewSearch #RefinementName{white-space:normal!important;word-wrap: normal!important;vertical-align: text-top!important;font-size:16px} .NewSearch div.ms-srch-hover-actions div.ms-srch-hover-action+div.ms-srch-hover-action { display: none;} .NewSearch div[id$="csr"]{ display: inline-block;width: 100%;margin-bottom: 30px} .NewSearch .ms-srch-result #ResultHeader select#SortbySel{width:100%} .NewSearch .ms-srch-result #ResultHeader{width:57%} .NewSearch h3.RefinementTitle{text-align: center;font-size: 20px;margin-bottom: 20px!important;} .NewSearch h3.ms-srch-ellipsis{font-size:20px} .NewSearch .ms-promlink-button-image img{max-width:none!important} .NewSearch .ms-srch-item-picture-cont .ms-srch-item-body {width:70%; overflow:visible;} .NewSearch .ms-srch-item-picture-cont .ms-srch-item-body h3 {width:142%;} .NewSearch .ms-srch-item-picture-cont .ms-srch-item-previewContainer {margin-top:50px;} @media (max-width: 1000px) and (min-width: 320px) { .NewSearch .ms-srch-sbLarge.ms-srch-sb-border,.NewSearch .ms-srch-sbLarge.ms-srch-sb-border:hover,.NewSearch .ms-srch-sbLarge.ms-srch-sb-border:focus,.NewSearch .ms-srch-sbLarge.ms-srch-sb-borderFocused{width:100%!important} } /*End Search*/ /*Sector prefrences*/ /*#myPreferencesWrapper #tenderDiv,#myPreferencesWrapper #vacancyDiv,#myPreferencesWrapper #newsDiv, #myPreferencesWrapper #eventsDiv,#myPreferencesWrapper #myservicesDiv{border: 1px solid #c6c6c6;margin-bottom: 20px;width:48%;} #myPreferencesWrapper .title{color: #fff;background-color:#48586F;padding: 10px;display: block;font-size: 18px;} #myPreferencesWrapper .FieldContainer{padding:20px;min-height: 220px;overflow-y: auto;max-height: 220px;} #myPreferencesWrapper .FieldContainer::-webkit-scrollbar-thumb {background-color:#4a4a4a;border-radius: 10px;} #myPreferencesWrapper .FieldContainer::-webkit-scrollbar {width: 8px;background-color: #d6d6d6;border-radius: 10px;} #myPreferencesWrapper .OrderingField{clear:both;overflow: auto;background-color: #f6f6f6;margin-bottom: 10px} #myPreferencesWrapper .OrderingField .LeftFloat{width:50%;font-size:16px} #myPreferencesWrapper .OrderingField .RightFloat button{border:none;outline: none;background-color:transparent} #myPreferencesWrapper .OrderingField .RightFloat button:before{font-family: 'FontAwesome';font-size: 20px;color: #0072c6;} #myPreferencesWrapper .OrderingField .RightFloat button[value='up']:before{content: "\f139";} #myPreferencesWrapper .OrderingField .RightFloat button[value='down']:before{content: "\f13a";} #myPreferencesWrapper .OrderingField .LeftFloat label{color: #2e445c;font-size: 16px;margin-top:13px} #myPreferencesWrapper .FieldContainer .OrderingField:first-child button[value=up] {display: none;} #myPreferencesWrapper .FieldContainer .OrderingField:last-child button[value=down] {display: none;} .ms-rtestate-field li{font-size: 16px;list-style: none;margin-bottom:10px} .ms-rtestate-field ul{border: 1px solid #d9d9d9;padding: 10px 0 5px;width: 96.7%;background-color:#f6f6f6}*/ /*End Sector prefrences*/ /* My Preference */ #myPreferencesWrapper #tenderDiv,#myPreferencesWrapper #vacancyDiv, #myPreferencesWrapper #newsDiv, #myPreferencesWrapper #eventsDiv ,#myPreferencesWrapper #myservicesDiv{border: 1px solid #48586F;width: 49%;margin-bottom:20px} #myPreferencesWrapper .FieldContainer::-webkit-scrollbar-thumb {background-color: #0771D4;border-radius: 10px;} #myPreferencesWrapper .FieldContainer::-webkit-scrollbar {width: 8px;background-color: #d6d6d6;border-radius: 10px;} #myPreferencesWrapper .title{padding: 10px;display: block;background-color: #48586F;color: #fff;font-size: 16px;} #myPreferencesWrapper .FieldContainer{padding: 10px 5px;min-height:200px;max-height:200px;overflow:auto} #myPreferencesWrapper .OrderingField{clear: both;height: auto;margin-bottom: 10px;border: 1px solid #f0f0f0;display: inline-block;overflow: hidden;width: 100%;padding: 5px 5px 0px 5px;box-sizing: border-box;} #myPreferencesWrapper .RightFloat.Commands{display:inline-block} #myPreferencesWrapper .OrderingField .LeftFloat{width:60%} #myPreferencesWrapper .OrderingField .LeftFloat label{margin-top:10px;font-size:15px;color:#48586F;display:inline} #myPreferencesWrapper .OrderingField .RightFloat button{border:none;outline:none;background:none;padding:2px 5px} #myPreferencesWrapper .OrderingField .RightFloat button:before{font-family:'FontAwesome';color: #0771D4;font-size: 20px;} #myPreferencesWrapper .OrderingField .RightFloat button[value=up]:before{content:"\f0aa"} #myPreferencesWrapper .OrderingField .RightFloat button[value=down]:before{content:"\f0ab"} #myPreferencesWrapper .OrderingField:first-child button[value=up]:before{color: #f1f1f1} #myPreferencesWrapper .OrderingField:first-child button[value=up]{cursor:default} #myPreferencesWrapper .OrderingField:last-child button[value=down]:before{color: #f1f1f1} #myPreferencesWrapper .OrderingField:last-child button[value=down]{cursor:default} .ms-rtestate-field ul{margin-bottom:10px;border: 2px solid #D9D9DA;padding: 6px 0;} .ms-rtestate-field ul li{list-style:none;margin-bottom:10px;font-size:14px} @media (max-width: 990px){ #myPreferencesWrapper #tenderDiv,#myPreferencesWrapper #vacancyDiv, #myPreferencesWrapper #newsDiv, #myPreferencesWrapper #eventsDiv ,#myPreferencesWrapper #myservicesDiv{width:100%;margin-right:0;margin-left:0} } @media (max-width: 520px){ #myPreferencesWrapper .OrderingField .RightFloat button{min-width:auto} #myPreferencesWrapper .OrderingField .LeftFloat{width:65%} } @media (max-width: 460px){ #myPreferencesWrapper .OrderingField .LeftFloat label{font-size:13px} } @media (max-width: 374px){ #myPreferencesWrapper .OrderingField .LeftFloat label{font-size:11px} } @media (max-width: 345px){ #myPreferencesWrapper .OrderingField .RightFloat button:before{font-size:16px} #myPreferencesWrapper .OrderingField .RightFloat button{min-width:30px;margin-top:9px} #myPreferencesWrapper .OrderingField .RightFloat button:before{font-size:15px} } /* End Of My Prefenece*/ /*Sector Mega Links*/ .sectorMegaLinks .megaLinksContainer{width:33.3%} #megaLinksHome.sectorMegaLinks{min-height:auto} .list-group{border-radius:0 !important;border: 1px solid #666666;} @media (max-width: 700px){ .sectorMegaLinks .megaLinksContainer:nth-of-type(even){border-left: solid #636363 1px !important;} } @media (max-width: 500px){ .sectorMegaLinks .megaLinksContainer{width:100%} .sectorMegaLinks .megaLinksHomelbl{font-size:25px;} .sectorMegaLinks .Indicators{background:url('/Style Library/Images/portalSprite.png') center -1735px no-repeat;background-size:110px} .sectorMegaLinks .Jobs{background: url('/Style Library/Images/portalSprite.png') center -2231px no-repeat;background-size: 110px;} .sectorMegaLinks .Tenders{background: url('/Style Library/Images/portalSprite.png') center -2480px no-repeat;background-size: 110px;} } /*End Sector Mega Links*/ /*Left Nav Adjustment*/ #innerLayoutWithLeftNav .LeftNavContainerInn{margin-top:15px} /*End Left Nav Adjustment*/ /*Vacancies details page*/ [id$='lblRegister']{cursor:pointer;font-size:15px;font-weight:bold} #s4-bodyContainer .registrationWrapper input[type="text"],#s4-bodyContainer .registrationWrapper input[type="text"]:hover{height:33px!important} /*.registrationWrapper .input-group{display:block} .registrationWrapper .input-group-addon,.registrationWrapper .input-group-btn,.registrationWrapper .input-group .form-control{display:inline-block} .registrationWrapper .input-group-addon,.registrationWrapper .input-group-btn{width:5%} .registrationWrapper .formWithFieldset legend{margin:10px 0px!important;background-color: #48586F;color: #fff;font-size: 18px;line-height: 26px;padding: 9px 10px;margin-bottom: 25px;box-shadow: 5px 5px 10px #D2D2D2;display: inline-table;width: 100%;}*/ .registrationWrapper .ld_form_date{width:60.4%!important} div[id$="divContent"] .alignC{font-size:18px;color:#0771D4} @media screen and (max-height: 575px){ #rc-imageselect, .g-recaptcha {transform:scale(0.77);transform-origin:0;transform:scale(0.77);transform-origin:0 0;;-webkit-transform:scale(0.77);transform:scale(0.77);-webkit-transform-origin:0 0;transform-origin:0 0; } } @-ms-viewport{width: device-width;zoom:1.0;} .customServicesButtons.hugeBtn{overflow:hidden} .hugeBtn button{width: 100%!important;display: inline-block;height: 100%;} .field1.FL{width: 30%;display: inline-block;margin: 10px;height: 100px;} @media screen and (max-width: 990px){ .field1.FL{height:auto} } .pollresultimg + div{height:12px!important;width:80%!important} .ZeroVotes + div{height:12px!important;width:80%!important} @-moz-document url-prefix() { #recaptcha_table tbody tr:last-child{display:none} } .oldSite{background-color: #0e63b3; padding: 0px 10px; border-radius: 2px; border: 1px solid white;display:none!important} .stamprial{position: absolute;width: 200px;height: 200px;background: url('/Style Library/Images/trial.png')center center no-repeat;background-size: 100px;top: -80px;display:none} @media (max-width: 769px){ .stamprial{background-size: 50px;top: -50px} } @media (max-width: 346px){ .stamprial{background-size: 50px;top: -50px} } .pageContent {font-size:14px!important} /*Change Mti groups tables*/ .mti-groups tbody tr td input {width: 270px !important;}