/*Fonts*/

@font-face {
	font-family: 'Avante';
	src: url('/Style Library/Fonts/avante/avante.eot?');
	src: url('/Style Library/Fonts/avante/avante.woff') format('woff'), url('/Style Library/Fonts/avante/avante.ttf') format('truetype'), url('/Style Library/Fonts/avante/avante.svg#Avante') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DroidArabicKufi';
	src: url('/Style Library/Fonts/DroidKufi/DroidArabicKufi.eot');
	src: url('/Style Library/Fonts/DroidKufi/DroidArabicKufi.woff') format('woff'), url('/Style Library/Fonts/DroidKufi/DroidArabicKufi.ttf') format('truetype'), url('/Style Library/Fonts/DroidKufi/DroidArabicKufi.svg#DroidArabicKufi') format('svg');
	font-weight: normal;
	font-style: normal;
}


/*exploreMap icons*/

@font-face {
	font-family: 'MapIcons';
	src: url('/Style Library/Fonts/ExploreMapIcons/icomoon.eot?n24yq5');
	src: url('/Style Library/Fonts/ExploreMapIcons/icomoon.eot?n24yq5#iefix') format('embedded-opentype'), url('/Style Library/Fonts/ExploreMapIcons/icomoon.ttf?n24yq5') format('truetype'), url('/Style Library/Fonts/ExploreMapIcons/icomoon.woff?n24yq5') format('woff'), url('/Style Library/Fonts/ExploreMapIcons/icomoon.svg?n24yq5#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'MapIcons' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-Group-down .path1:before {
	content: "\e914";
	color: rgb(136, 10, 15);
}
.icon-Group-down .path2:before {
	content: "\e915";
	margin-left: -1em;
	color: rgb(255, 255, 255);
}
.icon-ic_chevron_right:before {
	content: "\e916";
	color: #fff;
}
.icon-red_file_download:before {
	content: "\e917";
	color: #880a0f;
}
.icon-white_file_upload:before {
	content: "\e918";
	color: #fff;
}
.icon-ic_warning_yellow:before {
	content: "\e919";
	color: #ffd500;
}
.icon-judge_auction:before {
	content: "\e91a";
	color: #535353;
}
.icon-Calendar-hang:before {
	content: "\e91b";
	color: #535353;
}
.icon-cancel-red-circle:before {
	content: "\e91c";
	color: #880a0f;
}
.icon-Category-square:before {
	content: "\e91d";
	color: #535353;
}
.icon-comment-chat:before {
	content: "\e91e";
	color: #fff;
}
.icon-decision-direction:before {
	content: "\e91f";
	color: #535353;
}
.icon-documents-files:before {
	content: "\e920";
	color: #535353;
}
.icon-Government:before {
	content: "\e921";
	color: #535353;
}
.icon-no_Money:before {
	content: "\e922";
}
.icon-Money:before {
	content: "\e923";
	color: #535353;
}
.icon-Terms-And-Conditions:before {
	content: "\e924";
	color: #535353;
}
.icon-unknown-state:before {
	content: "\e925";
	color: #535353;
}
.icon-Tag:before {
  content: "\e90f";
  color: #535353;
}

.icon-arrow_down_circle:before {
	content: "\e90c";
	color: #8e8e8e;
}

.icon-arrow_up_circle:before {
	content: "\e90d";
	color: #8e8e8e;
}

.icon-handRed:before {
	content: "\e90e";
	color: #880a0f;
}

.icon-handClick:before {
	content: "\e907";
	color: #fff;
}

.icon-assignment:before {
	content: "\e908";
	color: #880a0f;
}

.icon-localLibrary:before {
	content: "\e909";
	color: #880a0f;
}

.icon-minusThin:before {
	content: "\e90a";
	color: #fff;
}

.icon-plusThin:before {
	content: "\e90b";
	color: #fff;
}

.icon-scaleDistance:before {
  content: "\e906";
  color: #fff;
}

.icon-compare:before {
	content: "\e900";
	color: #4b4b4b;
}

.icon-bookmark:before {
	content: "\e901";
	color: #4b4b4b;
}

.icon-chart:before {
	content: "\e902";
	color: #4b4b4b;
}

.icon-downloadPDF:before {
	content: "\e903";
	color: #4b4b4b;
}

.icon-sendNotification:before {
	content: "\e904";
	color: #4b4b4b;
}

.icon-sendToFriend:before {
	content: "\e905";
	color: #4b4b4b;
}

.icon-reportError:before {
	content: "\ea07";
	color: #4b4b4b;
}

.icon-notification:before {
	content: "\ea08";
	color: #4b4b4b;
}

.icon-plus:before {
	content: "\ea0a";
	color: #4b4b4b;
}

.icon-minus:before {
	content: "\ea0b";
	color: #4b4b4b;
}

.icon-info:before {
	content: "\ea0c";
	color: #4b4b4b;
}

.icon-cross:before {
	content: "\ea0f";
	color: #4b4b4b;
}

.icon-checkmark:before {
	content: "\ea10";
	color: #4b4b4b;
}

.icon-linkedin:before {
	content: "\eac9";
	color: #4b4b4b;
}

.d-block {
	display: block
}

body.modal-open,
.modal-open .navbar-fixed-top,
.modal-open .navbar-fixed-bottom {
	margin: 0;
}


/*Generic Classes*/

.genBtn {
	background-color: #880a0f;
	color: #fff !important;
	padding: 10px 30px;
	display: inline-block;
	text-decoration: none !important;
	cursor: pointer;
	border-radius: 0
}

.genBtn:hover {
	background-color: #ab030a
}

.noResults {
	font-size: 1.5rem !important;
	font-weight: bold;
	width: 100% !important;
	color: #fff !important;
	text-align: center !important;
	background: #2a2a2c !important;
	padding: 10px !important;
	margin: 10px 0px !important;
	display: block !important
}

.zeroCount,
.defaultCursor {
	cursor: default !important
}

.IsEnglishContent {
	display: inline-block;
	direction: ltr !important;
}

.confirmationMsg,
.warningMsg {
	padding: 30px;
	text-align: center
}

.confirmationMsg a,
.warningMsg a {
	font-weight: bold;
	cursor: pointer;
}

input[type=text]::-ms-clear {
	visibility: hidden;
}

.separator {
	border: 0 !important
}

.padZero {
	padding: 0
}

.pad15 {
	padding: 15px
}

.pad20 {
	padding: 20px
}

.padT10 {
	padding-top: 10px
}

.margT30 {
	margin-top: 30px
}

.margB30 {
	margin-bottom: 30px
}

.redText {
	color: #880a0f
}

.whiteText {
	color: #fff
}

.blackText {
	color: #2a2a2c
}

.redBG {
	background-color: #880a0f
}

.whiteBG {
	background: #fff
}

.blackBG {
	background: #2a2a2c
}

.alignCenter {
	text-align: center
}

.clear {
	clear: both
}

.upperCase {
	text-transform: uppercase
}

.displayNone {
	display: none
}


/*Hide map footer*/

.esriControlsBR {
	display: none
}


/*Page min height*/

#DeltaPlaceHolderWide .ms-webpart-zone.ms-fullWidth {
	/*min-height: 200px;*/
}

#mainBody {
	/*min-height:200px;*/
}


/*Forms*/

.formField {
	margin-bottom: 20px
}

.formLbl {
	font-size: 0.898em;
	color: #818181;
	margin: 5px 0;
	display: block
}

.formTxtBox {
	width: 100%;
	height: 35px;
	border-color: #e4e2de !important;
	padding: 0 10px !important;
}

.formTxtArea {
	width: 100% !important;
	min-height: 100px;
	border-color: #e4e2de !important;
	padding: 10px !important;
	max-height: 100px;
}

.formddl {
	/*height: 40px;*/
	height: 36px;
	width: 100%;
	border: 1px solid #e4e2de;
	padding: 0 8px;
}

.formBtn {
	border-color: #4d4641 !important;
}

.required:after {
	content: '*';
	color: #de0707;
	padding: 5px
}

input[type="text"],
input::-webkit-input-placeholder,
input::-ms-input-placeholder,
input::-moz-input-placeholder {
	line-height: 3em;
}

input[type=password]:hover,
input[type=text]:hover,
input[type=file]:hover,
textarea:hover,
.sp-peoplepicker-topLevel:hover,
.ms-inputBox:hover .form-control:hover,
.form-control:focus {
	border-color: #de363c;
}

input[type=password]:focus,
input[type=text]:focus,
select:focus,
textarea:focus,
.sp-peoplepicker-topLevelFocus,
.ms-inputBoxActive,
.ms-inputBox.ms-inputBoxActive:hover {
	border-color: #de363c;
}

#btnSubmit:disabled {
	background: #880a0f;
	opacity: 0.7
}

.validationMsg,
.formValidationMsg,
.red {
	color: #e00e0e
}

.formValidationMsg[style*="display: inline"] {
	display: block !important
}


/*#recaptchDiv {margin: 20px 0}*/

#div_Submit,
.divForgetPassword {
	display: inline-block
}

.divForgetPassword a {
	color: #000000;
	text-decoration: none
}


/* noor fixed issues - 12/2/2019*/

.divForgetPassword a:hover {
	color: #000000;
	text-decoration: underline
}


/* noor fixed issues - 12/2/2019*/


/*End of Forms*/


/*Header*/

#header {}

#header>.container {
	/*padding:10px 15px*/
}

#header .mainLogo {
	margin: 10px 0 15px 0
}

#header .mainLogo img {}

#header .mainLogo a {
	display: block;
	cursor: pointer;
	text-decoration: none;
	font-size: 15px;
	color: #332f2b !important;
	line-height: 20px
}

#header .mainLogo span {
	display: block
}

#header .mainLogo span:first-of-type {
	padding-top: 10px;
}

#header .headerSide {
	margin: 10px 0 15px 0;
	display: flex;
	flex-wrap: wrap;
}

#header .headerLinks {
	width: 340px;
	font-size: 1.03em;
	/*padding:10px;*/
	padding: 10px 0
}

#header .headerLinks a {
	display: inline-block;
	/*margin:6px 18px;*/
	margin: 6px 8px;
	text-decoration: none;
	font-weight: bold;
	color: rgba(11, 11, 11, 0.79)
}

#header .headerLinks a:hover {
	color: #880a0f
}


/*Login*/

.headerLinks div[id*=divLogin] {
	display: inline-block;
	margin: 0 10px;
}

span.sepLogInOrRegister {
	display: inline-block;
	margin: 5px 0;
}

.userActions .dropdown-toggle {
	display: inline-block;
	font-weight: bold;
	cursor: pointer
}

.userActions .dropdown-toggle::after {
	display: inline-block;
	width: 0;
	height: 0;
	vertical-align: 0.5em;
	content: "";
	border-top: .3em solid;
	border-right: .3em solid transparent;
	border-bottom: 0;
	border-left: .3em solid transparent;
}

.userActions .dropdown-menu {
	background: #555556;
	padding: 0;
	border: 0;
}

.userActions .dropdown-menu a {
	margin: 0 !important;
	padding: 5px 10px;
	color: #fff !important;
	font-weight: normal !important;
	width: 100%;
}

.userActions .dropdown-menu a:hover {
	background: #747475;
}

#header .headerSocialMedia {
	/*padding:15px 10px; */
	padding: 15px 0
}

.headerSocialMedia .facebook,
.headerSocialMedia .twitter,
.headerSocialMedia .linkedin {
	display: inline-block;
	width: 23px;
	height: 23px
}


/**language switcher**/

#header .langSwitcher {
	padding: 13px 0;
	font-size: 1.1164285714286em
}

#header .langSwitcher a {
	color: #26211d
}


/*To be changed after adding search*/

#header .mainSearch .searchBox {
	position: relative
}

#header .mainSearch .searchBox input {
	width: 184px;
	height: 32px;
	/*border: 1px solid #c5c5c5;*/
	line-height: 32px;
	padding: 0;
	text-align: center;
}

#header .mainSearch .searchBox a {
	/*width:32px;height:32px;*/
	position: absolute;
	top: 6px;
}

#header .mainSearch .searchBox img {
	display: none;
}

#header .mainSearch .searchBox ::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	color: #383737;
	font-size: 0.95285714285714em
}

#header .mainSearch .searchBox ::-moz-placeholder {
	/* Firefox 19+ */
	color: #383737;
	font-size: 0.95285714285714em
}

#header .mainSearch .searchBox :-ms-input-placeholder {
	/* IE 10+ */
	color: #383737;
	font-size: 0.95285714285714em
}

#header .mainSearch .searchBox :-moz-placeholder {
	/* Firefox 18- */
	color: #383737;
	font-size: 0.95285714285714em
}


/*Mega Menu*/

.mainMenuSection {
	min-height: 40px;
	background-color: #2a2a2c;
}

.mainMenuSection .navbar.navbar-default {
	z-index: 10;
	border: 0;
	border-radius: 0;
	background: #2a2a2c;
	min-height: 40px;
	margin-bottom: 0;
}

#megaMenu {
	padding: 0;
	border-top: 0
}

#megaMenu .nav.navbar-nav {
	width: 100%;
	min-height: 40px;
	color: #adadad
}

#megaMenu .nav.navbar-nav>li {
	/*font-size:15px;*/
	font-size: 14px;
	width: 14.2%;
	min-height: 40px;
	text-align: center
}


/*2018 fix*/

#megaMenu .nav.navbar-nav>li a {
	color: #adadad;
	padding: 10px 0
}

#megaMenu .nav.navbar-nav>li.dropdown.mega-dropdown {
	padding: 10px;
	cursor: pointer
}

#megaMenu .nav.navbar-nav>li a:focus {
	background: transparent
}

#megaMenu .nav.navbar-nav>li a:hover,
#megaMenu .nav.navbar-nav>li:hover,
#megaMenu .nav.navbar-nav>li:hover {
	color: #fff;
	background: #880a0f
}


/*Home Page - Banner*/

#bannerCont div[class*="ms-"] {
	display: block !important;
}

#bannerCont div[id*="MSOZoneCell"],
#welcomeMsgCont div[id*="MSOZoneCell"] {
	margin-bottom: 0
}

.homeCarouselCont {
	height: 395px
}

.homeCarouselCont .bannerItem img {
	width: 100%;
	height: 395px
}

.homeCarouselCont .bannerDesc {
	width: 56%;
	/*height:210px;*/
	height: 235px;
	background: rgba(255, 255, 255, 0.8);
	color: #2a2a2c;
	padding: 15px 20px;
	position: absolute;
	bottom: 20px;
	left: 40px;
}

.homeCarouselCont .bannerDesc .bannerTitle {
	font-size: 1em;
	border-bottom: 2px solid #880a0f;
	margin: 0;
	padding-bottom: 10px;
	display: inline-block
}

.homeCarouselCont .bannerDesc .bannerBrief {
	font-size: 1.56em;
	margin: 0;
	padding: 5px 0;
	border-top: 2px solid rgba(136, 10, 15, 0.4)
}

.homeCarouselCont .bannerDesc .bannerDetails {
	font-size: 1.07em;
	margin: 5px 0;
	line-height: 1.25em
}

.homeCarouselCont .bannerDesc .genBtn {
	position: absolute;
	bottom: 10px
}

#featuredCarousel .bannerItem h2 {
	background: rgba(47, 47, 50, 0.7);
	width: 60%;
	position: absolute;
	top: 28px;
	border-left: 5px solid #880a0f;
	padding: 10px;
	color: #fff;
}

#featuredCarousel+.carouselNav {
	bottom: initial
}

.darkCarouselCont .bannerTitle {
	font-size: 1.2em !important
}

.owl-carousel .owl-grab {
	cursor: grab\9 !important
}


/*Banner Nav*/

.prevBanner,
.nextBanner {
	display: inline-block;
	width: 30px;
	height: 30px;
	margin: 3px;
	background: #880a0f url('/Style Library/Images/carouselArrow.png') no-repeat center
}

.homeCarouselCont {
	position: relative;
}

.homeCarouselCont .carouselNav {
	position: absolute;
	bottom: 20px;
	z-index: 1
}

.homeCarouselCont .owl-dots {
	position: absolute;
	bottom: 35px;
	display: inline-block;
	width: 150px;
	margin: 0 auto;
	right: 0;
	left: 0
}

.homeCarouselCont .owl-theme .owl-dots .owl-dot span {
	background-color: #fff;
	border: 1px solid #2a2a2c
}

.homeCarouselCont .owl-theme .owl-dots .owl-dot.active span,
.homeCarouselCont .owl-theme .owl-dots .owl-dot:hover span {
	background-color: #880a0f;
	border-color: #880a0f
}


/*Page Welcome Msg*/

.pageGenMsg {
	width: 100%;
	text-align: center;
	font-size: 1.16em
}

.pageMsgContent {
	width: 65%;
	margin: 40px auto
}


/*Quick Map*/

#quickMap {
	/*background:url('/Style Library/Images/mapHomeBG.jpg') no-repeat;*/
	width: 100%;
	min-height: 335px;
	padding: 40px 0
}

#quickSearch {
	width: 75%;
	min-height: 225px;
	background: rgba(42, 42, 44, 0.9);
	margin: 0 auto;
	color: #fff;
	padding: 20px 50px
}

#quicksearchsmalltitle {
	margin: 0;
	color: #fff;
	font-size: 16px;
	text-align: center;
	margin-bottom: 30px
}

#quickMap .exploreOption {
	width: 28%;
	position: relative
}

#quickMap .exploreOption+.Or {
	padding: 20px 0;
	text-align: center;
	width: 8%
}

#quickMap .dropdown-toggle,
#quickMap #hpSearch {
	width: 100%;
	height: 28px;
	background: rgba(70, 70, 70, 0.6);
	border: 0;
	color: #fff;
	margin-top: 10px;
	padding: 4px 20px
}

#quickMap #hpSearch {
	line-height: 2em
}

#quickMap #hpSearch::placeholder {
	line-height: 2em
}

#quickMap .quickMapBtns {
	margin-top: 30px
}

#quickMap .quickMapBtns .Or {
	margin: 10px
}

#quickMap .quickMapBtns a {
	margin-bottom: 5px
}

#quickMap .inputfilter {
	width: 100%;
	height: 30px;
	line-height: 30px
}

#quickMap .inputfilter::placeholder {
	line-height: 30px
}

#quickMap .exploreOption .dropdown-menu {
	width: 100%;
	background: #464646;
	height: 175px;
	overflow-y: auto
}

#quickMap .exploreOption .dropdown-menu li {
	padding: 5px
}

#quickMap .exploreOption .dropdown-menu li .checkbox {
	margin: 0;
	padding: 5px 0
}

#quickMap .exploreOption .dropdown-menu li:hover {
	background: #4f4d4d
}

#quickMap .exploreOption .dropdown-menu li input {
	margin: 0
}

#quickMap .caret {
	border-top: 4px solid #fff
}

.caret {
	display: inline-block;
	margin: 8px 0;
}

#quickMap .arcgisSearch {
	position: absolute;
	width: 100%
}

#quickMap .arcgisSearch #suggestionsMenu {
	height: 175px;
}

#quickMap .exploreOption .dropdown-menu label,
#advancedSearchCont .filtersColumn .dropdown-menu label {
	display: block;
	cursor: pointer;
	font-weight: normal;
}

#advancedSearchCont .filtersColumn .dropdown-menu li.firstLi label input {
	height: 30px;
	line-height: 30px;
}

#advancedSearchCont .filtersColumn .dropdown-menu li.firstLi label input::placeholder {
	line-height: 30px
}


/**************Explore Opportunities****************/

#exploreOppCont {
	margin-bottom: 30px
}

#exploreOppCont #showMap,
#exploreOppCont #hideMap {
	margin: 20px 0;
	padding: 12px 22px;
}

#exploreMainSection {
	margin-bottom: 30px
}

#exploreMainSection .searchBox {
	width: 100%;
	height: 55px;
	color: #fff;
	background: #2a2a2c;
	font-size: 12px;
	/*********/
	position: relative
}

#exploreMainSection .searchBox p {
	display: inline-block;
	line-height: 25px;
	margin: 15px 10px
}

#exploreMainSection .searchBox p#TYPEKEYWORD:before {
	content: '';
	width: 28px;
	height: 26px;
	background: url('/Style Library/Images/AdvSearchIcon.png') no-repeat
}

#exploreMainSection .searchBox input {
	/*width:50%;*/
	width: 46%;
	height: 55px;
	background: #2a2a2c;
	border: 0;
	color: #fff;
	font-size: 14px;
	line-height: 55px
}


/*adding bookmarkBtn fixes*/

#exploreMainSection .searchBox input::placeholder {
	line-height: 55px;
}

#exploreMainSection .searchBox .searchBtns {
	height: 100%;
	position: absolute
}

#exploreMainSection .searchBox .searchBtns .genBtn {
	padding: 19px 30px;
	height: 55px
}

#exploreMainSection .searchBox .searchBtns a {
	color: #fff;
	text-decoration: underline
}

#exploreMainSection .searchBox .searchBtns a:hover {
	text-decoration: none
}

#exploreMainSection #advancedSearchCont {
	width: 100%;
	min-height: 265px;
	background: #f4f3f3;
	border: 2px solid #dedddd;
	padding: 20px 25px;
	/* margin:30px 0 0;*/
}

#advancedSearchCont h3#Advancedsearch {
	display: inline-block;
	margin-bottom: 0;
	font-size: 1.1em
}

#advancedSearchCont h3#Advancedsearch:before {
	content: '';
	width: 19px;
	height: 19px;
	background: url('/Style Library/Images/AdvSearchIconRed.png') no-repeat
}

#advancedSearchCont .filtersColumn .dropdown-menu {
	width: 100%;
	background: #464646;
	height: 175px;
	overflow-y: auto;
	color: #fff
}

#advancedSearchCont .filtersColumn .dropdown-menu li {
	padding: 5px
}

#advancedSearchCont .filtersColumn .dropdown-menu li:hover {
	background: #4f4d4d
}

#advancedSearchCont .filtersColumn .dropdown-menu .firstLi input {
	width: 100%
}

#advancedSearchCont .filtersColumn .dropdown-menu li input {
	margin: 0
}

#advancedSearchCont .filtersColumn button {
	border: 0;
	background: transparent;
	border-bottom: 2px solid #7a7a7e;
	width: 100%;
	margin-top: 20px
}

#advancedSearchCont .sortResultsCont {
	border: 1px solid #7a7a7e;
	padding: 15px 20px;
	margin-top: 20px
}

#advancedSearchCont .sortResultsCont h3#sort {
	font-size: 16px;
	margin: 15px 0 20px 0
}

#advancedSearchCont .sortResultsCont h3#sort:before {
	content: '';
	width: 23px;
	height: 20px;
	background: url('/Style Library/Images/sortIcon.png') no-repeat;
}

#advancedSearchCont .sortResultsCont input {
	margin-bottom: 15px
}

#advancedSearchCont .sortResultsCont label {
	margin-bottom: 15px
}

#exploreMainSection .nearestFacilities {
	cursor: pointer;
	margin-bottom: 10px;
}

#exploreMainSection .nearestFacilities:hover {
	color: #880a0f
}

#exploreMainSection .nearestFacilities .routeheader {
	font-weight: bold;
}


/*Auto complete*/

.arcgisSearch .searchMenu {
	color: #2a2a2c;
	width: 100%;
	max-height: 265px;
}


/*Shrinking*/

#exploreMainSection.shrink {
	width: 30%;
	padding: 0
}

#exploreMainSection.shrink .searchBox img {
	/*margin: 12px 0 12px 10px;*/
}

#exploreMainSection.shrink .searchBox p {
	margin: 15px 0;
	font-size: 0.9em
}

#exploreMainSection.shrink .searchBox input {
	/*width:42%;*/
	width: 46%;
	font-size: 0.97em
}


/*adding bookmarkBtn fixes*/

#exploreMainSection.shrink .searchBox .searchBtns {
	/*width:100%; background: #f4f3f3;*/
}

#exploreMainSection.shrink .searchBox .searchBtns a {
	color: #000;
}

#exploreMainSection.shrink .searchBox .searchBtns>a:first-child {
	/*float:left; margin: 25px 15px*/
	display: none
}

#exploreMainSection.shrink .searchBox .searchBtns .genBtn {
	padding: 0px 5px;
	height: 55px;
	line-height: 57px;
	min-width: 25px;
	text-align: center;
}

#exploreMainSection.shrink .searchBox .searchBtns #Searchbtn {
	width: 60px;
}

#exploreMainSection.shrink .searchBox .searchBtns .dropdown {
	display: inline-block;
}

#exploreMainSection.shrink .searchBox .searchBtns .dropdown>a {
	padding: 0;
	width: 25px;
	height: 55px;
	line-height: 55px;
	border-radius: 0;
}

#exploreMainSection.shrink .searchBox .searchBtns .dropdown>a:hover,
#exploreMainSection.shrink .searchBox .searchBtns .dropdown.open>a {
	background-color: #880a0f
}

#exploreMainSection.shrink .searchBox .searchBtns .dropdown>ul {
	width: 220px;
	background-color: #e0e0e0;
	right: 0px;
	left: auto;
	border-top: 1px solid #b9b9b9;
	border-radius: 0;
	margin: 0;
}

#exploreMainSection.shrink .searchBox .searchBtns .dropdown-menu li:not(:last-child) {
	border-bottom: 1px solid #b9b9b9;
}

#exploreMainSection.shrink .searchBox .searchBtns .dropdown-menu a {
	background: none;
	padding: 5px 10px;
	text-decoration: none;
}

#exploreMainSection.shrink .searchBox .searchBtns .dropdown-menu>li>a:not(.disabledMapFeature):hover,
#exploreMainSection.shrink .searchBox .searchBtns .dropdown-menu>li>a:not(.disabledMapFeature):focus {
	color: #fff !important;
	background-color: #880a0f;
}

#exploreMainSection.shrink .searchBox .searchBtns .dropdown-menu>li>a:not(.disabledMapFeature):hover:before,
#exploreMainSection.shrink .searchBox .searchBtns .dropdown-menu>li>a:not(.disabledMapFeature):focus:before {
	color: #fff;
}

#exploreMainSection.shrink .filtersColumn {
	width: 100%
}

#exploreMainSection.shrink .sortResultsCont {
	width: 100%;
	border: 0
}

#exploreMainSection.shrink #advancedSearchCont {
	/*min-height:615px;*/
	min-height: 607px
}

#exploreMainSection.shrink .searchBox p#TYPEKEYWORD:before {
	margin: 0 5px
}

#searchListing.shrink {
	width: 100% !important;
	/*height:615px !important;height:607px !important;*/
	margin-top: 0 !important
}

#searchListing.shrink .listItemContent,
#searchFiltering.shrink .listItemContent {
	width: 67% !important
}

#searchListing.shrink .listItem .listItemContent h2 {
	font-size: 16px
}

#exploreOppCont .tab-content .tabTitle {
	padding: 0 10px;
	font-size: 1.5em;
	margin-bottom: 10px;
	color: #2a2a2c;
}

#exploreOppCont .shrink #searchListingPage.noResults {
	color: #880a0f;
	background: 0
}

#exploreOppCont .shrink #listItems .panel.panel-default {
	margin: 10px
}

#exploreOppCont .shrink #devProjectsAccordion .panel-body {
	padding: 0
}

#exploreOppCont .shrink #devProjectsAccordion .landmarkcategory {
	display: block;
	width: 100%;
	height: 100%
}

#exploreOppCont .shrink #devProjectsAccordion .panel.panel-default {
	border: 0
}

#exploreOppCont .shrink #devProjectsAccordion .landmarkcategory[aria-expanded='true'] {
	color: #880a0f;
	font-weight: bold;
	text-decoration: none
}

#exploreOppCont .shrink .panel-heading.HeaderRedBorder {
	background: 0
}

#exploreOppCont .shrink .devProjects .listItem h2 {
	font-size: 1.15em;
}

#searchFiltering .listItem .listItemContent h2, #searchListing .listItem .listItemContent h2{
	line-height:1.2
}

#exploreOppCont .shrink .devProjects {
	position: relative;
}

#exploreOppCont .shrink .devProjects .iconsContainer {
	display: flex;
    position: absolute;
    align-items: baseline;
    bottom: 0;
}

#exploreOppCont .shrink .devProjects .icon {
	/*display: block; margin: 0 7px 5px;color:#880a0f !important;*/
	width: 20px;
	height: 20px;
	text-align: center;
	/* position: absolute;
	bottom: 0; */
}

#exploreOppCont .shrink .devProjects .readMoreDots {
	/* margin-bottom: 2px; */
}

#exploreOppCont .shrink .devProjects .icon-downloadPDF:before {
	color: #880a0f;
}

.nocontentavailable,
#Noattachmentsfound {
	text-align: center
}


/*quick search*/

#advancedSearchCont #goToSearchBox,
#searchLanding #backToadvancedSearch {
	display: inline-block;
	margin: 0 0 10px 0;
	text-decoration: underline;
}

#backToSearchBoxsContainer #backToSearchBoxs {
	display: inline-block;
	margin: 10px;
	text-decoration: underline;
}


/*Full Screen Mode*/

#exploreOppCont.exploreFullScreen {
	margin-bottom: 0
}

#exploreOppCont.exploreFullScreen #exploreMainSection {
	margin-bottom: 0
}

#exploreOppCont.exploreFullScreen #map {
	height: 100vh
}

#exploreOppCont.exploreFullScreen #exploreMainSection.shrink {
	height: 100vh
}

#exploreOppCont.exploreFullScreen #advancedSearchCont {
	height: calc(100vh - 55px);
	overflow: auto;
}

#exploreOppCont.exploreFullScreen #searchLanding {
	height: calc(100vh - 55px);
	overflow: auto;
}

#exploreOppCont.exploreFullScreen #searchFiltering {
	height: calc(100vh - 55px);
	overflow: auto;
}

#exploreOppCont.exploreFullScreen #searchListing {
	height: calc(100vh - 55px) !important;
	overflow: auto;
}

#exploreOppCont.exploreFullScreen #oppourtunityDetails .tab-content {
	height: calc(100vh - 348px);
	overflow: auto;
}


/*map*/

#exploreOppCont #map {
	width: 70%;
	/*height: 670px;height:745px;*/
	height: 729px;
	position: relative
}


/*2018 fix*/

#map *,
#map {
	/*-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-ms-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;transition: all 0.2s ease-out*/
}

#BasemapToggle {
	position: absolute;
	top: 10px;
	z-index: 10
}

.BasemapToggle .basemapTitle {
	width: 100%;
}

#map #fullScreen {
	position: absolute;
	top: 10px;
	z-index: 10;
	background: #880a0f;
	border-radius: 5px;
	text-align: center;
	width: 120px
}

#map #fullScreen:hover {}

#map #fullScreen a {
	/* width:20px; height:20px;*/
	display: block;
	color: #fff;
	padding: 5px;
	text-decoration: none !important
}

#map .esriSimpleSliderTL {
	top: 10px
}

#map .esriSimpleSliderTL .esriSimpleSliderIncrementButton {
	position: absolute;
	border-radius: 5px;
	border-bottom: 0;
	background: #880a0f;
}

#map .esriSimpleSliderTL .esriSimpleSliderDecrementButton {
	position: absolute;
	border-radius: 5px;
	background: #880a0f;
}


/*Map Popup*/

.esriViewPopup {
	/*height:100px*/
	min-height: 100px;
}

.esriPopup .contentPane {
	/*height:100px;*/
	min-height: 100px;
	padding: 0;
	overflow: inherit
}

.esriPopup .popupClusterPane {
	background: transparent
}

.esriPopup .contentPane.popupClusterPane {
	min-height: 100px
}

.mainSection .invPopupImg {
	width: 100px;
	height: 100px
}

.mainSection .invPopupContent {
	width: calc(100% - 110px);
	min-height: 68px
}

.esriViewPopup .invPopupContent .desc {
	margin-bottom: 5px;
	font-size: 1em
}

.mainSection .invPopupContent .govName {
	font-size: 1em;
	font-weight: 700;
	color: #000;
	margin: 5px 0
}

.esriPopup .actionsPane {
	display: none;
}


/*.esriPopup .esriPopupWrapper{box-shadow: none;-webkit-box-shadow:none;}*/


/*.esriPopup #btnprofile ,.esriPopup #btnProjectProfile*/


/**Popup Buttons**/

.popupActions a {
	display: inline-block;
	width: 32px;
	height: 32px;
}

.popupActions .popupShowClassicProfile:not(#btnProjectProfile) {
	/*background: #880a0f url('../images/popupMoreArrow.png') no-repeat center;*/
	background: #880a0f url('../images/zoomIn2020.png') no-repeat center;
}


/*r2 fix*/

.popupActions .popupShowClassicProfile#btnProjectProfile {
	/*background: #880a0f url('../images/plus.png') no-repeat center;*/
	background: #880a0f url('../images/plus2020.png') no-repeat center;

}


/*r2 fix*/

.popupActions .popupSearch {
	/*background: #e2dede url('../Images/searchBoxIcon.png') no-repeat center;*/
	background: #880a0f url('../Images/zoomIn2020.png') no-repeat center;
}

.popupActions .popupShowMapProfile {
	/*padding-top: 5px;*/
	background: #880a0f url('../Images/eye2020.png') no-repeat center; /*2020 fix*/
}


/*.popupShowMore{display:block; width:32px; height:32px; background:#880a0f url('../images/popupMoreArrow.png') no-repeat center; position:absolute; bottom:0}*/


/*#btnProjectSearch{display:block; width:32px; height:32px; background:#e2dede url('../Images/searchBoxIcon.png') no-repeat center; position:absolute; bottom:0}*/


/*#btnProjectProfile[data-id*="zone.aspx"]{display: block;}*/


/*.viewProfileBtn{position:absolute; bottom: 5px;}*/

#btnGovProfile,
#btnProProfile {
	display: block;
	width: 32px;
	height: 32px;
	background: #0081db url('../images/popupMoreArrow.png') no-repeat center;
	cursor: pointer;
	position: absolute;
	margin: 0 10px
}

.contentPane.popupClusterPane .esriViewPopup {
	min-height: 100px;
	overflow: auto;
}

.popupCluster {
	padding: 10px;
	background: rgba(0, 0, 0, 0.7);
	min-height: 100px;
	color: #fff;
	cursor: pointer;
	width: 100%;
}

.popupCluster .clusterTitle {
	font-weight: 700;
	font-size: 15px;
	padding-bottom: 10px;
}

.popupCluster .govAttr {
	font-size: 13px;
	margin-bottom: 15px
}

.esriPopup .pointer.topLeft,
.esriPopup .pointer.bottomLeft,
.esriPopup .pointer.topRight,
.esriPopup .pointer.bottomRight {
	background: rgba(0, 0, 0, 0.7)
}

.contentPane.popupClusterPane .esriViewPopup::-webkit-scrollbar {
	width: 10px;
	background-color: #F5F5F5;
}

.contentPane.popupClusterPane .esriViewPopup::-webkit-scrollbar-thumb {
	background-color: #92c8ee;
}

.contentPane.popupClusterPane .esriViewPopup::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color: #F5F5F5;
}

_projectDescription {
	cursor: pointer
}

.contentPane.landmarkPopup {
	overflow: auto !important;
	height: auto !important;
}


/*colorbox*/

#cboxOverlay {
	/*background:0 !important;*/
	background: rgba(0, 0, 0, 0.7) !important;
}

#cboxClose {
	top: 10px;
	position: absolute;
	min-width: 30px;
	height: 30px;
	background: #880a0f url('/Style Library/Images/closeBtn.png') no-repeat center;
	border-radius: 5px;
}

#cboxClose:hover {
	background: #ab030a url('/Style Library/Images/closeBtn.png') no-repeat center
}


/*centered popUp*/

.modal {
	text-align: center;
	padding: 0 !important;
}

.modal:not(#ShowCondition):before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -4px;
}

.modal-dialog {
	display: inline-block;
	text-align: left;
	vertical-align: middle;
	/*position: fixed;
    left: 25% !important;
    top: 25%;*/
}


/*Confirmation Popup*/

#exploreOppCont .modal-content,
.modal-content {
	background-color: #fff;
	color: #2a2a2c;
	text-align: center;
}

#exploreOppCont .modal-body,
.modal-body {
	font-size: 1.3em
}

#exploreOppCont .modal-content .modal-footer,
.modal-content .modal-footer {
	border-top: 0;
	text-align: center
}

#exploreOppCont .modal-content .modal-footer .genBtn,
.modal-content .modal-footer .genBtn {
	background-color: #880a0f;
	border-radius: 5px;
	margin: 5px
}


/*old bg #a2262b*/

#exploreOppCont .modal-content .modal-footer .genBtn.cancelButton,
.modal-content .modal-footer .genBtn.cancelButton {
	background-color: #fff;
	color: #880A0F !important;
	border: 1px solid #880a0f;
	border-radius: 5px;
	margin: 5px
}


/*Landmark popup*/

.landmarkPopupImg {
	text-align: center
}

.landmarkPopupImg img {
	width: 180px !important;
	max-height: 100px !important;
	/*max-height: 180px !important;*/
	margin: 20px 20px 10px;
}

.landmarkPopupRows {
	padding: 20px 30px;
	height: 325px;
	overflow-y: auto;
}

.landmarkPopupRows p {
	margin-bottom: 10px
}

.landmarkPopupName {
	padding: 15px 30px;
	font-size: 1.5em;
	border-bottom: 1px solid #880a0f;
}

.landmarkKey {
	font-size: 1.1em;
	color: #880a0f;
	font-weight: bold;
	width: 20%
}

.landmarkValue {
	display: inline-block;
	width: 80%
}

.popupRow {
	display: flex;
	margin-bottom: 15px
}

#cboxClose.smallPopup {
	/*top: 155px;
    border-radius: 5px;*/
}


/*#cboxClose.classicPopup{right: 215px;top: 215px;}*/


/*Results Listing*/

#exploreOppCont #searchListingPage {
	display: inline-block;
	font-size: 1em;
	margin: 10px 20px;
	font-weight: bold
}

#exploreOppCont span[id*="searchListingPage"].noResults {
	margin: 10px 0
}

#searchListingPaging #backToSearch {
	cursor: pointer;
	text-decoration: underline;
	margin: 10px;
	display: inline-block
}

#backToList {
	text-decoration: underline;
	margin: 10px;
	display: inline-block !important
}

#searchListingPaging #backToSearch:hover,
#backToListContainer #backToList:hover {
	text-decoration: none
}

#exploreOppCont #searchListing {
	/*width:60%;padding-bottom:60px;*/
	min-height: 721px;
	position: relative;
	margin-top: 30px;
}

#searchListing.summeryListing {
	margin-top: 0;
}

#searchListing .listItem:hover h2 {
	color: #880a0f
}

#searchListing #Pager {
	/*position: absolute;*/
	bottom: -25%
}

.reservation-tabs table.summeryListing th,
.reservation-tabs table.summeryListing tr:last-child>td {
	font-weight: bold
}

#exploreMainSection #advancedSearchCont.advanced-search-cont {
	min-height: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	position: relative;
	align-items: center;
}

#advancedSearchCont.advanced-search-cont .filtersColumn {
	width: calc( 100% / 4);
}

#advancedSearchCont.advanced-search-cont .middle {
	margin: 0 30px;
}


/*#advancedSearchCont.advanced-search-cont .filters-column {position: absolute;bottom: 20px;}*/

#advancedSearchCont.advanced-search-cont .filtersColumn button {
	margin-top: 0px;
	padding: 0;
	height: 35px;
}

#advancedSearchCont.advanced-search-cont #reset {
	float: none
}

#advancedSearchCont.advanced-search-cont .filtersColumn input[type="text"]::-webkit-input-placeholder {
	color: #000;
}

#advancedSearchCont.advanced-search-cont .filtersColumn input[type="text"]::-moz-placeholder {
	color: #000;
}

#advancedSearchCont.advanced-search-cont .filtersColumn input[type="text"]:-ms-input-placeholder {
	color: #000;
}

#advancedSearchCont.advanced-search-cont .filtersColumn input[type="text"]:-moz-placeholder {
	color: #000;
}


/*Table style in desktop view*/

#searchListing .table {
	color: #6d6b6b;
	box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	border-spacing: 0;
	border: 0px;
	width: 100%
}

#searchListing .table tbody {
	border: 1px solid #dddddd;
}

#searchListing .table th {
	text-transform: capitalize;
	background: #2a2a2c;
	color: #fff;
	vertical-align: middle;
	font-weight: 600;
	border: 0;
	font-size: 14px;
	padding: 8px;
}

#searchListing .table td {
	font-size: 14px;
	padding: 8px 4px;
}

#searchListing .table thead tr th:first-child {
	border-radius: 4px 0 0
}

#searchListing .table thead tr th:last-child {
	border-radius: 0 4px 0 0
}

#searchListing .table-striped>tbody>tr:nth-of-type(odd) td,
#searchListing .table-striped tr:nth-child(odd) {
	background-color: #fff
}

#searchListing .table-striped>tbody>tr:nth-of-type(even) td,
#searchListing .table-striped tr:nth-child(even) {
	background-color: #ececec
}

#searchListing .table td .mapIco-download2:before {
	position: static;
	left: auto
}

#searchListing .table.summeryListing .icon {
	font-size: 2.5rem;
	display: block;
	text-align: center;
	cursor: pointer;
}

#searchListing .table a.dimmed {
	color: gray;
	cursor: no-drop;
}

#searchListing .table td[data-th="Quick Links"] a {
	font-size: 1rem;
	padding: 12px 0;
	display: inline-block
}

.richHtmlField *:not(td) {
	text-align: inherit;
}
.richHtmlField *:not(td).modal{
	text-align: center;
}


@media screen and (max-width: 768px) {
	/*switch from table to list viwe in mobile*/
	#searchListing .table.gridViewMobile thead {
		display: none
	}
	/*hide table header*/
	#searchListing .table.gridViewMobile tbody tr {
		display: block;
		border: 2px solid #ddd;
		margin-top: 10px
	}
	#searchListing .table.gridViewMobile tbody td {
		border: 0;
		display: inline-block;
		padding: 10px;
		width: calc((100% - 4px) / 2);
	}
	#searchListing .table.gridViewMobile tbody td:before {
		content: attr(data-th)/*this is attribute in each td  */
		;
		text-transform: capitalize;
		font-weight: bold;
		display: inline;
		font-size: 1em;
		padding-right: 8px
	}
}

@media screen and (max-width: 640px) {
	#searchListing .table.gridViewMobile tbody td {
		width: 100%;
	}
}


/*Pager*/

#Pager {
	margin: 10px 0 0;
	border-bottom: 1px solid #d6dbe9;
	width: 100%;
	text-align: center;
	font-size: 1.14em;
	padding: 10px
}

#Pager #pageInfo {
	display: inline-block;
	margin: 0 10px;
}

#Pager .NextButton,
#Pager .PrevButton {
	display: inline-block;
	font-weight: bold;
}

#Pager .NextButton:hover,
#Pager .PrevButton:hover {
	text-decoration: underline
}

#Pager a {
	cursor: pointer
}

#Pager .pagerSpan {
	margin: 0 10px;
	color: #000;
}

#Pager .pagerItem {
	color: #7a8085;
}

#Pager span.pagerSpan {
	background: #880a0f;
	display: inline-block;
	width: 40px;
	height: 40px;
	border-radius: 20px;
	color: #fff;
	vertical-align: middle;
	padding: 8px 0;
	text-align: center;
}
#Pager span.pagerSpan:only-child {
	display: none;
}


/*sectors and Geo*/

#exploreOppCont #sectorsandgeographies {
	width: 37%;
	margin-top: 30px
}

#sectorsandgeographies .nav.nav-tabs li {
	width: 50%;
	display: inline-block;
	text-align: center;
	font-size: 18px;
}

#sectorsandgeographies .nav.nav-tabs li a {
	padding: 20px;
	background: #f4f3f3;
	color: #2a2a2c;
	border: 0;
	border-radius: 0;
	margin: 0
}

#sectorsandgeographies .tab-content {
	background: #2a2a2c
}

#sectorsandgeographies .nav.nav-tabs li.active a {
	background: #2a2a2c;
	color: #fff
}

#sectorsandgeographies #sectors,
#sectorsandgeographies #govs {
	height: 655px;
	overflow-y: auto
}

#sectorsandgeographies #sectors .item,
#sectorsandgeographies #govs .item {
	display: block;
	border-bottom: 3px solid #343436;
	padding: 10px 25px;
	color: #fff;
	text-decoration: none;
	min-height: 70px
}

#sectorsandgeographies #sectors .item:hover,
#sectorsandgeographies #govs .item:hover {
	background: #39393a
}

#sectorsandgeographies #sectors .item h3,
#sectorsandgeographies #govs .item h3 {
	font-size: 16px;
	margin-top: 0
}

#sectorsandgeographies #sectors .item p,
#sectorsandgeographies #govs .item p {
	font-size: 11px
}

#sectorsandgeographies #sectors .item img,
#sectorsandgeographies #govs .item img {
	width: 50px;
	height: 50px
}

#govs #govInputFilter,
#sectors #sectorInputFilter,
.govsCont #govInputFilter {
	width: 90%;
	background: transparent;
	height: 40px;
	margin: 20px;
	color: #fff;
	padding: 10px;
	line-height: 40px;
}


/*Scroll bar*/

#sectorsandgeographies #sectors::-webkit-scrollbar,
#sectorsandgeographies #govs::-webkit-scrollbar {
	width: 5px;
	background-color: #555556
}

#sectorsandgeographies #sectors::-webkit-scrollbar-track,
#sectorsandgeographies #govs::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color: #555556;
}

#sectorsandgeographies #sectors::-webkit-scrollbar-thumb,
#sectorsandgeographies #govs::-webkit-scrollbar-thumb {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	background-color: #99999a;
}


/*****************Opportuinty Profile********************/


/*Profile Tabs*/

#opportunityProfile .profileSections {
	background: #2a2a2c;
	width: 100%;
	height: 90px
}

#opportunityProfile .profileSections li {
	width: calc( 100% / 7 - 0.25px);
}

#opportunityProfile .profileSections.anonymous li {
	width: calc( 100% / 6 - 0.25px);
}

#opportunityProfile .profileSections a {
	border: 0;
	border-radius: 0;
	padding: 15px 0;
	margin: 0;
	color: #fff;
	height: 90px;
	text-align: center
}

#opportunityProfile .profileSections a h3 {
	font-size: 14px
}

#opportunityProfile .profileSections a:focus {
	background: #2a2a2c
}

#opportunityProfile .profileSections a:hover,
#opportunityProfile .profileSections>li.active>a {
	background: #880a0f
}


/*new feature Menu featuresBurgerMenu*/

#opportunityProfile .profileSections img {
	max-height: 22px;
	margin-bottom: 10px
}

#opportunityProfile .profileSections.nav-tabs {
	border-bottom: 0
}


/*Main Details*/

#oppourtunityDetails {
	margin-top: 20px
}

#oppourtunityDetails .tab-content {
	padding: 30px 0;
}

#oppourtunityDetails .investmentsDetails {
	text-align: center;
	/*padding:30px 80px;*/
	padding: 0 80px;
	color: #2a2a2c
}

#oppourtunityDetails #details .description {
	text-align: justify;
	font-size: 1.16em;
	padding: 0 10px;
	margin-bottom: 2rem;
}

#oppourtunityDetails #details .description .main-media {
	margin-bottom: 1rem;
}

#oppourtunityDetails #details .description .zoneTitle {
	text-align: justify;
}

.boxes-container {
	
	display:flex;
	flex-wrap: wrap;
}

.detailsBox {
	width: 18%;
	/*width:180px;*/
	/*height: 226px;*/
	/* height: 230px; */
	min-height: 238px;
	display: inline-block;
	margin: 1%;
	background: #f4f3f3;
	padding: 20px 15px 10px;
	/* padding: 20px 15px; */
	text-align: center;
	position: relative;
	overflow-y: auto
}

.detailsBox .boxImg {
	height: 55px;
	margin-bottom: 10px
}

.detailsBox img {
	max-height: 55px;
	max-width: 120px
}

.detailsBox h3 {
	font-size: 16px;
	}

.detailsBox p {
	font-size: 14px;
	font-weight: bold
}

.detailsBox .genBtn {
	font-size: 12px;
	position: absolute;
	bottom: 20px;
	right: 25px;
	left: 25px;
	padding: 10px 20px
}


/*Gov Details*/

#oppourtunityDetails #gov {
	text-align: center;
	padding: 0 80px;
	color: #2a2a2c
}

#oppourtunityDetails #gov .govHeader img {
	margin-bottom: 15px;
	width: 120px;
	height: 120px
}

#oppourtunityDetails #gov .govHeader .govName {
	margin-bottom: 15px;
	color: #2a2a2c;
	font-size: 2.08em
}

#oppourtunityDetails #gov .detailsBox .govAttr {
	font-weight: bold
}

#oppourtunityDetails #gov .detailsBox .govAttr span * {
	text-align: center
}


/*Nearest Facilities - vertical Tabs*/

#opportunityProfile #nearstlandmarks {
	margin: 0 20px 10px 20px;
	min-height: 380px
}

.factsSheetsCont {
	background: #e9e9e9;
	padding: 40px 60px;
}

.factsSheetsCont #factsheets {
	/*height:380px*/
}

.verticalTabs .tabsList {
	width: 15%;
	border-bottom: 0
}

.verticalTabs .tabsContent {
	width: 85%;
	height: 500px;
	position: relative;
	overflow-y: auto
}

.verticalTabs .tabsList li {
	width: 100%;
	background: #2f2f31;
	border-bottom: 2px solid #2a2a2c;
	margin-bottom: 0
}

.verticalTabs .tabsList li:last-child {
	border-bottom: 0
}

.verticalTabs .tabsList li a {
	padding: 0 10px; /*fixes*/
	height: 53px;
	border: 0;
	margin: 0;
	border-radius: 0
}

.verticalTabs .tabsList li img {
	width: 31px;
	hegight: 31px;
	margin-top: 10px
}

.verticalTabs .tabsList li h3 {
	font-size: 1em;
	color: #fff;
	line-height: 1.1;
	display: table-cell;
	height: 53px;
	vertical-align: middle
}

.verticalTabs .tabsList li.active a {
	background: #ececec
}

.verticalTabs .tabsList li.active a h3,
.verticalTabs .tabsList li a:hover h3,
.verticalTabs .tabsList li a:focus h3 {
	color: #393635
}

.verticalTabs .tabsList li a:hover {
	background: #ececec;
	border: 0
}

.verticalTabs#nearstlandmarks .tabsContent {
	background: url('/Style Library/Images/facilitiesBG.png') no-repeat;
	background-size: cover;
	height: 493px
}

.verticalTabs#nearstlandmarks .tabsContent .facilitiesDetails {
	width: 72%;
	min-height: 82px;
	background: rgba(42, 42, 44, 0.9);
	position: absolute;
	bottom: 20px;
	color: #fff;
	padding: 20px 35px;
	max-height: 90%; /*fixes*/
    overflow-x: auto; /*fixes*/
}

.verticalTabs#nearstlandmarks .tabsContent .facilitiesDetails h3 {
	font-size: 0.975em;
	font-weight: bold
}

.verticalTabs#nearstlandmarks .tabsContent .facilitiesDetails p {
	font-size: 0.975em
}

.verticalTabs#factsheets .tabsContent {
	background: #fff;
	padding: 20px 30px;
	font-size: 1.25em;
	color: #393635;
	/*height:900px*/
	height: auto
}

.verticalTabs#factsheets .tabsList li.active a,
.verticalTabs#factsheets .tabsList li a:hover {
	background: #fff;
	border: 0
}

.verticalTabs.oneTab .tabsContent {
	width: 100%
}

.verticalTabs .detailsBox {
	width: 23%
}


/*requests*/

#advancedSearchCont.advancedSearchCont {
	margin: 20px 0;
}

#advancedSearchCont.advancedSearchCont .filters-column {
	margin: 15px;
}

.requestsSheetsCont {
	padding: 20px 0;
}

.requestsSheetsCont #sheetsContent {
	margin-bottom: 40px;
}

.requestsSheetsCont #searchListing .table td {
	padding: 8px;
}

.requestsSheetsCont #searchListing .table td a {
	font-size: 14px;
}

#exploreOppCont .requestsSheetsCont span[id*="searchListingPage"].noResults {
	text-align: center;
	font-size: initial !important;
	font-weight: 400 !important;
	/*background: transparent;color: #2f2f31;border: 1px solid #2f2f31;border-radius: 5px;padding: 30px 0;*/
}

#exploreOppCont .requestsSheetsCont span[id*="searchListingPage"].warningMsg:before {
	display: block;
}


/* bids results */

#factsheets .bidContent {
	width: 100%;
	border-radius: 15px;
}

#factsheets .bidContent div[oppid] .rate {
	color: #880a0f
}

#accordion.ui-accordion .ui-accordion-header {
	padding: 10px 15px;
	font-size: 100%;
	border-left: 12px solid #880a0f;
}

#accordion.ui-accordion .ui-accordion-content {
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #333333;
	padding: 15px;
	margin-bottom: 20px;
}

#accordion.ui-accordion .ui-accordion-content>div[oppid]:not(:last-child) {
	margin-bottom: 1rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid #ddd;
}

#accordion .ui-state-active,
#accordion .ui-state-default {
	background-color: #f5f5f5;
	border-color: #dddddd;
}

#accordion .ui-state-default {
	color: #333333;
}

#accordion .ui-state-active {
	color: #880a0f;
	font-weight: bold;
}

#accordion .ui-accordion-header-icon {
	display: none;
}


/*Gov Statistics*/

#governoratestatistics .govStatsBox {
	background: #f4f3f3;
	padding: 25px 50px;
	text-align: center
}

#governoratestatistics .govStatsBox .highcharts-container,
#governoratestatistics .govStatsBox .highcharts-container * {
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-ms-transition: none !important;
	-o-transition: none !important;
	transition: none !important
}

.chartTooltip {
	font-weight: bold
}

.yearSourceTooltip {
	margin-top: 10px;
	color: #969292;
	display: inline-block
}


/*#opportunityProfile .govchart div[id*="highcharts"]{overflow:visible !important}

#opportunityProfile .highcharts-legend, #opportunityProfile .highcharts-legend div, #opportunityProfile .highcharts-legend-item span{position:initial !important}*/


/*Gallery - Attachments*/

.galleria-theme-classic .galleria-image-nav-left {
	background: url('/Style Library/Images/galleriaArrow.png') no-repeat;
}

.galleria-theme-classic .galleria-image-nav-right {
	background: url('/Style Library/Images/galleriaArrow.png') no-repeat;
	transform: rotateY(180deg)
}

#attachmentInfos {
	height: auto
}

#allAttachmentInfos {
	margin: 20px 0;
	text-align: center
}



/*#allAttachmentInfos a { display: inline-block; width: 130px; height: 150px; margin: 10px;text-align: center; padding: 10px; font-size:0.85em}
#allAttachmentInfos a img{margin-bottom:5px}*/

#allAttachmentInfosTitle {
	display: none
}

.flip {
	width: 125px;
	height: 100px;
	display: inline-block;
	margin: 10px;
	cursor: pointer
}

.flip img {
	width: 100%;
	height: 100%;
}


/****Arrows color****/

.galleria-theme-classic .galleria-carousel .galleria-thumb-nav-left,
.galleria-theme-classic .galleria-carousel .galleria-thumb-nav-right {
	background-color: #880a0f
}

.galleria-theme-classic.notouch .galleria-thumb-nav-left:hover,
.galleria-theme-classic.notouch .galleria-thumb-nav-right:hover {
	background-color: #ab030a
}

.galleria-theme-classic.notouch .galleria-thumbnails-container .disabled:hover,
.galleria-theme-classic.notouch .galleria-thumbnails-container .disabled {
	background-color: #880a0f
}

.galleria-theme-classic .galleria-image-nav-left,
.galleria-theme-classic .galleria-image-nav-right {
	opacity: 1
}


/*****Video Gallery****/

.galleria-videoicon i {
	margin: 20px auto !important
}

.galleria-stage img {
	left: 0 !important
}


/*Contact Us*/

#oppourtunityDetails .contactUsCont {
	display: flex;
}

.profileMap #oppourtunityDetails .contactUsCont {
	display: block;
}

#oppourtunityDetails #contactus .contactUsForm {
	width: 62%;
	background: #f4f3f3;
	/*min-height: 647px;*/
}

#oppourtunityDetails #contactus .contactUsForm .genBtn {
	border: 0
}

#oppourtunityDetails #contactus .contactUsData {
	width: 38%;
	background: #2a2a2c;
	color: #727272;
	padding: 40px;
	/* min-height: 647px;*/
}

#oppourtunityDetails #contactus .contactUsForm h3 {
	color: #26211d;
	font-size: 1.92em;
	margin-bottom: 25px;
}

#oppourtunityDetails #contactus .contactUsData h3 {
	font-size: 1.92em;
	color: #fff;
	margin-bottom: 30px;
}

#oppourtunityDetails #contactus .contactUsData #addressinfo,
#oppourtunityDetails #contactus .contactUsData #emailinfo,
#oppourtunityDetails #contactus .contactUsData #telinfo {
	margin-bottom: 20px;
	font-size: 1.03em;
}

#opportunityProfile.profileMap #contactus .contactUsForm {
	width: 100%;
	min-height: auto;
	padding: 40px;
}

#opportunityProfile.profileMap #contactus .contactUsData {
	width: 100%;
	min-height: auto;
}

#opportunityProfile.profileMap #contactus .contactUsForm .col-md-6.col-xs-12 {
	width: 100%;
	padding: 0;
}

.contactUsForm input {
	line-height: 2.5em
}


/*Circles*/

.energyStatus {
	display: none;
	width: 100%;
	min-height: 356px;
	background: url('/Style Library/Images/energyStatusBG.jpg') no-repeat;
	background-size: cover;
	color: #fff;
}

.energyStatus .circles {
	padding: 15px 140px;
	text-align: center
}

.energyStatus h2 {
	color: #fff;
	font-size: 1.48em;
	text-align: center;
	margin: 40px
}

.energyStatus #elec,
.energyStatus #water,
.energyStatus #Gas,
.energyStatus #sewage,
.energyStatus #Telephone {
	width: 12%;
	text-align: center;
	font-size: 1.25em;
	height: 130px;
	margin-bottom: 10px;
	display: inline-block;
	vertical-align: middle
}

.energyStatus canvas {
	display: block;
	margin: 10px auto
}


/*****************Map View***************/


/*map view - tabs*/

#opportunityProfile.profileMap #oppourtunityDetails {
	margin-top: 0
}

#opportunityProfile.profileMap .profileSections h3 {
	display: none
}

#opportunityProfile.profileMap .profileSections,
#opportunityProfile.profileMap .profileSections a {
	height: 50px
}

#opportunityProfile.profileMap .investmentsDetails {
	padding: 0
}

#opportunityProfile.profileMap #gov {
	padding: 0
}

#opportunityProfile.profileMap .oppourtunityImg {
	width: 100%;
	height: 100%;
	cursor: pointer
}

#opportunityProfile.profileMap {
	position: relative
}


/*map view - gov stats*/

#opportunityProfile.profileMap #governoratestatistics .col-md-4.col-sm-6.col-xs-12 {
	width: 100%;
}

#opportunityProfile.profileMap #governoratestatistics .govStatsBox {
	/*width:80%;*/
	margin: 10px auto;
	padding: 10px
}

#opportunityProfile.profileMap .govchart {
	height: 200px
}

#opportunityProfile.profileMap .govchart div[id*="highcharts"] {}

#opportunityProfile.profileMap .attrNameMainTitle {
	margin-bottom: 5px
}

#opportunityProfile.profileMap .attrNameTitle {
	height: auto;
	margin-bottom: 10px
}


/*map view - energy status*/

#opportunityProfile.profileMap .energyStatus .circles {
	padding: 15px;
}

#opportunityProfile.profileMap .energyStatus h2 {
	margin: 20px
}

#opportunityProfile.profileMap .energyStatus #elec,
#opportunityProfile.profileMap .energyStatus #water,
#opportunityProfile.profileMap .energyStatus #Gas,
#opportunityProfile.profileMap .energyStatus #sewage,
#opportunityProfile.profileMap .energyStatus #Telephone {
	width: 24%;
	margin-bottom: 20px;
	font-size: 16px;
}

#opportunityProfile.profileMap .oppImgCont {
	position: relative;
	height: 200px
}

#opportunityProfile.profileMap .opportunityName {
	width: 100%;
	min-height: 65px;
	background: rgba(0, 0, 0, 0.7);
	position: absolute;
	bottom: 0;
	padding: 10px;
	color: #fff
}

#opportunityProfile.profileMap .detailsBox {
	width: 48%;
	margin: 1%
}


/*map view - nearest facilities*/

#opportunityProfile.profileMap #nearstlandmarks {
	margin: 0
}

#opportunityProfile.profileMap #nearstlandmarks a:focus {
	text-decoration: none
}

#opportunityProfile.profileMap #nearstlandmarks .list-img {
	width: 35px;
	height: 35px;
	margin-right: 10px;
}

#opportunityProfile.profileMap .tab-content {
	height: 315px;
	overflow-y: auto;
	padding: 10px 0
}


/*map view - attachments*/

#opportunityProfile.profileMap #galleria {
	padding: 0 15px
}

#opportunityProfile.profileMap #galleria a {
	display: inline-block;
	width: 30%;
	height: 80px;
	margin: 5px;
}

#opportunityProfile.profileMap #galleria a img {
	width: 100%;
	height: 100%;
}

#opportunityProfile .opportunityName h3 {
	font-size: 1.4em;
}


/****************************  Reservation Opportunity  ****************************/

#ReservationForm #oppourtunityDetails #contactus .contactUsForm {
	width: 100%;
	padding: 40px;
}

#ReservationForm #oppourtunityDetails #contactus .contactUsForm .mapIco-discuss {
	cursor: pointer;
	margin: 0 -15px
}

#ReservationForm fieldset {
	padding: 0.35em 0.625em 0.75em;
	margin: 0 -15px 3rem;
	border: 1px solid #c0c0c0;
}

#ReservationForm legend {
	padding: 0 15px;
	width: auto;
}

#ReservationForm legend {
	max-height: 112px;
}

#ReservationForm #oppourtunityDetails #contactus .contactUsForm .col-md-6.col-xs-12 {
	padding: inherit
}

#ReservationForm .inputfile {
	background: none;
	border: 0;
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

#ReservationForm .inputfile+label {
	max-width: 90%;
	font-size: 1.25rem;
	/* 20px */
	font-weight: 700;
	/*text-overflow: ellipsis;*/
	white-space: nowrap;
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	/* 10px 20px */
	color: #d3394c;
	border: 1px solid #d3394c;
	background-color: #f1e5e6;
}

#ReservationForm .inputfile:focus+label,
#ReservationForm .inputfile.has-focus+label,
#ReservationForm .inputfile-6+label:hover {
	outline: 1px dotted #000;
	outline: -webkit-focus-ring-color auto 5px;
	border-color: #722040;
}

#ReservationForm .inputfile+label svg {
	width: 1em;
	height: 1em;
	vertical-align: middle;
	fill: currentColor;
	margin-top: -0.25em;
	/* 4px */
	margin-right: 0.25em;
	/* 4px */
}

#ReservationForm .inputFile:focus+label,
#ReservationForm .inputFile.has-focus+label,
#ReservationForm .inputFile+label:hover {
	border-color: #722040;
}

#ReservationForm .inputFile+label span,
#ReservationForm .inputFile+label strong {
	padding: 0.625rem 1.25rem;
	/* 10px 20px */
}

#ReservationForm .inputFile+label span {
	width: 200px;
	min-height: 2em;
	display: inline-block;
	/*    text-overflow: ellipsis;*/
	white-space: nowrap;
	overflow: hidden;
	vertical-align: top;
	cursor: auto;
}

#ReservationForm .inputFile+label strong {
	height: 100%;
	color: #ffffff;
	background-color: #880a0f;
	display: inline-block;
}

#ReservationForm .inputFile:focus+label strong,
#ReservationForm .inputFile.has-focus+label strong,
#ReservationForm .inputFile+label:hover strong {
	background-color: #ab030a;
}

#ReservationForm .removeFiles svg {
	width: 1.75rem;
	height: 1.75rem;
	vertical-align: middle;
	fill: #2b2b2d;
	cursor: pointer;
}

#ReservationForm #InvestorDetail .col-inline-3 {
	display: inline-flex;
	padding: 0 15px;
}

#ReservationForm fieldset .col-inline-2,
#ReservationForm fieldset:not(#InvestorDetail) .col-inline-3 {
	display: inline-flex;
	padding: 0 15px;
}

#ReservationForm fieldset .col-inline-2 {
	width: calc(100% / 2 - 5px);
}

#ReservationForm fieldset .col-inline-3 {
	width: calc(100% / 3 - 5px);
}

#ReservationForm fieldset:not(#fieldsetTermsAndCondition) .formField,

/*#ReservationForm fieldset:not(#fieldsetTermsAndCondition) .formLbl{min-height:65px; width:100%}
#ReservationForm .booking-details .formField{min-height:100px;}*/

#ReservationForm #fieldsetTermsAndCondition .formField,
#ReservationForm #fieldsetTermsAndCondition .formLbl {
	min-height: auto;
	margin: 10px 0;
	width: 100%;
}

#ReservationForm #dvGeneralAttachments .formLbl,
#ReservationForm #extendedAttachments .formLbl,
#ReservationForm .booking-details .formLbl {
	/*display: table-cell;*/
	height: 45px;
	vertical-align: middle;
}

#ReservationForm .file-name {
	position: relative
}

#ReservationForm .file-name>a {
	width: 80%;
	word-wrap: anywhere;
}

#ReservationForm .file-name .icon {
	position: absolute;
	top: 50%;
	transform: translate(-10%, -50%);
}

#ReservationForm .file-name:hover .icon {
	color: #880a0f !important;
}

#ReservationForm fieldset a.mapIco-terms {
	cursor: pointer;
	font-size: 1.8rem;
}

#ReservationForm fieldset a.mapIco-terms:hover {
	text-decoration: underline
}

#ReservationForm .formLbl {
	font-size: 1.1em;
}

#ReservationForm .formField a {
	font-size: 1em;
}

#ReservationForm .formField .downloadPdf {
	font-size: 0.9em !important;
	line-height: 1.2;
}

#ReservationForm.view-mode input,
#ReservationForm.view-mode select,
#ReservationForm.view-mode .reserveCheckboxWrap label:before {
	background: #eee !important;
	cursor: not-allowed;
}

#ReservationForm.view-mode .inputfile+label {
	border: 1px solid #ababab;
	background-color: #eeeeee;
}

#ReservationForm.view-mode .inputFile+label strong {
	background-color: #757575;
}

#ReservationForm.view-mode .inputFile:focus+label,
#ReservationForm.view-mode .inputFile.has-focus+label,
#ReservationForm.view-mode .inputFile+label:hover {
	border: 1px solid #ababab;
}

#ReservationForm.view-mode .inputFile:focus+label strong,
#ReservationForm.view-mode .inputFile.has-focus+label strong,
#ReservationForm.view-mode .inputFile+label:hover strong {
	background-color: #757575;
}

#ReservationForm.view-mode .inputFile+label,
#ReservationForm.view-mode .inputFile+label span {
	cursor: not-allowed;
}

#attention-msg.warning-msg,
#attention-msg.error-msg {
	margin: 10px -15px;
	padding: 10px;
	border-radius: 3px;
	display: flex;
	align-items: baseline
}

#attention-msg.info{
	color: black;
    font-weight: bold;
    display: flex;
}

#attention-msg.warning-msg .warningMsg,
#attention-msg.error-msg .errorMsg {
	border: 0;
	font-style: normal;
	margin: 0;
	padding: 0;
}

#attention-msg.warning-msg .warningMsg:before,
#attention-msg.error-msg .errorMsg:before {
	font-size: 2rem;
}

#attention-msg.error-msg .errorMsg:before {
	color: #721c24
}

#attention-msg.warning-msg label,
#attention-msg.error-msg label {
	font-size: 14px
}

#attention-msg.warning-msg .warningMsg:before {
	font-size: 2rem;
	color: #9F6000
}

#attention-msg.warning-msg {
	color: #9F6000;
	background-color: #FEEFB3;
}

#attention-msg.warning-msg .warningMsg:before {
	color: #9F6000
}

#attention-msg.error-msg {
	color: #721c24;
	background-color: #f8d7da;
}

.refundablefee{
	margin:5px 0;
}

.note-container {
    /* display: flex;
    flex-wrap: wrap;
    justify-content: flex-end; */
    margin-bottom: 2rem;
}
/* .note-container .note {
	display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.note-container p {
	width: 30%;
} */
.note-container a {
    cursor: pointer;
}


@media only screen and (max-width: 768px) {
	#ReservationForm fieldset .col-inline-3 {
		width: 49%;
	}
	#ReservationForm fieldset .col-flex-3 {
		/* flex: 0 0 50% */
		width: 50%;
	}
}

@media only screen and (max-width: 576px) {
	#ReservationForm fieldset .col-inline-3,
	#ReservationForm fieldset .col-inline-2 {
		width: 100%;
	}
	#ReservationForm fieldset .col-flex-3 {
		/* flex: 0 0 100% */
		width: 100%;
	}
}


/****************************  Reservation Opportunity  ****************************/


/****************************Static Pages****************************/

.gettingStartedCont {
	margin: 20px 0;
}

.gettingStartedCont .col-md-3.col-sm-6.col-xs-12 {
	margin-bottom: 10px;
	padding: 0 5px
}

.contentLargeBox {
	height: 480px
}

.contentLargeBox img {
	width: 100%;
	height: 100%
}

.largeBoxTitle {
	position: absolute;
	bottom: 0;
	padding: 25px 20px
}

.largeBoxTitle h3 {
	font-size: 1.5em;
	color: #fff;
	margin-bottom: 5px
}

.boxOverlay {
	width: 100%;
	height: 100%;
	position: relative;
}

.boxOverlay:after {
	content: '';
	height: 100%;
	box-shadow: inset 0 -100px 100px #000000;
	position: absolute;
	left: 0;
	right: 0;
}


/*.contentLargeBox:hover .boxOverlay:after{display: none;}
.contentLargeBox:hover .largeBoxTitle h3{color:#000;}*/


/*About Us*/

#customTabs {
	margin-top: 20px
}

#customSheetsTabs.nav-pills>li+li {
	margin: 0
}

#customSheetsTabs.nav-pills>li {
	width: 25%
}

#customSheetsContent {
	margin-top: 20px
}

#customSheetsContent .tab-pane {
	height: 552px;
	margin-bottom: 30px;
	border: 1px solid #a5a5a5
}


/*#customSheetsContent.tab-content .tab-pane.active:before{content:''; display:block; width: 0;   height: 0;   border-left: 25px solid transparent;  border-right: 25px solid transparent;  border-bottom: 25px solid black;}*/

#customSheetsContent .customTabDetails {
	width: 50%;
	padding: 40px;
	height: 550px;
	overflow-y: auto
}

#customSheetsContent .customTabImg {
	width: 50%;
	height: 550px
}

#customSheetsContent .customTabImg img {
	max-width: 100%;
	height: 100%
}

#customSheetsTabs.nav-pills>li a {
	padding: 0
}

#customSheetsTabs.nav-pills>li:last-child a {}

#customSheetsTabs.nav-pills>li .largeBoxTitle {
	width: 100%
}

#customSheetsTabs.nav-pills>li.active .boxOverlay:after {
	display: none;
}

#customSheetsTabs.nav-pills>li.active .largeBoxTitle {
	background: rgba(0, 0, 0, 0.7);
	/*transform: translateY(-185px);*/
	height: 100%
}

#customSheetsTabs.nav-pills>li.active .largeBoxTitle .uppercase {
	font-weight: bold;
	text-shadow: 3px 3px 0px #000;
}


/*Sectors and Geographies*/

#sectorsandgeographies.sectorGeoLanding {
	background: #e9e9e9;
	padding: 35px 0
}

#sectorsandgeographies.sectorGeoLanding #sectors,
#sectorsandgeographies.sectorGeoLanding .govsCont {
	width: 47%;
	height: 853px
}

#sectorsandgeographies.sectorGeoLanding #sectors h2 {
	color: #2a2a2c;
	font-size: 1.69em;
	margin-top: 20px
}

#sectorsandgeographies.sectorGeoLanding .govsCont h2 {
	color: #fff;
	font-size: 1.69em;
	margin-top: 20px
}

#sectorsandgeographies.sectorGeoLanding #sectors p.HeaderRedBorder {
	font-size: 1.19em;
	margin-bottom: 15px
}

#sectorsandgeographies.sectorGeoLanding .govsCont p.HeaderRedBorder {
	color: #fff;
	font-size: 1.19em;
	margin-bottom: 15px
}

#sectorsandgeographies.sectorGeoLanding .govsCont #govInputFilter,
#sectorsandgeographies.sectorGeoLanding #sectors #sectorInputFilter {
	margin-top: 0;
	line-height: 3em
}

#sectorsandgeographies.sectorGeoLanding #sectors {
	float: left
}

#sectorsandgeographies.sectorGeoLanding #sectors .item {
	width: 33%;
	height: 175px;
	padding: 15px;
	color: #2a2a2c;
	text-align: center;
	border-bottom: 1px solid #d0d0d0;
	clear: initial
}

#sectorsandgeographies.sectorGeoLanding #sectors .item h3 {
	font-size: 1.32em;
	margin: 5px 0;
	line-height: 1.1em
}

#sectorsandgeographies.sectorGeoLanding #sectors .item p {
	font-size: 0.69em;
}

#sectorsandgeographies.sectorGeoLanding #sectors .item img {
	float: none
}

#sectorsandgeographies.sectorGeoLanding #sectors .item:hover {
	background: #c8c8ca
}

#sectorsandgeographies.sectorGeoLanding .govsCont {
	background: #2a2a2c
}

#sectorsandgeographies.sectorGeoLanding .govsCont #govs {
	height: 699px
}

.sectorGeoLanding #sectors #sectorInputFilter {
	color: #2a2a2c
}


/*Success Stories*/

.successStoriesCont {
	padding: 20px 0
}

.successStoriesCont .successStoriesItem {
	width: 32.7%;
	height: 200px;
	margin-bottom: 10px;
	/*box-shadow: inset 0 -30px 80px #000000; */
	box-shadow: inset 0 -100px 200px #000000;
	position: relative;
	text-align: center
}

.storiesSecCont {
	height: 30px
}

.storiesSector {
	display: block;
	min-width: 105px;
	height: 30px;
	padding: 7px;
	text-align: center;
	background: rgba(136, 10, 15, 0.6);
	border-radius: 5px;
	color: #fff;
	font-size: 0.85em
}

.successStories .successStoriesItem h2 {
	color: #fff;
	font-size: 1.43em;
	padding: 20px 30px;
	height: 115px;
	font-weight: bold;
	/*  text-shadow: 5px 5px 20px #fff*/
}

.successStoriesCont .storiesSearchCont {
	margin-bottom: 40px
}

.successStoriesCont .storiesSearchCont span {
	font-size: 0.85em;
	margin-bottom: 5px;
	display: block
}

.successStoriesCont .storiesSearchCont .storiesSearchBox {
	width: 60%
}

.successStoriesCont .storiesSearchCont .storiesSearchBox input {
	width: 100%;
	height: 40px;
	padding: 10px 30px;
	line-height: 3em
}

.successStoriesCont .storiesSearchCont .selectSector {
	width: 22%
}

.successStoriesCont .storiesSearchCont .selectSector #ulslctSectors {
	width: 100%;
	background: #262628;
	height: 175px;
	overflow-y: auto
}

.successStoriesCont .storiesSearchCont .selectSector #ulslctSectors .firstLi input {
	width: 100%
}

.successStoriesCont .storiesSearchCont .selectSector .dropdown-menu li {
	padding: 5px;
	color: #fff
}

.successStoriesCont .storiesSearchCont .selectSector .dropdown-menu li:hover {
	background: #4f4d4d
}

.successStoriesCont .storiesSearchCont .selectSector .dropdown-menu label {
	display: block;
	cursor: pointer;
	font-weight: normal
}

.successStoriesCont .storiesSearchCont .selectSector .dropdown-menu li .checkbox {
	margin: 0;
	padding: 5px 0
}

.successStoriesCont .storiesSearchCont .selectSector .dropdown-menu li input {
	margin: 0
}

.successStoriesCont .storiesSearchCont .selectSector button {
	width: 100%;
	height: 40px;
	background: #262628;
	color: #fff
}

.successStoriesCont .storiesSearchCont .selectSector button .caret {
	border-top: 4px solid #fff
}

.successStoriesCont .storiesSearchCont .genBtn {
	width: 18%;
	text-align: center;
	height: 40px;
	margin-top: 20px
}

.successStoriesCont #Pager {
	border-bottom: 0
}


/******Success Stories Details*******/

.ssDetailsPage {
	margin-bottom: 20px
}

.title.HeaderRedBorder {
	font-size: 1.69em;
	color: #2a2a2c;
	margin-bottom: 15px
}

.ssDetailsPage #itemImg {
	position: relative
}

.ssDetailsPage #itemImg img {
	width: 100%;
	height: 415px
}

.ssDetailsPage .storiesSector {
	position: absolute;
	bottom: 10px
}

.ssDetailsPage #itemInfo {
	min-height: 60px;
	background: #c8c8c8;
	padding: 10px;
	/*to display event date and location*/
	/*display: none*/
}

.ssDetailsWrap {
	margin-bottom: 15px;
}

.ssDetailsPage #ssbody {
	text-align: justify
}

.ssDetailsPage #ssYoutubeVideo {
	margin: 20px 0
}


/*Mega Projects*/

.factsSheetsCont #oppourtunityDetails #gov {
	padding: 0;
	margin-bottom: 50px
}

.factsSheetsCont #oppourtunityDetails #gov .govHeader .govName {
	font-size: 1.5em;
	color: #880a0f
}


/*Content Styles*/

.richHtmlField * {
	text-align: justify
}

.richHtmlField h1 {
	font-size: 24px;
	color: #2a2a2c
}

.richHtmlField h2 {
	font-size: 22px;
	color: #880a0f;
	margin-bottom: 25px;
	font-weight: bold
}

.richHtmlField h3 {
	font-size: 15px;
	color: #2a2a2c
}

.richHtmlField h4 {
	font-size: 18px;
	color: #880a0f;
	font-weight: bold
}

.richHtmlField p {
	font-size: 15px;
	color: #2a2a2c
}

.richHtmlField span {
	font-size: 15px
}

.richHtmlField a {
	color: #880a0f;
	font-size: 18px;
	font-weight: bold;
	cursor: pointer;
	text-decoration: underline
}

.richHtmlField a:hover {
	color: #ab030a
}

.richHtmlField ul {
	color: #2a2a2c;
	padding: 0;
	list-style-type: square;
}

.richHtmlField ol {
	color: #2a2a2c;
	padding: 0
}

.richHtmlField img {
	padding: 10px;
	border: 1px solid #b3b3b9
}


/* noor fixed issues - 12/2/2019*/

.richHtmlField .listItemContent {
	border-bottom: 1px solid #ababab;
	padding: 10px 0px
}

.richHtmlField .listItemContent:last-child {
	border: none
}

.richHtmlField .factSheetTitle {
	color: #000000;
	background-color: transparent;
	padding: 0px;
	font-weight: 500;
	margin-bottom: 10px
}

.richHtmlField .genBtn {
	background-color: #880a0f;
	color: #fff !important;
	padding: 10px 30px;
	display: inline-block;
	text-decoration: none !important;
	cursor: pointer;
	border-radius: 0;
	font-size: 14px
}


/*Search Results*/

ul.ms-srchnav-list {
	display: none;
}

.ms-srch-result #ResultFooter {
	display: none
}

#mainBody #SearchBox {
	margin-top: 20px;
}

.ms-srch-sbLarge {
	background: #2a2a2c !important;
	border: none !important;
}

.ms-srch-sbLarge>input {
	color: #fff;
	height: 40px !important;
	padding: 10px !important;
}

img#searchImg {
	display: none
}

.ms-srch-sbLarge>.ms-srch-sb-searchLink {
	background: url(/Style%20Library/Images/searchIcon.png) no-repeat;
	top: 10px;
	left: 10px;
	height: 40px !important;
}

.ms-srch-item {
	border-bottom: 1px solid #d6d1d1;
}

.ms-srch-result #ResultCount {
	margin-bottom: 20px;
	color: #880a0f;
	font-weight: bold;
}

.ms-srch-result li a {
	width: 30px;
	height: 30px;
	display: inline-block;
	border: 1px solid #d6d1d1;
	border-radius: 50%;
	vertical-align: middle;
}

.ms-srch-result li a:hover {
	color: #880a0f;
	border: 1px solid #000
}

.ms-srch-result #PagingSelf a {
	background: #880a0f !important;
	color: #fff !important;
	border: 0
}


/*To PDF*/

#pdfMap {
	height: 470px;
}

.pageBanner {
	background-repeat: no-repeat;
    background-size: 100%;
}

.toPDF #details .detailsBox {
	width: 30%
}

.toPDF .investmentsDetails {
	padding: 0 !important
}

.toPDF #facilitiesTabs {
	display: none !important
}

.toPDF #facilitiesContent {
	padding: 20px
}

.toPDF #facilitiesContent a {
	/*display: inline-block;*/
	display: block;
	padding: 10px 20px 0 10px;
	border-bottom: 3px solid #880a0f;
	background: #f4f3f3;
	margin-bottom: 20px
}

.toPDF #facilitiesContent a img {
	width: 50px;
	height: 50px
}

.toPDF #facilitiesContent a h3 {
	display: inline-block
}

.toPDF .facilitiesDetails h3 {
	font-size: 1.3em
}

.toPDF #gov {
	margin-top: 20px
}

.toPDF #governoratestatistics {
	padding: 20px
}

.toPDF .tabTitle {
	font-size: 1.5em;
	color: #000;
	margin: 20px 15px 20px;
	font-weight: bold;
	padding: 10px 20px;
	display:inline-block;
	position:relative;
}

.toPDF .tabTitle::after{
	content: "";
    top: 100%;
    left: 0;
    height: 22px;
    width: 100%;
    position: absolute;
    margin: auto;
    background: url("/style%20library/investmap/images/arc-line.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    transform: scalex(-1);
}

.description .page-head {
	display:flex;
}

.description .page-head .icon-holder .card-img {
	
	width: 15rem;
	height: 15rem;
	 border-radius: 50%;
	 }
.description .page-head .media-body {
	
	    display: flex;
    align-items: center;
    margin: 0 1.5rem;
}

.esriOverviewMap.ovwBR .ovwContainer {
	right: 15px
}

.esriOverviewMap .ovwButton {
	right: 15px
}

.toPDF div[id*=type] {
	width: 30%;
	height: 275px;
	margin: 20px
}


/*2018 fixes*/

#oppourtunityDetails .pdfGovTitle,
#oppourtunityDetails .pdfProjectTitle,
#oppourtunityDetails .pdfZoneTitle,
#oppourtunityDetails .pdfSectorTitle {
    color: #000;
    font-size: 2.6rem;
}

.zone-map-wrapper .map{
    margin-top: 1.5rem;
}

#oppourtunityDetails.toPDF .tabTitle {
	font-size: 1.7em;
	margin: 20px 15px 10px;
	padding: 20px
}
#oppourtunityDetails.toPDF .tab-content-desc {
	margin: 20px 15px 10px;
	font-size: 1.16em;
	
}

#oppourtunityDetails.toPDF .tab-content-desc h1,
#oppourtunityDetails.toPDF .tab-content-desc h2,
#oppourtunityDetails.toPDF .tab-content-desc h3,
#oppourtunityDetails.toPDF .tab-content-desc h4,
#oppourtunityDetails.toPDF .tab-content-desc h5,
#oppourtunityDetails.toPDF .tab-content-desc h6 {
	
	color: #000;
}

#oppourtunityDetails.toPDF .tab-content {
	padding: 20px 0
}

#oppourtunityDetails.toPDF .detailsBox {
	margin: 1% 1% 0
}

#oppourtunityDetails.toPDF .detailsBox .boxImg {
	height: 60px
}

#oppourtunityDetails.toPDF .detailsBox img {
	max-height: 60px
}

#oppourtunityDetails.toPDF .detailsBox h3 {
	font-size: 18px;
	margin-bottom: 5px
}

#oppourtunityDetails.toPDF .detailsBox a,
#oppourtunityDetails.toPDF .detailsBox p,
#oppourtunityDetails.toPDF .detailsBox .govAttr span {
	color: #880a0f;
	font-weight: normal
}

#oppourtunityDetails.toPDF .detailsBox p {
	font-size: 16px
}

#oppourtunityDetails.toPDF #gov .detailsBox {
	height: 190px
}

#oppourtunityDetails.toPDF #governoratestatistics {
	margin-top: 10px
}


/*****Release 2*****/


/*Library*/

.libCarouselCont {
	background: #2a2a2c;
	padding: 20px 0
}

.libCarouselCont h2 {
	color: #fff
}

.libCarouselCont ul.nav.nav-tabs {
	width: 15%;
	margin: 20px auto;
	border-bottom: 0;
}

#imgSlider .owl-stage,
#videoSlider .owl-stage {
	margin: 0 auto;
}


/*2018 fix*/

#imgSlider .owl-item,
#videoSlider .owl-item {
	height: 150px
}

#imgSlider,
#videoSlider {
	width: 80%;
	margin: 20px auto;
}

.libCarouselCont .nav-tabs>li>a {
	background: transparent;
	border: 0;
	color: #fff;
	font-size: 1.2em;
}

.libCarouselCont .nav>li>a:hover,
.libCarouselCont .nav>li>a:focus {
	background: transparent;
}

.libCarouselCont .nav-tabs>li.active>a,
.libCarouselCont .nav-tabs>li.active>a:hover,
.libCarouselCont .nav-tabs>li.active>a:focus {
	background: transparent;
	border: 0;
	color: #fff;
	border-bottom: 3px solid #880a0f;
}

.libCarouselCont .tab-content {
	height: 200px
}

.libCarouselCont .prevBanner,
.libCarouselCont .nextBanner {
	border-radius: 15px
}

.libCarouselCont .owl-carousel .owl-item img {
	height: 150px
}

.libCarouselCont .albumtitle {
	background: rgba(0, 0, 0, 0.7);
	position: absolute;
	bottom: 0;
	width: 100%;
	color: #fff;
	font-size: 1.2em;
	padding: 5px;
}

@media screen and (max-width:769px) {
	.libCarouselCont ul.nav.nav-tabs {
		width: 25%;
	}
}

@media screen and (max-width:420px) {
	.libCarouselCont ul.nav.nav-tabs {
		width: 100%;
	}
}


/*Gallery*/

.galleria-layer {
	width: 96% !important;
	height: auto !important;
	background: rgba(0, 0, 0, 0.7);
	bottom: 25px !important;
	top: auto !important;
	padding: 10px;
	color: #fff;
}

.galleria-layer p {
	margin: 0;
	color: #fff
}

.galleria-layer br {
	display: none;
}


/**Gallery Listing**/

#imagesGallery .albumCont,
#videosGallery .albumCont {
	height: 230px;
	padding: 15px;
}

#imagesGallery .galleryAlbum,
#videosGallery .galleryAlbum {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
}

#imagesGallery .galleryAlbum img,
#videosGallery .galleryAlbum img {
	width: 100%;
	height: 100%;
	margin: 0px auto;
	display: block
}

#imagesGallery .albumtitle,
#videosGallery .albumtitle {
	position: absolute;
	bottom: 15px;
	right: 15px;
	left: 15px;
	padding: 10px;
	background: rgba(0, 0, 0, 0.7);
	color: #fff;
}

.gallery .nav.nav-tabs {
	margin-bottom: 20px;
	border-bottom: 0;
	padding: 0 15px;
}

.gallery .tab-content {
	font-weight: bold;
	padding: 0 15px;
}

.gallery .nav-tabs>li>a {
	background: transparent;
	border: 0;
	color: #2a2a2c;
	font-size: 1.2em;
	font-weight: bold;
}

.gallery .nav>li>a:hover,
.gallery .nav>li>a:focus {
	background: transparent;
}

.gallery .nav-tabs>li.active>a,
.gallery .nav-tabs>li.active>a:hover,
.gallery .nav-tabs>li.active>a:focus {
	background: transparent;
	border: 0;
	color: #2a2a2c;
	border-bottom: 3px solid #880a0f;
}

.gallery {
	padding: 20px 50px;
}


/*Publications and Reports*/

.publications .listItem {
	border-bottom: 1px solid #ababab;
	padding: 20px 0;
	position: relative;
}

.publications .listItem .Category {
	position: absolute;
	bottom: 25px;
	right: 15px;
	z-index: 99;
}

.publications .listItem img {
	width: 40%;
	height: 175px;
	border: 1px solid #ccc;
}

.publications .listItem .itemDetails {
	width: 60%;
	padding: 0 20px;
}

.publications .listItem .itemDetails h2 {
	font-size: 1.6em;
	color: #2a2a2c;
	margin-bottom: 10px;
}

.publications .listItem .itemDetails .date {
	font-size: 0.85em;
}

.publicationsCont #Pager {}

.publicationsCont .pubSortResults {
	padding: 20px 0
}

.publicationsCont .pubSortResults #lblTotalResluts {
	font-weight: bold
}

.pubSearchBox {
	padding: 20px 0;
	display: flex;
	flex-wrap: wrap
}

.pubSearchBox input,
.pubSearchBox .genBtn {
	margin: 0 5px 10px;
}

.pubSearchBox input#searchBox {
	width: 55%;
	height: 40px;
	line-height: 40px
}


/*2018 fix*/

.pubSearchBox .genBtn {
	padding: 10px 8px;
}

.pubSearchBox #dpFrom,
.pubSearchBox #dpTo {
	background: #2a2a2c;
	height: 40px;
	color: #fff;
	width: 15%
}

.publicationsCont .mostPopularPublications {
	background: #2a2a2c;
	color: #fff;
	height: 1170px;
	overflow-y: scroll;
	margin-bottom: 20px;
}

.mostPopularPublications .listItem {
	min-height: 140px;
	margin-bottom: 10px;
	padding: 20px 0;
	border-bottom: 2px solid #545252;
}

.mostPopularPublications .listItem img {
	height: 70px;
	width: 40%
}

.mostPopularPublications .listItem h2 {
	color: #fff;
	font-size: 1em;
}

.mostPopularPublications .listItem .date {
	font-size: 0.8em;
}

.mostPopularPublications .listItem .genBtn {
	padding: 5px 20px;
	font-size: 0.8em;
}

.mostPopularPublications .itemDetails {
	width: 60%;
	padding: 0 10px;
}

.mostPopularPublications #lblMostPopular {
	color: #fff;
	margin: 20px 0;
	font-size: 1.5em
}

.mostPopularPublications #mostPopluarInputFilter {
	width: 100%;
	background: transparent;
	padding: 0 8px;
	color: #fff;
	height: 30px;
	line-height: 30px
}


/*2018 fix*/

.publicationsCont .mostPopularPublications::-webkit-scrollbar,
#sectorsandgeographies #govs::-webkit-scrollbar {
	width: 5px;
	background-color: #555556
}

.publicationsCont .mostPopularPublications::-webkit-scrollbar-track,
#sectorsandgeographies #govs::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color: #555556;
}

.publicationsCont .mostPopularPublications::-webkit-scrollbar-thumb,
#sectorsandgeographies #govs::-webkit-scrollbar-thumb {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	background-color: #99999a;
}


/*Registeration forms*/

.formCont {
	background: #f3f3f3;
	padding: 20px 0;
}

.regForm {
	display: flex;
}

.contentSec {
	width: 50%;
	background: url('/Style Library/Images/regitserBg.png') no-repeat;
	background-size: cover;
	padding: 50px;
	color: #fff;
}

.contentSec h2 {
	font-size: 4em;
}

.formSec {
	width: 50%;
	background: #fff;
	padding: 50px;
}

.formSec .formTitle {
	color: #373634;
	font-size: 2.4em;
	margin-bottom: 15px;
}

.formSec p {
	color: #666666;
	font-size: 0.9em;
}

.formField {
	margin: 20px 0;
	/*width: 100%; 	position:relative;*/
}

.formLabelCont label, .formLabelCont span {
	color: #666666;
	font-size: 0.9em;
	font-weight: bold;
}

.formLabelCont {
	/* position: absolute;    bottom: 5px;*/
}

#divGovernorate .formLabelCont,
#divSector .formLabelCont {
	margin-bottom: 5px;
}

input::-ms-clear,
input::-ms-reveal,
select::-ms-expand {
	display: none;
}

.formInput input,
.formInput select {
	margin-top: 0;
	border: 0;
	border-bottom: 1px solid #cecece;
	box-shadow: none !important;
	border-radius: 0;
	padding: 0 8px;
	line-height: 34px
}

.regForm .formInput #txtDate{
	background: none;
    cursor: text;
}

/*2018 fix*/

.formInput select,
#oppourtunityDetails #contactus .contactUsForm .formddl,
#factsFiguresCont .ChartContainer .formddl {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}


/*2018 fix*/

.formInput input[type=password]:hover,
.formInput input[type=text]:hover,
.formInput input[type=file]:hover,
.formInput textarea:hover {
	box-shadow: none;
}

.formInput .multiSelect-control input[type="checkbox"]+label {
	font-size: 0.9em;
}


/*.formField input[type="submit"]{background-color: #880a0f;color: #fff !important; border:0;  padding: 10px 30px;    display: inline-block;    text-decoration: none !important;    cursor: pointer;    border-radius: 0;}*/


/*.formField input[type="submit"]:hover{background-color:#ab030a}*/

.formSec #divGender {
	width: calc(35% - 15px);
}

.formSec #divFirstName {
	width: 65%;
}

.formSec #divGender,
.formSec #divFirstName {
	display: inline-block;
	vertical-align: top;
}

.formField input[type="submit"] {
	background-color: #880a0f;
	color: #fff !important;
	font-size: 13px
}


/* noor fixed issues - 12/2/2019*/

.formField input[type="submit"]:hover {
	background-color: #ab030a
}


/* noor fixed issues - 12/2/2019*/

.formField input[id*="btn_Submit"] {
	background-color: #880a0f;
	color: #fff !important;
	font-size: 13px
}

.formField input[id*="btn_Submit"]:hover {
	background-color: #ab030a
}

.formField input[id*="btnCancel"],
.formField input[id*="btnReset"],
.genBtn#btnClear {
	background-color: #2b2b2d;
	color: #fff !important;
	border-color: #7f7f7f
}

.formField input[id*="btnCancel"]:hover,
.formField input[id*="btnReset"]:hover,
.genBtn#btnClear:hover {
	background-color: #7f7f7f;
}

.selectToProceed {
	margin: 15px 0;
}

.selectToProceed label {
	color: #4c4c4c;
	font-size: 0.9em;
}

#divGovernorate .formInput,
#divSector .formInput {
	height: 120px;
	overflow-y: auto;
	margin-bottom: 20px;
}

div#linkedin_login {
	margin: 20px 0;
}

.divForgetPassword {
	margin-bottom: 10px;
	font-size: 13px
}

.btnLinkdinLog {
	display: block;
	background: url('/Style Library/Images/SignInLinkedin.png') no-repeat;
	width: 200px;
	height: 37px;
	margin: 10px 0
}

.btnLinkdinLog:hover {
	background: url('/Style Library/Images/SignInLinkedin-Hover.png') no-repeat;
}

.formField input[id$="btn_Save"],
.formField input[id$="btn_Cancel"] {
	color: #fff;
	border: 0;
	border-radius: 5px
}

.formField input[id$="btn_Save"] {
	background: #880a0f
}

.formField input[id$="btn_Save"]:hover {
	background: #ab030a
}

.formField input[id$="btn_Cancel"] {
	background: #2f2f31
}

.formField input[id$="btn_Cancel"]:hover {
	background: #424244
}

.AcceptedAgreement input {
	margin: 0;
}

.formSec .validationStar {
	color: #880a0f;
}


/*forget Password Eye*/

#divPassword .formInput,
#divConfirmPassword .formInput,
#divOldPassword .formInput,
#divNewPassword .formInput,
#divConfirmNewPassword .formInput {
	display: flex;
	position: relative;
}

#divPassword .glyphicon-eye-close,
#divConfirmPassword .glyphicon-eye-close,
#divOldPassword .glyphicon-eye-close,
#divNewPassword .glyphicon-eye-close,
#divConfirmNewPassword .glyphicon-eye-close {
	background: url('/Style Library/Images/closedEye.svg') no-repeat;
}

#divPassword .glyphicon-eye-open,
#divConfirmPassword .glyphicon-eye-open,
#divOldPassword .glyphicon-eye-open,
#divNewPassword .glyphicon-eye-open,
#divConfirmNewPassword .glyphicon-eye-open {
	background: url('/Style Library/Images/eyePassword.svg') no-repeat;
}

#divPassword .glyphicon,
#divConfirmPassword .glyphicon,
#divOldPassword .glyphicon,
#divNewPassword .glyphicon,
#divConfirmNewPassword .glyphicon {
	width: 4%;
	background-size: contain;
	position: absolute;
	top: 5px;
	left: 0;
	z-index: 9;
	height: 20px
}

#divPassword #txtPasswordGlyphicon:hover,
#divConfirmPassword #txtConfirmPasswordGlyphicon:hover,
#divOldPassword #txtOldPasswordGlyphicon:hover,
#divNewPassword #txtNewPasswordGlyphicon:hover,
#divConfirmNewPassword #txtConfirmNewPasswordGlyphicon:hover {
	cursor: pointer;
	opacity: 0.6
}

#divPassword #txtPasswordGlyphicon:before,
#divConfirmPassword #txtConfirmPasswordGlyphicon:before,
#divOldPassword #txtOldPasswordGlyphicon:before,
#divNewPassword #txtNewPasswordGlyphicon:before,
#divConfirmNewPassword #txtConfirmNewPasswordGlyphicon:before {
	content: none
}


/*flags dropdown input*/

.iti-flag {
	background-image: url("/Style Library/JS/intel-tel-input/img/flags.png");
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
	.iti-flag {
		background-image: url("/Style Library/JS/intel-tel-input/img/flags@2x.png");
	}
}

@media screen and (max-width:801px) {
	.onlineCaptcha {
		float: none;
		margin-bottom: 20px;
	}
	.onlineCaptcha:after {
		content: '';
		clear: both;
		display: block
	}
	.formCont .g-recaptcha {
		transform: scale(0.77);
		-webkit-transform: scale(0.77);
		-ms-transform: scale(0.77);
		transform-origin: right;
		-webkit-transform-origin: right;
		-ms-transform-origin: right;
	}
}

@media screen and (max-width:415px) {
	.formField input[type="submit"] {
		padding: 10px 20px;
		width: 100%
	}
}

@media screen and (max-width:320px) {
	.formCont .g-recaptcha {
		transform: scale(0.6);
		-webkit-transform: scale(0.6);
		-ms-transform: scale(0.6);
	}
}


/*Classic Search new features*/

.searchLabel {
	margin-top: 25px;
}

.searchLabel .searchInput {
	display: flex;
	align-items: center;
}

.searchLabel #sizelabel {
	font-weight: normal;
	display: block;
}

.searchLabel .searchInput #sliderRange {
	width: 80%;
	margin-right: 10px;
	margin-top: 5px;
}

#sliderRange .ui-state-default,
#sliderRange .ui-widget-content .ui-state-default,
#sliderRange .ui-widget-header .ui-state-default,
#sliderRange .ui-button {
	background-color: rgb(49, 49, 49) !important;
}

label#percentCompletedFrom {
	margin-right: 10px;
}

select#slctRangeUnit {
	border: 0;
	background: transparent;
	border-bottom: 2px solid #7a7a7e;
	padding-bottom: 5px;
	height: 36px;
	margin-top: -25px;
}


/*2018 fix*/


/*Map new features*/


/***Comparison between opportunities***/

#divComapreContent {
	overflow: auto
}

.divComapreItem {
	padding: 10px;
	float: left;
}

.divComapreItem h2 {
	height: 7px;
}

.divComapreItem .detailsBox {
	width: 100%
}


/*Responsive start*/

@media (min-width: 1200px) {
	.container {
		width: 1200px;
	}
}

@media (max-width:1199px) {
	/*Header*/
	#header .mainLogo {
		margin-top: 20px
	}
	#header .headerLinks {
		padding-bottom: 0;
	}
	#header .headerSocialMedia {
		padding: 3px 10px;
	}
	#header .langSwitcher {
		padding-top: 0;
	}
	/*Banner*/
	.homeCarouselCont .bannerDesc {
		height: 240px;
		width: 65%
	}
	/*Quick Map*/
	#quickSearch {
		width: 85%;
		padding: 20px
	}
	#quickMap .exploreOption+.Or {
		width: 5%
	}
	#quickMap .exploreOption {
		width: 29%
	}
	/*Opportuinty Profile*/
	#oppourtunityDetails .investmentsDetails {
		padding: 0 60px;
	}
	.detailsBox {
		width: 23%
	}
	.verticalTabs .detailsBox {
		width: 30%;
	}
	/*Nearest Facilities*/
	.verticalTabs .tabsList {
		width: 25%
	}
	.verticalTabs .tabsContent {
		width: 75%
	}
	/*Explore Classical View*/
	/*Explore Map View*/
	#exploreMainSection.shrink {
		width: 40%
	}
	#exploreOppCont #map {
		width: 60%
	}
	/*Success Stories*/
	.successStoriesCont .successStoriesItem {
		width: 32.5%
	}
}

@media (max-width:991px) {
	/*Header*/
	#header .mainSearch {
		padding-bottom: 0;
	}
	#header .headerLinks {
		padding-top: 0;
	}
	/*Mega Menu*/
	#megaMenu .nav.navbar-nav>li {
		font-size: 1em;
		height: 60px
	}
	#megaMenu .nav.navbar-nav>li a {
		padding: 10px 5px
	}
	/*Banner*/
	.homeCarouselCont {}
	.homeCarouselCont .bannerItem img {}
	.homeCarouselCont .bannerDesc {
		padding: 15px;
		height: 260px
	}
	.homeCarouselCont .bannerDesc .bannerTitle {
		padding-bottom: 5px
	}
	.homeCarouselCont .bannerDesc .genBtn {
		bottom: 10px
	}
	/*Opportunities*/
	.darkCarouselCont .bannerDesc {
		height: 165px !important
	}
	/*Quick Map*/
	#quickMap .exploreOption {
		width: 45%;
		margin-bottom: 10px
	}
	/*Opportuinty Profile*/
	#opportunityProfile .profileSections a {
		padding: 15px 10px
	}
	.detailsBox {
		width: 30%
	}
	.verticalTabs .detailsBox {
		width: 48%;
	}
	#oppourtunityDetails #contactus .contactUsForm .col-md-6.col-xs-12 {
		padding: 0
	}
	#oppourtunityDetails #contactus .contactUsData {
		min-height: 563px
	}
	/*Nearest Facilities*/
	.verticalTabs .tabsList {
		width: 30%
	}
	.verticalTabs .tabsContent {
		width: 70%
	}
	.verticalTabs#nearstlandmarks .tabsContent .facilitiesDetails {
		width: 90%
	}
	#opportunityProfile #nearstlandmarks {
		margin: 0
	}
	/*Energy status*/
	.energyStatus .circles {
		padding: 15px 50px
	}
	/* {
		width: 32%
	} */
	/*Vertical Tabs*/
	.factsSheetsCont {
		padding: 40px 20px
	}
	/*Explore Classical View*/
	#exploreMainSection .searchBox p#TYPEKEYWORD:before {
		margin: 0 5px !important
	}
	#exploreMainSection .searchBox .searchBtns .genBtn {
		padding: 19px 15px
	}
	/*#exploreMainSection .searchBox input{width:45%}*/
	/*adding bookmarkBtn*/
	#exploreMainSection .searchBox .searchBtns #advancedSearchBtn {
		display: none
	}
	#exploreOppCont #sectorsandgeographies {
		width: 100%
	}
	#exploreOppCont #searchListing {
		width: 100%;
	}
	/*Explore Map View*/
	#exploreOppCont .shrink {
		width: 100%
	}
	#exploreOppCont #map {
		width: 98%;
		margin: auto;
		min-height: 400px;
		height: 400px !important;
	}
	#opportunityProfile.profileMap .oppImgCont {
		height: 150px
	}
	#exploreOppCont.exploreFullScreen #exploreMainSection.shrink {
		width: 100%;
		height: inherit;
		max-height: 600px;
		margin-bottom: 20px
	}
	#exploreOppCont.exploreFullScreen #advancedSearchCont {
		min-height: initial;
		height: 525px;
		margin-bottom: 20px;
	}
	#exploreOppCont.exploreFullScreen #searchLanding {
		height: 525px;
	}
	#exploreOppCont.exploreFullScreen #searchFiltering {
		height: 525px;
	}
	#exploreOppCont.exploreFullScreen #searchListing {
		height: auto !important;
		max-height: 525px;
	}
	#exploreOppCont.exploreFullScreen #oppourtunityDetails .tab-content {
		height: 310px;
	}
	/*Popup*/
	#colorbox.utubePopup,
	#colorbox.utubePopup #cboxWrapper {
		right: 0 !important;
		left: 0 !important;
		width: 100% !important;
		height: 100% !important
	}
	#cboxContent {
		width: 100% !important;
		height: 100vh !important;
	}
	/*About Us*/
	.contentLargeBox {
		height: 300px
	}
	.largeBoxTitle h3 {
		font-size: 1.2em
	}
	#customSheetsTabs.nav-pills>li.active .largeBoxTitle {
		/*transform: translateY(-110px);*/
	}
	/*Success Stories*/
	.successStoriesCont .successStoriesItem {
		width: 49%
	}
	.successStoriesCont .storiesSearchCont .storiesSearchBox {
		width: 56%
	}
	.successStoriesCont .storiesSearchCont .selectSector {
		width: 26%
	}
	/*Sectors and Geographies*/
	#sectorsandgeographies.sectorGeoLanding #sectors,
	#sectorsandgeographies.sectorGeoLanding .govsCont {
		width: 100%
	}
	#sectorsandgeographies.sectorGeoLanding #sectors {
		height: auto;
		margin-bottom: 30px
	}
	/*Content Styles*/
	.richHtmlField * {
		text-align: initial
	}
}

@media (max-width:767px) {
	/*Header*/
	#header .headerLinks {
		width: 100%;
	}
	/*MegaMenu*/
	button.navbar-toggle {
		min-width: 30px
	}
	#megaMenu .nav.navbar-nav>li {
		width: 100%;
		height: 40px
	}
	#megaMenu .nav.navbar-nav>li a {
		height: 40px
	}
	/*Banner*/
	.homeCarouselCont .bannerDesc {
		width: 100%;
		height: 100%;
		bottom: 0
	}
	.homeCarouselCont .carouselNav {
		bottom: 7px
	}
	.homeCarouselCont .owl-dots {
		display: none !important
	}
	.homeCarouselCont .bannerDesc .bannerBrief {
		padding: 10px 0
	}
	.homeCarouselCont .bannerDesc .bannerTitle {
		padding-bottom: 10px
	}
	/*#homeCarousel .bannerDesc .bannerDetails{display:none}
#homeCarousel .bannerDesc .bannerTitle{display:none}
#homeCarousel{height:200px}
#homeCarousel .bannerItem img{height:200px}
#homeCarousel .bannerDesc{height:110px}
#homeCarousel .bannerDesc .bannerBrief{font-size:15px; padding-top:0}*/
	/*Opportunities*/
	#featuredCarousel+.carouselNav {
		bottom: 20px;
		top: initial
	}
	#featuredCarousel .bannerItem h2 {
		width: 80%;
		font-size: 1.8em;
	}
	/*Quick Map*/
	#quickMap {
		padding: 20px 0
	}
	#quickMap .exploreOption {
		width: 100%
	}
	#quickMap .exploreOption+.Or {
		width: 100%;
		text-align: center;
		padding: 5px
	}
	#quickMap .dropdown-toggle,
	#quickMap #hpSearch {
		display: block;
		width: 65%;
		margin: 5px auto
	}
	#quickMap .exploreOption .dropdown-menu {
		width: 65%
	}
	#quickMap .quickMapBtns {
		margin-top: 10px
	}
	/*Opportuinty Profile*/
	#opportunityProfile .profileSections a h3 {
		display: none
	}
	#opportunityProfile .profileSections {
		height: 50px
	}
	#opportunityProfile .profileSections a {
		height: 50px;
		padding: 13px 5px
	}
	.detailsBox {
		width: 40%;
		margin: 1% 5%
	}
	.verticalTabs .detailsBox {
		width: 100%;
		margin: 0;
	}
	#oppourtunityDetails #contactus {
		/*display:block*/
	}
	#oppourtunityDetails .contactUsCont {
		display: block
	}
	#oppourtunityDetails #contactus .contactUsForm {
		width: 90%;
		float: none;
		margin: 0 auto;
	}
	#oppourtunityDetails #contactus .contactUsData {
		width: 90%;
		float: none;
		margin: 0 auto;
		min-height: 300px
	}
	#oppourtunityDetails #contactus .contactUsForm {
		width: 100%;
	}
	#oppourtunityDetails #contactus .contactUsData {
		width: 100%;
	}
	#oppourtunityDetails #governoratestatistics .col-md-4.col-sm-6.col-xs-12 {
		padding: 0
	}
	.energyStatus .circles {
		padding: 15px
	}
	.energyStatus #elec,
	.energyStatus #water,
	.energyStatus #Gas,
	.energyStatus #sewage,
	.energyStatus #Telephone {
		width: 49%
	}
	/*Nearest Facilities*/
	.verticalTabs .tabsList li img {
		/*display:none*/
	}
	.verticalTabs#nearstlandmarks .tabsContent .facilitiesDetails {
		width: 100%;
		bottom: 0;
		padding: 20px 10px;
		background: rgba(42, 42, 44, 0.6)
	}
	.verticalTabs .tabsList li h3 {
		font-size: 0.85em
	}
	/* .verticalTabs .tabsList li a {
		padding: 0 10px
	} */
	.verticalTabs#nearstlandmarks .tabsList li a {
		padding: 0 2px
	}
	/*Explore Classical View*/
	#exploreMainSection .searchBox p {
		text-indent: -9999px
	}
	#searchFiltering .listItem .listItemContent,
	#searchListing .listItem .listItemContent {
		width: 70% !important
	}
	#searchListing {
		height: 100vh !important;
	}
	/*About Us*/
	.contentLargeBox {
		height: 200px
	}
	#customSheetsTabs.nav-pills>li.active .largeBoxTitle {
		/*transform: translateY(-60px);*/
	}
	#customSheetsContent .customTabDetails {
		padding: 10px
	}
	/*Success Stories*/
	.successStoriesCont .storiesSearchCont .storiesSearchBox {
		width: 100%;
		margin-bottom: 10px
	}
	.successStoriesCont .storiesSearchCont .selectSector {
		width: 75%
	}
	.successStoriesCont .storiesSearchCont .genBtn {
		width: 25%
	}
	.ssDetailsPage #itemImg img {
		height: 250px
	}
	/*Release 2*/
	/*Registeration forms*/
	.contentSec {
		display: none;
	}
	.formSec {
		width: 100%;
		border-radius: 30px;
	}
	.modal.in .modal-dialog {
		transform: translate(0, -250%);
		-webkit-transform: translate(0, -250%);
		-ms-transform: translate(0, -250%);
	}
	#TellFriend.modal.in .modal-dialog,
	#ComparePopUp.modal.in .modal-dialog,
	#vLibraryPopup.modal.in .modal-dialog,
	#ShowCondition.modal.in .modal-dialog {
		transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
	}
}

@media (max-width:600px) {
	/*Opportuinty Profile*/
	.detailsBox {
		width: 48%;
		margin: 1%
	}
	#oppourtunityDetails #contactus .contactUsForm,
	#oppourtunityDetails #contactus .contactUsData {
		padding: 30px !important
	}
	#oppourtunityDetails #gov {
		padding: 0 30px
	}
	/*About us*/
	.contentLargeBox {
		height: 120px
	}
	.largeBoxTitle {
		padding: 10px
	}
	.largeBoxTitle h3 {
		font-size: 1em
	}
	#customSheetsContent .customTabDetails {
		width: 100%;
		height: auto
	}
	#customSheetsContent .tab-pane {
		height: auto
	}
	#customSheetsContent .customTabImg {
		display: none
	}
	/*Success Stories*/
	.successStoriesCont .successStoriesItem {
		width: 100%
	}
	/*Vertical Tabs*/
	.verticalTabs#factsheets .tabsList {
		width: 100%;
		border-radius: 0 !important;
		margin-bottom: 10px;
	}
	.verticalTabs#factsheets .tabsContent {
		width: 100%;
		border-radius: 0;
		padding: 10px
	}
	/*Sectors and Geographies*/
	#sectorsandgeographies.sectorGeoLanding #sectors .item {
		width: 50%
	}
}

@media (max-width:480px) {
	/*Header*/
	#header .headerLinks a {
		margin: 6px 5px;
	}
	#header .mainSearch .searchBox input {
		width: 150px;
	}
	.headerLinks div[id*=divLogin] {
		margin: 0 5px;
	}
	/*Banner*/
	.homeCarouselCont .bannerDesc .bannerBrief {
		padding: 5px 0
	}
	.homeCarouselCont .bannerDesc .bannerTitle {
		padding-bottom: 5px
	}
	/*Page Welcome Msg*/
	.pageMsgContent {
		width: 90%
	}
	/*Quick Map*/
	#quickMap .quickMapBtns .genBtn {
		padding: 10px 5px;
	}
	#quickMap .quickMapBtns .Or {
		margin: 10px 5px;
	}
	#quickMap .dropdown-toggle,
	#quickMap #hpSearch {
		width: 90%
	}
	/*Opportuinty Profile*/
	.detailsBox {
		width: 90%;
		float: none;
		margin: 10px
	}
	#oppourtunityDetails .investmentsDetails {
		padding: 0 30px;
	}
	#oppourtunityDetails #gov {
		padding: 0 30px
	}
	.verticalTabs .tabsList {
		width: 43%
	}
	.verticalTabs .tabsContent {
		width: 57%
	}
	/*Energy Status*/
	.energyStatus #elec,
	.energyStatus #water,
	.energyStatus #Gas,
	.energyStatus #sewage,
	.energyStatus #Telephone {
		width: 100%
	}
	/*Explore Classical View*/
	#exploreMainSection .searchBox .searchBtns .genBtn {
		padding: 19px 5px
	}
	#exploreMainSection .searchBox input {
		font-size: 1em;
		/* width:55%*/
	}
	/*adding bookmarkBtn*/
	#exploreMainSection .searchBox p {
		width: 12%;
		margin: 15px 4px
	}
	#exploreMainSection #advancedSearchCont {
		padding: 20px 10px
	}
	#sectorsandgeographies .nav.nav-tabs li {
		font-size: 1em
	}
	/*Explore Map View*/
	#map {
		min-width: 300px !important
	}
	#searchFiltering .listItem,
	#searchListing .listItem {
		padding: 20px 10px;
	}
	#searchFiltering .listItem img,
	#searchListing .listItem img {
		width: 85px !important;
		height: 85px !important
	}
	#searchFiltering .listItem .listItemContent,
	#searchListing .listItem .listItemContent {
		width: 60% !important
	}
	#searchFiltering .listItem .listItemContent h2,
	#searchListing .listItem .listItemContent h2 {
		font-size: 1.2em;
	}
	#exploreOppCont .shrink {
		height: 530px
	}
	#exploreOppCont.exploreFullScreen #searchListing.shrink {
		height: 530px !important;
	}
	#opportunityProfile.profileMap .tab-content {
		height: 260px
	}
	#searchLanding .filterItem {
		height: 120px !important
	}
	#searchLanding .filterItem img {
		height: 120px !important
	}
	.popupRow {
		flex-wrap: wrap;
	}
	#searchListItems .mapFeaturesCont.featuresHide {
		opacity: 0.3
	}
	#searchListItems .mapFeaturesCont.disabledAllFeature .mapFeaturesCont.disabledAllFeature .mapFeature:hover:before,
	.mapFeaturesCont.disabledAllFeature .mapFeature:hover:before,
	.mapFeaturesCont.disabledAllFeature .mapFeature:active:before,
	.mapFeaturesCont.disabledAllFeature .mapFeature:active:before,
	.mapFeaturesCont.disabledAllFeature .mapFeature:focus:before,
	.mapFeaturesCont.disabledAllFeature .mapFeature:focus:before,
	.mapFeaturesCont.disabledAllFeature .mapFeature.selectedItem:before,
	.mapFeaturesCont.disabledAllFeature .mapFeature.selectedItem:before {
		color: #4b4b4b
	}
	/*Opportunities*/
	.darkCarouselCont .bannerDesc {
		height: 190px !important
	}
	/*About Us*/
	.largeBoxTitle h3 {
		font-size: 0.85em
	}
	/*Success Stories*/
	.successStoriesCont .storiesSearchCont .genBtn {
		padding: 10px 5px
	}
	.ssDetailsPage #itemImg img {
		height: 150px
	}
}

@media (max-width:328px) {
	/*Header*/
	#header .mainLogo span:first-of-type {
		padding-top: 0
	}
}


/******* stylesTemp.css *********/

#s4-bodyContainer img {
	object-fit: cover
}

html {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 14px;
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
	min-height: 0
}

body {
	overflow-y: scroll;
	height: auto;
}

#s4-workspace {
	/* overflow: hidden; */
	position: relative;
	width: 100% !important;
	height: auto !important
}

#mainBody {
	min-height: auto
}

.hidden {
	display: none
}

div * {
	/*-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out*/
}

.tpd-tooltip *,
.tpd-tooltip {
	/*-webkit-transition: none!important;-moz-transition: none!important;-ms-transition: none!important;-o-transition: none!important;transition: none!important*/
}

body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
code,
del,
dfn,
em,
img,
q,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
captiont,
tbody,
tfoot,
thead,
tr,
th,
article,
aside,
dialog,
figure,
footer,
header,
hgroup,
nav,
section {
	margin: 0;
	padding: 0;
	border: 0
}

article,
aside,
details,
figcaption,
figure,
dialog,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block
}

caption,
th,
td {
	/*text-align:left;*/
	font-weight: normal
}

a img {
	border: none
}


/*:focus {outline:0}*/

::selection {
	background: #880a0f;
	color: #fff
}

::-moz-selection {
	background: #880a0f;
	color: #fff
}

.clear {
	clear: both
}

.clearH {
	clear: both;
	height: 1px
}

.displayBlock {
	display: block
}

.displayInlineB {
	display: inline-block
}

.textAlign {
	text-align: left
}

.textAligntDir {
	text-align: Right
}

.textAlignC {
	text-align: center
}

.vAlign {
	vertical-align: middle
}

.vAlignBottom {
	vertical-align: bottom
}

a {
	color: #880a0f
}

a:hover {
	color: #5e0508;
	text-decoration: none
}

a:visited {
	color: #880a0f
}

a:focus {
	color: #5e0508
}

h1 {
	color: #ffffff;
	font-size: 1.7935714285714em;
	margin-bottom: 4px;
	text-transform: capitalize;
}

h2 {}

h3 {}

h4 {}

h5 {}

h6 {}

p {}

ul {
	list-style-type: none
}

.bold {
	font-weight: 600
}


/**************************************************** Share Point Issues ***************************************************/


/*  Remove the white spaces at the bottom */

#s4-bodyContainer {
	padding-bottom: 0
}

#pageStatusBar {
	margin-bottom: 0 !important
}

object[style="visibility: hidden;"] {
	display: none !important
}

.ms-webpartzone-cell {
	margin: 0
}


/*  BreadCrumb  */

.breadcrumbRootNode {
	display: none
}

#breadcrumb span span:nth-child(2) {
	display: none
}


/* Scroll Issue for the public site  */

.ms-webpart-zone,
.ms-webpart-cell-vertical,
.ms-webpart-chrome-vertical {
	display: block
}


/* Dialog */

.ms-dialog h3 {
	margin-top: 0
}

.ms-dialog #MainContent {
	width: auto;
	min-height: 10px
}

.ms-dialog #MasterRightColumn {
	width: 99.9%;
	padding-bottom: 0
}

.ms-dialog body #s4-workspace {
	overflow-y: auto !important
}


/* web part zone tool bar */

#MSOTlPn_MainTD {
	position: absolute;
	width: 0 !important
}

#MSOTlPn_Tbl {
	position: fixed;
	z-index: 10;
	top: 194px;
	width: 295px !important
}

#MSOTlPn_Parts .ms-ToolPaneBody {
	max-height: 300px !important;
	overflow-y: auto !important;
	overflow-x: hidden !important
}

#MSOTlPn_Tbl .ms-TPBorder {
	width: 100%
}

#MSOTlPn_Parts .ms-ToolPaneBody .UserSectionBody {
	overflow-x: auto;
	width: 265px
}

#MSOTlPn_Parts .ms-ToolPaneBody .UserSectionBody select,
#MSOTlPn_Parts .ms-ToolPaneBody .UserSectionBody input[type="text"] {
	width: 230px !important
}


/*Generic Classes*/

.GreyBG {
	background-color: #e9e9e9
}

.darkGreyBg {
	background-color: #2a2a2c
}

.whiteFont {
	color: #fff
}

.RedText {
	color: #880a0f
}

.RedText:hover {
	color: #ab030a
}

.RedText:visited {
	color: #ab030a
}

.Date {
	font-size: 11px
}

.CenteredItems {
	text-align: center
}

h2.sideHeader {
	color: #970a0f;
	border-bottom: 1px solid #d2a2a4;
	padding-bottom: 10px;
	font-size: 23px;
	margin-bottom: 20px
}


/*HomePage latest News*/

#newsHomeCont div[class*="ms-"] {
	display: block !important
}

#newsHomeCont .newsCarousel {
	margin-bottom: 30px
}

.LatestNews .owl-item {
	/*padding-right:17px*/
}

.LatestNews .HeaderRedBorder {
	margin: 10px 0px
}

.LatestNews .HeaderRedBorder .MainHeader {
	line-height: 2em;
	margin-top: 0px;
	display: inline-block;
	font-size: 27px
}

.LatestNews .DFimg>img {
	width: 100%;
	height: 187px
}

.LatestNews .NewsItemListBR {
	padding: 17px 15px
}

.LatestNews .NewsItemListBR .NewsTitle {
	height: 50px;
	margin: 10px 0px;
	font-size: 18.5px;
	font-weight: 600
}

.LatestNews .NewsItemListBR p {
	height: 60px;
	margin-bottom: 7px;
	font-size: 13px
}

.LatestNews .Newsreadmore {
	font-weight: 600;
}

.LatestNews a {
	font-size: 16px;
	text-decoration: none
}

.LatestNews .Newsreadmore:after {
	content: "";
	width: 20px;
	height: 20px;
	background: url("/Style Library/Images/nexticon-en.png") no-repeat;
	display: inline-block;
	margin: 0px 0px -4px 0px
}

.LatestNews .carouselNav {
	position: absolute;
	bottom: 0
}


/*QuickLinksHome*/

.QuickLinksHome {
	background-color: #e9e9e9
}

.QuickLinksHome .QuickLinksInner {
	text-align: center
}

.QuickLinksHome .QuickLinksItems .QuickLinksIcon {
	margin: 24px 0px
}

.QuickLinksHome .QuickLinksItems .QuickLinksHeader {
	margin: 0px 0px 15px 0px;
	font-weight: bold;
	font-size: 15.5px
}

.QuickLinksHome .QuickLinksItems p {
	font-weight: bold;
	font-size: 12.5px;
	height: 50px
}

.QuickLinksHome .QuickLinksItems .ReadMoreBtn {
	margin: 25px 0px
}

.QuickLinksHome .QuickLinksItems .ReadMoreBtn .genBtn {
	width: 160px
}


/***MasterPage Adjustments****/


/**header**/

.currentLang {
	display: none
}

#header .langSwitcher a:hover {
	color: #880a0f
}


/**mega Menu**/

#megaMenu .nav>li {
	position: static
}

#megaMenu .mega-dropdown-menu {
	width: 73%;
	background: rgb(42, 42, 44);
	margin-top: 7px;
	padding: 20px;
	box-shadow: 0 0 0 0;
	border: 0;
	border-radius: 0;
	min-height: 340px;
}

.megaMenuOverlay .fadeMe {
	background: rgba(42, 42, 44, 0.8);
	width: 100%;
	height: 100%;
	z-index: 10000;
	top: 0;
	position: fixed
}

#ms-designer-ribbon {
	/*z-index:10001;*/
	z-index: 1504;
	position: relative;
}


/*export pdf fix*/

.megaMenuOverlay header {
	z-index: 10001;
	position: relative;
	background-color: #fff
}

#megaMenu .mega-dropdown-menu>li {
	width: 39.5%
}

#megaMenu .mega-dropdown-menu>li:first-child {
	width: 21%;
}

#megaMenu .mega-dropdown-menu>li>ul,
#megaMenu .mega-dropdown-menu>li>div {
	padding: 0 5px
}

#megaMenu .nav.navbar-nav .mega-dropdown-menu>li a {
	display: block;
	padding: 0 0 10px;
	text-decoration: underline;
	text-transform: capitalize;
	font-size: 0.83714285714286em
}

#megaMenu .nav.navbar-nav .mega-dropdown-menu>li a:hover {
	background-color: transparent
}

#megaMenu .nav.navbar-nav .mega-dropdown-menu>li div a {
	font-size: 1.0614285714286em;
	text-transform: uppercase
}

#megaMenu .nav.navbar-nav .mega-dropdown-menu>li div img {
	width: 100%;
	object-fit: cover;
	height: 153px;
	max-width: 100%
}

#megaMenu .nav.navbar-nav .mega-dropdown-menu>li a.highlightedBtn {
	background-color: #880a0f;
	text-align: center;
	text-decoration: none !important;
	padding: 10px !important;
	font-weight: bold;
	margin-top: 14px;
	font-size: 13px !important
}

#megaMenu .nav.navbar-nav .mega-dropdown-menu>li a.highlightedBtn:hover {
	background-color: rgba(136, 10, 15, 0.83);
}

#megaMenu .nav.navbar-nav>li.open {
	color: #fff;
	background: #880a0f
}


/***footer**/

#newsLetter img {
	max-width: 100%
}

#newsLetter {
	padding: 30px 0 15px
}

.contactInfo {
	font-size: 1.0228571428571em
}

.footerLogo {
	margin-bottom: 30px
}

.footerLogo img {
	margin-bottom: 10px
}

.footerLogo span {
	display: block;
	font-size: 0.96em
}

.info {
	color: rgba(255, 255, 255, 0.55)
}

.info,
.ContactTitle {
	display: block;
	margin-bottom: 5px
}

.ContactTitle {
	text-transform: uppercase;
	margin-bottom: 10px
}

.mail {
	margin: 30px 0
}

.footerContactUs:after {
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0
}

#siteMap {
	background: url("../Images/FooterBg.jpg") no-repeat top/cover;
	padding: 25px 0
}

.siteMapContainer:after,
.siteMapCol:after {
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0
}

.siteMapCol {
	margin-bottom: 20px
}

.siteMapTitle {
	text-transform: uppercase;
	margin-bottom: 12px;
	font-size: 1.0228571428571em;
	display: block
}

.siteMapCol a {
	font-size: 0.95928571428571em;
	color: rgba(255, 255, 255, 0.5)
}

.siteMapCol a:hover {
	color: #fff
}

.siteMapCol:nth-child(4n+1) {
	clear: both
}

#newsLetter {
	/*display:none*/
}


/**loader styling**/

.jimu-loading-shelter {
	background: #2a2a2c !important;
	opacity: 0.8 !important;
}

.jimu-loading-shelter .loading-container .img-div {
	/* position: absolute; */
	/* left: 0; */
	/* top: 0; */
	/* width: 200px!important; */
	/* height: 200px!important; */
	/* background:transparent url("../Images/Double Ring.gif") no-repeat !important; */
	/* -webkit-box-shadow: 0 0 0 rgba(0,0,0,0.3)!important; 
	-moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.3) !important;
	-o-box-shadow: 0 0 0 rgba(0, 0, 0, 0.3) !important;
	 box-shadow: 0 0 0 rgba(0,0,0,0.3)!important; */
	box-shadow: none !important;
	margin: 20% auto;
	border-bottom: 6px solid #eeeeee;
	border-left: 6px solid #eeeeee;
	border-right: 6px solid #eeeeee;
	border-top: 6px solid #880a0f;
	border-radius: 100%;
	height: 150px;
	width: 150px;
	-webkit-animation: spin 1s infinite linear;
	-moz-animation: spin 1s infinite linear;
	-ms-animation: spin 1s infinite linear;
	-o-animation: spin 1s infinite linear;
	animation: spin 1s infinite linear;
	opacity: 1;
	filter: alpha(opacity=100);
	width: 150px !important;
	height: 150px !important;
	background-color: transparent !important;
}

.jimu-loading-shelter .loading-container img {
	display: none
}

.jimu-loading-shelter .loading-container {
	top: 38vh !important;
	left: 44% !important
}

@keyframes spin {
	from {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(359deg);
		-moz-transform: rotate(359deg);
		-o-transform: rotate(359deg);
		-ms-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}

@-moz-keyframes spin {
	from {
		-moz-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-moz-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}

@-webkit-keyframes spin {
	from {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}

@-ms-keyframes spin {
	from {
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
		transform-origin: center center;
	}
	to {
		-ms-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}

@-o-keyframes spin {
	from {
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-o-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}


/***header**/

.pageDetails {
	background: url(../Images/Banner3.jpg) no-repeat left center;
	/*min-height: 258px;*/
	min-height: 400px;
	background-size: cover
}

.headerBlock {
	background-color: rgba(42, 42, 44, 0.9);
	padding: 18px;
	min-height: 95px;
	/*margin:140px 0 20px */
	margin: 285px 0 20px
}

.headerBlock:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0
}

.borderedHead {
	background: transparent;
	min-height: auto
}

.borderedHead .headerBlock {
	background: transparent;
	color: #2a2a2c;
	margin: 20px 0;
	min-height: auto
}

.borderedHead .headerBlock h1 {
	color: #2a2a2c;
	line-height: 20px;
	padding-top: 5px;
	margin-bottom: 0;
}

@media (max-width: 402px) {
	.borderedHead .headerBlock h1 {
		font-size: 1.7rem;
		padding: 5px 0px
	}
}

#exploreOppCont #showMap,
#exploreOppCont #hideMap,
.HeaderButtonCont .genBtn {
	margin-top: 5px;
}

.HeaderButtonCont .genBtn {
	min-width: 162px;
	text-align: center;
	padding: 13px
}


/**breadcrumb**/

.breadcrumbRootNode {
	display: none
}

#breadcrumb a,
#breadcrumb span.breadcrumbCurrentNode {
	text-transform: capitalize;
	font-size: .875em;
	/*direction:ltr;*/
	display: inline-block;
	color: #fff;
}

#breadcrumb .breadcrumbNode,
#breadcrumb .breadcrumbCurrentNode {
	vertical-align: middle
}

#breadcrumb a:hover {
	text-decoration: underline
}

#breadcrumb span.breadcrumbCurrentNode {
	color: #f4f2e7
}

#breadcrumb span span:nth-child(2n+0) {
	font-size: 12px;
	color: #f4f2e7;
	padding: 5px;
}

#breadcrumb span {
	/*vertical-align:middle;*/
	display: inline-block
}

#breadcrumb .breadcrumbRootNode {
	display: none
}

.borderedHead .headerBlock #breadcrumb a,
.borderedHead .headerBlock #breadcrumb span.breadcrumbCurrentNode,
.borderedHead .headerBlock #breadcrumb span.breadcrumbCurrentNode,
.borderedHead .headerBlock #breadcrumb span span:nth-child(2n+0) {
	color: #2a2a2c
}


/**opportunities profile statistics tab**/

.govchart svg {
	max-width: 100%
}

#governoratestatistics .govStatsBox {
	background: #f4f3f3;
	padding: 25px;
	text-align: center;
	margin-bottom: 15px;
	text-align: center
}

.attrNameMainTitle {
	margin-bottom: 20px
}

.attrNameTitle {
	display: block;
	margin-bottom: 10px;
	height: 68px;
}


/**oportunity landing***/


/**main slider**/

.darkCarouselCont .bannerDesc {
	background: rgba(47, 47, 50, 0.9);
	color: #f4f2e7;
	height: 141px
}

.darkCarouselCont .bannerDesc .bannerBrief {
	border-top: 0
}

.darkCarouselCont .bannerDesc .bannerTitle {
	border-bottom: 0
}

.darkCarouselCont .bannerBrief {
	text-transform: capitalize;
	font-size: 1.7935714285714em
}

.darkCarouselCont .owl-theme .owl-dots .owl-dot span {
	border-color: #fff;
}


/**msg**/

.innerMsg .pageMsgContent {
	padding: 30px auto
}


/***featured slider**/

.oppCarouselCont .bannerDesc {
	width: 70%;
	height: auto;
	background: transparent;
	color: #fff;
	padding: 0;
	position: absolute;
	bottom: 0;
	top: 25px;
	left: 40px;
}

.oppCarouselCont .bannerDesc .bannerTitle {
	font-size: 2.1592857142857em;
	border-bottom: 0;
	padding: 4px 20px
}

.oppCarouselCont .carouselNav {
	bottom: 0;
	top: 26px;
}

.oppCarouselCont .prevBanner,
.oppCarouselCont .nextBanner {
	height: 39px
}

.oppCarouselCont .owl-theme .owl-dots .owl-dot span {
	border: 1px solid #fff
}


/*.homeCarouselCont .owl-theme .owl-dots .owl-dot.active span, .homeCarouselCont .owl-theme .owl-dots .owl-dot:hover span{background:transparent}*/


/***opportunity quick links***/

.oppQuickLinks {
	margin: 30px 0
}

.oppQuickLinks .QuickLinksInner {
	background-color: #fff;
	padding: 35px
}

.oppQuickLinks:first-child .QuickLinksInner,
.oppQuickLinks:nth-child(3) .QuickLinksInner {
	color: #fff
}

.QuickLinksHome .oppQuickLinks:nth-child(3) .ReadMoreBtn .genBtn,
.QuickLinksHome .oppQuickLinks:nth-child(1) .ReadMoreBtn .genBtn,
.compareList .doCompare {
	background-color: #fff;
	color: #2a2a2c !important
}

.compareList .doCompare.doCompareDimmed,
.compareList .doCompare.doCompareDimmed:hover {
	border: 1px solid #999999;
	background: #cccccc;
	color: #666666 !important;
	cursor: context-menu
}

.QuickLinksHome .oppQuickLinks:nth-child(3) .genBtn:hover,
.QuickLinksHome .oppQuickLinks:nth-child(1) .genBtn:hover,
.compareList .doCompare:hover {
	background-color: #f4f2e7
}

.oppQuickLinks:first-child .QuickLinksInner {
	background-color: #880a0f;
}

.oppQuickLinks:nth-child(3) .QuickLinksInner {
	background-color: #2a2a2c
}

.QuickLinksItems .oppQuickLinks .QuickLinksHeader {
	font-size: 1.4em
}

.QuickLinksIcon img {
	width: 63px;
	height: 64px
}

.oppQuickLinks .QuickLinksIcon img {
	width: 118px;
	height: 107px
}

.QuickLinksHome .QuickLinksItems p {
	overflow: hidden
}

.oppQuickLinks .QuickLinksInner {
	height: 413px
}


/***galleria***/


/*Filter*/

div[id*="ParentControlsDiv"] {
	margin: 20px 0 35px
}

div[id*="ParentControlsDiv"]>.field {
	width: 27.2%;
	float: left
}

div[id*="ParentControlsDiv"]>.field>.LabelDiv {
	display: none
}

div[id*="ParentControlsDiv"]>.field input,
div[id*="ParentControlsDiv"]>.field select {
	height: 38px;
	border-color: #828282;
	width: 97%
}

div[id*="ParentControlsDiv"]>.field input::placeholder {
	color: #363533
}

div[id*="ParentControlsDiv"]>.field select {
	width: 53%
}

div[id*="ParentControlsDiv"] input[type="submit"] {
	background-color: #2b2b2d;
	color: #fff;
	font-size: 13px;
	height: 38px;
	border-color: #7f7f7f
}

div[id*="ParentControlsDiv"] input[id*="btnFilter"] {
	background-color: #880a0f
}


/*News & Events Landing*/

.eventsLandingItems .firstEventItem {
	position: relative;
	display: block;
	height: 205px
}

.eventsLandingItems .firstEventItem .eventItemInfo {
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.3);
	width: 100%;
	height: 100%;
	color: #fff;
	text-align: center;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: space-around;
	flex-flow: column;
	height: 100%;
}

.eventsLandingItems .firstEventItem img {
	width: 100%;
	height: 205px
}

.eventItemInfo>.firstEventDay {
	font-size: 70px;
	font-weight: bold;
}

.eventsLandingItems {
	/*padding-bottom: 10px;*/
	margin-bottom: 30px;
	height: 460px
}

.eventsLandingItems .eventItemInfo .firstEventLocation {
	font-size: 18px
}

.eventsLandingItems .eventItemInfo .remainingDate {
	font-size: 17px;
}

.eventsLandingItems .otherEventItems {
	padding: 25px 17px;
	display: block;
	color: #fff !important;
	text-decoration: none !important
}

.eventsLandingItems .otherEventItems .row {
	display: flex;
	align-items: center
}

.eventsLandingItems .otherEventItems .col-md-3 span {
	font-size: 16px
}

.eventsLandingItems .otherEventItems .otherEventTitle {
	position: relative
}

.eventsLandingItems .otherEventItems .otherEventTitle:after {
	content: '';
	position: absolute;
	top: calc(50% - 10px);
	background: url('/Style Library/Images/dblArw.png');
	width: 15px;
	height: 15px
}

.newsLanding .newsCarousel+.alignRight {
	margin-bottom: 30px
}

.newsLanding .NewsTitle {
	line-height: 0.8em;
	margin: 8px 0 !important
}

.newsLanding .Date {
	font-size: 9px
}

.newsLanding .Category {
	margin-bottom: 8px
}

.newsLanding p {
	font-size: 11px !important;
	height: 33px !important;
	line-height: 1em !important
}

.newsLanding .NewsTitle a {
	font-size: 14px;
	color: #2a2a2c !important
}

.newsLanding .Newsreadmore {
	font-size: 11px
}

.newsLanding .HeaderRedBorder {
	margin: 0 0 10px;
}

.newsLanding .genBtn {
	padding: 10px 55px !important
}

.NewsItemList.NewsItemListDev img {
	height: 140px
}

.Category {
	color: #fff;
	background: #880a0f;
	border-radius: 5px;
	font-size: 12px;
	display: inline-block;
	margin-bottom: 10px
}


/*News Listing*/

.listingStyleTwo {
	margin-bottom: 30px;
}

.listingStyleTwo .itemListingStyleTwo {
	margin-bottom: 10px;
	position: relative
}

.itemListingStyleTwo .itemListingStyleTwoImg {
	width: 35%;
	top: 0;
	height: 100%;
	position: absolute;
	overflow: hidden;
}

.listingStyleTwo .itemListingStyleTwo img {
	width: 100%;
	height: 100%
}

.itemListingStyleTwo .itemListingStyleTwoInfo {
	background: #e3e3e3;
	padding: 15px;
	border-radius: 3px
}

.itemListingStyleTwo .itemListingStyleTwoInfo h3 {
	line-height: 0.6em
}

.itemListingStyleTwo .itemListingStyleTwoInfo h3 a {
	font-size: 14px;
	font-weight: bold;
	color: #2a2a2c !important;
	text-decoration: none !important
}

.itemListingStyleTwo .itemListingStyleTwoDate,
.itemListingStyleTwo p {
	margin: 9px 0
}

.itemListingStyleTwo .itemListingStyleTwoDate {
	font-size: 12px
}

.listingStyleTwo .itemListingStyleTwo .LatestNews a {
	font-size: 14px
}

.itemListingStyleTwo p {
	font-size: 13px
}

.listingStyleTwo .Category {
	position: absolute;
	bottom: 15px;
	margin-bottom: 0
}


/*News Details*/

.NewsDetailsItem {
	margin-top: 20px
}

.NewsDetailsItem .itemDetailsWrap {
	border-radius: 4px
}

.NewsDetailsItem .itemDetailsWrap #itemImg {
	position: relative
}

.NewsDetailsItem .itemDetailsWrap #itemImg #itemCategory {
	position: absolute;
	bottom: 10px;
	background: #970a0f;
	border-radius: 5px;
	display: block;
	color: #fff !important
}

.NewsDetailsItem #itemImg img {
	width: 100%;
	border-radius: 4px 4px 0 0;
	max-height: 420px
}

.NewsDetailsItem .itemDetailsInfoWrap {
	background: #e3e3e3;
	padding: 15px;
	border-radius: 0 0 4px 4px
}

.NewsDetailsItem .itemDetailsInfoWrap .title {
	font-weight: bold;
	font-size: 21px;
	margin-bottom: 65px
}

.NewsDetailsItem span#spnDate {
	font-size: 12px
}

.NewsDetailsItem .itemDetailsInfoWrap {
	margin-bottom: 30px
}

.NewsDetailsItem div[id*="RichHtmlField"].ms-rtestate-field {
	color: #383737;
	font-size: 15px
}

.emptyMsg {
	text-align: center;
	background: #e7e7e7;
	padding: 20px 0;
	font-weight: bold;
	color: #880a0f;
	font-size: 20px;
	border: 5px solid #c7c7c7
}


/*Pager*/

.AspNetPagerClass {
	margin: 30px;
	text-align: center
}

.AspNetPagerClass a,
.AspNetPagerClass span {
	min-width: 35px;
	height: 35px;
	display: inline-block;
	padding-top: 7px;
	font-weight: bold;
	text-decoration: none !important;
	border: 1px solid transparent;
	border-radius: 50%;
}

.AspNetPagerFirstLastButtonsClass,
.AspNetPagerPrevNextButtonsClass {
	color: #000
}

.AspNetPagerClass span {
	background: #880a0f;
	color: #fff;
	border-radius: 50%;
}

.AspNetPagerPageIndexBoxClass,
.AspNetPagerSubmitButtonClass {
	display: none
}

a.AspNetPagerPagingButtonsClass {
	color: #000;
}

.AspNetPagerClass a:hover {
	border: 1px solid #c5c5c5
}

.mrgT0 {
	margin-top: 0 !important
}

.mrgT20 {
	margin-top: 20px !important
}


/*tags*/

.tags a {
	background: #970a0f;
	padding: 8px 15px;
	color: #fff !important;
	border-radius: 5px;
	display: inline-block;
	margin: 0 12px 10px 0
}

.tags a:hover {
	background: #272d32
}

.attachments {
	margin-bottom: 30px
}

.attachments a {
	background: #fff;
	padding: 18px;
	border: 1px solid #880a0f
}

@media (min-width: 992px) {
	#megaMenu .nav.navbar-nav>li.dropdown.mega-dropdown.first,
	#megaMenu .nav.navbar-nav>li.dropdown.mega-dropdown.last {
		position: relative
	}
	#megaMenu .mega-dropdown-menu.last,
	#megaMenu .mega-dropdown-menu.first {
		width: 850px
	}
	.dropdown-menu {
		right: 13%;
		left: 13%;
	}
}

@media (min-width: 1550px) {
	.jimu-loading-shelter .loading-container {
		top: 40vh !important
	}
}

@media (max-width: 1199px) and (min-width: 991px) {
	/*Filter*/
	div[id*="ParentControlsDiv"]>.field {
		width: 25.8%
	}
}

@media (max-width: 990px) and (min-width: 768px) {
	.container {
		width: 96%
	}
	/**footer**/
	.contactInfo {
		/*margin: 8px 48px 79px*/
		width: 50%;
		margin-bottom: 30px;
		padding: 0 20px
	}
	.siteMapCol:nth-child(5n+0) {
		clear: both
	}
	.footerLogo {
		width: 50%
	}
	.mail {
		margin: 10px 0
	}
	/*Filter*/
	div[id*="ParentControlsDiv"]>.field {
		width: 23.5%
	}
	#megaMenu .mega-dropdown-menu {
		width: 100%
	}
	.NewsDetailsItem #itemImg img {
		max-height: 320px
	}
	.navbar-default .navbar-toggle:hover,
	.navbar-default .navbar-toggle:focus {
		background-color: #2a2a2c;
	}
	/*News Landing*/
	.newsLanding .newsCarousel+.alignRight {
		margin-bottom: 20px
	}
}

@media (max-width: 767px) {
	/*Loader*/
	.jimu-loading-shelter .loading-container {
		left: 40% !important
	}
	.siteMapCol:nth-child(3n+1) {
		clear: both
	}
	/**footer**/
	.contactInfo .genBtn {
		display: block
	}
	.contactInfo {
		float: none;
		margin: 0;
		text-align: center;
	}
	.ContactTitle {
		display: none/*font-size:1.25em;margin-bottom: 10px;background-color: #880a0f;min-width: 60%;margin: 0 auto;padding: 10px;display: inline-block*/
	}
	.siteMapContainer,
	.footeLogo,
	.info {
		display: none
	}
	.footerLogo {
		float: none !important
	}
	/*filter*/
	div[id*="ParentControlsDiv"]>.field {
		width: 100% !important
	}
	div[id*="ParentControlsDiv"]>.field input,
	div[id*="ParentControlsDiv"]>.field select {
		width: 100%;
		margin-bottom: 10px
	}
	div[id*="ParentControlsDiv"] input[type="submit"] {
		margin: 0
	}
	/*News & Events Landing*/
	.newsLanding.LatestNews .owl-item {
		padding: 0
	}
	.eventsLandingItems {
		margin-bottom: 20px;
		height: 408px
	}
	.LatestNews .NewsItemListDev {
		margin-bottom: 20px
	}
	/*News Filter*/
	.itemListingStyleTwo .itemListingStyleTwoImg {
		width: 100%;
		position: static;
		margin-bottom: 10px;
		text-align: center
	}
	.itemListingStyleTwo .itemListingStyleTwoImg img {
		height: auto;
		width: 100%
	}
	.listingStyleTwo .Category {
		bottom: auto;
		top: 30px
	}
	/**mega menu mobile view**/
	#megaMenu .nav.navbar-nav>li {
		float: none
	}
	.mega-dropdown {
		position: relative
	}
	#megaMenu .mega-dropdown-menu {
		/* display: block!important; */
		float: none;
		width: 101.5%;
		position: relative;
		background: #131315;
		margin-top: -9px
	}
	#megaMenu .nav.navbar-nav .mega-dropdown-menu>li div img {
		display: none
	}
	#megaMenu .mega-dropdown-menu>li {
		float: none;
		width: 70% !important
	}
	#megaMenu .nav.navbar-nav .mega-dropdown-menu>li a.highlightedBtn {
		position: absolute
	}
	#megaMenu .nav.navbar-nav .mega-dropdown-menu>li a {
		font-size: 1.0614285714286em;
	}
	div[id*="ParentControlsDiv"] input[id*="btnFilter"] {
		float: none !important
	}
	#megaMenu .mega-dropdown-menu>li {
		float: none
	}
	.megaMenuOverlay .fadeMe {
		background: transparent;
		position: inherit;
	}
	.navbar-collapse {
		max-height: none
	}
	#megaMenu .nav>li,
	#megaMenu .mega-dropdown-menu {
		position: relative
	}
	.NewsDetailsItem #itemImg img {
		max-height: 220px
	}
	.navbar-default .navbar-toggle:hover,
	.navbar-default .navbar-toggle:focus {
		background-color: #880a0f;
	}
	#megaMenu .mega-dropdown-menu>li {
		float: none
	}
	#megaMenu .nav.navbar-nav .mega-dropdown-menu>li a.highlightedBtn {
		bottom: 10px
	}
}

@media (max-width: 480px) {
	.footerSiteMap {
		display: none
	}
	#megaMenu .mega-dropdown-menu {
		width: 103%;
	}
}


/******/


/*R1 map fixes*/

#map #map_root .mainSection {
	display: flex
}

#map #map_root .mainSection .invPopupImgCont {
	display: inline-block
}

#map #map_root .mainSection .invPopupImg {
	height: 100%;
	float: none;
	object-fit: fill;
}

#map #map_root .mainSection .invPopupContent {
	display: inline-block;
	float: none;
}
#map #map_root .mainSection .invPopupContent:not(.popWithActions) {
	padding-bottom: 32px;
}

#map #map_root .mainSection .popupActions {
	position: absolute;
	height: 32px;
	bottom: 0
}

#map #map_root .mainSection .popupActions a.popupShowClassicProfile {
	float: none
}

.headerSide #dropdownMenuButton>span {
	white-space: nowrap;
	max-width: 110px;
	overflow: hidden;
	display: inline-block;
	text-overflow: ellipsis
}

#exploreOppCont .shrink .devProjects .readMoreDots:after,
#exploreOppCont .shrink #opportunityProfile .description #btnLandmarkExpand:after {
	font-family: MapIcons;
	content: "\ea0a";
	font-size: 0.8em;
	margin: 0 5px;
}

#exploreOppCont .shrink .devProjects .readMoreDots:after{
	vertical-align: top;
}

/*#exploreOppCont .shrink .devProjects .readMoreDots{    margin-top: -2px;}*/


/** R2 styles Mariam**/


/*NewsLetter footer*/

.NewsLetterSection .newsLetterTitle {
	margin: 15px 0;
	padding: 0;
	font-size: 15px
}

.NewsLetterSection .formInput .inputCont {
	background: #464647;
	border-radius: 5px;
}

.NewsLetterSection .formInput .form-control {
	font-size: 15px;
	width: 100%;
	min-height: 50px;
	border: 0;
	color: #fff;
	line-height: 50px
}

.NewsLetterSection .formInput .form-control::placeholder {
	font-size: 15px;
	line-height: 50px;
	color: #fff
}

.NewsLetterSection #div_Submit {
	margin: 3px 0
}

.NewsLetterSection #div_Submit a {
	text-transform: uppercase;
	background: #880a0f;
	font-size: 15px;
	padding: 12px;
	border-radius: 5px;
	display: inline-block;
	width: 100%;
	margin: 0;
	color: #fff;
	text-align: center
}

.NewsLetterSection #div_Submit a:hover {
	background: #970a0f
}

.NewsLetterSection .successMsg {
	color: #fff !important
}

.NewsLetterSection .successMsg:before {
	content: '\2611';
	font-size: 2.3em;
	margin: 0 5px;
	vertical-align: middle
}

@media screen and (max-width:769px) {
	.NewsLetterSection .newsLetterTitle {
		padding: 0 15px
	}
}


/*explore listing*/

#searchListing .listItem .listAnchor {
	display: inline-block;
	width: 100%;
	color: #383737
}


/*explore map new features*/

#map .mapFeaturesCont {
	margin: 5px 0 7px
}

#map .mapFeaturesCont{
	display: inline-flex;
}
#searchListItems .mapFeaturesCont {
	display: inline-block
}

#map .mapFeaturesCont .mapFeature,
#searchListItems .mapFeaturesCont .mapFeature {
	text-decoration: none;
	display: inline-block;
	color: #4b4b4b;
}

#map .mapFeaturesCont .mapFeature.disabledFeature,
#searchListItems .mapFeaturesCont .mapFeature.disabledFeature {
	opacity: 0.3;
	cursor: no-drop
}

#searchListItems .mapFeaturesCont .mapFeature {
	text-decoration: none;
	display: inline-block
}

#map .mapFeaturesCont.disabledAllFeature a,
#searchListItems .mapFeaturesCont.disabledAllFeature a {
	opacity: 0.3;
	cursor: no-drop
}

#map .mapFeaturesCont .mapFeature:before,
#searchListItems .mapFeaturesCont .mapFeature:before {
	font-size: 20px
}
#map .mapFeaturesCont .mapFeature.ReserveOpportunity::before{
	color: #4b4b4b;
	font-weight: bold;
}

#map .mapFeaturesCont .mapFeature:hover:before,
#searchListItems .mapFeaturesCont .mapFeature:hover:before,
#map .mapFeaturesCont .mapFeature:active:before,
#searchListItems .mapFeaturesCont .mapFeature:active:before,
#map .mapFeaturesCont .mapFeature:focus:before,
#searchListItems .mapFeaturesCont .mapFeature:focus:before,
#map .mapFeaturesCont .mapFeature.selectedItem:before,
#searchListItems .mapFeaturesCont .mapFeature.selectedItem:before {
	color: #880a0f
}

#searchFiltering .listItem .activeBidTag,
#searchListing .listItem .activeBidTag{
	display: inline-block;
    font-size: 0.85em;
    padding: 0 5px;
    color: #880a0f;
    border: 1px solid #880a0f;
    border-radius: 5px;
}

/*features dropdown*/

#opportunityProfile #oppourtunityDetails li#featuresBurgerMenu {
	position: relative
}

#opportunityProfile #oppourtunityDetails #featuresBurgerMenu img {
	height: 22px
}

#opportunityProfile #oppourtunityDetails #featuresBurgerMenu .featuresDropDown {
	width: 220px;
	display: none;
	background-color: #e0e0e0;
	position: absolute;
	z-index: 992;
	border-top: 1px solid #b9b9b9
}

#opportunityProfile #oppourtunityDetails #featuresBurgerMenu .featuresDropDown li {
	display: block;
	width: 100%;
	border-bottom: 1px solid #b9b9b9
}

#opportunityProfile #oppourtunityDetails #featuresBurgerMenu .featuresDropDown a {
	display: inline-block;
	width: 100%;
	color: #000;
	padding: 15px 0;
	height: auto
}

#opportunityProfile #oppourtunityDetails #featuresBurgerMenu .featuresDropDown a.disabledFeature {
	opacity: 0.3;
	cursor: no-drop
}

#opportunityProfile #oppourtunityDetails #featuresBurgerMenu .featuresDropDown a:hover,
#opportunityProfile #oppourtunityDetails #featuresBurgerMenu .featuresDropDown a:active,
#opportunityProfile #oppourtunityDetails #featuresBurgerMenu .featuresDropDown a:focus {
	background-color: #880a0f;
	color: #000
}

#opportunityProfile #oppourtunityDetails #featuresBurgerMenu .featuresDropDown a:focus,
#opportunityProfile #oppourtunityDetails #featuresBurgerMenu .featuresDropDown a:active {
	text-decoration: none;
	outline: none
}

#opportunityProfile #oppourtunityDetails #featuresBurgerMenu .featuresDropDown a:before {
	color: #880a0f;
	padding: 0 15px;
	font-size: 20px
}

#opportunityProfile #oppourtunityDetails #featuresBurgerMenu .featuresDropDown li:hover a,
#opportunityProfile #oppourtunityDetails #featuresBurgerMenu .featuresDropDown li:hover a:before {
	color: #fff
}

#opportunityProfile #oppourtunityDetails #featuresBurgerMenu .featuresDropDown span {
	text-transform: capitalize
}

#opportunityProfile #oppourtunityDetails #featuresBurgerMenu .featuresDropDown span.icon-compare {
	vertical-align: bottom
}


/*Compare bar*/

.compareList {
	width: 100%;
	background-color: #880a0f;
	position: absolute;
	bottom: 0;
	z-index: 5;
	padding: 20px 25px 15px 20px;
	height: 140px;
	transition: height 500ms ease;
	-moz-transition: height 500ms ease;
	-ms-transition: height 500ms ease;
	-o-transition: height 500ms ease;
	-webkit-transition: height 500ms ease
}

.compareList .compareCarousel {
	width: 45%
}

.compareList .compareItem {
	height: 100px;
	width: 100px;
	position: relative;
	display: inline-block;
	margin: 10px
}

.compareList .compareItem img {
	height: 100%;
	width: 100%;
	display: block
}

.compareList .compareItem a,
.compareList .compareSlider,
.compareList .compareListClearBtn {
	width: 20px;
	height: 20px;
	display: block;
	position: absolute;
	top: -10px;
	text-align: center;
}

.compareList .compareItem a {
	right: -10px;
	background-color: #fff;
	color: #2a2a2c
}

.compareList .compareItem a:hover {
	background-color: #f4f2e7
}

.compareList .itemTitle {
	min-height: 45%;
	width: 100%;
	background: rgba(0, 0, 0, 0.5);
	position: absolute;
	bottom: 0;
	padding: 10px;
	color: #fff;
	text-transform: capitalize
}

.compareList .doCompare {
	padding: 10px 50px;
	text-transform: uppercase;
	font-size: 16px;
	position: absolute;
	top: 65px;
	cursor: pointer
}

.compareList .compareSlider,
.compareList .compareListClearBtn {
	background: #000
}

.compareList .compareSlider img {
	height: 8px
}

.compareList .compareListClearBtn {
	color: #fff
}

.compareList .compareListClearBtn:active,
.compareList .compareListClearBtn:focus {
	text-decoration: none;
	outline: none
}

.compareList .owl-carousel .owl-controls .owl-nav {
	position: absolute;
	width: 100%;
	display: block;
	top: 40px
}

.compareList .owl-carousel .owl-controls .owl-nav .owl-prev,
.compareList .owl-carousel .owl-controls .owl-nav .owl-next {
	position: absolute;
	width: 25px;
	height: 25px;
	text-indent: unset;
	font-size: 0;
	background: #000 url('/Style Library/Images/carouselArrow.png') no-repeat center
}

.compareList .owl-carousel .owl-controls .owl-nav .owl-prev {
	transform: rotate(180deg)
}

#exploreOppCont.container .compareList.fullCompare {
	position: fixed;
	padding: 15px 381px;
}

#exploreOppCont.exploreFullScreen .compareList.fullCompare {
	display: none !important
}

.compareList .doCompare.dimmed {
	border: 1px solid #999999;
	background-color: #cccccc;
	color: #666666 !important;
	cursor: default
}

@media screen and (max-width:1440px) {
	#exploreOppCont.container .compareList.fullCompare {
		padding: 15px 135px
	}
}

@media screen and (max-width:1366px) {
	#exploreOppCont.container .compareList.fullCompare {
		padding: 15px 95px
	}
}

@media screen and (max-width:1024px) {
	#exploreOppCont.container .compareList.fullCompare {
		padding: 15px 35px
	}
	.compareList .compareCarousel {
		width: 68%
	}
	.compareList .doCompare {
		padding: 10px 35px
	}
}

@media screen and (max-width:768px) {
	#exploreOppCont.container .compareList.fullCompare {
		padding: 15px
	}
}

@media screen and (max-width:767px) {
	.compareList {
		padding: 15px
	}
	.compareList .compareCarousel {
		text-align: center
	}
	.compareList .doCompare {
		top: 51px
	}
}

@media screen and (max-width:414px) {
	.compareList .compareItem {
		margin: 10px 0
	}
	.compareList .doCompare {
		padding: 10px 10px;
		font-size: 14px
	}
}

@media screen and (max-width:320px) {
	.compareList .compareCarousel {
		width: 175px
	}
}


/*Send to friend popup*/

#TellFriend .modal-header,
#showFeesDetailsPopup .modal-header {
	background-color: #880a0f;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px
}

#TellFriend .modal-title,
#showFeesDetailsPopup .modal-title {
	color: #fff;
	text-align: center
}

#TellFriend #lbltellFriendPopup {
	font-size: 16px
}

#TellFriend #Emailtxt.formTxtBox {
	width: 65%;
	line-height: 2.5em
}

#TellFriend .modal-footer {
	margin-top: 0;
	text-align: center
}

#TellFriend .modal-content .modal-footer .genBtn:not(.cancelButton) {
	background-color: #880a0f;
	border-radius: 5px;
	margin: 5px
}


/*old bg #a2262b*/

@media screen and (max-width:767px) {
	#TellFriend #Emailtxt.formTxtBox {
		width: 100%
	}
}


/*Compare grid view*/

#ComparePopUp {
	background: rgba(0, 0, 0, 0.8)
}

#ComparePopUp .modal-dialog {
	width: 90%
}

#ComparePopUp .modal-content {
	max-height: 100%
}

#ComparePopUp .modal-header {
	background-color: #880a0f
}

#ComparePopUp .modal-title {
	color: #fff
}

#ComparePopUp .compareViewCloseBtn {
	position: absolute;
	top: 3px;
	color: #fff;
	font-size: 18px;
	font-weight: bold
}

#ComparePopUp .compareViewCloseBtn:active,
#ComparePopUp .compareViewCloseBtn:focus {
	text-decoration: none
}

#ComparePopUp .compareViewCloseBtn:focus {
	outline: none
}

#ComparePopUp .modal-body {
	padding: 30px
}

#ComparePopUp .responsiveScroll {
	overflow: auto;
	height: 60vh
}

#ComparePopUp .compareViewCont {
	/*display: flex;justify-content: center*/
	display: table;
	table-layout: fixed
}

#ComparePopUp .compareViewCont .compareProperties,
#ComparePopUp .compareViewCont .opportunityDetails {
	/*flex:1*/
	display: table-cell;
	width: 2%
}


/*IE9 fix*/

#ComparePopUp .compareViewCont .compareProperties .picDiv,
#ComparePopUp .compareViewCont .opportunityDetails .picDiv {
	height: 140px;
	line-height: 140px;
	padding: 0 20px
}

#ComparePopUp .compareViewCont .gridHeader {
	background-color: #2a2a2c;
	color: #fff;
	text-transform: capitalize;
	height: 95px;
	line-height: 95px
}

#ComparePopUp .compareViewCont .singleDetail {
	height: 85px;
	line-height: 85px
}

#ComparePopUp .compareViewCont .gridHeader,
#ComparePopUp .compareViewCont .singleDetail {
	padding: 0 20px;
	font-size: 16px
}

#ComparePopUp .compareViewCont .singleDetail h4 {
	display: none
}

#ComparePopUp .compareViewCont .gridHeader span,
#ComparePopUp .compareViewCont .singleDetail span {
	line-height: 1.3em;
	display: inline-block;
	vertical-align: middle
}

#ComparePopUp .compareViewCont .gridHeader,
#ComparePopUp .compareViewCont .compareProperties .singleDetail {
	font-weight: bold
}

#ComparePopUp .compareViewCont .singleDetail:nth-child(odd) {
	background: #ececec
}

#ComparePopUp .compareViewCont .opportunityDetails .singleDetail>img {
	width: 100px;
	height: 100px
}

@media screen and (max-width:1024px) and (min-width:769px) {
	#ComparePopUp .compareViewCont .gridHeader,
	#ComparePopUp .compareViewCont .singleDetail {
		font-size: 15px;
		padding: 0 10px
	}
}

@media screen and (max-width:768px) {
	/*#ComparePopUp .compareViewCont,
	#ComparePopUp .compareViewCont .opportunityDetails{display:block}*/
	#ComparePopUp .compareViewCont .opportunityDetails .singleDetail>img {
		width: 100%;
		height: 100%
	}
	#ComparePopUp .compareViewCont .compareProperties {
		display: none
	}
	#ComparePopUp .compareViewCont .opportunityDetails {
		border: 1px solid #999
	}
	#ComparePopUp .compareViewCont .opportunityDetails:not(:last-child) {
		margin-bottom: 20px
	}
	#ComparePopUp .compareViewCont .compareProperties .picDiv,
	#ComparePopUp .compareViewCont .opportunityDetails .picDiv,
	#ComparePopUp .compareViewCont .gridHeader,
	#ComparePopUp .compareViewCont .singleDetail {
		height: 120px;
		line-height: normal;
		padding: 15px;
	}
	#ComparePopUp .compareViewCont .singleDetail h4 {
		display: inline-block;
		color: #2a2a2c;
		font-size: 16px;
		font-weight: bold
	}
	#ComparePopUp .compareViewCont .singleDetail h4:after {
		content: ':';
		display: inline-block;
		margin: 0 2px
	}
}

@media screen and (max-width:414px) {
	#ComparePopUp .modal-body {
		padding: 20px
	}
	#ComparePopUp .modal-title {
		font-size: 18px
	}
	#ComparePopUp .compareViewCont .gridHeader,
	#ComparePopUp .compareViewCont .singleDetail,
	#ComparePopUp .compareViewCont .singleDetail h4 {
		font-size: 15px
	}
	#ComparePopUp .compareViewCont .compareProperties .picDiv,
	#ComparePopUp .compareViewCont .opportunityDetails .picDiv,
	#ComparePopUp .compareViewCont .gridHeader,
	#ComparePopUp .compareViewCont .singleDetail {
		padding: 10px;
	}
	#ComparePopUp .compareViewCont .singleDetail h4 {
		display: block
	}
}


/*Download pdf*/

#DownloadPDF .modal-footer {
	margin-top: 0;
	text-align: center
}


/*Tasks Grid*/

.NewsInPAnchorContainer ul {
	border: 1px solid #2a2a2c;
	border-radius: 4px;
	margin: 15px 30px;
	display: block;
	float: none;
	overflow: hidden;
	width: auto !important;
}

.NewsInPAnchorContainer .item {
	padding: 0
}

.NewsInPAnchorContainer .link-item {
	display: table;
	table-layout: fixed;
	width: 100%
}

.NewsInPAnchorContainer .link-item .itemCell {
	padding: 15px;
	text-align: center;
	display: table-cell;
	vertical-align: middle
}

.NewsInPAnchorContainer li:not(:last-child) .link-item {
	border-bottom: 1px solid #2a2a2c
}


/*listing issues fixes*/

#exploreMainSection #searchLanding,
#exploreMainSection #searchFiltering,
#exploreMainSection #searchListing {
	/*height:689px height:auto*/
}

#exploreOppCont:not(.container) #searchListing {
	min-height: auto;
}

.requestsSheetsCont #searchListing {
	height: auto;
	margin: 0 !important;
}

#searchListing #Pager {
	bottom: 0%;
	width: calc(100% - 24px)
}

#exploreOppCont:not(.container),
#exploreOppCont:not(.container) #exploreMainSection {
	margin-bottom: 0
}


/*bookmark opportunity*/

#exploreMainSection .searchBox .searchBtns a {
	vertical-align: middle
}

#BookmarksBtn {
	padding: 17px 12px;
	margin: 0
}

#searchListingPaging:after {
	display: block;
	content: '';
	clear: both
}

#searchListItems .BookmarkListHeader {
	background: #4b4b4b;
	padding: 10px 15px;
	display: none
}

#searchListItems .BookmarkListHeader h4 {
	color: #fff
}

.searchBtns .disabledMapFeature,
#map #distanceToggle.disabledMapFeature,
#map #legendToggle.disabledMapFeature,
#map #layerListToggle.disabledMapFeature {
	color: gray !important;
	cursor: no-drop;
	background-color: #58070a;
}

.searchBtns .disabledMapFeature:before,
#map .disabledMapFeature .mapIco:before {
	color: gray !important;
}

#BookmarksBtn:before,
#SoldOrParkedBtn:before {
	color: #fff;
	font-size: 20px;
	width: 20px;
	display: inline-block;
	text-align: center;
	color: #880a0f;
	margin-right: 10px;
	vertical-align: middle;
}


/*Virtual Library*/

#VLibraryCont {
	background: #fff;
	padding: 0
}

#VLibraryCont .verticalTabs#factsheets {
	display: flex
}

#VLibraryCont .verticalTabs#factsheets .tabsList#sheetsTabs {
	width: 26%;
	padding: 55px 0px;
	background: #eeeef0;
	border-radius: unset
}

#VLibraryCont .verticalTabs#factsheets .tabsList#sheetsTabs li {
	border-bottom: none;
	font-size: 18px;
	background: transparent;
	color: #000;
	/*padding-bottom:20px;*/
	width: auto;
	float: none;
	margin: 10px 0
}

#VLibraryCont .verticalTabs#factsheets .tabsList#sheetsTabs li a {
	width: auto;
	/*display: inline-block;height:43px;*/
	height: 39px;
	display: block;
	min-width: 225px
}

#VLibraryCont .verticalTabs#factsheets .tabsList#sheetsTabs li.active a,
#VLibraryCont .verticalTabs#factsheets .tabsList#sheetsTabs li a:hover {
	background: #d6d6d8;
	/*background: linear-gradient(to bottom, #eeeef0, #eeeef0 15px, #d6d6d8 10px, #d6d6d8 20px, #d6d6d8 20px, #d6d6d8)*/
}

#VLibraryCont .verticalTabs#factsheets .tabsList#sheetsTabs li h3 {
	color: #000;
	padding: 10px 20px;
	height: auto
}

#VLibraryCont #sheetsContent {
	width: 70%;
	margin: 15px auto;
	background: transparent;
	padding: 55px 0;
	position: relative
}

#VLibraryCont #sheetsContent .sheetsDetails>h3,
#VLibraryCont #sheetsContent .sheetsDetails>p {
	display: none
}

#VLibraryCont #sheetsContent .books-shelf {
	margin-bottom: 50px
}

#VLibraryCont #sheetsContent .books-shelf span {
	display: block;
	margin: 0 85px;
	padding-bottom: 30px;
	position: relative;
	background: url('/Style Library/Images/Virtual_Library_Shelf_px.png')left top repeat-x;
	background-position-y: bottom
}

#VLibraryCont #sheetsContent .books-shelf span:before,
#VLibraryCont #sheetsContent .books-shelf span:after {
	display: inline-block;
	content: '';
	width: 86px;
	height: 52px;
	position: absolute;
	bottom: 0
}

#VLibraryCont #sheetsContent .books-shelf span:before {
	background: url('/Style Library/Images/Virtual_Library_Shelf_Left.png')left top no-repeat;
	left: -85px
}

#VLibraryCont #sheetsContent .books-shelf span:after {
	background: url('/Style Library/Images/Virtual_Library_Shelf_Right.png')Right top no-repeat;
	right: -85px
}

#VLibraryCont #sheetsContent .book-container {
	width: 33.333333333%;
	display: inline-block;
}

#VLibraryCont #sheetsContent .book-wrapper {
	max-height: 100%;
	max-width: 95%;
	margin: 0 auto;
	text-align: center
}

#VLibraryCont #sheetsContent .book-wrapper .book-item {
	max-height: 250px;
	max-width: 100%;
	display: inline-block;
	position: relative;
	overflow: hidden;
	-webkit-box-shadow: 0 8px 10px -2px #212121;
	-moz-box-shadow: 0 8px 10px -2px #212121;
	box-shadow: 0 8px 10px -2px #212121
}


/*#VLibraryCont #sheetsContent .book-wrapper .book-container-img{height: 200px;width: 150px}*/

#VLibraryCont #sheetsContent .book-tooltip {
	/*display: none;overflow:hidden;bottom: 0;*/
	position: absolute;
	width: 100%;
	background: rgba(43, 43, 43, 0.97);
	padding: 15px 10px;
	overflow-y: auto;
	max-height: 100%;
	top: 100%;
	transition: .3s
}

#VLibraryCont #sheetsContent .book-tooltip.shown {
	/*display: block;overflow:visible*/
	transform: translateY(-100%)
}

#VLibraryCont #sheetsContent .book-tooltip h4 {
	color: #e0e0e0;
	margin-bottom: 10px;
	font-size: 13px;
	text-transform: capitalize
}

#VLibraryCont #sheetsContent .book-tooltip h4>img {
	display: block;
	width: 30px;
	margin: 5px auto 0
}

#VLibraryCont #sheetsContent .book-tooltip .centeredTextContainer {
	display: flex;
	position: relative;
}

#VLibraryCont #sheetsContent .book-tooltip .cbf {
	color: #9e9e9e;
	font-size: 12px;
	text-transform: capitalize;
	margin-bottom: 5px;
	cursor: pointer;
	width: calc(100% - 25px);
}

#VLibraryCont #sheetsContent .book-tooltip .cbf:hover,
#VLibraryCont #sheetsContent .book-tooltip .cbf:active,
#VLibraryCont #sheetsContent .book-tooltip .cbf:focus {
	text-decoration: underline
}

#VLibraryCont #sheetsContent .book-tooltip .downloadPdf {
	font-size: 16px;
	color: #9e9e9e;
	position: absolute;
	left: 40px;
}

#VLibraryCont #sheetsContent .book-tooltip .downloadPdf:hover {
	color: #fff;
}

#VLibraryCont #sheetsContent .book-tooltip>div:after {
	content: '';
	display: block;
	clear: both
}

#VLibraryCont #sheetsContent .book-tooltip>div>img {
	display: inline-block;
	width: 25px;
	height: 20px;
}

#VLibraryCont #sheetsContent .book-tooltip .cbf:hover,
#VLibraryCont #sheetsContent .book-tooltip .cbf:actice,
#VLibraryCont #sheetsContent .book-tooltip .cbf:focus {
	text-decoration: underline;
}

.vLibraryPager#Pager {
	border-bottom: none;
	position: absolute;
	bottom: 0
}

.vLibraryPager#Pager #pageInfo {
	font-size: 16px
}

.centeredTextContainer img {
	position: absolute;
}

@media screen and (max-width:1080px) and (min-width:770px) {
	#VLibraryCont .verticalTabs#factsheets .tabsList#sheetsTabs {
		width: 44%
	}
}


/*custom scrollbar*/

#VLibraryCont #sheetsContent .book-tooltip::-webkit-scrollbar {
	width: 10px
}

#VLibraryCont #sheetsContent .book-tooltip::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px grey;
	border-radius: 10px
}

#VLibraryCont #sheetsContent .book-tooltip::-webkit-scrollbar-thumb {
	background: #e0e0e0;
	border-radius: 10px
}

#VLibraryCont #sheetsContent .book-tooltip::-webkit-scrollbar-thumb:hover {
	background: #9e9e9e
}

#vLibraryPopup {
	background: rgba(0, 0, 0, 0.8)
}

#vLibraryPopup .modal-dialog {
	width: 80%
}

#vLibraryPopup .modal-content {
	max-height: 100%
}

#vLibraryPopup #cancel-button {
	position: absolute;
	top: -2px;
	font-size: 20px;
	font-weight: bold;
	z-index: 2
}

#vLibraryPopup #cancel-button:active,
#vLibraryPopup #cancel-button:focus {
	text-decoration: none
}

#vLibraryPopup #cancel-button:focus {
	outline: none
}

#vLibraryPopup .modal-body {
	padding: 25px
}

#vLibraryPopup #vLibraryBookletFlip {
	width: 100% !important;
	min-height: 500px
}

@media screen and (max-width:1025px) {
	#VLibraryCont .verticalTabs#factsheets .tabsList#sheetsTabs {
		width: 30%
	}
	#VLibraryCont #sheetsContent {
		width: 65%
	}
	#VLibraryCont #sheetsContent .book-wrapper>a {
		height: 200px
	}
}

@media screen and (max-width:769px) {
	#VLibraryCont .verticalTabs#factsheets .tabsList#sheetsTabs {
		width: 40%;
		padding: 30px 0
	}
	#VLibraryCont #sheetsContent {
		width: 55%
	}
	#VLibraryCont #sheetsContent .book-container {
		width: 100%
	}
	#VLibraryCont #sheetsContent .book-wrapper {
		text-align: center
	}
	#VLibraryCont #sheetsContent .book-wrapper>a {
		height: 250px
	}
}

@media screen and (max-width:767px) {
	#VLibraryCont .verticalTabs#factsheets {
		display: block
	}
	#VLibraryCont .verticalTabs#factsheets .tabsList#sheetsTabs {
		width: 100%;
		padding: 15px 0 5px
	}
	#VLibraryCont .verticalTabs#factsheets .tabsList#sheetsTabs li {
		padding-bottom: 0
	}
	#VLibraryCont .verticalTabs#factsheets .tabsList#sheetsTabs li>a {
		height: 45px;
		display: block;
		padding: 9px 10px
	}
	#VLibraryCont .verticalTabs#factsheets .tabsList#sheetsTabs li.active a,
	#VLibraryCont .verticalTabs#factsheets .tabsList#sheetsTabs li a:hover {
		background: #d6d6d8
	}
	#VLibraryCont #sheetsContent {
		width: 100%;
		margin: 15px 0
	}
	#VLibraryCont #sheetsContent .sheetsDetails {
		padding: 0 10px
	}
	#VLibraryCont #sheetsContent .books-shelf {
		margin-bottom: 30px
	}
	#vLibraryPopup .modal-dialog {
		width: 100%;
	}
	#vLibraryPopup .modal-body {
		padding: 10px;
	}
}


/*SP popUp*/

h1#dialogTitleSpan {
	border-bottom: 3px solid #880a0f;
	padding: 10px 0;
	font-weight: bold;
}


/*Profile details*/

.detailsBox a.box,
#oppourtunityDetails .detailsBox a.box,
.detailsBox p,
#oppourtunityDetails .detailsBox p {
	color: #2e2e2e
}

.detailsBox a.box:hover,
#oppourtunityDetails .detailsBox a.box:hover {
	text-decoration: underline
}


/*FAQs*/

.faqsAccordion .panel-heading.HeaderRedBorder {
	padding: 0 15px
}

.faqsAccordion .panel-title a {
	color: inherit;
	font-weight: normal;
	text-decoration: none;
	padding: 10px 0;
	display: block
}

.faqsAccordion .panel-title a:hover {
	color: #880a0f
}

.faqsAccordion .landmarkcategory[aria-expanded='true'] {
	color: #880a0f;
	font-weight: bold;
	text-decoration: none
}


/*report an error*/

#ReportError .modal-header {
	background-color: #880a0f;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px
}

#ReportError .modal-title {
	color: #fff;
	text-align: center
}

#ReportError .modal-body {
	padding: 10px 20px
}

#ReportError .modal-body #lblReportErrorPopup {
	margin-bottom: 10px
}

#ReportError .modal-footer {
	margin-top: 0;
	padding-bottom: 10px;
	padding-top: 0
}

.SuccessMessage {
	color: #2e2e2e
}

.confirmationMsg,
.warningMsg {
	border: 1px solid #cfcfcf;
	border-radius: 4px;
	margin: 50px
}

.confirmationMsg:before {
	content: '\2611';
	font-size: 5.6rem;
	color: darkgreen
}

.warningMsg:before {
	content: '\26A0';
	font-size: 5.6rem;
	color: #880a0f
}

.confirmationMsg #confirmationmsg,
.warningMsg #warningMsg {
	margin-bottom: 15px
}

.yellow:before {
	color: #9F6000;
}


/*facts & figures*/

#factsFiguresCont .sheetsDetails h3,
#factsFiguresCont .FactsChartTitle {
	color: #000;
	margin-bottom: 10px
}

#factsFiguresCont .FactFiguresItem {
	margin-bottom: 25px
}

#factsFiguresCont .FactFiguresItem:after {
	content: '';
	display: block;
	clear: both
}

#factsFiguresCont .ChartContainer {
	width: 60%
}

#factsFiguresCont .ChartContainer .formddl {
	width: 49%;
	margin: 0 1px 10px;
	font-size: 15px
}

#factsFiguresCont .ChartContainer .PieChartDiv .highcharts-label>span {
	white-space: normal !important;
	text-overflow: unset !important;
	overflow: unset !important;
	line-height: 1.2;
	min-width: 135px;
	text-align: center
}

#factsFiguresCont .ContentContainer {
	font-size: 16px
}

tspan.highcharts-text-outline {
	fill: none;
	stroke: none
}


/* reservation tabs */

.summary, 
.summary-header{
	display: flex;
    flex-wrap: wrap;
}
.summary-header{
	justify-content: space-between;
	align-items: center;
	/* margin: 2rem 0; */
}
/* .summary-header .title, 
.summary-header .resvation-code { 
	width: 25%;
} */
/* .summary-header .title h3 {
    font-size: 20px;
} */
.label-code{
    margin: 3px 6px;
}
.summary{
    background: #FBFBFB;
    /* border: 1px solid #eee; */
    /* margin-bottom: 5rem; */
}
.summary .summary-item {
    /* width: 33%; */
    text-align: center;
}
.summary .summary-item a{
	cursor: pointer;
}

.reservation-tabs .sw-main {
	padding: 10px 0;
}


.summary-item.hideRow {
    display: none;
}

.summary-item.hideRow.open {
    display: block;
}

.showMoreResult {
    width: 100%;
}
.showMore {
    /* color: #fff; */
    /* display: inline-block; */
    /* width: 100%; */
    /* background: #880a0f; */
    /* text-align: center; */
    padding: 0.5rem;
    cursor: pointer;
}

.showMore:hover p {
    color: #fff;
}		
.showMore p {
	margin: 0;
}

.reservation-tabs .sw-theme-dots>ul.step-anchor:before {
	bottom: auto;
	top: 45px;
	height: 10px;
}

.reservation-tabs .sw-theme-dots>ul.step-anchor>li>a:after {
	bottom: 50%;
}

.reservation-tabs .sw-theme-dots>ul.step-anchor>li.active>a {
	color: #880a0f;
	background: none
}

.reservation-tabs .sw-theme-dots>ul.step-anchor>li.active>a:after {
	background: #880a0f;
}

.reservation-tabs .sw-theme-dots>ul.step-anchor>li.done>a {
	color: #263032;
}

.reservation-tabs .sw-theme-dots>ul.step-anchor>li.done>a:after {
	background: #263032;
}

.reservation-tabs .sw-theme-dots>ul.step-anchor>li.disabled>a,
.reservation-tabs .sw-theme-dots>ul.step-anchor>li.disabled>a:hover {
	color: #747476 !important;
}

.reservation-tabs .sw-theme-dots>ul.step-anchor>li.disabled>a:after {
	background: #747476;
}

.reservation-tabs .sw-toolbar .btn {
	font-size: 15px;
	padding: 12px;
	border-radius: 5px;
	color: #fff;
}

.reservation-tabs .sw-toolbar .btn-secondary {
	background-color: #2a2a2c;
	border-color: #464647;
}

.reservation-tabs .sw-toolbar .btn-submit {
	background-color: #880a0f;
	border-color: #7b060a;
}

.reservation-tabs .sw-toolbar .btn-reset {
	background-color: #464647;
	border-color: #3c3c3e;
}

.reservation-tabs .sw-toolbar .btn.disabled {
	cursor: no-drop;
}

.reservation-tabs .sw-toolbar-bottom {
	padding-bottom: 3rem
}

.reservation-tabs .refundableOrNonRefundableIcon {
    width: 30px;
    margin: 0px 5px;
}

/*****reservations 2020 ******/

.summary-header{
	margin: 1rem 0;
}
.summary-header .title, 
.summary-header .resvation-code{
	width:35%; 
	display: flex;
}
.summary-header .title { 
	justify-content: flex-start;
	font-size: 1rem;
    align-items: center;
}
.summary-header .title-label {
    display: flex;
	font-size: 0.9285714285714286rem;
    color: #959595;
}
.summary-header .title .formLbl,
.summary-header .resvation-code .formLbl{
	font-size: 1rem;
    color: #2b2b2b;
}
.summary-header .resvation-code {
    justify-content: flex-end;
	align-items: center;
}
.summary-header .resvation-code a {
	padding: 8px 20px;
    font-size: 0.8571428571428571rem;
}
.summary-header #lblRequestCode:not(:empty)::before {
	font-family: 'MapIcons';
	font-size: 1rem;
	content: "\e90f";
	color: #535353;
	display: inline-block;
}

.summary{
	border: 1px solid #ebebeb;
	margin-bottom: 2rem;
}
.summary .summary-item{
	width: 20%;
}
.summary-item .formField{
	margin: 20px 0 0;
}
.summary-item i {
	font-size: 2.2rem
}
.summary-item .formLbl {
    font-size: 0.9285714285714286rem;
	font-weight: normal;
}
.summary .summary-item a ,
#ReservationForm fieldset:not(#fieldsetTermsAndCondition) .formField a ,
.note-container a {
	/* font-weight: bold; */
    text-decoration: underline;
}
.showMoreResult {
	margin-top: 20px;
}
.showMore {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #880a0f;
    background: #f2f2f2;
}
.showMore i{
	background: #880a0f;
    font-size: 0.8rem;
    padding: 3px 5px 3px 6px;
    margin: 0px 10px;
    border-radius: 50%;
    transition:all  0.3s ease;
    transform: rotateZ(90deg);
}
.showMore.up,.showMore:hover{
	color: #fff;
	background: #880a0f;
}
.showMore.up i{
	transform: rotateZ(270deg);
}
.showMore.up i,.showMore:hover i{
	background: #fff;
}
.showMore.up i::before,.showMore:hover i::before{
	color: #880a0f;
}

#reservation-steps{
	position: relative;
	overflow: hidden;
}
#reservation-steps #attention-msg:not(:empty){
	margin: 0;
	color: #000;
	background: #FFFBD9;
	border: 1px solid #F6DC00;
	border-radius: 0;
}
#reservation-steps #attention-msg i{
	font-size: 1.4rem;
}
#reservation-steps #attention-msg p{
	margin: 0;
	font-size: 0.9285714285714286rem;
}

#steps .nav-tabs{
	margin-bottom: 2rem;
}
#steps .nav-item {
    width: 25%;
}
#steps .nav-item.disabled {
	opacity: 0.5;
}
#steps .nav-link {
    padding: 15px;
	color: #535353;
	background-color: #f5f5f5;
    border: 1px solid #ebebeb;
    border-radius: 0;
	margin: 0;
}
#steps .nav-item.active .nav-link,
#steps .nav-item.done .nav-link {
	color: #880a0f;
	background-color: #fbfbfb;
}
#steps .nav-item.active .nav-link {
	border-top: 0;
	border-bottom: 3px solid #880A0F;
	-webkit-box-shadow: -1px 2px 3px 0px rgba(0, 0, 0, 0.16);
    box-shadow: -1px 2px 3px 0px rgba(0, 0, 0, 0.16);
    z-index: 1;
}
#steps .nav-link div {
    font-size: 1.4285714285714286rem;
	margin-bottom: 5px;
}
#steps .nav-item.active div {
    font-weight: bold;
}
#steps .nav-item.active span,
#steps .nav-item.done span {
	color: #535353;
}

#steps .sw-toolbar {
    justify-content: center;
	padding-top: 2rem;
    padding-bottom: 3rem;
    margin-top: 1rem;
	border-top: 1px solid #ebebeb;
	position: relative;
}
#steps .sw-toolbar .disabled[type="button"]{
	cursor: no-drop;
	pointer-events: initial;
	opacity: 0.5;
}
#steps .sw-btn-group .btn {
    border-radius: 50%;
    border: 0;
    font-size: 1rem;
    padding: 10px 14px 5px;
    min-width: auto;
	margin: 0 5px;
}
#steps .sw-btn-prev{
	background: #2A2A2C;
}
#steps .sw-btn-next{
    background: #880a0f;
}
#steps .sw-btn-group-extra{
	display: flex;
	align-items: center;
	position: static;
}
#steps #nextTxt-btn{
	margin: 0 5px;
	font-size: 1.1428571428571428rem;
}
#steps #cancel-btn{
	cursor: pointer;
	font-size: 1.1428571428571428rem;
	position: absolute;
	display: flex;
    align-items: center;
}
#steps #cancel-btn i{
	margin: 0 5px;
	font-size: 1.4rem;
}
#steps #cancel-btn span{
	text-decoration: underline;
}

#feesTable,
#allFeesTable{
	display: flex;
	flex-direction: column;
	margin-bottom: 1.4285714285714286rem;
}
.tableRow{
	background: #fff;
    border-width: 0 0 1px 0;
    border-style: solid;
	border-color: #efefef;
}
.tableRow,
.tableFooter{
	display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    padding: 0 30px;
	align-items: flex-start;
    color: #000;
}
#feesTable .tableCell,
#allFeesTable .tableCell{
	font-size: 0.8571428571428571rem;
    padding: 12px 5px;
	display: flex;
	align-items: center;
}
#feesTable .tableCell{
	width: calc(100% / 6);
}
#allFeesTable .tableCell{
	width: calc(100% / 2);
}
#feesTable label,
#allFeesTable label{
	color: #959595;
	font-weight: normal;
	display: none;
}
#feesTable label::after,
#allFeesTable label::after{
	content: ':';
	margin: 0 3px;
}
#feesTable span,
#allFeesTable span{
	flex: 1;
}
.tableFooter{
	background: #f6f6f6;
	font-weight: bold;
}
.note-container.tableNote{
	margin-bottom: 1rem;
}
.tableBtn{
	text-align: center;
}
.tableBtn .genBtn{
	margin-bottom: 1rem;
	border-radius: 5px;
	border-color: #880a0f;
}

.EmptyFeeDiv .no-money{
	padding: 3rem 1rem;
	background-color: #f6f6f6;
}

#ReservationForm #oppourtunityDetails {
	margin-top: 0;
}
#ReservationForm #attention-msg:not(:empty){
	margin-bottom: 2rem;
}
#ReservationForm .tab-content{
	padding: 0 0 2rem;
}
#ReservationForm .contactUsCont{
	display: block;
}

#InvestorDetailAccordion {
	margin-bottom: 1.7857142857142858rem;
}
#InvestorDetailAccordion .DetailHead ,
#InvestorDetailAccordion .DetailHead.ui-state-active {
	background: #fff;
    border: 1px solid #ebebeb;
    border-radius: 0;
	padding: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
}
#InvestorDetailAccordion .DetailHead span{
	font-size: 1.4rem;
}
#InvestorDetailAccordion .DetailHead span::before{
	background-color: #8e8e8e;
    border-radius: 50%;
    color: #fff;
    border: 1px solid #8e8e8e;
}
#InvestorDetailAccordion .DetailHead >div{
    color: #880a0f;
	font-size: 1.5714285714285714rem;
}
#InvestorDetailAccordion .DetailBody {
	padding: 0;
	background-color: #f6f6f6;
	border: 0;
	border-radius: 0;
}
.DetailGroup{
	padding: 1.14rem 1rem 0;
    border: 1px solid #ebebeb;
    border-top: 0;
}
.DetailGroup .grptitle{
	font-size: 1.2857142857142858rem;
	margin-bottom: 1.14rem;
}
.DetailGroup .grptitle::after{
	content: ':';
}
.DetialRow,
.DetailItem{
	display: flex;
	/* align-items: center;
	justify-content: flex-start; */
}
.DetialRow{
	flex-wrap: wrap;
}
.DetailItem{
	margin-bottom: 1rem;
	min-width: 25%;
}
.GroupFixWidth .DetailItem:first-child {
    width: 30%;
}
.GroupFixWidth .DetailItem:nth-child(2) {
	width: 45%;
}
.GroupFixWidth .DetailItem:nth-child(3) {
	width: 20%;
}
.DetailItem label{
	color: #535353cc;
    font-weight: normal;
}
.DetailItem span,
.DetailItem a{
	font-size: 1.0714285714285714rem;
	flex: 1;
}
.DetailItem span{
	color: #000;
}
#InvestorDetailAccordion .DetailItem a{
	color: #034FFF;
	text-decoration: underline;
}

.fieldsGroup:not(.inlineGroup){
	margin-bottom: 1rem;
}
.fieldsGroup.inlineGroup{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 1rem;
}
.fieldsGroup .fieldsTitle{
	font-size:  1.5714285714285714rem;
}
.fieldsGroup:not(.inlineGroup) .fieldsTitle{
	margin-bottom: 1.4285714285714286rem;
}
.fieldsGroup .inputsWrap{
	display: flex;
	flex-wrap: wrap;
}
.fieldsGroup .inputsItem {
	width: 33.33333%;
	margin: 0 0 1rem
}
.fieldsGroup .inputLabel{
	margin-bottom: 1rem;
	color: #000;
	max-width: 98%;
}
.fieldsGroup input.inputField{
	background-color: #fbfbfb;
}
.fieldsGroup select.inputField{
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.fieldsGroup .inputField,
.fieldsGroup .uploadField+label{
	width: 70%;
	height: 2.857142857142857rem;
	border: 1px solid #ebebeb;
	border-radius: 4px;
	padding: 0 10px;
}
.fieldsGroup .inputField:hover,
.fieldsGroup .uploadField+label:hover{
	border-color: #880A0F;
}
.fieldsGroup select.inputField,
.fieldsGroup .uploadField+label{
	cursor: pointer;
}
.fieldsGroup .uploadField{
	opacity: 0;
	position: absolute;
	z-index: -1;
}
.fieldsGroup .uploadField+label{
	/* max-width: 90%; */
	display: inline-flex;
	overflow-y: hidden;
}
.fieldsGroup .uploadField+label span{
	font-weight: normal;
	font-size: 0.9rem;
	word-break: break-all;
	display: flex;
    align-items: center;
}
.fieldsGroup .inputsItem .downloadPdf{
	display: flex;
	align-items: center;
	margin-top: 0.5rem;
}
.fieldsGroup .inputsItem .downloadPdf span{
	text-decoration: underline;
}
.anchorField a{
	display: flex;
	align-items: center;
}
.anchorField i{
	font-size: 1.2rem;
}
.anchorField span{
	text-decoration: underline;
}

#ReservationForm.view-mode .fieldsGroup select.inputField,
#ReservationForm.view-mode .fieldsGroup .uploadField,
#ReservationForm.view-mode .fieldsGroup .uploadField+label{
	background-color: #eee;
	cursor: not-allowed;
}

.bookingActions{
	display: flex;
    justify-content: center;
    align-items: center;
}
.bookingActions button{
	margin: 0 5px;
}

#chatCont{
	display: flex;
    flex-direction: column;
	align-items: flex-end;
	position: fixed;
	top: calc(100% - 40px);
    bottom: auto;
	transition: all 0.3s ease ;
	z-index: 10;
}
#chatCont.showChat{
	bottom: 0;
	top: auto;
}
#btnDiscussionChat {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    display: inline-flex;
	align-items: center;
	padding: 10px 20px;
}
#btnDiscussionChat i {
	font-size: 1.5rem;
}
#chatCont.showChat #btnDiscussionChat{
	background-color: #2A2A2C;
}
#chatCont.showChat #btnDiscussionChat i{
	font-size: 1rem;
}
#chatCont.showChat #btnDiscussionChat i::before{
	content: "\e90b";
	transform: rotatez(45deg);
    display: inline-block;
}
.chatMsgsCont {
	background-color: #fff;
    box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.16);
    max-height: 25rem;
    width: 38rem;
	padding: 1rem 1.4285714285714286rem;
}
.chatViewWrap{
	position: relative;
}
.chatViewWrap:not(.emptyChatWrap){
	margin-bottom: 1rem;
}
.chatViewWrap:not(.emptyChatWrap):after {
    height: 1px;
    width: 100%;
    content: '';
    background: #70707066;
	display: block;
}
.chatViewCont {
	max-height: 8.214285714285714rem;
	overflow-y: auto;
	margin-bottom: 1rem;
}
.chatViewCont::-webkit-scrollbar{
	width: 7px;
	background-color: #fff;
}
.chatViewCont::-webkit-scrollbar-track {
	border-radius: 10px;
	background: #fff;
}
.chatViewCont::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background: #DED9D9;
	height: 50px;
}
.chatItem {
    display: flex;
    align-items: center;
}
.chatItem:not(:first-child){
	margin-top: 2rem;
}
.chatItem >div {
	width: calc(100% - 70px); 
}
.chatInfoCont {
    color: #2a2a2c80;
    font-size: 0.9285714285714286rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
	margin-bottom: 5px;
}
.chatDate{
	direction: ltr;
}
.chatTxt,
.inputTitle{
	color: #2A2A2C;
}
.chatInputCont {
    /* margin-top: 1rem; */
    /* padding-top: 1rem; */
	/* border-top: 1px solid #70707066; */
}
.inputTitle{
	margin-bottom: 1rem;
	font-size: 1.1428571428571428rem;
}
.chatInput{
	margin-bottom: 1rem;
    width: 100%;
    height: 75px;
	border: 1px solid #ebebeb;
	background-color: #fbfbfb;
}
.inputRounded{
    border-radius: 5px;
}

@media screen and (max-width:992px){
	.summary .summary-item{
		width: 50%;
	}
	.showMore{
		color: #fff;
		background: #880a0f;
	}
	.showMore i{
		background: #fff;
	}
	.showMore i::before{
		color: #880a0f;
	}

	#steps .nav-link {
		padding: 10px;
	}
	#steps .nav-link div {
		font-size: 1rem;
	}
	#steps .nav-link span {
		font-size: 0.8571428571428571rem;
	}
	
	.tableRow{
		border-width: 1px 1px 0 1px;
		border-color: #f6f6f6;
	}
	.tableRow,
	.tableFooter{
		flex-direction: column;
		padding: 10px 30px;
	}
	#feesTable .tableFooter .tableCell:first-child{
		display: none;
	}
	#feesTable .tableCell{
		padding: 5px 0;
		width: 100%;
		align-items: flex-start;
	}
	#feesTable label{
		display: block;
	}

	.GroupFixWidth .DetailItem:first-child,
	.GroupFixWidth .DetailItem:nth-child(2),
	.GroupFixWidth .DetailItem:nth-child(3) {
		width: 100%;
	}

	.fieldsGroup .inputsItem {
		width: 50%;
	}
	.fieldsGroup .inputField,
	.fieldsGroup .uploadField+label{
		width: 80%;
	}

}

@media screen and (max-width:414px){
	.summary-header .title,
	.summary-header .resvation-code,
	.summary .summary-item,
	#steps .nav-item ,
	.fieldsGroup .inputsItem ,
	.chatMsgsCont {
		width: 100%;
	}
	.summary-header .resvation-code {
		justify-content: flex-start;
	}

	#steps .nav-link div{
		display: inline-block;
	}
	#steps .nav-link div:after {
		content: ':';
		margin: 0 3px;
	}

	#btnchattxt{
		display: none;
	}
}

/*****summary reports 2020 ******/

#summaryReportsPage #searchListing{
	height: auto !important;
	overflow: auto;
}
#summaryReportsPage #searchListingPaging{
	display: flex;
	justify-content: flex-end;
}
#summaryReportsPage #searchListingPage{
	margin-top: 20px;
}
#summaryReportsPage #searchListingPage span{
	font-size: 0.9285714285714286rem;
	color: #777;
}
#summaryReportsPage #searchListingPage span::after{
	content: ':';
}
#summaryReportsPage #searchListingPage i{
	font-size: 1.0714285714285714rem;
	color: #000;
}
#summaryReportsPage #searchListItems{
	margin-top: 15px;
}
#summaryReportsPage #searchListing #Pager {
	width: 100%;
}
#summaryReportsPage #searchListItems[style="display: none;"] ~ #Pager {
	display: none !important; /*issue appear with empty msg*/
}

/****reports listing 2020 ****/
.reportsTableCont,
.tableBodyCont{
	display: flex;
    flex-direction: column;
}
.tableHeads{
	align-items: center;
    background: #ebebeb;
}
.tableHeads, 
#summaryAccordion .summaryHead{
	display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
    padding: 0 30px;
}
#summaryAccordion .summaryHead{
	cursor: default;
	align-items: flex-start;
	background: #fff;
    color: #000;
    border-width: 1px 0 1px 0;
	border-color: #ebebeb;
	border-radius: 0;
    margin: 0;
	position: relative;
	-webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.09);
	-moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.09);
	box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.09);
}
#summaryAccordion .ui-accordion-header-icon{
	position: absolute;
	top: 13px;
	cursor: pointer;
}
.reportsTableCont .tableCell{
	font-size: 0.8571428571428571rem;
    padding: 12px 5px;
	width: calc(100% / 8);
	display: flex;
	align-items: center;
}
.reportsTableCont .tableCellIcons{
	display: flex;
	align-items: center;
    width: calc(2 * (100% / 8));
}
.reportsTableCont .tableCellIcons >div{
	width: 33.333%;
	text-align: center;
}
.reportsTableCont label{
	color: #959595;
	font-weight: normal;
	font-size: inherit;
}
.reportsTableCont label:after{
	content: ':';
	margin: 0 3px;
}
.reportsTableCont .summaryHead .tableCell label{
	display: none;
}
.reportsTableCont .tableCell span,
.reportsTableCont .summaryBody span{
	flex: 1;
	font-size: inherit;
}
.reportsTableCont .tableCellIcons a{
	font-size: 1.1428571428571428rem;
}
#summaryAccordion .summaryBody{
	justify-content: space-between;
	align-items: center;
	border: 0;
	padding: 20px 30px;
	font-size: 0.8571428571428571rem;
}
#summaryAccordion .summaryBody[aria-hidden="false"]{
	display: flex !important;
}
#summaryAccordion .summaryBody >div{
	display: flex;
	align-items: center;
}
#summaryAccordion .summaryBody >div:first-child{
	width: 50%;
}
#summaryAccordion .summaryBody >div:not(:first-child){
	width: 24%;
}

@media (max-width:1200px) and (min-width:992px){
	#sheetsContent .filedsRow>div {
		width: 100%;
	}
	#sheetsContent .tableHeads{
		display: none;
	}
	#sheetsContent #summaryAccordion .summaryHead,
	#sheetsContent .reportsTableCont .tableCellIcons{
		flex-direction: column;
	}
	#sheetsContent #summaryAccordion .summaryHead,
	#sheetsContent #summaryAccordion .summaryBody{
		padding: 10px 30px;
	}
	#sheetsContent .reportsTableCont .tableCell,
	#sheetsContent #summaryAccordion .summaryBody >div{
		padding: 5px 0;
	}
	#sheetsContent #summaryAccordion .ui-accordion-header-icon{
		top: 15px;
	}
	#sheetsContent .reportsTableCont .tableCell,
	#sheetsContent .reportsTableCont .tableCellIcons{
		width: 100%;
		align-items: flex-start;
	}
	#sheetsContent .reportsTableCont .summaryHead .tableCell label{
		display: block;
	}
	#sheetsContent .reportsTableCont .tableCellIcons >div{
		width: 100%;
		text-align: initial;
		display: flex;
    	align-items: center;
	}
	#sheetsContent #summaryAccordion .summaryBody {
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
	}
	#sheetsContent #summaryAccordion .summaryBody >div:first-child,
	#sheetsContent #summaryAccordion .summaryBody >div:not(:first-child){
		width: 100%;
	}
}

@media screen and (max-width:992px){
	.tableHeads{
		display: none;
	}
	#summaryAccordion .summaryHead,
	.reportsTableCont .tableCellIcons{
		flex-direction: column;
	}
	#summaryAccordion .summaryHead,
	#summaryAccordion .summaryBody{
		padding: 10px 30px;
	}
	.reportsTableCont .tableCell,
	#summaryAccordion .summaryBody >div{
		padding: 5px 0;
	}
	#summaryAccordion .ui-accordion-header-icon{
		top: 15px;
	}
	.reportsTableCont .tableCell,
	.reportsTableCont .tableCellIcons{
		width: 100%;
		align-items: flex-start;
	}
	.reportsTableCont .summaryHead .tableCell label{
		display: block;
	}
	.reportsTableCont .tableCellIcons >div{
		width: 100%;
		text-align: initial;
		display: flex;
    	align-items: center;
	}
	#summaryAccordion .summaryBody {
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
	}
	#summaryAccordion .summaryBody >div:first-child,
	#summaryAccordion .summaryBody >div:not(:first-child){
		width: 100%;
	}
}

/* discussion form */

.comments-list {
	margin-bottom: 5rem
}

.comments-list .media:not(:last-child) {
	border-bottom: 1px solid #ccc
}

.comments-list .media:not(:first-child) {
	/*margin-left:60px;margin-top:20px*/
}

.comments-list .media small {
	color: #777
}

.comments-list .media h4 a {
	color: #880a0f;
	text-transform: capitalize;
}

.comments-list .media:first-child,
.comments-list .media .media-content:not(:last-child) {
	border-bottom: 1px solid #ccc;
	padding-bottom: 1rem
}

.comments-list .media .close {
	color: #880a0f;
	filter: alpha(opacity=80);
	opacity: .8
}

.comments-list .media .close:hover {
	text-decoration: none;
	cursor: pointer;
	filter: alpha(opacity=100);
	opacity: 1
}

.comments-list .media .btn-edit {
	margin-bottom: 1rem
}

.submit-comment .card {
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
	border: 0
}

.submit-comment .card-header:first-child {
	font-size: 1.5rem;
	border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

.font-weight-bold {
	font-weight: 700 !important
}

.submit-comment .card-header {
	border-bottom: 1px solid rgba(0, 0, 0, .125)
}

.submit-comment .card-header,
.submit-comment .card-subtitle,
.submit-comment .card-text:last-child {
	margin-bottom: 0
}

.submit-comment .card-footer,
.submit-comment .card-header {
	padding: .75rem 1.25rem;
	background-color: rgba(0, 0, 0, .03)
}

.submit-comment .card-body {
	flex: 1 1 auto;
	padding: 1.25rem 0
}

.submit-comment .card-body label#lblYourComment {
	font-size: 1.5rem;
}

.submit-comment .btn {
	background-color: #880a0f;
	color: #fff
}

#discussionPopup .modal-header,
#confirmCancellation .modal-header,
#showResultsPopup .modal-header {
	position: relative;
	background: #880a0f;
	color: white;
	border-radius: 5px 5px 0 0;
}

#discussionPopup .modal-header .close,
#confirmCancellation .modal-header .close {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	color: #fff;
	font-size: 18px;
	font-weight: bold;
}

#discussionPopup .modal-header h3 #discussionPopupCloseBtn {
	position: absolute;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	top: 3px;
}

#discussionPopup .media-content p {
	font-size: 1.6rem;
	line-height: 1.2;
}
#showResultsPopup .card-body >div {
	display: flex;
	align-items: flex-start;
}
#showResultsPopup .card-body span{
	flex: 1;
}

/* bank listing */
.bank-listing{
	margin-top: 5rem;
}

.bank-listing .summary-item{
	margin: 1rem 0;	
}

.bank-listing .summary-item span{
	display:block;
}

@media screen and (max-width:1024px) {
	#factsFiguresCont .ChartContentContainer {
		display: flex;
		flex-direction: column-reverse
	}
	#factsFiguresCont .ContentContainer,
	#factsFiguresCont .ChartContainer {
		margin-bottom: 20px
	}
	#factsFiguresCont .ChartContainer {
		width: 100%
	}
	/*.modal-dialog{left: 20% !important;}*/
}

@media screen and (max-width:900px) {
	/*.modal-dialog{left: 15% !important;}*/
}

@media screen and (max-width:769px) {
	#factsFiguresCont .ChartContainer .formddl {
		width: 100%
	}
}

@media screen and (max-width:415px) {
	#factsFiguresCont .ChartContainer .PieChartDiv .highcharts-label>span {
		min-width: auto;
		font-size: 12px !important;
	}
	/*.modal-dialog{left: 0% !important;}*/
}


/*on map items*/

#mapScale {
	position: absolute;
	bottom: 10px;
	z-index: 5;
	background: rgba(255, 255, 255, 0.5);
	color: #000000;
	padding: 5px 8px;
	border-radius: 4px
}

#map #distanceToggle,
#map #legendToggle,
#map #layerListToggle {
	position: absolute;
	top: 10px;
	z-index: 10;
	background: #880a0f;
	border-radius: 5px;
	text-align: center;
	width: 30px;
	color: #fff;
	padding: 5px;
	cursor: pointer
}

#map #distanceToggle.active,
#map #legendToggle.active,
#map #layerListToggle.active {
	background: #474747;
}

#map .mapIco {
	font-size: 20px;
}

#mapTogglesCont {
	position: absolute;
	z-index: 10;
	top: 95px;
}

#mapTogglesCont .toggleDivLbl {
	/*overflow: hidden;text-overflow: ellipsis;white-space: nowrap;*/
	max-width: 100%;
	display: inline-block;
	margin-bottom: 0.5rem;
	font-weight: bold;
}

#layerListPane,
#legendDiv,
#detailsWindow {
	background: #fdfdf6;
	border-radius: 5px;
	overflow-y: auto;
	width: 200px;
	margin-bottom: 6px;
	padding: 8px
}

#layerListPane {
	height: 100px;
}

#layerListPane .esriContainer {
	background: none;
	border: none;
	color: white
}

#layerListPane .esriLayerList .esriCheckbox {
	height: 14px;
	width: 14px;
	margin: 8px
}

#layerListPane .esriLayerList .esriLabel {
	font-weight: normal;
	color: #4c4c4c
}

#legendDiv,
#detailsWindow,
#layerListPane {
	height: 180px;
}

#legendDiv .esriLegendService>table {
	width: 100%;
}

#layerListPane::-webkit-scrollbar-track,
#legendDiv::-webkit-scrollbar-track,
#detailsWindow::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	border-radius: 10px;
	background-color: #f9f9f9;
}

#layerListPane::-webkit-scrollbar,
#legendDiv::-webkit-scrollbar,
#detailsWindow::-webkit-scrollbar {
	width: 6px;
	background-color: #f9f9f9;
	border-radius: 10px
}

#layerListPane::-webkit-scrollbar-thumb,
#legendDiv::-webkit-scrollbar-thumb,
#detailsWindow::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	background-color: #e7e7e7;
}

#legendDiv .esriLegendLayer {
	width: 100%;
}

#legendDiv table.esriLegendLayer td>div {
	width: 40px !important;
	height: 40px !important;
}

#legendDiv .esriLegendLayer svg,
#legendDiv .esriLegendLayer image {
	width: 35px;
	height: 35px;
}

#detailsWindow #resetButton {
	margin: 10px 0;
	text-align: center;
	padding: 0;
	width: 100px;
	height: 30px;
	line-height: 30px;
	border-radius: 5px;
}

#detailsWindow #resetButton.disabled {
	cursor: no-drop;
	background-color: #58070a;
	color: gray !important;
}

@media screen and (max-width:767px) {
	#map #distanceToggle {
		top: 45px
	}
	#map #legendToggle {
		top: 80px
	}
	#map #layerListToggle {
		top: 115px
	}
	/*.ms-dlgContent {width: 97%!important}
	.modal-dialog{left: 15% !important;}*/
	
}


/*.modal-dialog{
	position: fixed;
    width: 100%;
    left: 0 !important;
    top: 25%;
}*/


/*Live add image for no map geomtry*/

.imageNoMap {
	background-image: url('/Style Library/Images/shopping-bag.png');
	width: 40px;
	height: 40px;
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
}


/**** Sa7aR's framework ******/

.d-flex {
	display: flex;
	flex-wrap: wrap;
}

.justify-content-end {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}

.col-flex-3 {
	/* flex: 0 0 calc(100% / 3); */
	padding: 0 15px;
	width: calc(100% / 3);
}

.col-flex-6{
	/* flex: 0 0 calc(100% / 6); */
	padding: 0 15px;
	width: calc(100% / 6);
}

.align-items-center {
	align-items: center;
}

.w-100 {
	width: 100%;
}

.w-50 {
	width: 50%;
}

.green-text {
	color: darkgreen
}

/********  2020  *******/
.grayLayoutMain{
	/* background: #e9e9e9; */
	background: #f8f8f8;
	padding-top: 25px;
}
.width-3{
	width: 33.333%;
}
.width-6{
	width: 66.666%;
}
#ui-datepicker-div {
	width: 18em;
}

/****** filter with white BG 2020 *********/

.filterWhiteBG {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
	padding: 1.4285714285714286rem 1.4285714285714286rem;
}
.filterWhiteBG .labelDiv,
.filterWhiteBG .selectDiv,
.filterWhiteBG .dateDiv,
.filterWhiteBG .textDiv {
    margin-bottom: 10px;
}
.filterWhiteBG .formLabel{
	font-size: 0.9285714285714286rem;
    color: #2B2B2B;
    font-weight: normal;
}
.filterWhiteBG .selectDiv select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.filterWhiteBG .textDiv .inputText{
	width: 100%;
}
.filterWhiteBG .selectDiv select,
.filterWhiteBG .dateDiv .hasDatepicker,
.filterWhiteBG .dateDiv .hasDatepicker[readonly],
.filterWhiteBG .textDiv .inputText,
.filterWhiteBG .dropdown-toggle {
	height: 2.4285714285714284rem;
    border: 1px solid #9e9e9e;
	border-radius: 0;
	cursor: pointer;
}
.filterWhiteBG .selectDiv select:focus,
.filterWhiteBG .dateDiv .hasDatepicker:focus,
.filterWhiteBG .dateDiv .hasDatepicker[readonly]:focus,
.filterWhiteBG .textDiv .inputText:focus,
.filterWhiteBG .dropdown-toggle:focus,
.filterWhiteBG .checkboxWrap input:focus ~  label::before,
.filterWhiteBG .checkboxWrap label:focus::before {
	box-shadow: none;
	border-color: #880A0F;
}
.filterWhiteBG .wrapperlabdisclaimer{
	margin-bottom: 10px;
	color: #959595;
	font-size: 0.8571428571428571rem;
}
.filterWhiteBG .dropdown-toggle {
	width: 100%;
}
.filterWhiteBG .dropdown-toggle .caret {
	display: none;
}
.filterWhiteBG .dropdown-menu {
	padding: 5px;
	list-style: none;
	margin: 0;
}
.filterWhiteBG .dropdown-menu .firstLi label {
	padding: 0;
}
.filterWhiteBG .dropdown-menu label {
	display: flex;
}
.filterWhiteBG .checkboxWrap,
.reserveCheckboxWrap {
    margin-bottom: 10px;
	display: flex;
	align-items: center;
    position: relative;
}
.filterWhiteBG .checkboxWrap input,
.reserveCheckboxWrap input {
	margin: 0;
	opacity: 0;
	height: 15px;
    width: 15px;
	position: absolute;
    z-index: 2;
}
.filterWhiteBG .checkboxWrap input{
	top: 2px;
}
.filterWhiteBG .checkboxWrap label,
.reserveCheckboxWrap label {
	font-weight: normal;
	position: relative;
	cursor: pointer;
}
.filterWhiteBG .checkboxWrap label:before ,
.filterWhiteBG .checkboxWrap label:after,
.reserveCheckboxWrap label:before,
.reserveCheckboxWrap label:after{
	position: absolute;
}
.filterWhiteBG .checkboxWrap label:before,
.reserveCheckboxWrap label:before {
	content: '';
	border: 1px solid #c7c7c7;
    height: 15px;
    width: 15px;
	border-radius: 4px;
	top: 2px;
}
.filterWhiteBG .checkboxWrap input:checked ~  label:after,
.reserveCheckboxWrap input:checked ~  label:after {
    content: '\2713\0020';
    font-weight: bold;
	top: 0px;
}
.filterWhiteBG #div_Submit input{
	text-align: center;
}
.filterWhiteBG #div_Submit input[id*="btnfilter"]{
	background: #880a0f;
    color: #fff;
    font-size: 0.9285714285714286rem;
    margin: 0;
    border: 2px solid #880a0f;
}
.filterWhiteBG #div_Submit input[id*="btnfilter"]:hover{
	background: #ab030a;
	border-color: #ab030a;
}
.filterWhiteBG #div_Submit input[id*="btnresetfilter"]{
	background: transparent;
    color: #949494;
	font-size: 0.9285714285714286rem;
    border: 2px solid #949494;
}
.filterWhiteBG #div_Submit input[id*="btnresetfilter"]:hover{
	background: #eee;
}

.filterWhiteBG.bidsListFilter .filedsRow{
	display: flex;
	align-items: flex-end;
    flex-wrap: wrap;
}

#DivBidResultsContainer .filterWhiteBG .filedsRow{
	position: relative;
}

#summaryReportsPage .filterWhiteBG .filedsRow {
	display: flex;
	align-items: flex-end;
	flex-wrap: wrap;
	margin-bottom: 10px;
	font-size: 1rem;
}

@media screen and (min-width:1024px){
	.filterWhiteBG .wrapperlabdisclaimer{
		margin-bottom: 0;
	}
	#DivBidResultsContainer .filterWhiteBG #div_Submit{
		position: absolute;
		bottom: 10px;
	}
}

/** bid results cards 2020 **/

.bidResultListing{
	display: flex;
    flex-wrap: wrap;
}
.bidResultListing .bidItem{
	background: #fff;
	border-radius: 5px;
	border: 1px solid #E5E5E5;
	margin-top: 1.4285714285714286rem;
	padding-bottom: 45px;
    position: relative;
    height: calc(100% - 30px);
}
.bidResultListing .textWrap{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 1rem 1rem 0;
}
.bidResultListing .Status{
	font-size: 0.8571428571428571rem;
    padding: 5px 1rem;
    color: #880a0f;
    border: 1px solid #880a0f;
	border-radius: 5px;
	margin-bottom: 10px;
}
.bidResultListing .bidTitle{
	font-size: 1.2857142857142858rem;
	color: #000;
	margin-bottom: 1rem;
}
.bidResultListing .separatorDiv{
	height: 1px;
	width: 100%;
	border-bottom: 1px solid #E5E5E5;
}
.bidResultListing .spanWrapper{
	margin-bottom: 10px;
}
.bidResultListing .labelTxt{
	font-size: 0.9285714285714286rem;
	color: #959595;
}
.bidResultListing .labelValue{
	font-size: 1rem;
	color: #2B2B2B;
}
.bidResultListing .DivMoreDetails{
	width: 100%;
	font-size: 0.9285714285714286rem;
	text-align: center;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	position: absolute;
    bottom: 0;
    right: 0;
}
.DivEmptyBidsListing {
    background: #fff;
    border-radius: 5px;
    border: 1px solid #E5E5E5;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1.4285714285714286rem 0;
	margin: 1.4285714285714286rem 0;
	width: 100%;
}
.DivEmptyBidsListing >img {
    padding: 0;
	border: 0;
}
.DivEmptyBidsListing .msgTxt{
	text-align: center;
	font-size: 1rem;
    font-weight: bold;
    color: #7f7f7f;
    margin-top: 1rem;
}

/** bid results collapse 2020 **/

#DivBidResultsContainer #ZoneTitle{
	font-size: 1.4285714285714286rem;
    margin-bottom: 10px;
    padding: 0 15px;
    line-height: 2.5714285714285716rem;
}
#DivBidResultsContainer #DivResultsHint{
	font-size: 0.9285714285714286rem;
	margin-bottom: 10px;
}
#DivBidResultsContainer #DivResultsHint:not(:empty)::before {
    content: '*';
    padding: 0px 4px;
}
.bidResultsCollapse{
    margin-top: 1.4285714285714286rem;
}
.bidResultsCollapse #factsheets #sheetsContent{
	float:none;
	background: none;
	border-radius: 0;
	padding: 0;
	margin-bottom: 1.4285714285714286rem;
	color: #000;
}
.bidResultsCollapse #accordion .ui-accordion-header{
	border-left: 1px solid;
	position: relative;
	border-radius: 5px;
	font-size:  1.1428571428571428rem;
	font-weight: normal;
	color: #000;
	background-color: #fbfbfb;
	border-color: #ebebeb;
	padding-top: 1rem;
    padding-bottom: 1rem;
}
.bidResultsCollapse #accordion .ui-accordion-header:not(:first-child){
	margin-top: 1rem;
}
.bidResultsCollapse #accordion .ui-accordion-header-icon{
	position: absolute;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	width: 40px;
	background: #880a0f;
	font-size: 0.8571428571428571rem;
}
.bidResultsCollapse #accordion .ui-accordion-header-icon::before{
	color: #fff;
}
.bidResultsCollapse #accordion .ui-accordion-content{
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	padding: 0;
	border: 0;
}
.bidResultsCollapse #accordion.ui-accordion .ui-accordion-content>div[oppid].requestInfo{
	padding: 1rem;
	border-bottom: 1px solid #ebebeb;
	border-left: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
	margin: 0;
	align-items: flex-start;
    justify-content: flex-start;
}
.bidResultsCollapse #accordion .requestInfo label{
	color: #959595;
	font-size: 0.8571428571428571rem;
}
.bidResultsCollapse #accordion .requestInfo span{
	color: #000;
	font-size: 1rem;
}

/* events details 2020 */

#eventsDetails {
	padding-top: 20px;
}
#eventsDetails .ssDetailsWrap{
	margin-bottom: 30px;
}
#eventsDetails #itemImg img {
	border-radius:4px 4px 0 0 ;
}
#eventsDetails #itemCategory{
	position: absolute;
    bottom: 10px;
    background: #970a0f;
    border-radius: 5px;
    display: block;
	color: #fff!important;
	padding: 5px 10px;
}
#eventsDetails #itemInfo {
	border-radius: 0 0 4px 4px;
}
#eventsDetails #itemInfo >div:not(.title){
	display: flex;
	flex-wrap: wrap;
}
#eventsDetails #itemInfo .title{
	font-weight: bold;
    font-size: 21px;
	margin-bottom: 15px;
	width: 100%;
}
#eventsDetails #itemInfo .infoDiv {
    display: flex;
    justify-content: flex-start;
	margin-bottom: 5px;
}
/* #eventsDetails #itemInfo .infoDiv:not(:last-child):after {
    content: '-';
	margin: 0 10px;
} */
#eventsDetails #itemInfo label,
#eventsDetails #itemInfo span {
    font-size: 0.9285714285714286rem;
}
#eventsDetails #itemInfo label {
    font-weight: bold;
}
#RelatedLinks label{
	font-size: 1.1428571428571428rem;
	font-weight: bold;
	margin: 5px 0;
}
#RelatedLinks .linkswrap a{
	display: block;
	font-size: 1rem;
}

@media screen and (max-width:768px){
	/* #eventsDetails #itemInfo >div:not(.title){flex-direction: column;} */
	#eventsDetails #itemInfo .infoDiv{align-items: flex-start;}
	/* #eventsDetails #itemInfo .infoDiv:not(:last-child):after {display: none;} */
}

/** events listing 2020**/

#eventListHeader {
	margin-bottom: 10px;
	padding: 0 15px;
}
#eventListHeader h2 {
    line-height: 2em;
    margin-top: 0px;
    display: inline-block;
    font-size: 27px;
    color: #2a2a2c;
}
.eventswrapper .eventsLandingItems{
	padding-bottom: 10px;
    height: auto;
}
.eventswrapper .eventsLandingItems .firstEventItem .eventItemInfo{
	overflow: hidden;
	padding: 5px;
	justify-content: center;
}
.eventItemInfo>.firstEventDay {
	line-height: 70px;
}
.eventswrapper .eventsLandingItems .otherEventItems{
	padding: 24px 17px;
}
.eventswrapper .moreEvents a{
	font-size: 1.1428571428571428rem;
	padding: 10px 55px;
}
#eventsListpage .itemListingStyleTwo .itemListingStyleTwoInfo{
	padding-bottom: 35px;
	position: relative;
}
#eventsListpage .itemListingStyleTwo .itemListingStyleTwoImg {
	width: 25%; 
}
#eventsListpage .datescont{
	display: flex;
	flex-wrap: wrap;
}
#eventsListpage .itemListingStyleTwo .LatestNews {
    position: absolute;
	bottom: 15px;
}
#eventsListpage .LatestNews .Newsreadmore{
	float: none;
}

@media (max-width: 767px){
	#eventsListpage .itemListingStyleTwo .itemListingStyleTwoImg {
		width: 100%; 
		position: relative;
	}
	#eventsListpage .listingStyleTwo .Category {
		top: auto;
		bottom: 15px;
	}
}

/**book now btn 2020**/
.featuresWrap{
	display: flex;
    justify-content: space-between;
    align-items: center;
}
.featuresWrap .bookAnchor,
.oppTitleWrap .bookAnchor,
.oppTitleBtnWrap .bookAnchor{
	display: flex;
    align-items: center;
    border-radius: 5px;
    border: 1px solid #d2d2d2;
    background: #872f29;
}
.mapFeaturesCont
.featuresWrap .bookAnchor i,
.oppTitleWrap .bookAnchor i,
.oppTitleBtnWrap .bookAnchor i{
	padding: 5px 6px;
	font-size: 1.4285714285714286rem;
}
.featuresWrap .bookAnchor span,
.oppTitleWrap .bookAnchor span,
.oppTitleBtnWrap .bookAnchor span{
	font-size: 1rem;
    color: #000;
    padding: 5px;
	flex: 1;
    text-align: center;
	background: #fff;
}

#opportunityProfile.profileMap .opportunityName.oppTitleWrap {
    padding: 0;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	/* height: 60px; */
}
#opportunityProfile .opportunityName.oppTitleWrap h3{
	padding: 10px;
	flex: 1;
}
.oppTitleWrap .bookAnchorCont{
	padding: 10px;
    width: 35%;
    display: flex;
    align-items: center;
    background: rgba(255, 255, 255, 0.20);
}
.oppTitleWrap .bookAnchor{
	width: 100%;
}

#opportunityProfile .mapBtnCont{
	display: flex;
	justify-content: flex-end;
	margin-top: 20px;
}
#opportunityProfile .mapBtnCont #showMap:hover{
	text-decoration: underline;
	cursor: pointer;
}

.headerBlock.oppDetailHeader{
	display: flex;
    padding: 0;
}
.headerBlock.oppDetailHeader .headerContainer{
	padding: 18px;
}
.headerBlock.oppDetailHeader .oppTitleBtnWrap{
	display: flex;
    justify-content: center;
    align-items: center;
    padding: 18px;
    background: rgba(255, 255, 255, 0.20);
}